Game Design 2 (2010): Lecture 3 - UI Components

922 views

Published on

This week's class looks at how to properly choose and use standard UI components like pulldown menus and slider bars. We also look at the UI from Mass Effect.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
922
On SlideShare
0
From Embeds
0
Number of Embeds
72
Actions
Shares
0
Downloads
35
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide



















































  • Game Design 2 (2010): Lecture 3 - UI Components

    1. 1. 2010 Game Design 2 UI Components
    2. 2. Errata & News • So.. you all know Flash? • Reminder: • twitter - @comu346 • blog http://comu346.com
    3. 3. Buttons etc.
    4. 4. Interaction Options • Push Buttons • Radio Buttons (toggle) • Sliders • Lists • Text Fields • Drop Down Menus
    5. 5. Radio Buttons • Used to either • toggle • OR select from a group
    6. 6. Sliders • Adjust values with wide range. • Numeric ranges. • Music volume • Often used for settings • Analogue or Digital
    7. 7. Lists & Drop Downs • Used to display ordered data • Used to allow navigation • Can be single or multiple select • Either selection can move or list can move
    8. 8. Text Fields • User input for naming or communication • Intuitive with PC. • OK with iPhone • Annoying with console
    9. 9. Scroll Bars • Used to show more data than fits in space • Horizontal or vertical • Often have arrows at each side to allow for more controlled scrolling
    10. 10. Expand / Contract • Symbols used to open and close branches on a tree structure • Familiar from Windows / Mac OS
    11. 11. Summary • Each of these components has a specific place where they should be used. • Try to use the correct UI component in your designs.
    12. 12. Mass Effect’s Interface • Most of this content sourced from Krystian Majewski’s great posts at: http://j.mp/4Itnhd http://j.mp/6FXxR9 http://j.mp/5s7At5
    13. 13. Character & HUD
    14. 14. Items
    15. 15. Other Problems: Navigation
    16. 16. Navigation & Dialogue Spelling out awful button choices doesn’t make them good
    17. 17. Dialogue

    ×