Slides badge

User Interface Design

Learning Intentions

  • Understand the term user interface

  • Understand the importance of a good user interface

Success Criteria

  • I can explain why a good user interface is vital with a video game

What is a user interface?

  • User experience (UX) is a major part of developing any software or web application but also a part of computer games development.
  • Part of building a good user experience the software must have an easy to use user interface.

Developing a user interface

  • There are several things a user interface for a game must be:
    • It needs to be easy to use
    • It needs to remain consistent throughout the game
    • It needs to fit the narrative/theme of the game
    • Game genres often have similar user interfaces throughout different games (for example Starcraft has a similar interface to both Warcraft II and Age of Empires II).

Developing a user interface

  • There are several things a user interface for a game must be:
    • It needs to be easy to use
    • It needs to remain consistent throughout the game
    • It needs to fit the narrative/theme of the game
  • Some game genres have similar user interfaces throughout different games.

Examples of user interfaces

Notice any similarities?

How interfaces are developed

  • Before the software developers actually build the game and the interface for the game, they will often consult a group of experts who will inform the developers what a good user interface would like for their choice of game.
  • They then proceed to build a wireframe design for the user interface, giving a rough idea of what the video game will look like.

How interfaces are developed

  • Create a user interface design for a game of your making. Use sketches or a computer-based wireframing tool to create the design.
  • Use https://gomockingbird.com/ to build a wireframe/mockup interface for your game on the computer.

Task

Presentation Overview
Close
JB
User Interface Design
© 2020 - 2024 J Balfour
20:47 | 03-12-2024
Join Live Session
Go Live
Start Remote
Save Progress
Slideshow Outline
Presenter Mode
Generate Quiz
Generate Lesson Plan
Widget Screen
Canvas Controls
Fullscreen
Random Selector
Timer
Volume Meter
Binary Converter
Python Editor
Show Knox 90
Provide Feedback
Help
!
Keywords
    DragonDocs Management
    Random selector
    Sections
      Binary conversion
      Denary to binary conversion
      Binary to denary conversion
      Feedback 👍
      Accessibility

      Apply a filter:

      ×
      Loading
      All slideshow files