110 likes | 267 Views
A Guide to Web Design. MFC – 215 Power Point Presentation Steve Krug’s Book “Don’t Let Me Think” Details web-usability by looking at the interaction between a human being and a computer WELCOME. A Guide to Web Design. Most Web Site Users Simply Scan for the First Thing That Looks Good
E N D
A Guide to Web Design MFC – 215 Power Point Presentation Steve Krug’s Book “Don’t Let Me Think” Details web-usability by looking at the interaction between a human being and a computer WELCOME
A Guide to Web Design Most Web Site Users Simply Scan for the First Thing That Looks Good Design for Scanning not Reading Create Clear Visual Hierarchy Text Should Be Nested to Show What Belongs to What Clearly Define Portions of the Page Be Very Clear as to What is Clickable Avoid Noise!!!!!!!!!!!!
A Guide to Web Design “The Trunk Test” “If you’ve been locked in a trunk of a car for a while” you should be able to answer the following questions when you look at web site according to Steve Krug: What site is this? What page am I on? What are the major sections of this site? What are my options at this level? Where am I in the scheme of things? How can I search?
A Guide to Web Design “Testing Your Web Site” Any Testing is Far Better Than NOTESTING! To Do Testing You Need: Three to Four People An Empty Room With a Desk and a Few Chairs A Computer Video Recording Device to Show Others What the User is Doing
A Guide to Web Design “The Home Page” It is important that your Home Page Contain: The Site Identity and Mission Site Hierarchy Prominently Displayed Search Box Teasers for Content Timely Content Deals, Shortcuts, and Registration Show Me What I am Looking For … And What I’m Not Where to Start Establish Creditability and Trust!!!!!!!!!!!!!!!!!!!
A Guide to Web Design “Testing Your Web Site” Tests Need to Consist of Several Parts: See if the users understand what the site is about See if the users know how the site works Ask the users to perform some tasks on the site See how they accomplish the tasks
A Guide to Web Design “Testing Your Web Site” It is important to debrief and review immediately after testing and put the information gained to use!
A Guide to Web Design “Usability” This is important because it means you are making sure the web site works well! In other words … … The Average Person can use the web site without getting FRUSTRATED!
A Guide to Web Design “Accessibility” By keeping accessibility in mind while designing your web site you inevitably broaden your web site’s audience!!!
A Guide to Web Design “Accessibility” This can be accomplished by: Adding appropriate alt text to every image Making your forms work with screen readers Create a “Skip to Main Content” link at the beginning of each page Make all content accessible by keyboard Don’t use JavaScript without a good reason Use client-side (not server-side) image maps
A Guide to Web Design Arthur S. Forman arthurfo@buffalo.edu (716) 864 - 1949