WIREFRAMES, UI, AND UX                           Get out of your clients’ heads, and into your users’                     ...
Wireframes                                      Text        The only time it is OK to use Comic Sans.                     ...
Paper Sketches and Prototypes                              - Quickly drawn up                              - Quickly torn ...
Digital wireframes can be low fidelity…Thursday, March 31, 2011
Or high fidelity with detailed UI…Thursday, March 31, 2011
Learn to wireframe                           - www.boxesandarrows.com                           - www.konigi.com          ...
The importance of                           User Interface (UI) DesignThursday, March 31, 2011
Bad User InterfacesThursday, March 31, 2011
Beautiful User InterfacesThursday, March 31, 2011
UI patterns help make                      your sites instantly usableThursday, March 31, 2011
Learn more about UI best             practices and design patterns                           - developer.yahoo.com/ypatter...
UX          User experience cannot be designed;             we can only hope to affect it.Thursday, March 31, 2011
User Experience             - What do you think this page is trying to get                   its users to accomplish/feel/...
User Experience             - Get into the soft and fuzzy side             - How does the site make someone feel? Do      ...
User ExperienceThursday, March 31, 2011
User ExperienceThursday, March 31, 2011
User Experience                              Palm Pre commercialThursday, March 31, 2011
User Experience                              Droid commercialThursday, March 31, 2011
User Experience                              iPhone 4 commercialThursday, March 31, 2011
THANK YOU!                             Questions?                           Your experience?                              ...
Upcoming SlideShare
Loading in …5
×

Wireframes, User Interfaces, and User Experience

2,190 views
2,096 views

Published on

Published in: Design
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,190
On SlideShare
0
From Embeds
0
Number of Embeds
121
Actions
Shares
0
Downloads
0
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

Wireframes, User Interfaces, and User Experience

  1. 1. WIREFRAMES, UI, AND UX Get out of your clients’ heads, and into your users’ By Patrick Harrington Senior UX Analyst at Velir (www.velir.com) @MildlyGeekyThursday, March 31, 2011
  2. 2. Wireframes Text The only time it is OK to use Comic Sans. What are they?Thursday, March 31, 2011
  3. 3. Paper Sketches and Prototypes - Quickly drawn up - Quickly torn up - Completely portable http://www.flickr.com/photos/collylogic/4970484077/Thursday, March 31, 2011
  4. 4. Digital wireframes can be low fidelity…Thursday, March 31, 2011
  5. 5. Or high fidelity with detailed UI…Thursday, March 31, 2011
  6. 6. Learn to wireframe - www.boxesandarrows.com - www.konigi.com - www.wireframeshowcase.com - wireframes.linowski.ca - OmniGraffle for Mac OS X - Axure for Windows and Mac OS X - Balsamiq, iPlotz, and FlairBuilderThursday, March 31, 2011
  7. 7. The importance of User Interface (UI) DesignThursday, March 31, 2011
  8. 8. Bad User InterfacesThursday, March 31, 2011
  9. 9. Beautiful User InterfacesThursday, March 31, 2011
  10. 10. UI patterns help make your sites instantly usableThursday, March 31, 2011
  11. 11. Learn more about UI best practices and design patterns - developer.yahoo.com/ypatterns - ui-patterns.com - patterntap.com - dribbble.com - www.useit.com (general usability) - Don’t Make Me Think by Steve KrugThursday, March 31, 2011
  12. 12. UX User experience cannot be designed; we can only hope to affect it.Thursday, March 31, 2011
  13. 13. User Experience - What do you think this page is trying to get its users to accomplish/feel/do? - What does the client say they want this page to accomplish/feel/do?Thursday, March 31, 2011
  14. 14. User Experience - Get into the soft and fuzzy side - How does the site make someone feel? Do they feel like the site was designed just for them? - Do they want to tell their friends about your site? - To find this out, we need to get to know who our users areThursday, March 31, 2011
  15. 15. User ExperienceThursday, March 31, 2011
  16. 16. User ExperienceThursday, March 31, 2011
  17. 17. User Experience Palm Pre commercialThursday, March 31, 2011
  18. 18. User Experience Droid commercialThursday, March 31, 2011
  19. 19. User Experience iPhone 4 commercialThursday, March 31, 2011
  20. 20. THANK YOU! Questions? Your experience? By Patrick Harrington Senior UX Analyst at Velir (www.velir.com) @MildlyGeekyThursday, March 31, 2011

×