Usability Week 2011 Toronto


Toronto skyline

Design is not just what it looks like and feels like, design is how it works. - Steve Jobs

Recently attended the Toronto session of the Usability Week 2011 training seminar organised by Nielsen Norman Group. I was able to attend the Web Design class and it was quite fascinating to learn about all the research findings pertaining to how people view pages.

  • People tend to scan through web pages till they find what they are looking for
  • Use text with narrow paragraphs, so readers can easily move from one line to the next
  • Avoid welcome copy i.e “welcome to our site…” etc. (that was cool last century, not now)
  • Visual hierarchy is very important, make your headings larger and bolder and use the HTML header tags properly (H1 before H2 before H3 etc.)
  • Keep important info e.g navigation above the fold, avoid layouts like this
  • Only 1% of users turn off Javascript
  • College students are not really better than baby-boomers at using the internet but they think they are, some have up to 25 tabs open at once
  • Use larger fonts, even footer text should be at least 10px
  • For mobile applications space the form elements and buttons further apart because of user’s “fat finger”

Those are some of the salient points from the seminar. Apart from the learning experience, i also had the opportunity to network with other professionals in the same field. Some even came all the way from the US.

This entry was posted in Design, Tutorials, Web design & development. Bookmark the permalink.

2 Responses to Usability Week 2011 Toronto

  1. Rebecca says:

    A better magazine theme will make the blog looks nicer:)

  2. Miami A says:

    I like your fantastic web site. Just what I was searching for!
    Best regards

Leave a Reply

Your email address will not be published. Required fields are marked *

*


6 + 1 =

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>