Apresentacao Ebai09

Estudos de Caso de um Instituto de Pesquisa em Tecnologias Móveis Giselle Rossi e Tâmara Baía São Paulo, 2 de outubro de 2009

AGÊNCIA BHTEC CLICK PUBLICIDADE & PROPAGANDA DESIGNER DE MINEIRA INTERAÇÃO DO INDT GISELLE ROSSI A1 JORNALISMO LOV

TÂMARA BAÍA 25 RECIFENSEUFPE DESIGN INdT UX IxDUCD GUIIA SKETCHINGWIREFRAMINGSEEING WATCHING WRITING READINGSCRUMPESQUISA COM USUÁRIOS CONCEITOS PAPER PROTOTYPING DAY IN THE LIFE DOC STYLE GUIDE UI SPECIFICATION TASKFLOWS OSMOBILE MEDIA PLAYER MEDIA CENTERON-BOARD APPS CRIANÇAS TECLADO SPORTS.

Instituto Nokia de Tecnologia | Mobile Linux Software OpenBossa

Desafio 01 Os diferentes input methods e meios Desafio 02 Scrum e UX no INdT Desafio 03 Como fazemos Conclusão

O Designer e a consolidação de novas tecnologias Diferentes input methods

Mobile devices & input methods

Display Tipos de display, resolução vs. dimensão

E quando o device ainda nem existe? Desmontando o N800 para fazer protótipos

Observando o manuseio

CASE 01 SMART HOME

CASE 1: Smart Home Versão 1) aplicativo para celulares Nokia S60

Nokia Smart Home 3. SWITCH CONTROL Setting value on gauge + Toogled ON/OFF 3.1 - Dalila's room 3.1.a - Simple Switch has been turned-off Options (contextual menu) Netdk Netdk GroupSwitch01 GroupSwitch01 GroupSwitch02 GroupSwitch02 GroupSwitch03 GroupSwitch03 Select Dalila's room Dalila's room Dalila's room SIMPLE SWITCH Select Tamara's room 80% Options Menu Tamara's room 80% Habitatum 0% Habitatum 0% Switch Control Switch Control Change the name Create a new group 3. Switch Control Exit Nokia Smart Home Netdk Select Cancel GroupSwitch01 1 GroupSwitch02 GroupSwitch03 Dalila's room Tamara's room 80% Habitatum 0% 3.2 - GroupSwitch01 3.2.a.1 - GroupSwitch01 3.2.a.1.1 - Multi-level 3.2.a - Group Switch Switch Control has been turned-on detail Switch screen Options (contextual menu) Netdk Netdk Netdk Netdk Switch02 GroupSwitch01 GroupSwitch01 GroupSwitch01 GroupSwitch02 2 GroupSwitch02 3 Switch01 Navigate items of the list GroupSwitch03 GroupSwitch03 Select GroupSwitch01 Select Switch02 100% Select Dalila's room Dalila's room Select item list. GROUP SWITCH Options Menu 100% Navigate main menu items Switch07 0% 4 Open this Group e.g.: Switch02 Tamara's room 80% Tamara's room 80% Select list item and Toogled on/off Open this Group Switch08 Habitatum 0% Habitatum 0% Access main options Edit this Group Switch09 Change the name Switch10 Return to network selection Switch Control Switch Control Delete this group Create a new group Exit Nokia Smart Home Switch Control Switch Control Select Cancel Edit sensor value Navigate items of the list Navigate sensors list Navigate Switches List [1] Toggle on (100%) /off (0%) 3.3 - Tamara's room Select list item and toggle on/off Switch Groups must be visually Access sensor options switch Access main options different from the Simple Switches Return to network selection Return to dimmed lights list and Multi-level Switches (the study Netdk of the icons are in progress). Tamara's room Also, the groups can be in the beginning of the list. Select Tamara's room MULTI-LEVEL SWITCH 80% [2] The user can toggle on/off through the Switch Control main screen. It's applied for the Simple Switches and the Switches Group. Groups status: The whole group is turned-ON The whole group is turned-OFF Switch Control Mixed group - there is both switches status. [3] Edit sensor value Select group to open it and see all switches that be part of the group. Navigate sensors list Toggle on (100%) /off (0%) [4] Access sensor options Whether all switches are ON, a dimmer switch is 100%. Return to dimmed lights list Whether all switches are OFF, a dimmer switch is 0%. Notice that, in this step, the user is able to change the status of a specific switch. In this case, if all switches are OFF and at least one is changed to ON, the status of the group isn't OFF anymore, but mixed. INdT - Instituto Nokia de Tecnologia 35 / 51 Taskﬂow - Smart Home para celulares Nokia S60 (aplicação a ser instalada no celular) 3.2 GROUP SWITCH

