how to improve website usability main findings & conclusions from the mou seminar ivana...
TRANSCRIPT
![Page 1: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/1.jpg)
How to improve website usabilityMain findings & conclusions
from the MOU seminar
Ivana DoulgerofManagement Organisation UnitProgramming & Communication UnitINFORM meeting, 27/11/2008
![Page 2: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/2.jpg)
Why we organised the seminar
Effective O.P. websites
•Design a new portal on NSRF
- with appealing & quality content
- according to the “new” media format
![Page 3: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/3.jpg)
• Usability “gurus”
• Target group: MOU + 38 special services (120 information + IT officers)
• 3 days - 3 subjects:– Writing for the web– Web usability– Intranet usability
How we organised the seminar
![Page 4: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/4.jpg)
• Planning a website
• Content - information architecture
• Design - useful tips
Findings
Source: Norman Nielsen Group
–User Testing–Eye tracking–Field Studies–Diary Studies–Scoring tasks
![Page 5: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/5.jpg)
Planning a website (1)
– Define your audience / target group & their goals
– Consider the users’ needs & balance business and users’ needs
Write for the audience
![Page 6: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/6.jpg)
– Always plan the site on paper– Organise / categorise content– Editorial team / content
manager– Processes for content review – Content style guidelines
Planning a website (2)
![Page 7: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/7.jpg)
Content
• Concise
• Scannable
• Objective
• Crystal clear
Write, rewrite, edit, proofread,
test with users
![Page 8: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/8.jpg)
Writing for the web (1)
• Time is currency, users do not read, they scan. Use:
– scannable headings / subheadings (they need to tell the story ) / summaries
– bulleted lists– white space, large fonts / possibility to resize– relevant links which look like links with
correct titles – inverted pyramid for text body (important
things at the beginning)– short texts = readable
Less is
more
![Page 9: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/9.jpg)
Users read in an F-shaped pattern.
Rule of twos – First 2:
– words– lines – paragraphs
1st sentence of the paragraph must contain the main idea -Important words first
Writing for the web (2)
![Page 10: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/10.jpg)
Write content for a 13 year-old child
• Simplified writing, less formal, no dialects, no jargon.
– avoid acronyms, abbreviations, teasers, clichés– use active voice– put statements into positive form– use conventional spelling / words– be careful with humour
Writing for the web (3)
![Page 11: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/11.jpg)
The designer has to understand the website.
• Apply consistent elements & templates
• Follow standards
• Ensure text legibility
• Avoid many navigation bars / cascading menus
• Provide graphics & other media content sparingly
• Avoid banners (banner blindness)
Design
The site is not your art project
![Page 12: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/12.jpg)
Provide:• Help, on line documentation, signposts• Filtering (drilling down approach,
progressive disclosure)• Suggestion links • Human contact information (physical
address, tel.) / help desk• Space targeted to the media • Reliable search facilities / searchable
databases
Design: guiding the user
Useful tools should be in a prominent position, don’t hide them
![Page 13: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/13.jpg)
Other findings / tips
• Don’t open new browser windows (except for PDF, emails, applets)
• Don’t break the “back button”
• Don’t immediately request “log in”
• Installing software may cause stress to the user & break their workflow
• Collect data: statistic ratings, user feedback
Users want to be in control
![Page 14: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/14.jpg)
Enhance credibility• Professional, usable design and content
• More objective style, not “marketese”
• Associate with something trusted (i.e. projects, best practices, real users’ experience, contact area, photos of employees)
• Supporting evidence
• Update regularly / Change the homepage every 3 years
• Maintain the site at all times
• Register the site / promote
![Page 15: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/15.jpg)
![Page 16: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/16.jpg)
![Page 17: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/17.jpg)
Template 1
![Page 18: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/18.jpg)
Template 2
![Page 19: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/19.jpg)
![Page 20: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/20.jpg)
![Page 21: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/21.jpg)
![Page 22: How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication](https://reader035.vdocuments.us/reader035/viewer/2022062722/56649f2f5503460f94c4a078/html5/thumbnails/22.jpg)
• Apply recommendations on existing sites
• Create style guidelines
• Design portal according to web guidelines
• Test website usability
• Organise new usability seminars
Our future actions