Uploaded on

How To Fix Bad UI - 3/24 WordCamp San Diego

How To Fix Bad UI - 3/24 WordCamp San Diego

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,316
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
38
Comments
0
Likes
10

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. How To Fix Bad UI Why UI Makes A Difference Steve Zehngut Zeek Interactive @zengySaturday, March 24, 12
  • 2. UI, UX & UsabilitySaturday, March 24, 12
  • 3. From Wikipedia: User Interface - The aggregate of means by which users interact with the system (e.g., all the means of input and output)Saturday, March 24, 12
  • 4. From Wikipedia: User Experience - The architecture and interaction models that impact a users perception of a device or system (“all aspects of the user’s interaction with the product”).Saturday, March 24, 12
  • 5. “So it seems like UI would deal with the ‘how’ of creating an interface (implementing shiny controls, that sort of thing) and UX would deal with the ‘why’ (creating a good experience for the user).” Source: http://ux.stackexchange.com/questions/7174/difference-between-ui-and-uxSaturday, March 24, 12
  • 6. From Wikipedia: Web usability is an approach to make web sites easy to use for an end-user, without the requirement that any specialized training be undertaken.Saturday, March 24, 12
  • 7. Saturday, March 24, 12
  • 8. Jakob Nielsen http://useit.comSaturday, March 24, 12
  • 9. Saturday, March 24, 12
  • 10. Saturday, March 24, 12
  • 11. Saturday, March 24, 12
  • 12. How To Develop a Sh*tty WebsiteSaturday, March 24, 12
  • 13. Don’t plan. “Let’s start coding immediately!”Saturday, March 24, 12
  • 14. Defend to the death every development and design decision. “Don’t tell me how to do my job!”Saturday, March 24, 12
  • 15. Stick with a broken design. “The client signed off on this and we have a deadline to hit.”Saturday, March 24, 12
  • 16. Shove everything above the fold. “No one scrolls these days.”Saturday, March 24, 12
  • 17. Put 50 links in your navigation. “I want every user to be able to find everything right at the top.”Saturday, March 24, 12
  • 18. Allow endless changes from the client. “Wouldn’t it be great if...”Saturday, March 24, 12
  • 19. Common MistakesSaturday, March 24, 12
  • 20. Inconsistent LayoutSaturday, March 24, 12
  • 21. Inconsistent FontsSaturday, March 24, 12
  • 22. Inconsistent NavigationSaturday, March 24, 12
  • 23. Poor Color ContrastSaturday, March 24, 12
  • 24. Too Many ColorsSaturday, March 24, 12
  • 25. No Clear CTAs (Calls To Action)Saturday, March 24, 12
  • 26. Deviating From the Familiar Browser InterfaceSaturday, March 24, 12
  • 27. Long Load TimesSaturday, March 24, 12
  • 28. 404 ErrorsSaturday, March 24, 12
  • 29. Poor Mobile ExperienceSaturday, March 24, 12
  • 30. My ProcessSaturday, March 24, 12
  • 31. Questions To AskSaturday, March 24, 12
  • 32. Who is the audience?Saturday, March 24, 12
  • 33. What are the goals of the site? Traffic? Uniques? Length of Stay?Saturday, March 24, 12
  • 34. What is the budget?Saturday, March 24, 12
  • 35. What is the timeline?Saturday, March 24, 12
  • 36. Tools of the TradeSaturday, March 24, 12
  • 37. FireFox Plugins Firebug Web DeveloperSaturday, March 24, 12
  • 38. XScopeSaturday, March 24, 12
  • 39. Color Schemer StudioSaturday, March 24, 12
  • 40. CSS Generators http://css3generator.com http://www.css3.meSaturday, March 24, 12
  • 41. Site SamplesSaturday, March 24, 12
  • 42. Huff Po http://huffingtonpost.comSaturday, March 24, 12
  • 43. Toastmasters http://toastmasters.orgSaturday, March 24, 12
  • 44. Mike Ferry http://mikeferry.comSaturday, March 24, 12
  • 45. Coming Out Support http://comingoutsupport.comSaturday, March 24, 12
  • 46. Essence Expressions http://essenceexpressions.comSaturday, March 24, 12
  • 47. Catholic Radio Dramas http://catholicradiodramas.comSaturday, March 24, 12
  • 48. Web King http://webking.comSaturday, March 24, 12
  • 49. BooksSaturday, March 24, 12
  • 50. Saturday, March 24, 12
  • 51. Saturday, March 24, 12
  • 52. Saturday, March 24, 12
  • 53. Saturday, March 24, 12
  • 54. Saturday, March 24, 12
  • 55. What Can You Do Differently?Saturday, March 24, 12
  • 56. Ask questions.Saturday, March 24, 12
  • 57. Listen.Saturday, March 24, 12
  • 58. Be open to criticism.Saturday, March 24, 12
  • 59. Solicit other opinions.Saturday, March 24, 12
  • 60. Beta Test.Saturday, March 24, 12
  • 61. Revise and refine. Do it early and often.Saturday, March 24, 12
  • 62. Steve Zehngut steve@zeek.com http://facebook.com/zengy Twitter: @zengySaturday, March 24, 12