Best practice in design on NREN websites
description
Transcript of Best practice in design on NREN websites
![Page 1: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/1.jpg)
Best practice in design on NREN websitesA heuristic evaluation made for TERENA TF-
PR
By Julia Gardner & Gitte Kudsk, UNI•C [email protected] & [email protected]
Presentation for TERENA GA 10.06.2004
![Page 2: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/2.jpg)
2
TERENA GA 10.06.2004
Best practice – for whom?
What the sales department thinks is Best Practice
What the customer needs
Suggestion from the design department
Demand from the economics department
Result from the production department
![Page 3: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/3.jpg)
3
TERENA GA 10.06.2004
Purpose of the evaluation
As a delivery for the TERENA Task Force inPublic Relations the purpose of the survey ofNREN websites is to find Best Practise on howto set up and maintain an NREN website.
![Page 4: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/4.jpg)
4
TERENA GA 10.06.2004
Ways to make an evaluation of a website
Qualitative user evaluations• Usability test• Field study• Workshops
Quantitative user evaluations• Questionnaires
Expert evaluation based on a list of established usabilityprinciples
![Page 5: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/5.jpg)
5
TERENA GA 10.06.2004
A heuristic evaluation
A usability inspection where usability specialists examine the user
interface and judge whether each element complies with a list of
established usability principles (the “heuristics”).
![Page 6: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/6.jpg)
6
TERENA GA 10.06.2004
Usability = User friendliness + Usefulness
(relevance)•Accessibility
– Is it possible for people with any kind of disability to use the website
•Navigation– Is it possible for any user to find the information he is looking for
•Content– Is it possible for the user to understand and use the information on the website. Is the information on the website relevant for the user.
![Page 8: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/8.jpg)
8
TERENA GA 10.06.2004
Results
• Accessibility• Navigation• Content
![Page 9: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/9.jpg)
9
TERENA GA 10.06.2004
Every frame and page should have an unique title, so that identification and navigation is easier
![Page 10: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/10.jpg)
10
TERENA GA 10.06.2004
Every non-text element should have a text equivalent
![Page 11: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/11.jpg)
11
TERENA GA 10.06.2004
All information must be available without colour
![Page 12: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/12.jpg)
12
TERENA GA 10.06.2004
Results
• Accesibility• Navigation• Content
![Page 13: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/13.jpg)
13
TERENA GA 10.06.2004
•All pages must include a clearly visible link to the homepage
•Site logos should link to the homepage
![Page 14: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/14.jpg)
14
TERENA GA 10.06.2004
Provide access to the main menu from all parts of the site
![Page 15: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/15.jpg)
15
TERENA GA 10.06.2004
Use the menu to clearly indicate where a certain page belongs
![Page 16: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/16.jpg)
16
TERENA GA 10.06.2004
Give the content a useable date
![Page 17: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/17.jpg)
17
TERENA GA 10.06.2004
Write for the net
• Make sentences short and precise• Label sections to allow the user to scan the page easily
• Write less• Start with the conclusion
![Page 18: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/18.jpg)
18
TERENA GA 10.06.2004
Do not write text in a different colour unless it is a link
![Page 19: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/19.jpg)
19
TERENA GA 10.06.2004
Do not use animation to attract attention
![Page 20: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/20.jpg)
20
TERENA GA 10.06.2004
Avoid “pogo sticking”
List of services
•Service 1•Service 2•Service 3•Service 4
Service 1
Xxx xxxx xxxxxXxx xxxx xxxxxService 4
Xxx xxxx xxxxxXxx xxxx xxxxx
![Page 21: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/21.jpg)
21
TERENA GA 10.06.2004
Avoid “pogo sticking” - example
![Page 22: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/22.jpg)
22
TERENA GA 10.06.2004
Design should be consistent across the site
![Page 23: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/23.jpg)
23
TERENA GA 10.06.2004
Search results should offer sufficient information to allow the user to make an informed choice
![Page 24: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/24.jpg)
24
TERENA GA 10.06.2004
Results
• Accesibility• Navigation• Content
”Conte
nt is k
ing”
![Page 25: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/25.jpg)
25
TERENA GA 10.06.2004
Homepage
Make it clear to the user what is the purpose of your site
- 1
![Page 26: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/26.jpg)
26
TERENA GA 10.06.2004
Homepage
Make it clear to the user what is the purpose of your site
- 2
![Page 27: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/27.jpg)
27
TERENA GA 10.06.2004
Homepage
Offer direct access to topics of special interest
![Page 28: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/28.jpg)
28
TERENA GA 10.06.2004
Homepage
Inform about problems
![Page 29: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/29.jpg)
29
TERENA GA 10.06.2004
Homepage
A site map on the homepage is a concise introduction
to your site
![Page 30: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/30.jpg)
30
TERENA GA 10.06.2004
Homepage
Include general contact information on the homepage
![Page 31: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/31.jpg)
31
TERENA GA 10.06.2004
Avoid organizing the material on the web according to your own organisation
![Page 32: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/32.jpg)
32
TERENA GA 10.06.2004
Use cross-linking
![Page 33: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/33.jpg)
33
TERENA GA 10.06.2004
Clickable graphics/organisational charts
![Page 34: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/34.jpg)
34
TERENA GA 10.06.2004
News
![Page 35: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/35.jpg)
35
TERENA GA 10.06.2004
Finally - Why is usability important?
• ”The competitors” site is only a click away• Involving the user is preparing for the
future
![Page 36: Best practice in design on NREN websites](https://reader035.fdocuments.us/reader035/viewer/2022062518/56814511550346895db1d1e0/html5/thumbnails/36.jpg)
36
TERENA GA 10.06.2004
Questions
? ?
?
?
??
?
?