SlideShare una empresa de Scribd logo
1 de 29
Presentazione
Simone Serafini
UI/UX Designer
simone@interactiveproject.it
Utile
Che cosa è la UX?
Desiderabile
Funzionale Accessibile
1
• E’ il risultato dell’interazione dell’utente con il prodotto/servizio.
• Usa la UI per interagire con l’utente.
Che cosa è la UX?
2
Business Goal
Customer Goal+
User Interface+
Backend process+
UX è la somma di una
semplice equazione
User experience=
•Tool.
Che cosa è la UI?
3
• Un mezzo di comunicazione tra l’utente e il prodotto.
Nei giochi, il termine HUD si riferisce al
metodo con cui le informazioni sono
costantemente trasmesse visivamente
al giocatore.
UI nei videogame
4
Che ruolo ricopre l’UID
nei videogame
5
• Ha l’obbiettivo di far immergere il giocatore il
più possibile nella narrazione.
UI Designer
• Comunica l’importanza di un elemento,
dandogli proprietà informative.
• Supporta il Team di sviluppo nella fase iniziale,
così da evitare problemi e ambiguità con la GUI
nelle fasi successive.
6
UI: l’evoluzione nei videogame
In passato i giochi non erano caratterizzati da un elemento forte
come la narrativa.
7
La UI e gli anni d’oro degli FPS
• Multiplayer
• Combattimenti
• Prime interazioni
• Struttura dei livelli
• Realismo e ambientazione
8
UI disegnata con una chiara divisione tra il mondo di gioco e lo stato
dell’avatar. Simile ad una “toolbar”.
1992-Wolfenstein 3d
9
1997-Golden eye 007
L’indicatore di salute è sensibile al contesto. HUD in stile “Aircraft”.
10
Si introduce la narrativa con degli elementi “puzzle game” senza
compromettere l’azione.
Il primo utilizzo della HUD in semi-trasparenza.
1998-Half life
11
Video
12
Le nuove generazioni di console (Xbox one, PS4,Wii U),
ci hanno proposto maggiori dettagli grafici, offrendo più spazio di
interazione con il mondo di gioco.
2000-High definition game
13
META
NON
DIEGETICA
SPAZIALE
DIEGETICA
4 Tipologie di UI
14
UI con elementi che vengono mostrati come se anche il
personaggio (avatar) del gioco li stesse vedendo.
UI-Diegetica
15
6 fattori per ottenere UI immersiva
6.Vertigo
1. Bassa Competitività
2. Persuasione
3. Interazione spaziale
4. Navigazione
5. Trasparenza delle regole
UI-Diegetica
16
Video-UI Diegetica
17
UI che viene visualizzata al di fuori del mondo di gioco; gli elementi di
informazione sono visibili e udibili ai giocatori nel mondo reale.
UI-Non diegetica
18
Video-Non diegetica
19
UI presentata nello spazio 3D di gioco attraverso elementi che non
fanno parte della narrazione.
UI-Spaziale
20
Video-Spaziale
21
Meta-Percezioni
La UI si esprime con elementi informativi che trasmettono lo “status” o i sentimenti
dell’avatar al giocatore.
UI-Meta
Meta-Rappresentazioni
La UI si esprime con elementi informativi che fanno parte del mondo di gioco ma che
vengono presentati all’utente in overlay.
22
A seconda dell'impostazione immaginaria del gioco, questi tipi di UI
possono fornire molte informazioni al giocatore evitando di rompere
l’esperienza di gioco.
UI-Meta rappresentazioni
23
Sono molto utili in situazioni di scene veloci come negli FPS per
informare subito il giocatore.
UI-Meta percezioni
24
Video-Meta
25
Conclusioni
Meta
In the game world?
Inthegamestory?
No YesYesNo
26
Non Diegetica Spaziale
Diegetica
Grazie!
Simone Serafini
UI/UX Designer
simone@interactiveproject.it
Propone una classificazione di
gioco e di giochi, in base ai
piaceri primordiali che le
persone cercano quando si
impegnano in tali attività.
La natura del gioco

Más contenido relacionado

La actualidad más candente

LAFS Game Mechanics - Narrative Elements
LAFS Game Mechanics - Narrative ElementsLAFS Game Mechanics - Narrative Elements
LAFS Game Mechanics - Narrative ElementsDavid Mullich
 
Software Engineer- A unity 3d Game
Software Engineer- A unity 3d GameSoftware Engineer- A unity 3d Game
Software Engineer- A unity 3d GameIsfand yar Khan
 
