Protoyping/Interactieontwerp
Philips E-motion
Kwartaal 1 jaar 3 Inhoud Onderzoek Schetsen Mockups Wireframes Flowcharts
Maarten de Splenter COHORT0506 000119739
Onderzoek Bij het ontwikkelen van de E-motion heb ik verschillende smartphones getest en bekeken. Tegenwoordig worden alle smartphones ontworpen als de Apple iPhone; Door middel van vierkante knoppen navigeer je door de telefoon met hier en daar wat snelkoppelingen naar de laatste meldingen. De iPhone maakt gebruik van een minimale afmeting van 40 bij 40 pixels per knop. Op die manier zijn de knoppen nog eenvoudig in te toetsen door de gebruiker, en kwa design en interactie zijn er meer objecten te weergeven op één pagina. In mijn prototype heb ik gebruik gemaakt van soortgelijke knoppen. Op het hoofdscherm, dat als een soort dashboard de belangrijkste handelingen laat zien, zijn naast de grote klok verschillende knoppen beschikbaar. Dit zijn de hoofdopties van de telefoon, plus de laatste meldingen van gemiste oproepen en aankomende agendapunten. Daarbij zijn de overige taken, zoals een rekenmachine en dergelijke, terug te vinden onder de Apps knop (niet uitgewerkt in de flash app). Hier kan de gebruiker zijn eigen favoriete taken plaatsen, en indien nodig inladen vanuit een Appstore. Ik heb een analyse gemaakt van de koppelingen die doorgevoerd zijn in de huidige smartphones (iPhone, MSmobile en Android) en heb deze geprobeerd te vereenvoudigen naar kortere routes. Deze zijn terug te vinden in de meegeleverde flowcharts. De belangrijkste punten van interactieobjecten die ik heb meegenomen in mijn prototype zijn: - De slider (slide2unlock), de gebruiker voert een wrijf handeling uit om de telefoon te activeren; - Scrolllijsten, bijvoorbeeld bij contacten. Houd je vinger langer op het scherm en verplaats op die manier de lijst; - Lock/shutdown knop. Klikken is de telefoon locken, langer indrukken is uitzetten; - De belangrijkste functies op het dashboard. Ga direct naar je contacten, selecteer deze en bel/sms/mail hem/haar direct, of zoek deze eerst op in je telefoon. - Een duimgericht toetsenbord. Grotere knoppen aan de zijkant, zodat je met de zijde van je duim op bijvoorbeeld de Q kunt drukken, en de punt van je duim voor de G kunt gebruiken. De kleinste maat is een 40x40 pixel, nog steeds ideaal voor vinger. Plus een TAB knop, dit missen veel mobiele toetsenborden. Dat scheelt weer priegelwerk in het selecteren van het juiste invoervlak.
Schetsen
Mockups
Hoofdmenu telefoon
Agenda
Contacten
Berichten
Telefoon
Apps
Multimedia
Overzicht scherm Nieuw contact invoer bevestigen
Invoer venster Terug naar vorige Terug naar Home Zoek contact Begin letter selecteren
Terug naar vorige / annuleren Terug naar Home Selecteer contact Bewerk contact
Invoer venster
invoer bevestigen
Terug naar vorige / annuleren Terug naar Home Verwijder contact
invoer bevestigen Terug naar vorige / annuleren Terug naar Home
Terug naar vorige / annuleren Terug naar Home Bekijk contact Contact weergeven
Bewerk contact
Gelijk aan vorige
Verwijder contact
Gelijk aan vorige
Contact bellen
Naar onderdeel Telefoon
Bel contact
Contact SMSen
Naar onderdeel Berichten
Verstuur SMS naar...
Contact E-Mailen
Naar onderdeel Berichten
Verstuur e-mail naar...
Terug naar vorige / annuleren Terug naar Home Terug naar Home
Hoofdmenu telefoon
Contacten
Agenda
Berichten
Telefoon
Apps
Multimedia
Overzicht scherm Nieuw bericht
Kies type SMS MMS e-mail Annuleren
Bericht opstellen
Bericht verzenden
Ontvanger(s) kiezen Bericht invoeren Terug naar vorige Terug naar Home
Inbox selecteren Standaard SMS
Select venster SMS
Weergave aanpassen
MMS e-mail Annuleren (naast klikken) Bericht selecteren Bericht weergave Bericht verwijderen
Invoer bevestigen Terug naar vorige / annuleren Terug naar Home
Bericht beantwoorden
Bericht opstellen
Bericht verzenden
Ontvanger(s) aanpassen Bericht invoeren Terug naar vorige Terug naar Home Contact selecteren Terug naar vorige Terug naar Home Terug naar Home
Naar onderdeel Contacten
Weergeef contact...
Hoofdmenu telefoon
Contacten
Agenda
Berichten
Telefoon
Apps
Multimedia
Naar onderdeel Contacten
Weergeef contact...
Overzicht scherm
Bel geschiedenis
Lijst weergeven Contact selecteren Lijst leegmaken
Bevestigen Annuleren
Terug naar vorige Terug naar Home Bel nummer/Selectie Na invoeren van nummer of selecteren contactpersoon
Telefoneren Luidspreker aan/uit In wacht aan/uit Gesprek beeindigen
Terug naar Home
Hoofdmenu telefoon
Contacten
Agenda
Berichten
Telefoon
Apps
Multimedia
Overzicht scherm Nieuw agendapunt
Kies type Agendapunt
Punt/Taak invoeren
Taak
Doorvoeren
Datum selecteren
Annuleren
Contact selecteren Titel + omschrijving invoeren Terug naar vorige Terug naar Home
Type weergave
Kies type Weergave doorvoeren
Dag weergave Week weergave Maand weergave Jaar weergave Annuleren
Datum selectie
Kalender weergeven
Data selecteren
Weergave doorvoeren
Annuleren Agendapunt/taak selecteren
Punt/taak weergeven Punt/taak verwijderen
Bevestigen Annuleren
Punt/taak bewerken
Punt/Taak bewerken Datum selecteren Contact selecteren Titel + omschrijving invoeren Terug naar vorige Terug naar Home
Terug naar vorige Terug naar Home Terug naar Home
Bevestigen
Hoofdmenu telefoon
Agenda
Contacten
Berichten
Telefoon
Apps
Overzicht scherm App toevoegen
Appstore starten
App installeren
App selecteren
App starten
App starten
“langer indrukken”
App verplaatsen
Icoon “draggen” naar nieuwe positie
App verwijderen
Bevestigen Annuleren
Annuleren App starten
Terug naar Home
App starten
Multimedia
Hoofdmenu telefoon
Contacten
Agenda
Berichten
Telefoon
Apps
Multimedia
Keuze scherm Foto
Album overzicht Selecteer album
Album weergeven Selecteer foto
Foto weergeven Foto bewerken
Gegevens bewerken Annuleren
Foto verwijderen
Bevestigen Annuleren
Terug naar vorige Terug naar Home
Start camera
Nieuwe foto Terug naar vorige Terug naar Home Selecteer foto
Foto weergeven
Nieuwe foto
Start camera
Terug naar Home Video
Gelijk aan foto optie, enkel met mediaspeler bij weergeven
Audio
Gelijk aan foto optie, enkel met mediaspeler bij weergeven
Annuleren
Zie vorige
Gegevens doorvoeren
Provider, verbinding, tijd en batterij informatie
Provider, verbinding, tijd en batterij informatie Contacten
Add contact
a Afb contact
maandag 12 april 2010
Meldingen venster
Afb contact
1 Gemiste oproep 13:20u zondag 11 april
Afb contact
Afb contact
Multimedia
Berichten
Apps
Telefoon
Lock Exit
Naam contactpersoon
b
Afspraak kapper 15:00u dinsdag 12 april
Contacten
Naam contactpersoon
Agenda
settings
Naam contactpersoon
Naam contactpersoon
c Afb contact Afb
Naam contactpersoon
Naam contactpersoon
A-Z
Home
Provider, verbinding, tijd en batterij informatie Contacten
A-Z
Home
A
B
C
D
E
F
G
H
I
J
K
L
Contact toevoegen Naam
N
O
P
Q
R
S
T
U
V
W
X Q
Y
5
Z
6
1
7
2
8
3
9
4
OK W
E
R
A
S
D
F
Z
X
C
V
0
shift
T G
123
Cancel Y H
U
O
I
P tab
J
K
L
. ,
B
N
M
! ?
Enter
bckspc
Provider, verbinding, tijd en batterij informatie
M
