UI & UX principles for Smart Glasses

30
Agnese RAGUCCI AR Interaction Design Specialist [email protected] #ARTour2014

description

Presentation realized by Agnese Ragucci, one of JoinPad's Interaction Designer, on how to design a smart interface for smart glasses (Epson Moverio BT-200). It was realized for the ARTour workshop "Augmented Reality for Smart Glasses" hold by Frontiers of Interaction, JoinPad and Epson in Genova.

Transcript of UI & UX principles for Smart Glasses

Page 1: UI & UX principles for Smart Glasses

Agnese RAGUCCIAR Interaction Design Specialist

[email protected]

#ARTour2014

Page 2: UI & UX principles for Smart Glasses

Il punto di forza delle applicazioni mobile

è quello di fornire all’utente servizi pertinenti al

CONTESTO D’USO e informazioni utili allo

SVOLGIMENTO DELLE SUE ATTIVITÀ

Page 3: UI & UX principles for Smart Glasses

Progettare un’applicazione

richiede una forte comprensione delle

ASPETTATIVE e delle ESIGENZEFGINK�WVGPVK�ƒPCNK

Page 4: UI & UX principles for Smart Glasses

Dobbiamo avere ben chiaro quale sarà lo

SCENARIOin cui verrà utilizzata la nostra applicazione

Page 5: UI & UX principles for Smart Glasses

COME POSSO MIGLIORARELA SUA ESPERIENZA?

CHE ATTIVITÀ SVOLGE?

CHI È IL MIO UTENTE TIPO?QUANTI ANNI HA?

QUALI SONO I SUOI HOBBY?

CHE DIMESTICHEZZA HA CON LA TECNOLOGIA?

VIAGGIA MOLTO?

È MASCHIO O FEMMINA?

DI COSA HA BISOGNO?

COSA HA STUDIATO?

DA CHI È COMPOSTA LA SUA FAMIGLIA?

QUAL È IL SUO OBIETTIVO?

DOVE È NATO?

CHE LAVORO FA?POSSIEDE DEGLI SMART GLASSES?

Page 6: UI & UX principles for Smart Glasses

È necessario pensare a un nuovo

MODELLO D’INTERAZIONE,

un NUOVO LINGUAGGIO

Page 7: UI & UX principles for Smart Glasses

HEADSET

EPSON

CONTROLLER

Page 8: UI & UX principles for Smart Glasses

CAMPO VISIVO

MOVERIO

23°

124°CAMPO VISIVO

UMANO

Page 9: UI & UX principles for Smart Glasses
Page 10: UI & UX principles for Smart Glasses
Page 11: UI & UX principles for Smart Glasses
Page 12: UI & UX principles for Smart Glasses
Page 13: UI & UX principles for Smart Glasses
Page 14: UI & UX principles for Smart Glasses

from MOBILE to SMARTGLASSES

APPHANDS-ON

PREVIEW

Page 15: UI & UX principles for Smart Glasses

Facebook

Page 16: UI & UX principles for Smart Glasses

Quali sono le FUNZIONALITÀ principali?

Page 17: UI & UX principles for Smart Glasses

POST ESTATUS

MESSAGGISTICAE CHAT

WALLSTREAMNOTIFICHE

PAGINE, PROFILIE GRUPPI

EVENTI

Page 18: UI & UX principles for Smart Glasses

scelta dell’applicazione

individuazione delle feature principalie concept delle funzioni per smart glasses

creazione dei wireframe eGHO�PRFNXS�ͤQDOH

presentazione dei lavori

20 min

25 min

2 ore

APPHANDS-ON

Page 19: UI & UX principles for Smart Glasses

Instagram

Page 20: UI & UX principles for Smart Glasses

Whatsapp

Page 21: UI & UX principles for Smart Glasses

Ingress

Page 22: UI & UX principles for Smart Glasses

Giallo Zafferano

Page 23: UI & UX principles for Smart Glasses

Runtastic

Page 24: UI & UX principles for Smart Glasses

Google Maps

Page 25: UI & UX principles for Smart Glasses

Google Now

Page 26: UI & UX principles for Smart Glasses

Calendario

Page 27: UI & UX principles for Smart Glasses

Wunderlist

Page 28: UI & UX principles for Smart Glasses

InstagramPHOTO STREAM

WhatsAppINSTANT MESSAGE

IngressGEOLOC GAME

Giallo ZafferanoSTEP-BY-STEP RECIPES

RuntasticSPORT UTILITY

Google MapsNAVIGATION

Google NowCONTEXT COMPUTING

CalendarioCALENDAR

WunderlistTO DO LIST

Page 29: UI & UX principles for Smart Glasses

Quali sono le funzionalità principali?

Quali di queste accresconol’esperienza su smart glasses?

Quale nuova funzione potrebbenascere dallo sviluppo dell’app

su questo nuovo device?

Page 30: UI & UX principles for Smart Glasses

formato .png

sfondo trasparente

960 x 492 pxnomegruppo_01.png

nomegruppo_02.png

nomegruppo_03.png

Nomegruppo

Come prepare i MOCKUP?