Your SlideShare is downloading. ×
0
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Game Design 2 (2013): Lecture 4 - UI Components

1,153

Published on

How do you pick a UI component for your interface element?

How do you pick a UI component for your interface element?

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,153
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
22
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 2013 Game Design 2 Lecture 4: UI Components
  • 2. Buttons etc.
  • 3. Interaction Options • Push Buttons • Radio Buttons (toggle) • Sliders • Lists • Text Fields • Drop Down Menus
  • 4. Radio Buttons • Used to either • toggle • OR select from a group
  • 5. 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
  • 6. Sliders • Adjust values with wide range. • Numeric ranges. • Music volume • Often used for settings • Analogue or Digital
  • 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. Text Fields • User input for naming or communication • Intuitive with PC. • OK with iOS or Android etc... • Annoying with console
  • 9. Expand / Contract • Symbols used to open and close branches on a tree structure • Familiar from Windows / Mac OS
  • 10. Summary • Each of these components has a specific place where they should be used. • Try to use the correct UI component in your designs.
  • 11. 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 • Krystian Majewski’s game Trauma is on Steam
  • 12. Character & HUD
  • 13. Items
  • 14. Other Problems: Navigation
  • 15. Navigation & Dialogue Spelling out awful button choices doesn’t make them good
  • 16. Dialogue
  • 17. The point of this is not to ‘slag off’ the Mass Effect design team - these are the kinds of problems that you find all over (most) games. We want to set a higher expectation here. Everything you design MUST have a purpose. You MUST think about the user at all times. Have a good reason for your design decisions.

×