Usability Prepared by: The NYS Forum for Information Resource Management IT Accessibility Committee.

Slides:



Advertisements
Similar presentations
Project 1 ACSM PowerPoint.
Advertisements

HTML Basics Customizing your site using the basics of HTML.
Hints and tips for good web content. The University’s web presence To clearly inform prospective students, their influencers, researchers, potential members.
UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
Refinement Production Implementation Design and Development Stages.
Web Page Usability. Determine User Goals Brainstorm: Brainstorm: Why would users come to your page? Why would users come to your page? What level of information.
Web Page Usability. Determine User Goals Brainstorm: Brainstorm: Why would users come to your page? Why would users come to your page? What level of information.
Macromedia Dreamweaver MX 2004 Design Professional Web Page DEVELOPING A.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Educator Websites Friend or Foe? Presented by Jeff Gullion Instructor, Information Technology Des Moines Area Community College IBEA Conference October.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Do’s and Don’ts of Web Design By: Cassandra VanHumbeck.
A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.
BUAD Chapter 9 Presentation: Ben Carlson Lindsey Edelman Greg Fleck Jackie Powell Allison Ward.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
Chapter 15 Designing Effective Output
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.
 ult.htm ult.htm  This website illustrates the use of CCS (style sheets)
Testing and Debugging Web pages. Final exam Wednesday, May 10: 10am – noon Content: guidelines will be distributed next lecture Format: Matching, multiple.
Accessible Web Design Carolyn Fiori Assistive Technology Specialist, College of San Mateo November 2011.
Web-designWeb-design. Web design What is it? Web-design features Before…
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
Schoolwires 101 Frequently used “shortcut key” within the editor. ~Created by, Shannon Conley.
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.
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) ,
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
Creating Web Pages Chapter 5 Learn how to… Identify Web page creation strategies. Define HTML Web page elements. Describe the principles of good screen.
Webmasters’ Guild Word Training. Making Better Word 2007 (and 2003) Documents Styles…Images…Lists Oh my!
Chapter 17 Designing for the Web Ryan Galloway Andy O’Neil Joe Ahn.
Web Page Concept and Design :
DIGITAL DESIGN Digital Design is the art and process of creating a single Web page or entire Web sites and may involve both the aesthetics and the mechanics.
IF-ITB/EN/Des 2004 IF1191 – Web Design & Usability Page 1 Web Design & Usability Elfan Nofiari Departemen Teknik Informatika ITB.
“Just look at our web site…” I hate the title of this session, and so should you.
Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your.
Font, Font Size, and Text Color. When you have a text box open you have access to the font, font size, and font color from the home screen under the section.
HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Developing Website Content Project Process Content Strategy and Management Writing for the Web Tips and Tricks Discussion Items.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
WEBSITES IN 2012 Prepared for the Jefferson County Fair Matt Checchio Jessica Noland.
10 Effective Website Tips Luana Mattey For Professionals in Private Practice Get Online, Get Found, Get Clients.
Creating Web Pages with Links, Images, and Embedded Style Sheets
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
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.
COMP 143 Web Development with Adobe Dreamweaver CC.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
Web Page Elements Writing For the Web
Chapter 2 Developing a Web Page.
Chapter A - Getting Started with Dreamweaver MX 2004
Web-design.
Dreamweaver – Project #1
Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.
Website Design and Management Section 3 - Design
Introduction to Web Design
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Web Development & Design Foundations with H T M L 5
Krug Chapter 1 Don’t Make Me Think ! And Designing Hyper Text
EBSCOhost Page Composer
Usable Content.
Tips on good web site Design
A02 Creating my website NAME ______________.
Krug Chapter 1 Don’t Make Me Think ! And Designing Hyper Text
Presentation transcript:

Usability Prepared by: The NYS Forum for Information Resource Management IT Accessibility Committee

Usability OBJECTIVE: the learner will list three ways to make a web site easier to use

Usability Tip 1 The purpose of your site should be instantly clear to your visitors. Clearly establish on your home page what you hope to accomplish on your web site. Page titles should clearly describe the content of the page – used in search engines.

Usability Tip 2 It should be instantly apparent how to reach the key content of your site. Highlight the main sections of your site and make it clear how to reach them. Jakob's Law of the Web User Experience states that "users spend most of their time on other websites." If it doesnt work the way people expect, expect them to leave.

Usability Tip 3 Your site should be easy to navigate Navigation should be clear and consistent. Change the color of visited links Dont open new windows – visitors HATE that. Pirates commandeer ships – new age pirates commandeer your screen and desktop Users know what the back button is for and how to use it.

Usability Tip 4 Avoid PDF Files for Online Reading Because PDFs behave differently than HTML pages, users hate coming across them. It breaks the flow of their web browsing experience. PDFs are hard to navigate. PDF is great for printing and for distributing manuals. Convert information that needs to be browsed or read on the screen into real web pages.

Usability Tip 5 Avoid the wall of text Walls of text are deadly for the online experience Use bullets, highlights, short paragraphs, headlines Use simple, direct language Jakob Nielson calls this de-fluffed language

Usability Tip 6 Make the computer do the work, not your visitors. SSN fields in one box, not three Telephone numbers in one box, not three Accept (518) or or or Credit card numbers with or without spaces

Usability Tip 7 Avoid Horizontal scrolling Visitors have been conditioned to scroll down, but find scrolling across both unexpected and annoying.

Usability Tip 8 Avoid unexpected links If its an link, make it look like an link. Its annoying to expect to go to a page for, say, help, only to discover that not only is help unavailable, but you have to write and stuff.

Usability Tip 9 Avoid anything that looks like an ad Users have learned to ignore banner advertisements They dont check to see what the content is – they just ignore it They block pop-ups, or kill them off before they render They ignore anything with animation

Usability Tip 10 Allow the visitor to change the font size Dont use tiny fonts Use relative sizes, not absolute, in style sheets

Following Up