Recent Updates Toggle Comment Threads | Keyboard Shortcuts

  • greg 8:51 am on April 18, 2014 Permalink | Log in to leave a Comment
    Tags: ,   

    There isn’t just one way to animate SVG. There is the <animate> tag that goes right into the SVG code. There are libraries that help with it like Snap.svg or SVG.js. We’re going to look at another way: using inline SVG (SVG code right inside HTML) and animating the parts right through CSS.

    read all about it Animating SVG with CSS | CSS-Tricks.

     
  • greg 11:25 am on April 10, 2014 Permalink | Log in to leave a Comment  

    SO…

    BuiltWith Technology Lookup.

    Seriously – extremely useful tool. I absolutely used this tool today to determine what platform a client site was built with… 

     
  • Bobby 9:25 am on April 3, 2014 Permalink | Log in to leave a Comment
    Tags: , CTA's   

    Websites with Ghost Buttons.

    Love this. A decent technique that has a lot of potential for secondary CTA’s and creating hierarchy within multiple CTA’s on a page.

     
  • Trish 9:52 am on March 31, 2014 Permalink | Log in to leave a Comment  

    http://uxmyths.com/

    UX Myths collects the most frequent user experience misconceptions and explains why they don’t hold true. And you don’t have to take our word for it, we’ll show you a lot of research findings and articles by design and usability gurus.

     
    • Bobby 9:28 am on April 3, 2014 Permalink | Log in to Reply

      Good find. UX Myths can really eff up a design, especially when presenting it to someone who thinks they know design and UX because they follow a ux designer on Twitter.

  • greg 12:01 pm on March 11, 2014 Permalink | Log in to leave a Comment
    Tags: image   

    You know the situation, you’ve got a new logo or image you want to use across your social media and the next hour is taken up Googling what size each image needs to be, how big the file should be and how many different options you need. Well now you can use that hour to sit back and relax. We’ve done all this hard work for you and put together our awesome social media cheat sheet just for you! via Social media cheat sheet (2014) – super speedy, all you needy | The Pink Group.





     

     

     
  • Trish 9:02 am on March 11, 2014 Permalink | Log in to leave a Comment  

    Interesting read about how the new “Attention Web” is more concerned with holding your attention than your clicks.

    http://time.com/12933/what-you-think-you-know-about-the-web-is-wrong/

    Spurred by new technology and plummeting click-through rates, what happens between the clicks is becoming increasingly important and the media world is scrambling to adapt.

    And debunking some myths:

    Myth 1: We read what we’ve clicked on

    Chartbeat looked at deep user behavior across 2 billion visits across the web over the course of a month and found that most people who click don’t read. In fact, a stunning 55% spent fewer than 15 seconds actively on a page.

    Myth 2: The more we share the more we read

    We looked at 10,000 socially-shared articles and found that there is no relationship whatsoever between the amount a piece of content is shared and the amount of attention an average reader will give that content.

    Myth 3: Native advertising is the savior of publishing

    On a typical article two-thirds of people exhibit more than 15 seconds of engagement, on native ad content that plummets to around one-third.

    Myth 4: Banner ads don’t work

    Here’s the skinny, 66% of attention on a normal media page is spent below the fold. That leaderboard at the top of the page? People scroll right past that and spend their time where the content not the cruft is. Yet most agency media planners will still demand that their ads run in the places where people aren’t and will ignore the places where they are.

     
  • Trish 1:06 pm on March 3, 2014 Permalink | Log in to leave a Comment  

    Handy little checklist for catching common usability problems before user testing http://userium.com/

     
  • greg 9:29 am on February 28, 2014 Permalink | Log in to leave a Comment
    Tags: ,   

    jQuery is a fantastic library for designing and developing user interactions quickly. Whether it’s an image gallery or form, content-revealing animation or an explosion effect, the library provides the core building-blocks to allow you to rapidly prototype and deliver a unique user interface with the minimum of code and effort.

    This presents an interesting question, however. Just because you can roll your own solution to any given problem, does that mean you should? Of course not! There’s absolutely no need to reinvent the wheel every time you want to create a bit of common functionality; use plugins to instantly add a behaviour. Doing so will save you even more time and effort! Here’s a nice new list.

    The top 20 jQuery plugins | jQuery | Creative Bloq.

     
  • greg 11:33 am on February 26, 2014 Permalink | Log in to leave a Comment
    Tags:   

    Results

    via Mobile Menu AB Tested: Hamburger Not the Best Choice?.

     
  • greg 11:05 am on February 10, 2014 Permalink | Log in to leave a Comment
    Tags:   

    WOW.js – Reveal Animations When You Scroll. Very Animate.css Friend 

    doge

    Reveal Animations When You Scroll. Very Animate.css Friend :-)

    Easily customize animation settings: style, delay, length, offset, iterations…

    via WOW.js – Reveal Animations When You Scroll. Very Animate.css Friend..

     
  • Bobby 10:16 am on January 29, 2014 Permalink | Log in to leave a Comment
    Tags: , minimalistic, skeuomorphic   

    A Look at Flat Design and Why It’s Significant | UX Magazine 

    flat design is more than just an artistic treatment; it’s a response to the serious functionality issues that skeuomorphism presents.

    Another excellent read about the positives of the Flat Design “trend”. What I like about this one is how they tackle the subject of it being a trend. Is it really a trend or is it a solution to a problem?

    I think these 2 bullets pretty much explain how and why flat design is the right way to approach web design.

    • Embracing the limits of the screen and working within those parameters rather than trying to disguise them.

    • Using this newfound simplicity as a starting point for streamlining designs, and making websites faster and more functional.

    The author also articulates the point about how going “flat” doesn’t mean you have to go without perspective and dimensionality:

    Flat design doesn’t necessarily mean that anything hinting at dimensionality is out of place. For example,this website features an angled illustration with a clear perspective. But the overall trajectory of the trend is towards simplicity and minimalism. The buttons are plain fields of color with sharp corners. There’s not a drop shadow, beveled edge, or gradient to be seen.

    Once again UX Mag publishes an article that is a must read for any designer out there.

     

     
  • greg 10:58 am on January 27, 2014 Permalink | Log in to leave a Comment  

    Most businesses — especially small companies and startups — can’t afford to hire a dedicated UX designer, but that shouldn’t stop them from adopting some UX techniques. Trust me, it’s much easier than you think.

    read the whole huge thing at Pragmatic UX Techniques For Smarter Websites | Smashing UX Design.

     
  • greg 11:47 am on January 24, 2014 Permalink | Log in to leave a Comment  

    Principles of User Interface Design 

    1. Clarity is job #1
    2. Interfaces exist to enable interaction
    3. Conserve attention at all costs
    4. Keep users in control
    5. Direct manipulation is best
    6. One primary action per screen
    7. Keep secondary actions secondary
    8. Provide a natural next step
    9. Appearance follows behavior
    10. Consistency matters
    11. Strong visual hierarchies work best
    12. Smart organization reduces cognitive load
    13. Highlight, don’t determine, with color
    14. Progressive disclosure
    15. Help people inline
    16. A crucial moment: the zero state
    17. Great design is invisible
    18. Build on other design disciplines
    19. Interfaces exist to be used

    “To design is much more than simply to assemble, to order, or even to edit; it is to add value and meaning, to illuminate, to simplify, to clarify, to modify, to dignify, to dramatize, to persuade, and perhaps even to amuse.” – Paul Rand

    read the deets  @ Principles of User Interface Design.

     
  • greg 12:26 pm on January 23, 2014 Permalink | Log in to leave a Comment  

    Infographic: Shutterstock’s Global Design Trends 2014 — The Shutterstock Blog 

    It’s never a great idea to blindly follow trends, but it’s good to know what they are. It’s kind of similar to the old maxim that ‘you have to know the rules to break the rules’.

    But in fractured and disjointed world, working out what the latest visual design trends actually are can be difficult. A trend might be big in Europe but absent in North America; yet with more demand for designs that appeal across international boundaries, how do you get a handle on what will work?

    Well one way is to analyse the raw data. Image library Shutterstock is in a good position to do just that – and so for its third annual global design trends infographic it extracted details of over 350 million downloads and found some revealing patterns.

    Infographic: Shutterstock’s Global Design Trends 2014 — The Shutterstock Blog.

     
  • RyRy 10:31 am on January 23, 2014 Permalink | Log in to leave a Comment
    Tags: , ,   

    Infographic: Shutterstock’s Global Design Trends 2014 — The Shutterstock Blog.

     

    The part I found most interesting were the global download trends.  Cool promotional idea from Shutterstock.

     
  • greg 11:05 am on January 22, 2014 Permalink | Log in to leave a Comment
    Tags:   

    The 10 commandments of typography | Typography | Creative Bloq 

    Whether you design for print, web or mobile, getting your typography right is essential if you want to get your message across in the way you, or your client, intended.

    Here we look at common type mistakes, how you can avoid them and offer up some further reading along the way.

    read up on The 10 commandments of typography @ Creative Bloq.

    And the 11th commandment…

    Thou shalt not use Comic Sans. 

     
  • Bobby 2:32 pm on January 21, 2014 Permalink | Log in to leave a Comment
    Tags:   

    The WordPress Guide for Small Businesses – Simply Business.

    Quite simply one of the most brilliant pages I’ve seen in a while. Especially if you’re in the market to sell a client on WordPress.

    The WordPress Guide for Small Businesses – Simply Business

     
  • greg 12:21 pm on January 21, 2014 Permalink | Log in to leave a Comment
    Tags:   

    Is space above the fold still valuable in 2014?

    At the end of 2013, Peep Laja spoke at SearchLove about the Principles of Persuasive Web Design. He had observed that despite it being 2013 (now 2014) and us living in a much more scroll-oriented world, content placed above the fold was still grabbing 80% of our attention.

    via Life Above and Beyond the Fold – Moz.

     
  • greg 11:34 am on January 21, 2014 Permalink | Log in to leave a Comment
    Tags:   

    Found this excellent site today. I signed up for updates – it’s that fresh.

    Try Transitions instead of showing changes instantly.

    Interface elements often appear, hide, move, shift, and resize as users do their thing. As elements respond to our interactions, it sometimes is a little easier to comprehend what just happened when we sprinkle in the element of time. A built in intentional delay in the form of an animation or transition, respects cognition and gives people the required time to understand a change in size or position. Keep in mind of course that as we start increasing the duration of such transitions beyond 0.5 seconds, there will be situations where people might start feeling the pain. For those who just wish to get things done quickly, too long of a delay of course can be a burden.

    Just a growing list of common UI practices to get the best possible design. Lots of great ideas @ GoodUI.

     
  • Bobby 9:42 am on January 15, 2014 Permalink | Log in to leave a Comment
    Tags: ,   

    The declining value of social marketing single page view 

    Here is a really interesting take on Social and how companies are approaching it in 2014.

    Most eye opening part of this article to me is the attitude that social really isn’t turning out to be the “one ring to rule them all” as some predicted just 3 years ago.

    Here’s the breakdown and my take on the numbers:

    6% are new to social. – In other words: Um where have you been? Welcome to the club but you’re probably just going to copy what others have done and not innovate in the space.

    7.75% are happy campers. – In other words: The few that actually “GET IT”.

    10.5% are going to do something else. – In other words: Getting bored with it, and hate the social “experts” on their team.

    21% are dissatisfied with social marketing. – In other words: These are the companies and agencies that have old school traditional types running the show and they are too lazy and stupid to take the time to learn how to really make social work so they just give up.

    54.75% are stepping back and waiting. – In other words they know it can work, think they are the right type of brand to utilize social the proper way, but they just can’t find the right people to do the work and they are too afraid to tell the traditionals in their agency to bugger off. So they will just wait it out and hope they don’t miss the boat on something big.

    The declining value of social marketing single page view – iMediaConnection.com.

     
c
compose new post
j
next post/next comment
k
previous post/previous comment
r
reply
e
edit
o
show/hide comments
t
go to top
l
go to login
h
show/hide help
shift + esc
cancel