The document discusses different types of controls used in graphical user interfaces, including buttons, selection controls, entry fields, and displays. It covers imperative controls that perform actions, selective controls that allow toggling options on or off, and entry controls for entering bounded or unbounded text. The document also briefly mentions menus and design principles for ensuring intuitive interfaces.

1. Controls and
Menus

2. Controls

5. Grammar & Interface Design
Verb
Action
Noun
Object

6. 4 Types of Controls
Imperative Selection
Entry Display

7. Imperative
Button
Perform an action
Butcon (button/icon)
Hyperlinks

8. Do#it!# Do#it!# Do#it!#
A B C
Do it!
D
Button design & behavior
- button look
- mouseover behaviors

9. Selection
Check box
Toggle button/butcon
Flip-flop
Radio
Combutcon
Lists
• drop-down
• select multiple items
!
!

10. ☑
vs.

11. flip-flop buttons :(
vs.

12. Selection then: Imperative
1 2
or
Selection + Imperative
simultaneous

13. 1.
then:
Selection Imperative
Highlight
likely option
:(
:)

14. 2. simultaneous
Selection + Imperative

15. Selection
Check box
Toggle button/butcon
Flip-flop
Radio
Combutcon
Lists
• drop-down
• select multiple items
!
!

16. Entry
Bounded
Spinners
Dials & sliders
Unbounded - validation?
!
!

17. bounded entry

18. Display
Scrollbars
• thumb
Splitters

19. OS X Yosemite
scrollbar design

20. mobile: to scrollbar or
NOT?

21. Menus

22. Menus
+ -
•Verbal descriptions
•Educational •Slow, hidden

23. Menus
Cascading
Ribbon
! Bang
Drop-down
Pop-up

24. GUI elements
menus
controls =
Language of the
interface
Do you speak interface?

25. GUI elements
menus
controls =L
anguage of the
interface
Do you speak interface?

26. Stencils

27. http://www.pinterest.com/
mihaela_v/
ux-wireframing-tools/

28. Excise
Working for the machine

29. 1. Don’t weld on training wheels
2. “pure” excise - let the machine decide
3. visual excise - ornamentation
4. Don’t stop the proceedings with idiocy
5. Don’t make users ask permission
6. Allow input whenever you have output
7. Don’t force users to go to another window to perform a function that affects the
current window
8. Don’t force users to remember where they put things
9. Don’t force users to move & resize windows
10.Don’t force users to re-enter personal settings
11.Navigation is excise. Make it easier - how?
A. Reduce number of places to go
B. Provide signposts, overviews, mapping of controls to functions
C. Match user needs
D. Avoid hierarchies