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

UI & UX principles for Smart Glasses

Jul 02, 2015

Download

Design

JoinPad Company

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.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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?