GAME 3400 Level Design - Moment Based Design
GAME 3400 Level Design - Moment Based DesignGAME 3400 Level Design - Moment Based Design
GAME 3400 Level Design - Moment Based DesignSeth Sivak
 
Game Design - Monetization
Game Design - MonetizationGame Design - Monetization
Game Design - MonetizationErez Yerushalmi
 
Product Management For Free-to-Play Games w/ AC&A's Senior PM
Product Management For Free-to-Play Games w/ AC&A's Senior PMProduct Management For Free-to-Play Games w/ AC&A's Senior PM
Product Management For Free-to-Play Games w/ AC&A's Senior PMProduct School
 
Unity 2D game development
Unity 2D game developmentUnity 2D game development
Unity 2D game developmentThe NineHertz
 
게임 BM 설계를 위해 알아야 할 게임 Entity
게임 BM 설계를 위해 알아야 할 게임 Entity게임 BM 설계를 위해 알아야 할 게임 Entity
게임 BM 설계를 위해 알아야 할 게임 EntityHyeyon Kwon
 
GTC 2014 - DirectX 11 Rendering and NVIDIA GameWorks in Batman: Arkham Origins
GTC 2014 - DirectX 11 Rendering and NVIDIA GameWorks in Batman: Arkham OriginsGTC 2014 - DirectX 11 Rendering and NVIDIA GameWorks in Batman: Arkham Origins
GTC 2014 - DirectX 11 Rendering and NVIDIA GameWorks in Batman: Arkham OriginsColin Barré-Brisebois
 
Case Study: Introducing LiveOps and F2P to Traditional Game Mechanics in Roll...
Case Study: Introducing LiveOps and F2P to Traditional Game Mechanics in Roll...Case Study: Introducing LiveOps and F2P to Traditional Game Mechanics in Roll...
Case Study: Introducing LiveOps and F2P to Traditional Game Mechanics in Roll...Jessica Tams
 
Personalisation as the key to optimising your game's revenue & LTV.
Personalisation as the key to optimising your game's revenue & LTV.Personalisation as the key to optimising your game's revenue & LTV.
Personalisation as the key to optimising your game's revenue & LTV.GameCamp
 
Gameplay and game mechanic design
Gameplay and game mechanic designGameplay and game mechanic design
Gameplay and game mechanic designmissstevenson01
 
Game Balance 1: What is Game Balance
Game Balance 1: What is Game BalanceGame Balance 1: What is Game Balance
Game Balance 1: What is Game BalanceMarc Miquel
 
Game Economy Balancing Workshop
Game Economy Balancing WorkshopGame Economy Balancing Workshop
Game Economy Balancing WorkshopMariana Boucault
 
LAFS Game Design 1 - Structural Elements
LAFS Game Design 1 - Structural ElementsLAFS Game Design 1 - Structural Elements
LAFS Game Design 1 - Structural ElementsDavid Mullich
 
Game design document template for serious games
Game design document template for serious gamesGame design document template for serious games
Game design document template for serious gamesAntoine Taly
 
10 page pitch for game design
10 page pitch for game design10 page pitch for game design
10 page pitch for game designTom Carter
 

La actualidad más candente (20)

LAFS Game Mechanics - Narrative Elements
LAFS Game Mechanics - Narrative ElementsLAFS Game Mechanics - Narrative Elements
LAFS Game Mechanics - Narrative Elements
 
Game testing
Game testingGame testing
Game testing
 
Software Engineer- A unity 3d Game
Software Engineer- A unity 3d GameSoftware Engineer- A unity 3d Game
Software Engineer- A unity 3d Game
 
GAME 3400 Level Design - Moment Based Design
GAME 3400 Level Design - Moment Based DesignGAME 3400 Level Design - Moment Based Design
GAME 3400 Level Design - Moment Based Design
 
Game Design - Monetization
Game Design - MonetizationGame Design - Monetization
Game Design - Monetization
 
Game Design fundamentals
Game Design fundamentalsGame Design fundamentals
Game Design fundamentals
 
Product Management For Free-to-Play Games w/ AC&A's Senior PM
Product Management For Free-to-Play Games w/ AC&A's Senior PMProduct Management For Free-to-Play Games w/ AC&A's Senior PM
Product Management For Free-to-Play Games w/ AC&A's Senior PM
 
Unity 2D game development
Unity 2D game developmentUnity 2D game development
Unity 2D game development
 
