Presentation Outline

Slide 1

Creating a usable website

guestpostlabs.com


Slide 2

How do users think?

  • Users appreciate quality and credibility
  • Users don't read they scan
  • Users are impatient and expect instant gratification
  • Users don't make optimal choices
  • Users follow their intuition
  • Users want to have control

Slide 3


Slide 4

Don't make users think

  • Web page should be self-explanatory
  • Make the site architecture and navigation intuitive
  • Users explore websites in "F-pattern"

Slide 5

Content is not intuitive


Slide 6

f-pattern


Slide 7

Functional slogan with reduced cognitive load


Slide 8

Don’t squander users’ patience

  • Keep the user requirement to minimal
  • Don't ask for a marriage in first date
  • Select menu don't have a place in forms

Slide 9

Perfect example for a user-friendly service which requires almost nothing from the visitor which is unobtrusive and comforting.


Slide 10

Form with horizontal orientation


Slide 11

Manage to focus users’ attention

  • Human eye instantly recognize patterns and motions
  • Provide subtle hints to guide users
  • Use visual elements to focus user attention
  • Don't make the users ask too many questions


Slide 12

more focus on the word "free"


Slide 13

Strive for feature exposure

  • Let the user see what functions are available
  • Provide guidelines for users to lead through content

Slide 14

visible navigation


Slide 15

Make use of effective writing

  • Write for user preferences and habits
  • Talk business - avoid technical names
  • Use short and concise phrases
  • Use scannable layout
  • Use plain and objective language

Slide 16

emphasis on price


Slide 17

Strive for simplicity

  • User are not on a site to enjoy design
  • Best design is no design at all

Slide 18

clear information about the site and gives users with option


Slide 19

Don’t be afraid of the white space

  • It helps to reduce the cognitive load for users
  • Hierarchical structure reduce complexity

Slide 20

white space is good


Slide 21

Communicate effectively with a “visible language”

  • Organize: provide users with a clear structure
  • Economize: do with the least amount of cues and visual elements
  • Communicate: match the presentation to the capabilities of user

Slide 22

Conventions are our friends

  • Conventional design reduce learning curve
  • Follow user expectation
  • Innovate only when you have a better idea

Slide 23

Test early, test often

  • TETO principle provide insights into projects
  • Testing is iterative process
  • Usability test always provide useful results
  • Developer or designers are unsuited to test his/her work

Slide 24

References

http://web.cs.wpi.edu/~matt/courses/cs563/talks/smartin/int_design.html by Suzanne Martin

http://nibis.ni.schule.de/~lepke/homepage/webdesign/webdesign.html

http://www.macgregor.net/speaking/digitaleve/UID.swf

http://www.usability.gov/pdfs/guidelines.html

“The psychology of computer programming” by Gerald Weinberg

“Designing Web Usability” by Jakob Nielsen [JN / DWU]

“Prioritizing Web Usability” by Jakob Nielsen

“Don’t Make Me Think” by Steve Krug

“Usability for the Web: Designing Web Sites that Work” by Tom Brinck, Darren Gergle, Scott Wood

A Summary of Principles for User-Interface Design


Slide 25

Design is not about making things pretty. Its about solving problems


Load more…

SlideRocket online PowerPoint maker lets you create, collaborate and connect.