1 / 34

User Experience

User Experience. In Class Today. Take Quiz Review Homework Assignment Go over next week’s homework assignment Mobile First Presentation User Experience Presentation In Class Assignment. Overview. The User Centered Design ( UCD ) approach

wade-ramirez
Download Presentation

User Experience

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 Experience

  2. In Class Today • Take Quiz • Review Homework Assignment • Go over next week’s homework assignment • Mobile First Presentation • User Experience Presentation • In Class Assignment

  3. Overview • The User Centered Design (UCD) approach • Improving Forms, Searches, Navigation, Error messages, andApplications based on user experience • See and discuss examples of good and bad usability

  4. What is User Centered Design? • A design philosophy and approach • Puts the user at the center of all design decisions • Empowers users and motivates them to learn and explore new system solutions

  5. Key Aspects of UCD • Early focus on users, tasks and environment • The active involvement of users • Research exercises with intended users of a system • Iterative Design whereby a prototype is designed, tested and modified

  6. Iterative Design • Design methodology where design should be done in repeated cycles where, in each cycle, the design is elaborated, refined, and tested, and the results of testing are carried over into the design focus of the next cycle

  7. Steps in Iterative Design • Gather project requirements • Complete an initial interface design • Present the design to several test users • Note any problems had by the test user • Refine interface to account for/fix the problems • Repeat steps 2-5 until user interface problems are resolved

  8. Difference b/w Usability and UCD • Usability is not User Centered Design • Usability is a result, a goal • UCD is a methodology • Usability is an outcome of UCD practices

  9. What Makes a Good Web User Experience? • Chapter 1

  10. Don't Get In the Way of the Information • Chapter 2 (3:50)

  11. Navigation • Chapter 3 (20:55)

  12. Navigation Example • Departments in the College of Liberal Arts • Prospective Student • Current Student • Faculty • Alumni

  13. User-based Content Undergraduate Template Graduate Template

  14. Homepage • Chapter 6 (7:21)

  15. Homepage Example

  16. Forms • Chapter 9 (10:58)

  17. Question? • Have you built a form for a website? If so, what technique or programming language did you use?

  18. Buildings Forms with MachForm • HTML/PHP • MachForm(http://www.appnitro.com/) • Drag and Drop Form Builder • Multipage Forms • Email Notifications • Payment Integration • Validation

  19. Buildings Forms with WordPress • WordPress Plugin • Gravity Formshttp://www.gravityforms.com/ • Multipage Forms • Schedule Forms • Conditional Logic • Validation

  20. Summary • Chapter 12 (3:42)

  21. Top UX Trends • Single Page Sites • http://anthony-robertson.com/ • Infinite Scrolling • http://pinterest.com/ • Top “Sticky” Navigation • http://www.makebetterapps.com/ • http://www.webappers.com/ • Typography • http://theharrietseries.com/ • Simplified Design • http://www.apple.com/

  22. Share UX Trends What UX Trends have you noticed or used recently?

  23. 10 Useful Usability Findings/ Guidelines • Form Labels Work Best Above The Field • Users Focus On Faces • Quality Of Design Is An Indicator Of Credibility • Most Users Do Not Scroll • Blue Is The Best Color For Links • The Ideal Search Box Is 27-Characters Wide • White Space Improves Comprehension • Effective User Testing Doesn’t Have To Be Extensive • Informative Product Pages Help You Stand Out • Informative Product Pages Help You Stand Out

  24. You look where they look

  25. You look where they look

  26. In Class Assignment Learnability Efficiency Memorability Errors Satisfaction Website User Experience/Usability Evaluation

  27. Criteria for Evaluation • Assess the website’s objectives and intended audience • Interact with the website by posing as prospective and current customers • Identify the website’s strengths, weaknesses, opportunities, and threats • Write a short overview of where the website falls short of usability and user experience best practices or how meets the best practices of usability and user experience

  28. Good or Bad… and Why?

  29. Good or Bad… and Why?

  30. Good or Bad… and Why?

  31. Good or Bad… and Why?

  32. Good or Bad… and Why?

  33. Discuss Results

  34. Discuss Homework Assignment

More Related