design för handhållna enheter
DESCRIPTION
Föreläsning på Beckmans Designskola i Stockholm om Design för handhållna enheter.TRANSCRIPT
Patrik Åkerman von Knorring 2011-11-16
Design för handhållna enheter
Om Cloud Nine
Grundat 1999, privatägt
Nordisk fullservicebyrå
Strategi, kommunikation och teknik
Cloud Nine Care
Ca. 75 medarbetare
Ca. 55 aktiva kunder
Ett urval av Cloud Nines kunder
Om Little Giants
Mobilt fokus - Etablera oss som en mobil fullservicebyrå
6, 10, 15
Strategi, kommunikation och teknik
iOS, Android (och .NET), HTML5
Plattformsoberoende
PrisAppenPermission Marketing
Appar, Webb, Admin
GAE
iOS (och snart Android)
Agenda1. Vilka enheter
2. För vem
3. När använder man dem
4. Olika typer av ”appar”
5. Tillvägagångsätt
6. Case: Byggmax
7. Frågor
#1Vilka enheter?
Sökmotorer
Webbplats
Banners
Viral
Web-PR
Kampanjsajter
Bloggar
Communities
Varumärke
Köpt media
Direkt trafik
Organisktrafik
En del av något större
[bild]1024 x 768 1280 x 1024
320 x 480
#2För vem?
ANDROID SYMBIAN IPHONE BLACKBERRY WINDOWS OTHER
4%6%
15%16%
21%
41%
Global marknadsandel
Källa: IDC 2011 Forcast
iOS-användaren
Android-användaren
#3När använder man handhållna enheter
När når vi användaren?
80%Mobilsurfar när
man har tid över
84%Mobilsurfar
hemma
31%Mobilshoppar när dom tittar på TV
Källa:blog.compete.com, thephonecast.com
#4Olika typer av ”appar”
Mobilanpassade webbsidor
Webbappar
Hybridappar
Native appar
Det finns fyra alternativ
<html>
<html><html>
1. Mobilanpassade webbsidor
Mobilanpassad webb
Mobilwebb(m.dn.se)
Mobilanpassadwebb
Börja med det mobila gränssnittet först.
(Även om ingen mobil version är planerad.)Luke Wroblewoski
Southwest Airlines
Southwest Airlines
Southwest Airlines
Skala innehåll
Prioritera om innehåll
Ta bort/Dölja innehåll
Visa nytt innehåll
Din verktygslåda
Paus och film
2. Webb app (App fast ändå inte)
webb app
3. Hybrid app
Hybrid
+
4. Native appar
Mag+ från Bonnier
InDesign on an iMac 24 inch on the iPad
#5Tillvägagångsätt
Application Definition Statement
En process för att definiera en apps huvudsakliga funktion och dess
målgrupp
1. Lista funktioner som kan vara med
2. Definerar våra målgruppers behov
3. Filtrera listan genom målgruppen
4. Sammafatta i en mening
Ett verktyg för att skapa en inköpslista inköpslista för sparsamma människor som älskar att laga mat.
- Få recept
- Jämföra priser
- Hitta butiker
- Kommentera recept
- Få kuponger
- Visar matlagningdemos
- Hitta ingrediensersättningar
- Utforska olika kök
- Skapa listor
- Vanligtvis laga mat hemma
- Är engagerade kupong-användare
- Gillar specialingredienser
- Följer recepten strikt eller använda recept som inspiration
- Storhandlare
- Vill du hålla flera in-progress listor för olika ändamål
- Insistera på specifika märken eller nöja sig med de mest bekväma alternativ
- Tenderar att köpa en liknande uppsättning punkter på varje shoppingresa
Ett verktyg för att skapa inköpslistor
för sparsamma människor som älskar att laga mat.
Support All Orientations
Enhance Interactivity
Add Physicality and Heightened Realism
Delight People with Stunning Graphics
Consider Multifinger Gestures
Ask People to Save Only When Necessary
Always Be Prepared to Stop
Apple User Experience Guidelines
Knappar
Karuseller
Modalfönster/lager/mouseover
Drop downs
Designa för touch
#6Case: Byggmax
Redesign AV BYGgmax e-commerse websites
.se / .fi / .no
=Byggvaruhandelns motsvarighet till
BYGGmax
Tillbaka till skissbordet
Framtiden
Ehandel + Inspiration
#7Frågor
