Goal : Your average user can use it without frustration.

1
(No Transcript)
2
Web Usability
Web Usability

• Goal Your average user can use it without
  frustration.
• Usability guidelines
• Dont make users think.
• Avoid obscure messages.

3
We dont read pages, we scan them

• We are usually in a hurry.
• We know we dont need to read everything.
• We are good at it.

4
(No Transcript)
5
(No Transcript)
6
Brochure / Billboard

• Convey message quickly.
• Create visual hierarchy on each page.
• Font sizes
• Group related things
• Nested blocks
• Take advantage of conventions.
• Minimize noise.

7
What we see on a page depends on what we have in
mind

• We tend to focus on words/phrases that seem to
  match
• Task on hand.
• Current / Ongoing personal Interests.
• Trigger words that are hardwired into our
  nervous systems like
• Free
• Sale
• Se
• Our own name.

8
(No Transcript)
9
Homepage

• Different from all other pages.
• It communicates the sites value and purpose.
• Shows all major options available on the site.
• Enable access to home page from any other page.

10
Navigation

• We dont make optimal choices, we satisfice.
• Back button is the most used feature.
• Navigation links Primary, Secondary, Tertiary..
• Page names are like street signs of the web.
• Bread crumbs.
• You are here Home gt Gallery gt Art gt
  Photography gt Nature

11
Usability Testing

• Iterative design approach.
• Create prototypes.
• Wireframes.
• Study 30 more task completions on sites
  redesigned following usability rules.

12
Conclusion

• No single way to design, but follow the rules.
• Watch for the trend, dont copy.
• Your competition is just one click away, dont
  frustrate your users.

13
Reference / Further reading

• Dont make me think Steve Krug.
• http//usability.gov/guidelines/index.html
  (research based guidelines)
• http//www.useit.com (Jakob Nielsen)

14
(No Transcript)