SlideShare une entreprise Scribd logo
1  sur  41
MIRE MÉSZ WEBDESIGNER
   TUDÁSSAL A MOBIL
      VILÁGBAN?

       App! 2012. 11. 20.
                            @zoltanhosszu
SIEMENS C35
              @zoltanhosszu
SIEMENS C35
              @zoltanhosszu
HOGY CSINÁLJUNK JOBBAT?



                    @zoltanhosszu
1. TANULJUNK PROFIKTÓL



                    @zoltanhosszu
FOURSQUARE
             @zoltanhosszu
PAGES
        @zoltanhosszu
CLEAR
        @zoltanhosszu
2. SAJÁT PROJEKTEK



                     @zoltanhosszu
PAPÍRON
          @zoltanhosszu
PAPÍR PROTOTÍPUSSAL
                  @zoltanhosszu
MOCKABILLY




LÁTVÁNYTERV PROTOTÍPUSSAL
                      @zoltanhosszu
3. MŰKÖDŐ PROTOTÍPUS



                  @zoltanhosszu
SAJÁT WEBAPP!
                @zoltanhosszu
USABILITY TESTING
                    @zoltanhosszu
MELYIK MEGOLDÁST VÁLASSZUK?

   RESPONSIVE OLDAL
             VS

      MOBILNÉZET
            VS

  NATÍV ALKALMAZÁS
                       @zoltanhosszu
RESPONSIVE OLDAL
                   @zoltanhosszu
MOBIL OLDAL
              @zoltanhosszu
NATÍV ALKALMAZÁS
                   @zoltanhosszu
MOBILPLATFORM-
FÜGGETLEN SZEMLÉLET


                 @zoltanhosszu
1. MOBIL APP ≠ WEBOLDAL



                    @zoltanhosszu
2. BEVÁLT PATTERN = BIZTOS SIKER




                            @zoltanhosszu
3. VALAMI TELJESEN ÚJAT?



                      @zoltanhosszu
@zoltanhosszu
HOGY CSINÁLJUNK JOBBAT?

  1. TANULJUNK A PROFIKTÓL
       2. SAJÁT PROJEKTEK
   3. MŰKÖDŐ PROTOTÍPUS


                         @zoltanhosszu
MELYIK MEGOLDÁST VÁLASSZUK?

RESPONSIVE: KEVESEBB TARTALOM
MOBIL NÉZET: SOK, HOMOGÉN TARTALOM
NATÍV ALKALMAZÁS: JOBB ÉRZÉS, EXKLUZÍV



                                  @zoltanhosszu
MOBILPLATFORM-FÜGGETLEN SZEMLÉLET


    1. MOBIL APP ≠ WEBOLDAL
2. BEVÁLT PATTERN = BIZTOS SIKER
      3. VALAMI TELJESEN ÚJAT?


                            @zoltanhosszu
KÖSZÖNÖM!
zoltan@zoltanhosszu.com




                          @zoltanhosszu
Mire mész webdesigner tudással a mobil világban?
Mire mész webdesigner tudással a mobil világban?
Mire mész webdesigner tudással a mobil világban?
Mire mész webdesigner tudással a mobil világban?
Mire mész webdesigner tudással a mobil világban?
Mire mész webdesigner tudással a mobil világban?
Mire mész webdesigner tudással a mobil világban?
Mire mész webdesigner tudással a mobil világban?
Mire mész webdesigner tudással a mobil világban?
Mire mész webdesigner tudással a mobil világban?
Mire mész webdesigner tudással a mobil világban?
Mire mész webdesigner tudással a mobil világban?
Mire mész webdesigner tudással a mobil világban?

Contenu connexe

En vedette

Right To Privacy Harvard Law Review
Right To Privacy   Harvard Law ReviewRight To Privacy   Harvard Law Review
Right To Privacy Harvard Law ReviewChuck Thompson
 
The Future is Now: Writing Automated Tests To Grow Your Code
The Future is Now: Writing Automated Tests To Grow Your CodeThe Future is Now: Writing Automated Tests To Grow Your Code
The Future is Now: Writing Automated Tests To Grow Your CodeIsaac Murchie
 
Classroom Management Tips for Kids and Adolescents
Classroom Management Tips for Kids and AdolescentsClassroom Management Tips for Kids and Adolescents
Classroom Management Tips for Kids and AdolescentsShelly Sanchez Terrell
 
The Buyer's Journey - by Chris Lema
The Buyer's Journey - by Chris LemaThe Buyer's Journey - by Chris Lema
The Buyer's Journey - by Chris LemaChris Lema
 
The Presentation Come-Back Kid
The Presentation Come-Back KidThe Presentation Come-Back Kid
The Presentation Come-Back KidEthos3
 

En vedette (6)

