19
Session 3/4 Olivier Rovellotti Eric Pringels UX Design

Ns ux-session-3

Embed Size (px)

Citation preview

Page 1: Ns ux-session-3

Session 3/4

Olivier RovellottiEric Pringels

UX Design

Page 2: Ns ux-session-3

CUBI UX

Page 3: Ns ux-session-3

Interaction

Page 4: Ns ux-session-3

Portability Miniaturization Connectivity

1960 1973

Convergence

1992

Divergence App

2000 2007

History

Page 5: Ns ux-session-3

Today ?

Page 6: Ns ux-session-3

Screen and hands

Page 7: Ns ux-session-3

Mutlitouch grammar (Grammaire gestuelle)

Page 8: Ns ux-session-3

Transitions WHY ?• Keep Users from getting lost • Where the user should focus• Use feedback to show what’s been accomplished

Page 9: Ns ux-session-3

Material video

https://www.youtube.com/watch?v=Q8TXgCzxEnw

Page 10: Ns ux-session-3

Micro Interaction

Page 11: Ns ux-session-3

Camera

Page 12: Ns ux-session-3

Accéléromètre

Page 13: Ns ux-session-3
Page 14: Ns ux-session-3

3DTouch: Shortcut Actions category

Page 15: Ns ux-session-3

3DTouch: Quick Action

Page 16: Ns ux-session-3

3DTouch: Peek and pop

Page 17: Ns ux-session-3

Bots

Page 18: Ns ux-session-3

Mobile UX Problèmes• Tension (Content-to-Chrome)• App Fatigue• Decouvrabilité : Signifier l’affordance• OverLoaded Commands (3D)• Manque de convention (Consistancy)

Page 19: Ns ux-session-3

Twitter: @orovellotti www.natural-solutions.eu

Merci

[email protected][email protected]