Chapter 8 UI design

1. Chapter 8 UI design Jason Paolasini - 1162915- Chapter 8 A Benjamin Isherwood – 1051749 – Chapter 8 B

2. User Interfaces • User Interface Design and the Processes • Managing Complexity • Interaction Models & Camera Models • Functionality and input devices • Game Customization

3. What is the User Interface What works is better than what looks good. The looks good can change, but what works works. – Ray Kaiser Eames

5. A little bit of terminology before we start Button !=Button

6. Player Centric Design Not Just Any Old Interface

8. Design Rule 1 Do Not Innovate Unnecessarily in UI Design

9. The general Principles • Be Consistent • Give good Feedback • Remember the player is in control • Limit the number of steps required • Permit easy reversal of actions • Minimize Physical Stress • Don’t strain players short term memory

10. Group related screen-based controls and feedback mechanisms • Provide shortcuts for experienced players

11. What the player needs to know Think of these as questions a player would ask…

12. What the player needs to know • Where am I? • What am I doing right now? • What challenges am I facing? • Did my action succeed or fail? • Do I have what I need to play successfully? • Am I in danger of loosing the game? • Am I making progress? • What should I do next? • How did I do?

13. Design Rule 2 Do Not Taunt the Player

15. What the player needs to Do

16. What the player needs to Do • Move • Look around • Interact with NPC’s • Move Portable objects • Manipulate Fixed Objects • Construct and Demolish Objects • Negotiations and Financial transactions • Conversations with NPC’s • Customize Character • Talk to friends in Multiplayer games • Pause the Game • Set Game Options • Save the Game • End the Game

17. Before You DesignDefine InteractionStyle and Camera Style

18. Managing complexity

19. Simplify the Game Using Abstraction and Automation

20. ABSTRACTION & AUTOMATION

21. ABSTRACTION & AUTOMATION

22. Depth vs. Breadth UI

23. Context sensitive Interfaces

25. Avoid Obscurity Artistic Overenthusiasm, Pressure to Reduce Screen Usage, Developer Familiarity

26. Interaction Models

27. Avatar Based

28. Multi-present

29. Party-Based

30. Contestant

31. Camera Models

32. First Person

33. First Person Pros Cons No avatar customization Lack of avatar emotions First person perspective denies camera angles for dramatic effect Motion sickness in viewers • Avatar design is not required except cut scenes • Camera AI is not required • Body does not block view • Most players find navigation easier

34. THIRD Person

35. Types of Third Person

36. Aerial Perspectives

37. TOP-DOWN Perspective Grand Theft Auto 1

38. Isometric Perspective Warcraft III

39. Free-Roaming Camera Maze ball

40. CONTEXT-SENSITIVE CAMERA MODELS ICO and the colossus collection

41. Design Rule 3 Limit Camera Movement During Frenetic Action

42. Other 2D Styles • ■ Single-screen. The display shows the entire world on one screen, normally from a top-down perspective with cheated objects. The camera never moves. Robotron: 2084 provides a classic example. (See the left side of Figure 13.1.) • ■ Side-scrolling. The world of a side-scroller—familiar from an entire generation of games—consists of a long 2D strip in which the avatar moves forward and back- ward, with a limited ability to move up and down. The player sees the game world from the side as the camera tracks the avatar. • ■ Top-scrolling. In this variant of the top-down perspective, the landscape scrolls beneath the avatar (often a flying vehicle), sometimes at a fixed rate that the player cannot change. This forces the player to continually face new challenges as they appear at the top of the screen. • ■ Painted backgrounds. Many graphical adventure games display the game world in a series of 2D painted backgrounds rather like a stage set.

43. Single Screen Robotron2084

44. Side scrolling Mario Bros. 3

45. Top Scrolling Atari Space Invaders

46. Painted Background Leisure Suit Larry