Right To Privacy Harvard Law Review
Right To Privacy   Harvard Law ReviewRight To Privacy   Harvard Law Review
Right To Privacy Harvard Law Review
 
The Future is Now: Writing Automated Tests To Grow Your Code
The Future is Now: Writing Automated Tests To Grow Your CodeThe Future is Now: Writing Automated Tests To Grow Your Code
The Future is Now: Writing Automated Tests To Grow Your Code
 
The passive voice
The passive voiceThe passive voice
The passive voice
 
Classroom Management Tips for Kids and Adolescents
Classroom Management Tips for Kids and AdolescentsClassroom Management Tips for Kids and Adolescents
Classroom Management Tips for Kids and Adolescents
 
The Buyer's Journey - by Chris Lema
The Buyer's Journey - by Chris LemaThe Buyer's Journey - by Chris Lema
The Buyer's Journey - by Chris Lema
 
The Presentation Come-Back Kid
The Presentation Come-Back KidThe Presentation Come-Back Kid
The Presentation Come-Back Kid
 

Mire mész webdesigner tudással a mobil világban?

Notes de l'éditeur

  1. \n
  2. \n
  3. \n
  4. Hogyan tudjuk a már meglévő tudásunkat felhasználni a mobilos felületek tervezésekor?\n
  5. \n
  6. A 4sq letisztult keretekkel, kontrasztokkal vezeti a szemet végig a folyamatokon, jól elkülönül a fejléc, lábléc a contenttől.\n
  7. A Pages mindig csak az aktuálisan érdekes szerkesztő panelt mutatja, ami nem kell, eltűnik. Segít fókuszálni a számunkra értékes tartalomra.\n
  8. “Best interface is no interface.” Itt tényleg nincs egyáltalán interface! Jó vagy rossz?\n
  9. \n
  10. Papír alapú drótváz készítés. Meg lehet érezni a mobil képernyő apró méretét. Nem tudod megrajzolni papíron, nem biztos hogy menni fog PSben.\n
  11. Nemrég jelent meg, taiwani cég appja, nagyon hasznos gyors prototípus készítéshez.\n\nPrototyping On Paper app: http://popapp.in/\n
  12. Több idő, de pontosabb végeredmény.\n\n\nMockabilly app: http://www.mockabilly.com/\n
  13. \n
  14. Egy kis HTML, PHP tudással működő prototípust lehet programozni.\n
  15. A Köpönyeg app is nagyon sokat fejlődött a usability tesztek során:\n1) Első verzióban több funkció, zavaróbb összkép.\n2) Második verzióban letisztultabb tartalom, fókusz\n3) Jobb helykihasználás, több magyarázó szöveg, instant fotó visszajelzés\n
  16. Na de melyik megoldást érdemes választani? Röviden bemutatom.\n
  17. Responsive oldalt válasszunk, ha kevés, viszonylag statikus tartalom van. Általában közel a teljes tartalom elérhető.\n\n
  18. Nagy, homogén tartalomtípus. Teljes nézet leegyszerűsített verziója, nem minden tartalom érhető el.\n
  19. Összetett funkcionalitás, 'natív érzés' (Facebook és Instagram aszinkron feltöltés -> gyorsabbnak érzett alkalmazás).\nTeljes vagy részleges tartalom, de lehet app exluzív funkcionalitás is,\n\n
  20. Sokat beszéltem eddig az iPhone-ról, mivel nálam ez az etalon. De nagyon sok usability probléma van ezen a platformon is, csak sokmindenhez hozzászoktunk már. 6 éve létezik, ez volt az összes touchscreen OS alapja.\n
  21. 1) Nem ott és nem úgy van a fold, ahogy egy nagy kijelzőn.\n2) Más a user - képernyő interakció. Egér vs ujj\n3) Szkeuomorfizmus\n
  22. Ha már népszerű, ismert appok működését modellezzük le, akkor biztosan érteni fogja a legtöbb user, hogy miről van szó, már az első pillanattól. De ez nem azt jelenti, hogy ne próbáljunk meg innoválni!\n
  23. Nyugodtan lehet próbálkozni újdonságokkal, hiszen a mobilos interakció még bőven gyerekkorát éli, mindennap jönnen ki új alkalmazások új ötletekkel. De a tényleg elvadult ötleteket sokszor teszteljük le!!\n
  24. ÖSSZEFOGLALÁS!\n
  25. Tanuljunk profiktól, lopjunk ötleteket.\nElőször saját projektekkel próbáljuk ki magunk.\nMűködő prototípusokkal végezzünk teszteket.\n
  26. \n
  27. A mobil app nem weboldal. Más a fold, más az interakció, szkeuomorfizmus.\nBevált patterneket azért használnak mások, mert működnek!\nHa valami teljesen újat tervezünk, teszteljük!\n
  28. \n