menus controls

1,999 views

Published on

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,999
On SlideShare
0
From Embeds
0
Number of Embeds
1,261
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • menus controls

    1. 1. Controls and Menus
    2. 2. Controls
    3. 3. Grammar & Interface Design Verb Action Noun Object
    4. 4. 4 Types of Controls Imperative Selection Entry Display
    5. 5. Imperative Button Perform an action Butcon (button/icon) Hyperlinks
    6. 6. Do#it!# Do#it!# Do#it!# A B C Do it! D Button design & behavior - button look - mouseover behaviors
    7. 7. Selection Check box Toggle button/butcon Flip-flop Radio Combutcon Lists • drop-down • select multiple items ! !
    8. 8. ☑ vs.
    9. 9. flip-flop buttons :( vs.
    10. 10. Selection then: Imperative 1 2 or Selection + Imperative simultaneous
    11. 11. 1. then: Selection Imperative Highlight likely option :( :)
    12. 12. 2. simultaneous Selection + Imperative
    13. 13. Selection Check box Toggle button/butcon Flip-flop Radio Combutcon Lists • drop-down • select multiple items ! !
    14. 14. Entry Bounded Spinners Dials & sliders Unbounded - validation? ! !
    15. 15. bounded entry
    16. 16. Display Scrollbars • thumb Splitters
    17. 17. OS X Yosemite scrollbar design
    18. 18. mobile: to scrollbar or NOT?
    19. 19. Menus
    20. 20. Menus + - •Verbal descriptions •Educational •Slow, hidden
    21. 21. Menus Cascading Ribbon ! Bang Drop-down Pop-up
    22. 22. GUI elements menus controls = Language of the interface Do you speak interface?
    23. 23. GUI elements menus controls =L anguage of the interface Do you speak interface?
    24. 24. Stencils
    25. 25. http://www.pinterest.com/ mihaela_v/ ux-wireframing-tools/
    26. 26. Excise Working for the machine
    27. 27. 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

    ×