Tamara's room 80% Habitatum 0% Nokia Smart Home 3. SWITCH CONTROL Setting value on gauge + Toogled ON/OFF Switch Control 3.1 - Dalila's room 3.1.a - Simple Switch 3.2.a.1 - GroupSwitch01 Options (contextual menu) 3.2.a.1.1 - Multi-level 3.2.a 3.Group Switch - Switch Control has been turned-off Netdk Netdk GroupSwitch01 detail GroupSwitch01 Switch screen Options (contextual menu) GroupSwitch02 GroupSwitch02 GroupSwitch03 Netdk GroupSwitch03 Select Dalila's room Dalila's room Dalila's room SIMPLE SWITCH Select Netdk Tamara's room 80% Options Menu Tamara's room 80% Netdk Netdk Habitatum 0% Habitatum 0% GroupSwitch01 Switch Control Switch Control Switch02 Change the name Create a new group GroupSwitch01 1 3. Switch Control GroupSwitch02 GroupSwitch01 Exit Nokia Smart Home Select Cancel Netdk GroupSwitch02 GroupSwitch03 GroupSwitch01 3 1 GroupSwitch02 Switch01 GroupSwitch03 room GroupSwitch03 Dalila's 100% Select Dalila's room Tamara's room 80% Select Switch02 Dalila's room Habitatum 0% item list. Tamara's room 80% 3.2.a.1.1 - Multi-level 100% 3.2 - GroupSwitch01 0% Switch073.2.a - Group Switchmenu) 4 3.2.a.1 - GroupSwitch01 Switch Control Open this Group turned-on has been detail e.g.: Switch02 Switch screen Tamara's room 80% Options (contextual Habitatum Open this Group 0% Netdk Switch08 Netdk Netdk Netdk Habitatum 0% 3.2 - GroupSwitch01 Switch02 GroupSwitch01 GroupSwitch01 GroupSwitch01 Edit this Group GroupSwitch02 2 Switch09 GroupSwitch02 3 Switch01 Switch Control Navigate items of the list GroupSwitch03 GroupSwitch03 Select GroupSwitch01 Switch02 100% Select has been turned-on Select Change the name Switch10 Dalila's room Dalila's room Select Switch Control GROUP SWITCH Options Menu item list. 100% Navigate main menu items Switch07 0% 4 Open this Group e.g.: Switch02 Tamara's room 80% Tamara's room 80% Select list item and Toogled on/off Open this Group Switch08 Habitatum 0% Habitatum 0% Delete this group Access main options Edit this Group Change the name Switch09 Switch10 Return to network selection Switch Control Switch Control Delete this group Create a new group Netdk Create a new group Switch Control Switch Control Exit Nokia Smart Home Switch Control Exit Nokia Smart Home Switch Control Select Cancel Select Cancel Navigate items of the list GroupSwitch01 Edit sensor value Navigate sensors list Navigate Switches List GroupSwitch02 [1] Toggle on (100%) /off (0%) 3.3 - Tamara's room Select list item and toggle on/off Switch Groups must be visually different from the Simple Switches switch Access main options Access sensor options Return to dimmed lights list 2 GroupSwitch03 Return to network selection and Multi-level Switches (the study Netdk Navigate items of the list Tamara's room Edit sensor value Navigate items of the list Select GroupSwitch01 of the icons are in progress). Dalila's room Also, the groups can be in the beginning of the list. Navigate main menu items GROUP SWITCH Navigate sensors list Navigate Switches List Select Tamara's room MULTI-LEVEL SWITCH 80% [2] Tamara's room 80% Select list item and Toogled on/off Toggle on (100%) /off (0%) The user can toggle on/off through the Switch Control main screen. It's applied for the Simple Switches and the Switches Group. Select list item and toggle on/off 0% Groups status: The whole group is turned-ON Habitatum Access main options The whole group is turned-OFF Access sensor options Switch Control Access main options Mixed group - there is both switches status. Return to network selection Edit sensor value Navigate sensors list Return to network selection [3] Select group to open it and see all switches that be part of the group. Switch Control Return to dimmed lights list Toggle on (100%) /off (0%) [4] Access sensor options Whether all switches are ON, a dimmer switch is 100%. Return to dimmed lights list Whether all switches are OFF, a dimmer switch is 0%. Notice that, in this step, the user is able to change the status of a specific switch. In this case, if all switches are OFF and at least one is changed to ON, the status of the group isn't OFF anymore, but mixed. INdT - Instituto Nokia de Tecnologia 35 / 51 [2] Taskﬂow - Smart Home para celulares Nokia S60 (aplicação a ser instalada no celular) The user can toggle on/off through the Switch Control main screen. It's applied fo

CASE 1: Smart Home Versão 2) aplicativo para o internet tablet da Nokia

