1 / 37

UI Design for the World Wide Web

UI Design for the Web. Should be the same as UI design for the desktop, right?Same principles, sure, but there are differences.. Some context. Why might you choose the web for delivery of an interface?Reporter: Why do you rob banks?Willie Sutton: Because that's where the money is!. Good design c

inga
Download Presentation

UI Design for the World Wide Web

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. UI Design for the World Wide Web

    2. UI Design for the Web Should be the same as UI design for the desktop, right? Same principles, sure, but there are differences.

    3. Some context Why might you choose the web for delivery of an interface? Reporter: Why do you rob banks? Willie Sutton: Because that’s where the money is!

    4. Good design can mean more sales NY Times Online, August 1999 Most popular feature was search – because people couldn’t figure out how to navigate the site Second most popular feature was help – because the search technology was so ineffective After redesign, use of help decreased by 84% and sales increased by 400%

    5. Design Issues Breadth vs. depth Navigation vs. content Seller vs. buyer (designer vs. user) Limited widget sets Limited interactivity Designing Web Usability, Jacob Nielsen 1999

    6. Breadth vs. Depth Numerous studies have shown that when designing menu structures, breadth is better than depth (but don’t get too broad) Short term memory - 7 ? 2 items But remember that people can chunk things Most good menus (in desktop software) do have 7 or fewer chunks of related items It is different on the web

    7. Details Consider 64 items – Many possible structures 64 x 1, 32 x 2, 16 x 4, 8 x 8, 4 x 16 26, 4 x 4 x 4 Measures Reaction time, errors, user preferences Issue Do the leaf items have a sensible categorical structure?

    8. Breadth vs. Depth on the Web Designers favor greater breadth Why? Slow download times Different types of links: data vs. operations More flexibility in layout Sites typically aren’t designed for maximum efficiency Search

More Related