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

App!2011 - A mobilos felülettervezés alapjai

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: App!2011 - A mobilos felülettervezés alapjai

A mobilos felülettervezés alapjai

Kollin Zoltán

Page 2: App!2011 - A mobilos felülettervezés alapjai

Általános alapelvekről lesz szó

Page 3: App!2011 - A mobilos felülettervezés alapjai

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

Page 4: App!2011 - A mobilos felülettervezés alapjai

Hanem a kontextus

Page 5: App!2011 - A mobilos felülettervezés alapjai

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: App!2011 - A mobilos felülettervezés alapjai

Előfordulhat, hogy ezt tervezed…

Page 7: App!2011 - A mobilos felülettervezés alapjai

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

Page 8: App!2011 - A mobilos felülettervezés alapjai

A kevesebb tényleg több

Page 9: App!2011 - A mobilos felülettervezés alapjai

A kevesebb tényleg több

Page 10: App!2011 - A mobilos felülettervezés alapjai

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

Page 11: App!2011 - A mobilos felülettervezés alapjai

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: App!2011 - A mobilos felülettervezés alapjai

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

Page 13: App!2011 - A mobilos felülettervezés alapjai

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

Page 14: App!2011 - A mobilos felülettervezés alapjai

A tartalom/funkció a legfontosabb

Page 15: App!2011 - A mobilos felülettervezés alapjai

…de engedd a felhasználókat felfedezni!

Page 16: App!2011 - A mobilos felülettervezés alapjai

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

Page 17: App!2011 - A mobilos felülettervezés alapjai

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

Page 18: App!2011 - A mobilos felülettervezés alapjai

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

Page 19: App!2011 - A mobilos felülettervezés alapjai

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: App!2011 - A mobilos felülettervezés alapjai

Kattintható?

Legyen nagy!

Page 21: App!2011 - A mobilos felülettervezés alapjai

A Vissza gombot nem kell feltalálni

Page 22: App!2011 - A mobilos felülettervezés alapjai

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

Page 23: App!2011 - A mobilos felülettervezés alapjai

A best practice a barátod

Page 24: App!2011 - A mobilos felülettervezés alapjai

De alkoss újat bátran, ha indokolt *

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

Page 25: App!2011 - A mobilos felülettervezés alapjai

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

Steve Jobs

Page 26: App!2011 - A mobilos felülettervezés alapjai

Tesztelj, amint van mit!

Page 27: App!2011 - A mobilos felülettervezés alapjai

Köszönöm a figyelmet!

Kollin Zoltá[email protected]