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

1. How To Fix Bad UI
Why UI Makes A Difference
Steve Zehngut
Zeek Interactive
@zengy
Saturday, March 24, 12

2. UI, UX & Usability
Saturday, 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 user's
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-ux
Saturday, 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.com
Saturday, 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 Website
Saturday, 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 Mistakes
Saturday, March 24, 12

20. Inconsistent Layout
Saturday, March 24, 12

21. Inconsistent Fonts
Saturday, March 24, 12

22. Inconsistent Navigation
Saturday, March 24, 12

23. Poor Color Contrast
Saturday, March 24, 12

24. Too Many Colors
Saturday, March 24, 12

25. No Clear CTAs
(Calls To Action)
Saturday, March 24, 12

26. Deviating From the
Familiar Browser Interface
Saturday, March 24, 12

27. Long Load Times
Saturday, March 24, 12

28. 404 Errors
Saturday, March 24, 12

29. Poor Mobile Experience
Saturday, March 24, 12

30. My Process
Saturday, March 24, 12

31. Questions To Ask
Saturday, 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 Trade
Saturday, March 24, 12

37. FireFox Plugins
Firebug
Web Developer
Saturday, March 24, 12

38. XScope
Saturday, March 24, 12

39. Color Schemer Studio
Saturday, March 24, 12

40. CSS Generators
http://css3generator.com
http://www.css3.me
Saturday, March 24, 12

41. Site Samples
Saturday, March 24, 12

42. Huff Po
http://huffingtonpost.com
Saturday, March 24, 12

43. Toastmasters
http://toastmasters.org
Saturday, March 24, 12

44. Mike Ferry
http://mikeferry.com
Saturday, March 24, 12

45. Coming Out Support
http://comingoutsupport.com
Saturday, March 24, 12

46. Essence Expressions
http://essenceexpressions.com
Saturday, March 24, 12

47. Catholic Radio Dramas
http://catholicradiodramas.com
Saturday, March 24, 12

48. Web King
http://webking.com
Saturday, March 24, 12

49. Books
Saturday, 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: @zengy
Saturday, March 24, 12