a mobilos felülettervezés alapjai - kollin zoltán

27
A mobilos felülettervezés alapjai Kollin Zoltán

Upload: zoltan-kollin

Post on 16-Jun-2015

1.392 views

Category:

Design


0 download

TRANSCRIPT

Page 1: A mobilos felülettervezés alapjai - Kollin Zoltán

A mobilos felülettervezés alapjai

Kollin Zoltán

Page 2: A mobilos felülettervezés alapjai - Kollin Zoltán

Általános alapelvekről lesz szó

Page 3: A mobilos felülettervezés alapjai - Kollin Zoltán

Nem a képernyőméret a legnagyobb különbség

Page 4: A mobilos felülettervezés alapjai - Kollin Zoltán

Hanem a kontextus

Page 5: A mobilos felülettervezés alapjai - Kollin Zoltán

Lazán kapcsolódó statisztika:

AZ OKOSTELEFON TULAJDONOSOK 39%-A MOBIL INTERNETEZIK A MOSDÓBAN.

Forrás: The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011

Page 6: A mobilos felülettervezés alapjai - Kollin Zoltán

Előfordulhat, hogy ezt tervezed…

Page 7: A mobilos felülettervezés alapjai - Kollin Zoltán

A felhasználóid pedig ezt látják:

Page 8: A mobilos felülettervezés alapjai - Kollin Zoltán

A kevesebb tényleg több

Page 9: A mobilos felülettervezés alapjai - Kollin Zoltán

A kevesebb tényleg több

Page 10: A mobilos felülettervezés alapjai - Kollin Zoltán

De mire van szüksége a felhasználóknak?

Page 11: A mobilos felülettervezés alapjai - Kollin Zoltán

Keresés:„Információra van szükségem most.”

Nyomon követés:„Történt valami érdekes?”

Sürgős feladat:„Nem várhat, míg gép elé kerülök.”

Unaloműzés:„Még van 5 percem indulásig.”

Mobil interakció típusok

Page 12: A mobilos felülettervezés alapjai - Kollin Zoltán

Ha megvan a probléma, kínálj azonnali megoldást

Page 13: A mobilos felülettervezés alapjai - Kollin Zoltán

Ha megvan a probléma, kínálj azonnali megoldást

Page 14: A mobilos felülettervezés alapjai - Kollin Zoltán

A tartalom/funkció a legfontosabb

Page 15: A mobilos felülettervezés alapjai - Kollin Zoltán

…de engedd a felhasználókat felfedezni!

Page 16: A mobilos felülettervezés alapjai - Kollin Zoltán

Egy fontos dolog a felhasználóidról:

Page 17: A mobilos felülettervezés alapjai - Kollin Zoltán

Így lett kitalálva az érintőképernyő:

Page 18: A mobilos felülettervezés alapjai - Kollin Zoltán

De ők sokszor csak egy kézzel bűvészkednek

Page 19: A mobilos felülettervezés alapjai - Kollin Zoltán

A „hüvelykujj-terület”

Gyakran használt gombok, navigáció helye

Ritkábban használt vagy „veszélyesebb” akciógombok helye (pl. törlés, szerkesztés)

Page 20: A mobilos felülettervezés alapjai - Kollin Zoltán

Kattintható?

Legyen nagy!

Page 21: A mobilos felülettervezés alapjai - Kollin Zoltán

A Vissza gombot nem kell feltalálni

Page 22: A mobilos felülettervezés alapjai - Kollin Zoltán

És sok más dologra is létezik megoldás

Page 23: A mobilos felülettervezés alapjai - Kollin Zoltán

A best practice a barátod

Page 24: A mobilos felülettervezés alapjai - Kollin Zoltán

De alkoss újat bátran, ha indokolt *

* És ha biztos vagy benne, hogy a felhasználóid érteni/szeretni fogják

Page 25: A mobilos felülettervezés alapjai - Kollin Zoltán

„A lot of times, people don’t know what they want until you show them.”

Steve Jobs

Page 26: A mobilos felülettervezés alapjai - Kollin Zoltán

Tesztelj, amint van mit!

Page 27: A mobilos felülettervezés alapjai - Kollin Zoltán

Köszönöm a figyelmet!

Kollin Zoltá[email protected]