게임 BM 설계를 위해 알아야 할 게임 Entity
게임 BM 설계를 위해 알아야 할 게임 Entity게임 BM 설계를 위해 알아야 할 게임 Entity
게임 BM 설계를 위해 알아야 할 게임 Entity
 
GTC 2014 - DirectX 11 Rendering and NVIDIA GameWorks in Batman: Arkham Origins
GTC 2014 - DirectX 11 Rendering and NVIDIA GameWorks in Batman: Arkham OriginsGTC 2014 - DirectX 11 Rendering and NVIDIA GameWorks in Batman: Arkham Origins
GTC 2014 - DirectX 11 Rendering and NVIDIA GameWorks in Batman: Arkham Origins
 
Case Study: Introducing LiveOps and F2P to Traditional Game Mechanics in Roll...
Case Study: Introducing LiveOps and F2P to Traditional Game Mechanics in Roll...Case Study: Introducing LiveOps and F2P to Traditional Game Mechanics in Roll...
Case Study: Introducing LiveOps and F2P to Traditional Game Mechanics in Roll...
 
Personalisation as the key to optimising your game's revenue & LTV.
Personalisation as the key to optimising your game's revenue & LTV.Personalisation as the key to optimising your game's revenue & LTV.
Personalisation as the key to optimising your game's revenue & LTV.
 
Gameplay and game mechanic design
Gameplay and game mechanic designGameplay and game mechanic design
Gameplay and game mechanic design
 
Game Balance 1: What is Game Balance
Game Balance 1: What is Game BalanceGame Balance 1: What is Game Balance
Game Balance 1: What is Game Balance
 
Game Economy Balancing Workshop
Game Economy Balancing WorkshopGame Economy Balancing Workshop
Game Economy Balancing Workshop
 
LAFS Game Design 1 - Structural Elements
LAFS Game Design 1 - Structural ElementsLAFS Game Design 1 - Structural Elements
LAFS Game Design 1 - Structural Elements
 
Game design document template for serious games
Game design document template for serious gamesGame design document template for serious games
Game design document template for serious games
 
Designing Game Feel
Designing Game FeelDesigning Game Feel
Designing Game Feel
 
01 - Introduction to Game Mechanics
01 - Introduction to Game Mechanics01 - Introduction to Game Mechanics
01 - Introduction to Game Mechanics
 
10 page pitch for game design
10 page pitch for game design10 page pitch for game design
10 page pitch for game design
 

Destacado

Gamer, cinema e vg
Gamer, cinema e vgGamer, cinema e vg
Gamer, cinema e vgorfo
 
L'universo del gioco online: come i mondi virtuali sono entrati nella vita di...
L'universo del gioco online: come i mondi virtuali sono entrati nella vita di...L'universo del gioco online: come i mondi virtuali sono entrati nella vita di...
L'universo del gioco online: come i mondi virtuali sono entrati nella vita di...Federico Freni
 
Presentacion skyrim vs fallout new vegas
Presentacion skyrim vs fallout new vegasPresentacion skyrim vs fallout new vegas
Presentacion skyrim vs fallout new vegasDidac Manchado Fenoll
 
League of Legends Primer - Consolidated
League of Legends Primer - ConsolidatedLeague of Legends Primer - Consolidated
League of Legends Primer - ConsolidatedLuc Ryu, CPA, CA, CBV
 
League Of Teemo
League Of TeemoLeague Of Teemo
League Of TeemoSigiC
 
League of Legends Primer #3 - Understanding MOBAs and League of Legends (Pt. 2)
League of Legends Primer #3 - Understanding MOBAs and League of Legends (Pt. 2)League of Legends Primer #3 - Understanding MOBAs and League of Legends (Pt. 2)
League of Legends Primer #3 - Understanding MOBAs and League of Legends (Pt. 2)Luc Ryu, CPA, CA, CBV
 
Galleria fotografica - gioco su Vasco da Gama
Galleria fotografica - gioco su Vasco da GamaGalleria fotografica - gioco su Vasco da Gama
Galleria fotografica - gioco su Vasco da GamaMara Beber
 
H.P. Lovecraft
H.P. LovecraftH.P. Lovecraft
H.P. Lovecraftmlbarreto
 
American revolution powerpoint 8
American revolution powerpoint 8American revolution powerpoint 8
American revolution powerpoint 8mgonzal30
 

Destacado (13)

Videogame by Gloria Vallese
Videogame by Gloria ValleseVideogame by Gloria Vallese
Videogame by Gloria Vallese
 
