Hoe vanuit business en strategie naar concept? Niels Wissels & Ivo Domburg
There’s an App for that!
Strategie
Strategie
Concept
Strategie
Concept
App
IBM in 1997
1997
We have to be1997 on the internet!
?
?
Hype
Hype
App?
Apple Commercial
2009
2009 There’s an app for that!
There’s an app for just about anything....
There’s an app for just about anything....
65.000 apps in store, 1,5 miljard downloads
2009
650.000 apps in store, 30 miljard downloads
nu
App Store
1997
We have to be on the internet! 1997
2012
We have to be2012 in the App Store!
?
Waarom?
Wat?
Hoe?
Unieke eigenschappen
Desktop vs Mobiel
Groot scherm
Klein Scherm
Landscape
Portrait/Landscape
Keyboard/Muis
Touchscreen/Knoppen
Desktop vs Mobiel
Langer gebruik
Korter gebruik
‘Vaste werkplek’
Overal
Algemeen gebruik
Taak gedreven
Desktop vs Mobiel
Krachtig
Langzamer
Snel netwerk
Trager netwerk
Betrouwbaar netwerk
Geen netwerk
Ontwerpen voor mobiel
Optimaal gebruik van het scherm Essentie van de taak Zo min mogelijk invoer Gebruik de mogelijkheden van het platform Offline scenario
Type Apps
Mobiele App native Web App webbrowser Hybride App mengvorm
5
Doelstelling Idee Ontwerp Realisatie Exploitatie
Doelstelling Wat is je businesscase? Wil je er iets aan verdienen? Is het marketing? Schrijf een pitch Wie is je doelgroep? Een App is geen doel op zich
Doelstelling Idee Ontwerp Realisatie Exploitatie
Stichting Binnenstad Arnhem
Doelstelling Idee Ontwerp Realisatie Exploitatie
“We willen een mobiele App voor Arnhem waar burgers en touristen informatie op kunnen vragen over winkels, restaurants, bezienswaardigheden,
Stichtingevenementen Binnenstaden Arnhem geschiedenis” Doelstelling Idee Ontwerp Realisatie Exploitatie
Doelgroep - personas
Doelstelling Idee Ontwerp Realisatie Exploitatie
Doelgroep
Doelstelling Idee Ontwerp Realisatie Exploitatie
Doelstelling Idee Ontwerp Realisatie Exploitatie
Idee Inspireer Inventariseer Co-creation Vertel verhalen Wireframes voor de grote lijnen
Doelstelling Idee Ontwerp Realisatie Exploitatie
Inspireren
Doelstelling Idee Ontwerp Realisatie Exploitatie
Inventariseren
Doelstelling Idee Ontwerp Realisatie Exploitatie
Geeltjes
Doelstelling Idee Ontwerp Realisatie Exploitatie
Principes formuleren
Doelstelling Idee Ontwerp Realisatie Exploitatie
Voorbeeld principe De gebruiker moet in staat zijn om binnen 10 klikken een agressiemelding te doen.
Doelstelling Idee Ontwerp Realisatie Exploitatie
Wat zijn wireframes? Draadmodellen Kleurloos, geen styling Aanpasbaar Niet erg veel details Feedback op functionaliteit + content Geeft inzicht
Doelstelling Idee Ontwerp Realisatie Exploitatie
Wireframe sketching
Doelstelling Idee Ontwerp Realisatie Exploitatie
Avond
etc. Ochtend staurants
Binnenstad Arnhem
Binnenstad Arnhem
Kom dineren bij Mona’s Hoofdgerechten vanafuitE15 eten
Menu
Buiten Arnhem
Re Slideshow
Binnenstad Arnhem
evenementen vandaag
Binnenstad Arnhem
dagje uit
dagje uit
n n Stappe Happen e Winkelen
made in
Arnhem
muziek
ontbijten
winkelen
Filmpje kijken? Ga naar het bioscoopoverzicht
Evenementen
bioscopen
wandelroutes
evenementen komende tijd
clubs
dagje uit
vervoer/parkeren
Dagje Uit
Wandelen Vervoer fo
Alle Categorieën
Alle Categorieën
de bovenaan
Dichtsbijzijn
Kaart
Happen en Stappen
Restaurants
ERS FILT gisch lo ijk - Bio vriendel d - Kin sklasse delijk ij - Pr toelvrien ls - Ro
Mona’s
Mona’s Cafe’s Zoeken
Slideshow
Italiaans
Salathai Restaurants
Kaart
Alle Categorieën
Wireframes Zoeken
Arnhem In
Foto’s
Thais
Falstaff Snackbars/Broodjes Clubs
Algemeen
La Rusticana Italiaans
De Steenen Tafel Discotheken Bioscopen
Adres: Mariënburgstraat 2
Internationaal
Le Saumon
Prijs: Mid-price
aart
Link naar k
Openingstijden:
Internationaal
Winkelen
Mode
H&M
H&M Supermarkten
Mode
Sasha Mode
Schoenen
Warenhuizen
Warenhuis
Foto
Bijenkorf
Doelstelling Idee Ontwerp Realisatie Exploitatie
Markten
Esprit Mode
Adres: Vijzelstraat 26-27
- Icontjes voor type?
Ontwerp wireframes als start, specifiek device, anders dan desktop
Gebruiksvriendelijk Tijd + plannen + draagvlak Wegwerpartikel Visueel ontwerp Interactie + prototypes ...belangrijke stap Doelstelling Idee Ontwerp Realisatie Exploitatie
Visueel ontwerp
Doelstelling Idee Ontwerp Realisatie Exploitatie
Visueel ontwerp
Doelstelling Idee Ontwerp Realisatie Exploitatie
1
Eetgids
op
de
iPh Versie Datum Copyright: Auteurs:
Locatie bepalen
In de buurt
EETGIDS quote
eetgids
Detecteer nauwkeurig
Terug Terug
Wox Food Good Amsterdam
1.1 km
Beluga Amsterdam
2.2 km
Vis aan de Schelde Amsterdam
4.6 km
Oud Sluis Amsterdam
8.6 km
Oud Sluis Oud
Sluis
Foto
Restaurant Type keuken Verhaal
Detecteer grof reclame In
de
buurt
Zoeken
Uitgelicht
Wis geselecteerde foto
2 Locatie gevonden Je locatie kan worden bepaald met 2000 meter nauwkeurigheid. Kies 'Doorgaan' om de resutaten te tonen, of wacht nog even voor meer precisie.
Rating Geef hier je rating voor restaurant Oud Sluis op.
Neem nieuwe foto
Foto uploaden
Ontwerp in flow Mijn Rating
In
de
buurt
default Wat
is
buurt?
Lijst
bevat
15
items.
Annuleer
Doorgaan
Bevestig
Gebruik bestaande foto Annuleer
Adres -> Google Maps Telefoon -> Bellen Website -> Safari
000 0000000 Wilt U dit nummer bellen?
reclame
Wel
in
versie
1.0 Zoek
op
basis
van
loca?e
Zoek
op
basis
van
criteria Uitgelicht
van
persoon Algemene
Ra?ng Mijn
Ra?ng Foto's
In
de
buurt
Niet
in
versie
1.0 Reclame In
de
Spotlight Roteren
scherm
‐>
geen
plaatjes Refresh
plaatjes
Zoeken
Uitgelicht
Annuleer
Bellen
Scherm
draaien?
Alleen
foto's
tonen Mijn
Ra
Zoeken Oud
Sluis
Terug
Resutaat
Terug
‘T Brouwerskolkje
Plaats
Geen voorkeur
Michelin ster Geen voorkeur Zakenlunch
Geen voorkeur
Valet service Geen voorkeur Bootlaanleg
Amsterdam
Uitgelicht 9.3 km
John de Mol (foto + naam)
Sensa Amsterdam
12.2 km
Zes Bergen Binnen
15.6 km
Quartier Sud Borcula
150.6 km
Restaurant
Haring van Van Altena Zeeban... 9.3 km Amsterdam Garnalenkroket van Holtkamp 10.2 km Amsterdam
Geen voorkeur
Kaviaar van Jacobus Toet Amsterdam
15.6 km
Golddiggers Geen voorkeur reclame Toon resultaten
In
de
buurt
Zoeken
reclame Uitgelicht
In
de
buurt
Zoeken
Uitgelicht
reclame In
de
buurt
Doelstelling Idee Ontwerp Realisatie Exploitatie Zoeken
Uitgelicht
Maar
1
actuele
Top
10
dus
geen
keuze Persoon
kan
ook
algemener
worden
(Top
10
Snacks)
Restaurant
0.6 30
juli
2009 ©
luminis
2009 Niels
Wissels/A
Paper prototype
Prototype
Iteraties Sparren over verbeteringen Usability test
Doelstelling Idee Ontwerp Realisatie Exploitatie
Realisatie Strategie bewaken Software development begeleiden Interactie document App store vertraagt!
Doelstelling Idee Ontwerp Realisatie Exploitatie
Exploitatie Meerdere App stores Veel Apps Veel Concurrentie Denk aan promotie Top 10 updates en verbetering (content, features en devices)
Doelstelling Idee Ontwerp Realisatie Exploitatie
Promotie Arnhem App
Doelstelling Idee Ontwerp Realisatie Exploitatie
Doelstelling Idee Ontwerp Realisatie Exploitatie
pitch - doelgroep
workshops - scenarios - wireframes visueel - interactie - prototype
bewaking - begeleiding - interactie prijs het aan
Strategie
Concept
App
Referenties
3 op Reis
Arnhem APP
My PowerRouter
Quote Eetgids
EETGIDS
iSense
RTL Nieuws 365
Senzafill