Best practice in design on NREN websites A heuristic evaluation made for TERENA TF-PR By Julia Gardner & Gitte Kudsk, UNIC

Slides:



Advertisements
Similar presentations
Web design Most digitisation projects are made available through Websites Effective Access depends on good web design Identify users and their information.
Advertisements

ASIST Website Redesign Final Proposal By P. Lucas-Stannard.
Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,
COMP6703 : eScience Project III ArtServe on Rubens Emy Elyanee binti Mustapha Supervisor: Peter Stradzins Client: Professor Michael.
USING THE WEB FOR MARKETING. Why the web is important Know your audience Tasks and links Creating great content Search engine optimisation How the Computer.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Instructional Design Tips Janet Holland. Impression on First Entry Meaningful Images Small Loads Quickly Text Visible Text Steady.
Cathy Bailey Comp 6626 Project # 2 10/23/2009. WireFrame Alternative #1 Scenario: Click on a state and a PDF document of the state’s two page profile.
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
Website evaluation models and acceptability factors K.Vipartienė, E. Valavičius.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
What is a Usable Library Website? Results from a Nationwide Study Anthony Chow, Ph.D., Assistant Professor Michelle Bridges, Patricia Commander, Amy Figley,
© Anselm Spoerri Lecture 14 Course Review –Course Objectives –Design Principles Evaluation Criteria used for Term Project.
Large Corporation Web Sites Efficient process Maximum effectiveness.
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
WEB DESIGN SOLUTIONS. 2 Presentation by JAVANET SYSTEMS 1st Floor, ROFRA House, Suite 4, Kansanga, Gaba Road P.O Box 31586, Kampala, Uganda Tel: +256(0) ,
1 © Netskills Quality Internet Training, University of Newcastle Web Page Design © Netskills, Quality Internet Training University.
Victor Solanoy. Xilinx provides training on programmable logic solutions using a variety of development tools using by partnering with training organizations.
Best practice in design on NREN websites A heuristic evaluation made for TERENA TF-PR February 2004 By Julia Gardner & Gitte Kudsk, UNIC.
Louisa Lambregts, Algonquin College. Today, we will review: 1. website design process 2. what is effective web design? 3. main client project and deliverables.
World Wide Web Resources What Do the Experts Say About Web Pages? February, 2001.
MULTIMEDIA DEFINITION OF MULTIMEDIA
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.
MI.GOV Site Design Evaluation October MI.GOV Usability Review  MSU Usability and Accessibility Center (UAC)  Reviewed rankings by studies like.
Setting Project Requirements. Step One The first step in creating a website is to define the Purpose.
EERE Content Standards Presenter: Allison Casey March 26, 2008.
PBA Front-End Programming Page Composition. Page composition Now we know about – Colors – Fonts, texts and editorial style – Links and navigation – …
ADA Americans with Disabilities Act. Many people with disabilities are unable to access information on websites because of a variety of barriers that.
5 Elements of Good Web Design A powerpoint by Himyt Kang & Harman Lidder.
Chapter 17 Designing for the Web Ryan Galloway Andy O’Neil Joe Ahn.
Web Design Guidelines by Scott Grissom 1 Designing for the Web  Web site design  Web page design  Web usability  Web site design  Web page design.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
Usability 1 Usability evaluation Without users - analytical techniques With users - survey and observational techniques.
How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication.
SEO. SEO Market Store Best Practice “The Rakuten Merchant Package for SEO will aid in improving the visibility of your store in search.” Getting Started.
Jakob Nielsen’s “Top Ten Guidelines for Homepage Usability” Presented by Oyeniyi Ogunde
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Louisa Lambregts, Algonquin College. Today, we will review: 1. website design process 2. main client project and deliverables 3. what is effective web.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO INFORMATION ARCHITECTURE.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
Data from a Distance: Let your website speak for you Gillian Byrne QEII Library, Memorial University of Newfoundland.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
SEO. SEO Market Store Best Practice “The Rakuten Merchant Package for SEO will aid in improving the visibility of your store in search.” Getting Started.
Web page design. Web Site Design Principles Design for the Medium What is meant by Hyper Media? Hypertext links.
{ User Centered Design Final Presentation Donia Canaveral }
Date of Presentation Name of Presenter Insert image _________ Toolkit.
UNIT 14 1 Websites. Starter 2 1 Starter 1 Divide the students into groups. Ask them to make lists. Ask Students to read their lists. Discuss the most.
Asking Users and Experts Li Zhang (Jacey) Yuewei Zhou (Joanna)
TESTING AND MAINTAINING A WEB SITE Presented by: Robert O'Neill student number:8 Acknowledgement: This information is primarily gathered from: Web Design,
Managing the content of web pages
Public Services Information Management
Section 7.1 Section 7.2 Identify presentation design principles
Basics of Website Development
Web section best practice checklist for departments
Unit 14 Website Design HND in Computing and Systems Development
Evaluation technique Heuristic Evaluation.
Instructional Design Tips
Designing for the World Wide Web
Information System Design Info-440
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Benchmarking of The Eurostat website / Monitoring indicators of NSI websites C Laevaert B Le Goff DWG May Luxembourg.
INTRODUCTION TO INFORMATION ARCHITECTURE
Best practice in design on NREN websites
Public Services Information Management
Instructional Design Tips
Website production.
Presentation transcript:

Best practice in design on NREN websites A heuristic evaluation made for TERENA TF-PR By Julia Gardner & Gitte Kudsk, UNIC & Presentation for TERENA GA

TERENA GA 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

TERENA GA Purpose of the evaluation As a delivery for the TERENA Task Force in Public Relations the purpose of the survey of NREN websites is to find Best Practise on how to set up and maintain an NREN website.

TERENA GA 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 usability principles

TERENA GA 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”).

TERENA GA 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.

Results of the evaluation

TERENA GA Results Accessibility Navigation Content

TERENA GA Every frame and page should have an unique title, so that identification and navigation is easier

TERENA GA Every non-text element should have a text equivalent

TERENA GA All information must be available without colour

TERENA GA Results Accesibility Navigation Content

TERENA GA All pages must include a clearly visible link to the homepage Site logos should link to the homepage

TERENA GA Provide access to the main menu from all parts of the site

TERENA GA Use the menu to clearly indicate where a certain page belongs

TERENA GA Give the content a useable date

TERENA GA 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

TERENA GA Do not write text in a different colour unless it is a link

TERENA GA Do not use animation to attract attention

TERENA GA Avoid “pogo sticking” List of services Service 1 Service 2 Service 3 Service 4 Service 1 Xxx xxxx xxxxx Service 4 Xxx xxxx xxxxx

TERENA GA Avoid “pogo sticking” - example

TERENA GA Design should be consistent across the site

TERENA GA Search results should offer sufficient information to allow the user to make an informed choice

TERENA GA Results Accesibility Navigation Content ”Content is king”

TERENA GA Homepage Make it clear to the user what is the purpose of your site - 1

TERENA GA Homepage Make it clear to the user what is the purpose of your site - 2

TERENA GA Homepage Offer direct access to topics of special interest

TERENA GA Homepage Inform about problems

TERENA GA Homepage A site map on the homepage is a concise introduction to your site

TERENA GA Homepage Include general contact information on the homepage

TERENA GA Avoid organizing the material on the web according to your own organisation

TERENA GA Use cross-linking

TERENA GA Clickable graphics/organisational charts

TERENA GA News

TERENA GA Finally - Why is usability important? ”The competitors” site is only a click away Involving the user is preparing for the future

TERENA GA Questions ? ? ? ? ? ? ? ?