Nokia Smart Home 3.1 loading 3.1 11:24 Switches on NetDK 01 3. SWITCH CONTROL 11:24 Switches on NetDK 01 Tap Dalila`s room Dalila`s room OFF ON/OFF item _________________________________________________________________________________ _________________________________________________________________________________ Tamara`s room 70% Tamara`s room 70% Device`s status _________________________________________________________________________________ _________________________________________________________________________________ Anne`s room OFF Anne`s room OFF _________________________________________________________________________________ _________________________________________________________________________________ 11:24 Switches on NetDK 01 Sensor #4 0% Sensor #4 0% _________________________________________________________________________________ _________________________________________________________________________________ Dalila`s room ON _________________________________________________________________________________ Sensor #5 30% Sensor #5 30% _________________________________________________________________________________ _________________________________________________________________________________ Tamara`s room _________________________________________________________________________________ Anne`s room OFF _________________________________________________________________________________ Sensor #4 3.2 loading 3.2 _________________________________________________________________________________ 11:24 Switches on NetDK 01 11:24 Switches on NetDK 01 Sensor #5 30% _________________________________________________________________________________ Dalila`s room ON Dalila`s room ON _________________________________________________________________________________ _________________________________________________________________________________ Tamara`s room 70% Tamara`s room 70% _________________________________________________________________________________ When a device is unavailable or not responding, this is visually _________________________________________________________________________________ Anne`s room Anne`s room ON indicated such as S60, with opacity. _________________________________________________________________________________ _________________________________________________________________________________ Sensor #4 0% Sensor #4 0% _________________________________________________________________________________ The devices with connection problem are kept in the same _________________________________________________________________________________ Sensor #5 ordering and it`s not possible edit them. 30% _________________________________________________________________________________ Sensor #5 30% _________________________________________________________________________________ 3.3 11:24 Switches on NetDK 01 Dalila`s room ON _________________________________________________________________________________ Tap DIMMED LIGHT item Tamara`s room 70% _________________________________________________________________________________ Anne`s room OFF _________________________________________________________________________________ Sensor #4 0% _________________________________________________________________________________ 2. Device Groups screen 3. Switches screen Sensor #5 30% _________________________________________________________________________________ 11:24 NetDK 01 11:24 Switches on NetDK 01 Dalila`s room ON _________________________________________________________________________________ Tamara`s room 70% 3.4 Switch Energymeter Temperature _________________________________________________________________________________ Control 11:24 Switches on NetDK 01 Tap Anne`s room OFF SWITCH icon _________________________________________________________________________________ Dalila`s room ON _________________________________________________________________________________ Sensor #4 0% _________________________________________________________________________________ Tamara`s room 70% _________________________________________________________________________________ Video Monitor Motion SETTINGS Sensor #5 30% _________________________________________________________________________________ Anne`s room OFF Detection _________________________________________________________________________________ + Sensor #4 0% _________________________________________________________________________________ Sensor #5 30% _________________________________________________________________________________ Tap Edit mode 3.a ) Edit Mode keyboard 11:24 Switches on NetDK 01 Dalila`s room _________________________________________________________________________________ Tamara`s room _________________________________________________________________________________ Tap Anne`s room _________________________________________________________________________________ back or Tap Sensor #4 text field _________________________________________________________________________________ Sensor #5 INdT - Instituto Nokia de Tecnologia _________________________________________________________________________________ Input Textﬁeld Information: - Alphabetic; Title NokiaSmartHome_Taskflow_OSSO_v05.1.graffle - Max Characteres: 13 (same S60) Author Giselle Rossi 7 / 16 Modified Wed Dec 10 2008

CASE 1: Smart Home Versão 3) web mobile para qualquer celular

Nokia Smart Home - Web 5 - THERMOMETER OPTIONS | MAIN MENU | LOGOFF Thermometer1 Thermometer1 NOKIA SMART HOME Netdk Enter time interval that will be recorded from sensor reading. You can only use numbers. Thermometer Use only numbers. Try again. Thermometer1 Select Start Recording incorrect fulﬁlling Interval (seconds): Interval (seconds): 23˚c OK OK CANCEL CANCEL REFRESH OPTIONS If is not recording Start recording Rename this sensor Thermometer1 OPTIONS | MAIN MENU | LOGOFF Recorded data NOKIA SMART HOME MAIN MENU Netdk Rename the sensor Thermometer TEMPERATURE SWITCH SETTINGS Select Rename this sensor Thermometer1 New sensor name: ENERGY METER VIDEO Thermometer2 LOADING OK Select list item CANCEL OPTIONS | MAIN MENU | LOGOFF MAIN MENU NOKIA SMART HOME OPTIONS | MAIN MENU | LOGOFF Netdk TEMPERATURE SWITCH SETTINGS Thermometer NOKIA SMART HOME Select OK Thermometer1 If is recording Netdk ENERGY METER VIDEO LOADING Thermometer Select Recorded data 23˚c Thermometer1 40 REFRESH 0 OPTIONS Stop recording Rename this sensor -40 23˚c 13:28:41 13:31:11 13:33:41 Recorded data MAR 13 - 13:31:11 MAIN MENU OPTIONS Return to current sensor TEMPERATURE SWITCH SETTINGS MAIN MENU ENERGY METER VIDEO TEMPERATURE SWITCH SETTINGS ENERGY METER VIDEO

