The document discusses various components of website usability, including landing pages, login/registration, navigation techniques, forms, and feedback. It provides guidance on each component to optimize the user experience, such as keeping landing pages simple, limiting login fields, using tab navigation efficiently, labeling form fields clearly, and providing feedback on form submissions. The overarching goal is to design interfaces that are easy to use and navigate so users can quickly accomplish their tasks.

1. Usability
of Components
Monday, December 3, 12

2. Landing Page
Monday, December 3, 12

3. The visitor has extreme
impatience
Monday, December 3, 12

4. Text is scanned, not read.
Monday, December 3, 12

5. Visitor's typical desired next
action is to click on
something.
Monday, December 3, 12

6. What we do, and how
to get it
Monday, December 3, 12

7. Monday, December 3, 12

8. Monday, December 3, 12

9. Monday, December 3, 12

10. Monday, December 3, 12

11. Monday, December 3, 12

12. Monday, December 3, 12

13. Monday, December 3, 12

14. Monday, December 3, 12

15. Monday, December 3, 12

16. Login and Registration
Monday, December 3, 12

17. Only ask for the information
you need
Monday, December 3, 12

18. Keep it to one page
Monday, December 3, 12

19. Deal with errors helpfully
Monday, December 3, 12

20. Sign In on Login, Login on
Sign in
Monday, December 3, 12

21. Tab Tab Enter
Monday, December 3, 12

22. Monday, December 3, 12

23. Monday, December 3, 12

24. Monday, December 3, 12

25. Monday, December 3, 12

26. Navigation
Monday, December 3, 12

27. Horizontal Bar
Navigation
Monday, December 3, 12

28. Monday, December 3, 12

29. It limits the number of links
you can include without
resorting to sub-navigation
Monday, December 3, 12

30. Is perfect for sites that only
need to display 5-12 items
Monday, December 3, 12

31. When combined with
dropdown sub-navigation,
can hold more links.
Monday, December 3, 12

32. Vertical
Bar Navigation
Monday, December 3, 12

33. Monday, December 3, 12

34. Confusing when to many
data
Monday, December 3, 12

35. Use for sites that have more
than a handful of main
navigation links
Monday, December 3, 12

36. Consider dividing the links
into intuitive categories to
help users find links of
interest quicker.
Monday, December 3, 12

37. Tabs
Navigation
Monday, December 3, 12

38. Monday, December 3, 12

39. It limits the number of links
you can include without
resorting to sub-navigation
Monday, December 3, 12

40. Can be combined easily with
other navigation patterns
Monday, December 3, 12

41. Resemble and function like
real-world tabs (as seen in
filing systems with folders,
notebooks, binders, etc.)
Monday, December 3, 12

42. Breadcrumb
Navigation
Monday, December 3, 12

43. Monday, December 3, 12

44. Never used for primary
navigation
Monday, December 3, 12

45. Don’t work well on sites
with shallow navigation
Monday, December 3, 12

46. Best suited to sites that have
clearly defined sections
Monday, December 3, 12

47. Tags
Navigation
Monday, December 3, 12

48. Monday, December 3, 12

49. For content-centered sites
(blogs and news sites)
Monday, December 3, 12

50. Tagging content with
keywords is good if you cover
plenty of topics
Monday, December 3, 12

51. Search
Navigation
Monday, December 3, 12

52. Monday, December 3, 12

53. Search bars are usually
located in the header or near
the top of a sidebar
Monday, December 3, 12

54. For a majority of the sites,
should be a secondary form
of navigation
Monday, December 3, 12

55. Fly-Out Menu
and Drop-Down
Menu Navigation
Monday, December 3, 12

56. Monday, December 3, 12

57. Keep the overall look of your
site uncluttered, but also
make deeper sections easily
accessible
Monday, December 3, 12

58. Can make navigation on
mobile devices very difficult
Monday, December 3, 12

59. Forms
Monday, December 3, 12

60. Labels
These tell users what the
corresponding input fields
mean.
Monday, December 3, 12

61. Input Fields
Enable users to provide
feedback
Monday, December 3, 12

62. Actions
These are links or buttons
that, when pressed by the
user, perform an action, such
as submitting the form
Monday, December 3, 12

63. Help
This provides assistance on
how to fill out the form.
Monday, December 3, 12

64. Messages
Give feedback to the user
based on their input.
Monday, December 3, 12

65. Validation
These measures ensure that
the data submitted by the
user conforms to acceptable
parameters.
Monday, December 3, 12

66. Monday, December 3, 12

67. Monday, December 3, 12

68. Use top aligned labels
Monday, December 3, 12

69. Monday, December 3, 12

70. Never place labels inside the
fields
Monday, December 3, 12

71. Monday, December 3, 12

72. Clearly indicate mandatory
fields
Monday, December 3, 12

73. Monday, December 3, 12

74. Reduce the number of
mandatory fields
Monday, December 3, 12

75. Group related fields with
fieldsets
Monday, December 3, 12

76. Monday, December 3, 12

77. Don’t force formatting
Monday, December 3, 12

78. Monday, December 3, 12

79. Limit messing with the
default browser UI elements
Monday, December 3, 12

80. Use the right field for right
purpose
Monday, December 3, 12

81. Monday, December 3, 12

82. Give the fields room to breath
Monday, December 3, 12

83. Monday, December 3, 12

84. Allow adequate field width
and height
Monday, December 3, 12

85. Monday, December 3, 12

86. Provide hints
Monday, December 3, 12

87. Monday, December 3, 12

88. Provide visible and
informative error messages
Monday, December 3, 12

89. Monday, December 3, 12

90. Don’t reset the user choices
aſter submission
Monday, December 3, 12

91. Set a tabindex on each form
field
Monday, December 3, 12

92. Provide post-submission
feedback
Monday, December 3, 12

93. Thank You
Monday, December 3, 12