glenys
Uploaded by
19 SLIDES
352 VUES
190LIKES

Enhancing Web Usability: Lessons from Common Design Bloopers

DESCRIPTION

This guide explores common web design bloopers that hinder usability and user experience. Highlighting issues such as ad hoc design, confusing navigational elements, and hidden links, it provides practical solutions to improve website functionality. Key tips include designing around user goals, ensuring clear link indicators, and implementing effective feedback mechanisms for buttons. By avoiding these pitfalls, web designers can create more intuitive and organized sites that enhance user satisfaction and engagement.

1 / 19

Télécharger la présentation

Enhancing Web Usability: Lessons from Common Design Bloopers

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Chapter 6Web Bloopers

  2. Web site structure reflects organizational structure or history Blooper 57

  3. Blooper 57 • Problem: • Usability suffers • Appearance of an ad hoc design • Happens when: • Designing new site • Multiple people working on a site

  4. Blooper 57 • Solution: • “What do users want to accomplish using the site?” • Design around answer to that question

  5. Back button doesn’t go where users expect it to go Blooper 58

  6. Blooper 58 • Problem: • Confuses the user (like with frames) • Will form data be saved when going back? • Solution: • Do what your best to make the back button do what users expect. • Avoid problem areas.

  7. Complicating Searching Blooper 59

  8. Blooper 59 • Problem: • Not including search criteria in search results • Giving users complicated search options • Solution: • Include Search Criteria (but not in every result). • Simplify searching options.

  9. Hidden Links Blooper 60

  10. Blooper 60 • Problem: • Images that aren’t clearly links • Image maps with no clear boundaries • Inconsistent link colors • Burying links in text, Click here • Solutions: • Leave default border • Let browser set link colors • Don’t put links in bodies of text

  11. Links that don’t provide enough information Blooper 61

  12. Blooper 61 • Problem: • Links that don’t indicate that you’ve been there • Internal anchor point links vs. external links • Links that unknowingly bring up separate browser • Solutions: • Convey links that have been visited • Use formatting to distinguish between internal and external links • Label links that display in new browser

  13. Buttons that provide no click feedback Blooper 62

  14. Blooper 62 • Happens with images of buttons defined as links • Problem: • User is not sure if they have clicked the button • Only feedback is busy animation or cursor change (not fast enough) • Solutions: • Use submit buttons or GUI toolkit buttons • Replace image with another that looks pressed on mousedown.

  15. Displaying long lists as very long pages Blooper 63

  16. Blooper 63 • Especially a problem with variable length data • Problem: • Important information could be being missed by users who don’t scroll much • A bigger problem when controls are towards bottom of page • Bad Solution: controls at intervals

  17. Blooper 63 • Solutions: • Let the page be long • Use a scrolling container for the long list • Show only N at a time (like in search results) • Use multiple pages (only applicable when list contains meaningful subsections)

  18. Bad Site:http://www.bow-wowbooks.com/home.html

  19. http://taz.harding.edu/~mcregger/bloopers.html Bloopers WEBSITE

More Related