Nokia Smart Home - Web 5 - THERMOMETER OPTIONS | MAIN MENU | LOGOFF Thermometer1 Thermometer1 NOKIA SMART HOME Netdk Enter time interval that will be recorded from sensor reading. You can only use numbers. Thermometer Use only numbers. Try again. proposta 1 com botão "go" proposta 1 com botão "go" Thermometer1 Select Start Recording proposta 2 - seleção direta proposta 2 - seleção direta incorrect fulﬁlling Interval (seconds): Interval (seconds): OPTIONS | MAINMAIN MENU | LOGOFF OPTIONS | MENU | LOGOFF OPTIONS | MAINMAIN MENU | LOGOFF OPTIONS | MENU | LOGOFF 23˚c OK OK CANCEL CANCEL Temperature Temperature Temperature Temperature REFRESH OPTIONS If is not recording Start recording Rename this sensor Thermometer1 OPTIONS | MAIN MENU | LOGOFF Thermometer1 Thermometer1 Recorded data GO GO Thermometer1 Thermometer1 NOKIA SMART HOME MAIN MENU Netdk Rename the sensor Thermometer TEMPERATURE SWITCH SETTINGS Select Rename this sensor Thermometer1 New sensor name: 23˚c 23˚c ENERGY METER VIDEO Thermometer2 23˚c 23˚c LOADING OK Select list item CANCEL OPTIONS | MAIN MENU | LOGOFF MAIN MENU NOKIA SMART HOME OPTIONS | MAIN MENU | LOGOFF Netdk REFRESH Thermometer REFRESH NOKIA SMART HOME REFRESH REFRESH TEMPERATURE SWITCH SETTINGS Select OK Thermometer1 If is recording Netdk ENERGY METER VIDEO OPTIONS OPTIONS LOADING OPTIONS Thermometer OPTIONS Select Recorded data Start recording23˚c Thermometer1 Start recording Start recording Start recording 40 Rename thisthis sensor Rename sensor Rename thisthis sensor Rename sensor REFRESH 0 Recorded data Recorded data OPTIONS Recorded data Recorded data Stop recording Rename this sensor -40 23˚c MAINMAIN MENU MENU MAINMAIN MENU MENU 13:28:41 13:31:11 13:33:41 Recorded data MAR 13 - 13:31:11 MAIN MENU OPTIONS Return to current sensor TEMPERATURE SWITCH SETTINGS MAIN MENU TEMPERATURE METER SWITCH TEMPERATURE VIDEO SWITCH ENERGY SETTINGS SETTINGS TEMPERATURE TEMPERATURE SWITCH SWITCH SETTINGS SETTINGS TEMPERATURE SWITCH SETTINGS ENERGY METER VIDEO ENERGY METER ENERGY METER VIDEOVIDEO ENERGY METER ENERGY METER VIDEOVIDEO

CASE 1: Smart Home Versão 4) web para desktop

CASE 02 TOUCH

CASE 2: Interfaces touch N810, outras formas de interação

CASE 2: Interfaces touch Contexto, persona ORDINARY JOE Usar o GPS Saber coisas básicas sobre o carro

CASE 2: Interfaces touch Contexto, persona TUNER Saber como andam os sensores do carro Gosta de tecnologia

CASE 2: CARMAN Off-road theme

CASE 2: CARMAN Tuning theme

CASE 2: CARMAN Gauges off-road theme

CASE 2: CARMAN Gauges tuning theme

CASE 2: Touch Media player MAPAS CARRO MEDIA

CASE 2: Touch Media player

SCRUM: Eliminar de impedimentos INdT: 100% dos colaboradores certiﬁcados SCRUM!

SCRUM: Todos na mesma história INdT: Designers um sprint a frente

SCRUM: P.O. não é parte do time INdT: P.O. é um dos designers TRUCO!

Workshops criativos Media player

Seja multidisciplinar. Esteja antenado nas ilimitadas possibilidades das novas tecnologias.

Obrigada! Dúvidas? GISELLE ROSSI TWITTER: @girossi giselle.rossi@gmail.com giselle.rossi@openbossa.org TÂMARA BAÍA TWITTER: @tamarabaia tamara.baia@gmail.com tamara.baia@openbossa.org

Apresentacao Ebai09

by GIselle Rossi on Oct 08, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 7

Statistics

Apresentacao Ebai09 — Presentation Transcript

http://www.slideshare.net	6
http://www.guilhermo.com	1