1st Year Game Design Introduction To Game Interface Design

77
Games Design Brain Dump The kind of lecture you give when there’s no exam.

Transcript of 1st Year Game Design Introduction To Game Interface Design

Page 1: 1st Year Game Design   Introduction To Game Interface Design

Games Design Brain Dump

The kind of lecture you give when there’s no exam.

Page 2: 1st Year Game Design   Introduction To Game Interface Design

Who am I?•David Farrell•CS @ Strathclyde •Games @ Caledonian•Dare to be Digital•e-Bug

[email protected]

Page 3: 1st Year Game Design   Introduction To Game Interface Design

Dare to be Digital

Page 4: 1st Year Game Design   Introduction To Game Interface Design

e-Bug: Platform Game

Page 5: 1st Year Game Design   Introduction To Game Interface Design
Page 6: 1st Year Game Design   Introduction To Game Interface Design
Page 7: 1st Year Game Design   Introduction To Game Interface Design

e-Bug Detective Game

Page 8: 1st Year Game Design   Introduction To Game Interface Design
Page 9: 1st Year Game Design   Introduction To Game Interface Design
Page 10: 1st Year Game Design   Introduction To Game Interface Design
Page 11: 1st Year Game Design   Introduction To Game Interface Design

Game Interface Design?

Page 12: 1st Year Game Design   Introduction To Game Interface Design

Game Interface?

•Menus •Hud•Data (abstracted?)•Interaction

Page 13: 1st Year Game Design   Introduction To Game Interface Design

‘main’ menus

Page 14: 1st Year Game Design   Introduction To Game Interface Design
Page 15: 1st Year Game Design   Introduction To Game Interface Design
Page 16: 1st Year Game Design   Introduction To Game Interface Design

in-game menus

Page 17: 1st Year Game Design   Introduction To Game Interface Design
Page 18: 1st Year Game Design   Introduction To Game Interface Design
Page 19: 1st Year Game Design   Introduction To Game Interface Design

HUDHeads Up Display

Page 20: 1st Year Game Design   Introduction To Game Interface Design

“any transparent display that presents data without requiring the user to look away from his or her usual viewpoint.”

Wikipedia article on Heads Up Display, http://en.wikipedia.org/wiki/Head-up_display, 2009

Page 21: 1st Year Game Design   Introduction To Game Interface Design
Page 22: 1st Year Game Design   Introduction To Game Interface Design
Page 23: 1st Year Game Design   Introduction To Game Interface Design
Page 24: 1st Year Game Design   Introduction To Game Interface Design
Page 25: 1st Year Game Design   Introduction To Game Interface Design

data communicationand abstraction

Page 26: 1st Year Game Design   Introduction To Game Interface Design
Page 27: 1st Year Game Design   Introduction To Game Interface Design
Page 28: 1st Year Game Design   Introduction To Game Interface Design
Page 29: 1st Year Game Design   Introduction To Game Interface Design
Page 30: 1st Year Game Design   Introduction To Game Interface Design

interaction

Page 31: 1st Year Game Design   Introduction To Game Interface Design
Page 32: 1st Year Game Design   Introduction To Game Interface Design
Page 33: 1st Year Game Design   Introduction To Game Interface Design

Design?

Page 34: 1st Year Game Design   Introduction To Game Interface Design

“Design is the process by which a designer creates a context to be encountered by a participant, from which meaning emerges.”

Salen and Zimmerman, Rules of Play, page 41, SAGE Publications, 2004

Page 35: 1st Year Game Design   Introduction To Game Interface Design

These make sense. The design says “push me”.

Page 36: 1st Year Game Design   Introduction To Game Interface Design

This make sense. The handle (and all that text) says “pull me”.

Page 37: 1st Year Game Design   Introduction To Game Interface Design

But what the heck do you do here?

For a bonus point:Have you seen this design mistake on

campus?

Page 38: 1st Year Game Design   Introduction To Game Interface Design

Is this good design?

Page 39: 1st Year Game Design   Introduction To Game Interface Design

Is this good design?

Page 40: 1st Year Game Design   Introduction To Game Interface Design

Design is used to communicate with the player.

Page 41: 1st Year Game Design   Introduction To Game Interface Design

This game has many many many combos...

...but did anyone learn them?

Page 42: 1st Year Game Design   Introduction To Game Interface Design

What is colour for?to label (colour as noun)to measure (colour as quantity)to represent / imitate realityto enliven or decorate (colour as beauty)