Gamer, cinema e vg
Gamer, cinema e vgGamer, cinema e vg
Gamer, cinema e vg
 
L'universo del gioco online: come i mondi virtuali sono entrati nella vita di...
L'universo del gioco online: come i mondi virtuali sono entrati nella vita di...L'universo del gioco online: come i mondi virtuali sono entrati nella vita di...
L'universo del gioco online: come i mondi virtuali sono entrati nella vita di...
 
Videogame e agile
Videogame e agileVideogame e agile
Videogame e agile
 
Presentacion skyrim vs fallout new vegas
Presentacion skyrim vs fallout new vegasPresentacion skyrim vs fallout new vegas
Presentacion skyrim vs fallout new vegas
 
Silent Hill
Silent HillSilent Hill
Silent Hill
 
League of Legends Primer - Consolidated
League of Legends Primer - ConsolidatedLeague of Legends Primer - Consolidated
League of Legends Primer - Consolidated
 
League Of Teemo
League Of TeemoLeague Of Teemo
League Of Teemo
 
League of Legends Primer #3 - Understanding MOBAs and League of Legends (Pt. 2)
League of Legends Primer #3 - Understanding MOBAs and League of Legends (Pt. 2)League of Legends Primer #3 - Understanding MOBAs and League of Legends (Pt. 2)
League of Legends Primer #3 - Understanding MOBAs and League of Legends (Pt. 2)
 
Presentazione1
Presentazione1Presentazione1
Presentazione1
 
Galleria fotografica - gioco su Vasco da Gama
Galleria fotografica - gioco su Vasco da GamaGalleria fotografica - gioco su Vasco da Gama
Galleria fotografica - gioco su Vasco da Gama
 
H.P. Lovecraft
H.P. LovecraftH.P. Lovecraft
H.P. Lovecraft
 
American revolution powerpoint 8
American revolution powerpoint 8American revolution powerpoint 8
American revolution powerpoint 8
 

Similar a UI/UX nei Videogame

Analisi ergonomica di The Fickle Hands of Fate
Analisi ergonomica di The Fickle Hands of FateAnalisi ergonomica di The Fickle Hands of Fate
Analisi ergonomica di The Fickle Hands of FateMaxime Triveri
 
Presentazione Unturned 3.13 versione beta
Presentazione Unturned 3.13 versione betaPresentazione Unturned 3.13 versione beta
Presentazione Unturned 3.13 versione betaMatteo Brugnetta
 
Paper 1 - Matteo Prandelli - Nintendo
Paper 1 - Matteo Prandelli - Nintendo Paper 1 - Matteo Prandelli - Nintendo
Paper 1 - Matteo Prandelli - Nintendo Prandelli Matteo
 
Gamification per Blank disruptive - CT Marzo 2014
Gamification per Blank disruptive - CT Marzo 2014Gamification per Blank disruptive - CT Marzo 2014
Gamification per Blank disruptive - CT Marzo 2014RanAway
 
SVILUPPO DI VIDEOGIOCHI SU PIATTAFORMA ANDROID: TUTTA LA POTENZA SU DUE DIMEN...
SVILUPPO DI VIDEOGIOCHI SU PIATTAFORMA ANDROID: TUTTA LA POTENZA SU DUE DIMEN...SVILUPPO DI VIDEOGIOCHI SU PIATTAFORMA ANDROID: TUTTA LA POTENZA SU DUE DIMEN...
SVILUPPO DI VIDEOGIOCHI SU PIATTAFORMA ANDROID: TUTTA LA POTENZA SU DUE DIMEN...Danilo Riso
 

Similar a UI/UX nei Videogame (7)

Analisi ergonomica di The Fickle Hands of Fate
Analisi ergonomica di The Fickle Hands of FateAnalisi ergonomica di The Fickle Hands of Fate
Analisi ergonomica di The Fickle Hands of Fate
 
Presentazione Unturned 3.13 versione beta
Presentazione Unturned 3.13 versione betaPresentazione Unturned 3.13 versione beta
Presentazione Unturned 3.13 versione beta
 
Il documento di design
Il documento di designIl documento di design
Il documento di design
 
Paper 1 - Matteo Prandelli - Nintendo
Paper 1 - Matteo Prandelli - Nintendo Paper 1 - Matteo Prandelli - Nintendo
Paper 1 - Matteo Prandelli - Nintendo
 
Lezione game making light
Lezione game making lightLezione game making light
Lezione game making light
 
