Design with Users in Mind
Download
Report
Transcript Design with Users in Mind
AGRICULTURE
YOUTH &
FAMILIES
HEALTH
ECONOMY
ENVIRONMENT
ENERGY
Design with User in Mind
COMMUNITIES
How Users Read on the Web
• People rarely read Web pages word by word; instead, they
scan the page, picking out individual words and sentences.
Information Jakob Nielsen’s Alertbox website found that 79
percent of our test users always scanned any new page they
came across; only 16 percent read word-by-word.
• Eyetracking visualizations show that users often read Web
pages in an F-shaped pattern: two horizontal stripes followed
by a vertical stripe.
How Users Read on the Web: “F” pattern
Scrolling and Attention
• Web users spend 80% of their time looking
at information above the page fold (first
screen). Although users do scroll, they
allocate only 20% of their attention below
the fold.
• Web statistics on the main Extension web
site show screen 55% of computer screens
height in pixels is between 768 to 1024
On ext.wsu.edu, 55 % of screens height is between 768 to 1024 pixels
Example: Old ext.wsu.edu design at 1024 X 768
Page Fold
Conclusion: Use site to delivery information
•
•
•
•
Web pages have to employ scannable text
Use bulleted lists
Use built in calendaring feature to post event information
Don’t make users scroll too much past the first screen of
your site
• Primarily use Adobe Acrobat created .pdf files to distribute
Word, Excel and PowerPoint documents on the web
• Writing style
•
•
•
•
•
starting with the conclusion similar to news paper style
one idea per paragraph
meaningful sub-headings (not "clever" ones)
highlighted keywords
half the word count (or less) than conventional writing
Top page of County CMS site
Beef section of the new WSU Extension website
Beef section on County CMS site with statewide resources
Specific county information can be inserted to
be added to statewide resources .