1 / 27

User Centered Interface Design

User Centered Interface Design. Making things easy for your users...and yourself. The following things have probably happened to you…. Because you’re stupid? No. Lack of user input results in poor design decisions. How does this happen?!?. YOUR USERS.

aman
Download Presentation

User Centered Interface Design

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. User Centered Interface Design Making things easy for your users...and yourself

  2. The following things have probably happened to you…

  3. Because you’re stupid? No.

  4. Lack of user input results in poor design decisions.

  5. How does this happen?!?

  6. YOUR USERS You (the programmer) are not your users.

  7. How can this be avoided?

  8. The best way to design your interface: Follow the 5 E’s of Usability *Effective *Efficient *Engaging *Error Tolerant *Easy to Learn

  9. Things your users will love:

  10. How do I know if my design is user-friendly? Do some quick and simple usability testing. Usability testing is setting a series of tasks for people to complete and noting any problems they encounter.

  11. What’s the ROI?

  12. Budget Overruns

  13. Goals of a Usability Test *Determine design inconsistencies and usability problem areas within user interface. *Establish baseline user performance *Validate concerns *Save $$

  14. Before/After Example: Groupon • Immediately asks for the user's email address • Plain and basic • Conveys next-to-no information about what a user could "save 50 percent to 90 percent" on. Before

  15. Before/After Example: Groupon • Contemporary sidebar navigation that breaks down popular categories for savings and deals • Beautiful, large photography • Search feature After

  16. Before/After Example: USAToday • Cluttered mass of text-based links. • The visual content was practically an afterthought -- after all, of the two largest images on the homepage, one is a display advertisement located at the bottom of the page. • The logo feels dated and the color scheme uninviting, utilizes primarily blue text on white background Before

  17. Before/After Example: USAToday • Utilizes best practices relating to layout and site navigation • Visually appealing, with clean, crisp images of newsworthy stories. • Offers users the ability to scroll horizontally through the top stories just as you would a print magazine. In fact, the entire experience is very reminiscent of a tablet app, and the site now outshines its competitors. After

  18. Usability testing is like test driving a car...for your design. Would you buy a car without test driving it first?

  19. You can test ANYTHING • Hand drawn sketch • Forms • Wireframes • Screenshots • HTML prototype • Live site • API • Ct. Management System • Software • New Programs

  20. How do I conduct a usability test? My friend Matt explains how. • 3-6 people, in your typical user demographic • Ask them to do a task, without telling them where to navigate to • The user is never wrong! If they don’t go to the right place, ask them why they made that particular decision and use the feedback to correct your design. • The biggest design mistakes will be pointed out by most of the participants, such as “I can’t read the text” or “I don’t know where to go next”.

  21. Profit Swim in piles of money because you saved your boss time and money and your users love your design.

More Related