Gamification per Blank disruptive - CT Marzo 2014
Gamification per Blank disruptive - CT Marzo 2014Gamification per Blank disruptive - CT Marzo 2014
Gamification per Blank disruptive - CT Marzo 2014
 
SVILUPPO DI VIDEOGIOCHI SU PIATTAFORMA ANDROID: TUTTA LA POTENZA SU DUE DIMEN...
SVILUPPO DI VIDEOGIOCHI SU PIATTAFORMA ANDROID: TUTTA LA POTENZA SU DUE DIMEN...SVILUPPO DI VIDEOGIOCHI SU PIATTAFORMA ANDROID: TUTTA LA POTENZA SU DUE DIMEN...
SVILUPPO DI VIDEOGIOCHI SU PIATTAFORMA ANDROID: TUTTA LA POTENZA SU DUE DIMEN...
 

UI/UX nei Videogame

  • 2. Utile Che cosa è la UX? Desiderabile Funzionale Accessibile 1 • E’ il risultato dell’interazione dell’utente con il prodotto/servizio. • Usa la UI per interagire con l’utente.
  • 3. Che cosa è la UX? 2 Business Goal Customer Goal+ User Interface+ Backend process+ UX è la somma di una semplice equazione User experience=
  • 4. •Tool. Che cosa è la UI? 3 • Un mezzo di comunicazione tra l’utente e il prodotto.
  • 5. Nei giochi, il termine HUD si riferisce al metodo con cui le informazioni sono costantemente trasmesse visivamente al giocatore. UI nei videogame 4
  • 6. Che ruolo ricopre l’UID nei videogame 5
  • 7. • Ha l’obbiettivo di far immergere il giocatore il più possibile nella narrazione. UI Designer • Comunica l’importanza di un elemento, dandogli proprietà informative. • Supporta il Team di sviluppo nella fase iniziale, così da evitare problemi e ambiguità con la GUI nelle fasi successive. 6
  • 8. UI: l’evoluzione nei videogame In passato i giochi non erano caratterizzati da un elemento forte come la narrativa. 7
  • 9. La UI e gli anni d’oro degli FPS • Multiplayer • Combattimenti • Prime interazioni • Struttura dei livelli • Realismo e ambientazione 8
  • 10. UI disegnata con una chiara divisione tra il mondo di gioco e lo stato dell’avatar. Simile ad una “toolbar”. 1992-Wolfenstein 3d 9
  • 11. 1997-Golden eye 007 L’indicatore di salute è sensibile al contesto. HUD in stile “Aircraft”. 10
  • 12. Si introduce la narrativa con degli elementi “puzzle game” senza compromettere l’azione. Il primo utilizzo della HUD in semi-trasparenza. 1998-Half life 11
  • 14. Le nuove generazioni di console (Xbox one, PS4,Wii U), ci hanno proposto maggiori dettagli grafici, offrendo più spazio di interazione con il mondo di gioco. 2000-High definition game 13
  • 16. UI con elementi che vengono mostrati come se anche il personaggio (avatar) del gioco li stesse vedendo. UI-Diegetica 15
  • 17. 6 fattori per ottenere UI immersiva 6.Vertigo 1. Bassa Competitività 2. Persuasione 3. Interazione spaziale 4. Navigazione 5. Trasparenza delle regole UI-Diegetica 16
  • 19. UI che viene visualizzata al di fuori del mondo di gioco; gli elementi di informazione sono visibili e udibili ai giocatori nel mondo reale. UI-Non diegetica 18
  • 21. UI presentata nello spazio 3D di gioco attraverso elementi che non fanno parte della narrazione. UI-Spaziale 20
  • 23. Meta-Percezioni La UI si esprime con elementi informativi che trasmettono lo “status” o i sentimenti dell’avatar al giocatore. UI-Meta Meta-Rappresentazioni La UI si esprime con elementi informativi che fanno parte del mondo di gioco ma che vengono presentati all’utente in overlay. 22
  • 24. A seconda dell'impostazione immaginaria del gioco, questi tipi di UI possono fornire molte informazioni al giocatore evitando di rompere l’esperienza di gioco. UI-Meta rappresentazioni 23
  • 25. Sono molto utili in situazioni di scene veloci come negli FPS per informare subito il giocatore. UI-Meta percezioni 24
  • 27. Conclusioni Meta In the game world? Inthegamestory? No YesYesNo 26 Non Diegetica Spaziale Diegetica
  • 29. Propone una classificazione di gioco e di giochi, in base ai piaceri primordiali che le persone cercano quando si impegnano in tali attività. La natura del gioco