Wednesday, October 31, 2012

10 Usability Lessons from Steve Krug’s Don’t Make Me Think

The Lessons

  1. Usability Means…

    Usability means making sure something works well, and that a person of average ability or experience can use it for its intended purpose without getting hopelessly frustrated.
  2. Web applications should explain themselves.

    As far as humanly possible, when I look at a web page it should be self-evident. Obvious. Self-explanatory.
  3. Don’t Make Me Think

    As a rule, people don’t like to puzzle over how to do things. If people who build a site don’t care enough to make things obvious it can erode confidence in the site and its publishers.
  4. Don’t waste my time

    Much of our web use is motivated by the desire to save time. As a result, web users tend to act like sharks. They have to keep moving or they’ll die.
  5. Users still cling to their back buttons

    There’s not much of a penalty for guessing wrong. Unlike firefighting, the penalty for guessing wrong on a website is just a click or two of the back button. The back button is the most-used feature of web browsers.
  6. We’re creatures of habit

    If we find something that works, we stick to it. Once we find something that works — no matter how badly — we tend not to look for a better way. We’ll use a better way if we stumble across one, but we seldom look for one.
  7. No Time for Small Talk

    Happy talk is like small talk – content free, basically just a way to be sociable. But most Web users don’t have time for small talk; they want to get right to the beef. You can – and should – eliminate as much happy talk as possible.
  8. Don’t lose search

    Some people (search-dominant users), will almost always look for a search box as they enter a site. These may be the same people who look for the nearest clerk as soon as they enter a store.
  9. We form mental site-maps

    When we return to something on a Web site, instead of replying on a physical sense of where it is, we have to remember where it is in the conceptual hierarchy and retrace our steps.
  10. Make it easy to go home

    Having a home button in sight at all times offers reassurance that no matter how lost I may get, I can always start over, like pressing a Reset button or using a “Get out of Jail free” card.

Cool examples of websites

http://www.thebestdesigns.com/page/111/

anatomy of a perfect landing page


Parallax Scrolling Web Design

I think that in general that most web users do not like to scroll down and view the entire page due to most of the most important information and main navigation is placed in the topmost areas.
Parallax Scrolling forces the reader to scroll down to view the content however when it is used well it can be very interactive and fun. Heres 3 of my favorites and a link to a blog that features others.


http://www.nike.com/jumpman23/aj2012/

http://www.samsung.com/us/microsite/galaxysII/

http://www.ok-studios.de/home/

http://webdesignledger.com/inspiration/18-beautiful-examples-of-parallax-scrolling-in-web-design

Tuesday, October 9, 2012

Magazine revisions thus far

My latest revisions so far include the 6 rows I added to the page margins to help align subject matter across spreads more cohesively, a revisit to the layout of the table of contents, and polishing up of the M. Conway spread. Soon I plan on adding in 2 more articles with my own photography of Alex Leon and Laura Ospina. I've been having fun creating the spreads and I look forward to doing some infographics soon!