Page 43: 1st Year Game Design   Introduction To Game Interface Design

Colour in GamesTeam identificationItem highlightingMood, tone & aestheticsConvey information

Page 44: 1st Year Game Design   Introduction To Game Interface Design

Team Identification

Page 45: 1st Year Game Design   Introduction To Game Interface Design

Item Highlighting

Page 46: 1st Year Game Design   Introduction To Game Interface Design
Page 47: 1st Year Game Design   Introduction To Game Interface Design

Mood & Tone

Page 48: 1st Year Game Design   Introduction To Game Interface Design
Page 49: 1st Year Game Design   Introduction To Game Interface Design
Page 50: 1st Year Game Design   Introduction To Game Interface Design
Page 51: 1st Year Game Design   Introduction To Game Interface Design

Convey Information

Page 52: 1st Year Game Design   Introduction To Game Interface Design
Page 53: 1st Year Game Design   Introduction To Game Interface Design
Page 54: 1st Year Game Design   Introduction To Game Interface Design
Page 55: 1st Year Game Design   Introduction To Game Interface Design

Combining Colours

Page 56: 1st Year Game Design   Introduction To Game Interface Design

SemioticsA sign is “something that stands for

something to someone in some capacity”

Page 57: 1st Year Game Design   Introduction To Game Interface Design
Page 58: 1st Year Game Design   Introduction To Game Interface Design

LiteracyLiteracy is normally thought of as the ability to read and write.You can interpret meaning from other stimuli than just text.

art, music, film, fashion, advertisingMany mediums convey more through images than text

Page 59: 1st Year Game Design   Introduction To Game Interface Design

Reading & WritingYou don’t just read, you read or write something in some way.

newspaper vs rapessays vs fiction

Each domain has its own rules & requirementsThese can be considered separate literacies

Page 60: 1st Year Game Design   Introduction To Game Interface Design

What does this mean?

“The guard dribbled down court, held up two fingers and passed to

the open man.”

Page 61: 1st Year Game Design   Introduction To Game Interface Design

Semiotic DomainsWithin each domain, all sorts of things can take on meaning. Someone can be musically literate without knowing how to read notation.

they are part of a different semiotic domain

Page 62: 1st Year Game Design   Introduction To Game Interface Design

Games Literacy

Page 63: 1st Year Game Design   Introduction To Game Interface Design

Game DomainsGame literacy is really an umbrella term for many sub domain literacies.FPS game domain expectations of a box would differ from a platform game

Page 64: 1st Year Game Design   Introduction To Game Interface Design
Page 65: 1st Year Game Design   Introduction To Game Interface Design

Short CutBy understanding the meaning of symbols, the designer can avoid

the need to explain or teach the player what something does.

Page 66: 1st Year Game Design   Introduction To Game Interface Design
Page 67: 1st Year Game Design   Introduction To Game Interface Design

Cultural SemioticsSwastika symbol has many meanings but in western culture the

association with Naziism is overwhelming.Possible to cause offence or create meaning where none intended.

Page 68: 1st Year Game Design   Introduction To Game Interface Design
Page 69: 1st Year Game Design   Introduction To Game Interface Design
Page 70: 1st Year Game Design   Introduction To Game Interface Design

Game TellsThe decisions you make about your game’s art style convey

information to the potential player.This is not ‘art’ this is games design.

Page 71: 1st Year Game Design   Introduction To Game Interface Design
Page 72: 1st Year Game Design   Introduction To Game Interface Design

Sci Fi CorridorsSci Fi corridors and doors often have angled or curved walls. In the future, we’ll probably have rectangular walls but the art design isn’t trying to be realistic,

it’s trying to communicate.Desaturated, gloomy colours are often used to imply a grim future environment.

Page 73: 1st Year Game Design   Introduction To Game Interface Design
Page 74: 1st Year Game Design   Introduction To Game Interface Design

AssociationPeople associate and identify themselves with certain things.Blue for boys, pink for girlsBrands like Apple, FCUK have a lot of meaning for people.The visual style of a game is important.

Page 75: 1st Year Game Design   Introduction To Game Interface Design
Page 76: 1st Year Game Design   Introduction To Game Interface Design
Page 77: 1st Year Game Design   Introduction To Game Interface Design

That’s ThatThis lecture touches on some of the topics

covered in 3rd year games design.

Hopefully you’ll all forget before you get to 3rd year so I don’t have to reinvent all my examples.