Mobilalkalmazások tervezése

Nemrég tartott előadásom pdf (11 Mb) formátumban letölthető, vagy akár itt is elolvasható.
Tartalom
  • Elvárások revíziója
  • Funkciók és folyamatok
  • körülmények
  • Magasszintű drótvázak

Elvárások
Üzleti célok

  • Egy divat áldozatai vagyunk-e?
  • Megelőzni a versenytársat
  • Pénztermelő funkciók előtérben?
  • Érthetőek-e a pénztermelő funkciók?
  • Letöltés vagy egyéb bevétel

Biztos alkalmazás?

  • Hatékonyság (facebook)
  • Coolabb (pinterest)
  • Offline is fogyasztható (eyewittness DK)
  • Egyedi tulajdonságok (sok kép csatolás, push üzenet

Ezt kínáljuk és erre vágynak
Komplexitás

  • Hiányzik valami, amit több, mint 10% használna?
  • Kevesek által használt funkciók
  • Kisebbség által is alig használt funkciók
  • Egyszerű helyzetek egyszerű megoldások
  • Tűzoltás

Speciálisan mobil?

  • Olyan tevékenység, ami nem szobához kötött: ibird explorer plus
  • Elsődlegesen nem otthonhoz kötött: bkv
  • Is-is: index
  • Otthon sokkal jobb: ebank

Perszónák

  • Mik a perszónák?
  • Hogyan készítsünk perszónákat?
  • Kielégíti-e alkalmazásunk őket?
Perszóna leírással


Élethelyzetek

  • 84% otthon
  • 80% lötyögési időben
  • 74% sorbanállás alatt
  • 69% bevásárlás alatt
  • 64% munkahelyen
  • 62% tv-zés közben
  • 47% közlekedés közben

Szándékok

  • Azonnali keresés
  • Böngészés, játék
  • Bechekkolás, státuszállítás
  • Azonnali reakció
  • Szerkesztés, létrehozás
  • Csak mobillal megoldható helyzetek

Felhasználói esetek
Folyamatok rendezése

  • Alap felhasználói esetek azonosítása és fontossági sorrendjének megállapítása
  • Forgatókönyvek írása
  • Központi funkciók köré épülő kisebbek (pl. utalni akarok és megnézni bejött-e a pénzem)
  • A képernyők=töredezett folyamatok

Extra lehetőségek

  • Hely
  • Irány
  • Fényképező (Dupla is) és videó
  • Mikrofon
  • Könnyű mozgathatóság, közelség (barcode)
  • Érintés

Kézzel megy
Anélkül nehézkes 
Gyenge pontok

  • Hol lehet szükség segítségre vagy más alkalmazásra?
  • Mikor nehéz használni? (fényképezőgép lezárt telefonnal)
  • Kellenek-e hozzá segédeszközök?
  • Kell-e hozzá internet (helyazonosítás wifik alapján)
  • Felhasználóváltás (facebook)
Félbeszakítások

  • Elakadtunk
  • Segítség kell (pl. nem megy airplane módban)
  • Engedély kell
  • Push üzenetek szabályozása, csendes órák, hangszabályozás (umbrella)
  • Csendes üzenés
Extrém körülmények

 

Eszközméret

 

  • Töredéke a webesnek, egyszerűen nem fér bele minden
  • Változatos méretek most már iphone-ra is
  • Méret befolyásolja elrendezést, és hogy mit könnyű megnyomni
iPhone és Android hasonló

  • Alkalmazások logikája
  • Listás navigációk
  • Felső tartalomcímkézés
  • Eszközműködés
  • Gesztusok (kivéve tapintás és tartás)
iPhone és Android eltérő

  • Vizualitás, arányok
  • Visszalépés gomb
  • Menü gomb
  • Android: scrollozható tabok lenn
  • Android: többféle keresés
Facebook Android

 

Facebook iPhone

 

Hogyan használják

Mentális

  • Alacsony eszközismeret
  • Unatkozik
  • Kevés ideje van
  • Megosztott figyelem
  • Figyelem megszakítható (másik alkalmazás, emberek)
Fizikai

  • Egy hüvelykujj (ez bal is lehet!)
  • Valahol vagyok, helyi dolgokat akarok
  • Kiszámíthatatlan fizikai környezet
  • Ügyetlen és otromba ujjak
Hüvelykuralom
Mikor?

iPhone

 

iPad

 

Magasszintű drótvázak

 

Tervezés kézzel
Mintagyűjtés
  • Legfontosabb konkurensek megkeresése és részletes elemzése
  • patternsofdesign.co.uk
  • mobile-patterns.com
  • mobiledesignpatterngallery.com
  • pttrns.com
Eszközök

  • Axure
  • Omnigraffle
  • Balsamiq
  • Fehértábla
  • Html prototípus

Tartalom és struktúra

  • Lefelé terjeszkedhetünk, de a görgetés veszélyes lehet
  • Nincs hely a magyarázkodásra
  • Nagy betűk
  • Csak a lényeg marad
Web és app

  • Információszervezés
  • Tapintásra tervezés
  • 90-es évek Déjà vu?
  • Lassabb a web
  • Gyorsabb az indítás
  • Adatok hozzáférhetősége
Ami ugyanaz

  • Kiemelések fontossága
  • Egyértelmű kommunikáció
  • Hierarchia
  • Egyszerűség
  • Kattinthatóság-tapinthatóság jelzése
Pinterest: WEB

 

Átszabás: Mobilweb

 

Átszabás: Alkalmazás

 

Sugaras menü

 

Alsó menü

 

Felső menü

 

Fiók menü

 

Balra csúszó
 
Navigációs modellek
Oldalsorozat pro

  • Gyors fókuszált tartalom
  • Könnyen használható
  • Navigáció kis helyet igényel

 Oldalsorozat kontra

  • Mindenen át kell gázolni
  • Sok képernyőre nem alkalmazható
  • Scrollal nem kompatibilis
  • Felhasználók nem veszik észre

Ikonsor (tab menu) pro

  • Egy tapnyira minden
  • Erőteljes kommunikáció

Ikonsor (tab menu) kontra

  • Max 5
  • Sok helyet foglal (pinterest)

Mélyfúrás pro

  • Nagy számokkal is ok
  • Könnyen felfogható
  • Könnyen manipulálható
  • Személyreszabhatóbb
Mélyfúrás kontra
  • Elsődleges funkciók csak egy oldalon
  • Főkategóriák közt nehézkes váltás
Kontextus
  • Fontos, hogy mutassuk hol járunk
  • Mutatni, hogy a manipulálandó adat mihez kapcsolódik (facebook)
  • Mutatni a lehetőségeket (elfelezett képek)

Oszd meg velünk véleményed

    Kérem írd be üzenetedet

    Kérem írd be email címed!

    Kérem írd be üzenetedet

    Küld

    Website-okat, mobil applikációkat és szoftvereket tervezünk, hogy segítsünk megvalósítani üzleti céljaidat!

    Csapatunk

    Kapcsolat

    Kedves Ergo,

    A nevem
    . Az email címem
    . Üzenetem:

    ajánlott
    cikkek

    Tudj meg többet a témáról

    Együttműködés UX ügynökséggel: Melyik UX design csapatot válasszuk? – 3. rész

    2023. máj. 30. | 21 perc olvasás

    Miért érdemes UX ügynökséggel dolgozni? Vannak olyan társaságok, amelyek kezdettől fogva együtt dolgoznak egy UX ügynökséggel. Mások csak később fordulnak hozzájuk, és vannak olyanok is, amelyek egyáltalán...

    Együttműködés UX szabadúszókkal:  Melyik UX design csapatot válasszuk? – 1. rész

    2023. ápr. 11. | 21 perc olvasás

    Ezért érdemes UX szabadúszókkal dolgozni Ha időnként digitális projekteket vezetsz, előbb-utóbb be kell ismerned, hogy szükséged van néhány UX-szakemberre. Az is lehet, hogy már nagyon régóta tisztában...