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

724 views

Published on

Published in: Design
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total views
724
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
5
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • Hogyan tudjuk a már meglévő tudásunkat felhasználni a mobilos felületek tervezésekor?\n
  • \n
  • 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
  • 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
  • “Best interface is no interface.” Itt tényleg nincs egyáltalán interface! Jó vagy rossz?\n
  • \n
  • 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
  • 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
  • Több idő, de pontosabb végeredmény.\n\n\nMockabilly app: http://www.mockabilly.com/\n
  • \n
  • Egy kis HTML, PHP tudással működő prototípust lehet programozni.\n
  • 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
  • Na de melyik megoldást érdemes választani? Röviden bemutatom.\n
  • Responsive oldalt válasszunk, ha kevés, viszonylag statikus tartalom van. Általában közel a teljes tartalom elérhető.\n\n
  • Nagy, homogén tartalomtípus. Teljes nézet leegyszerűsített verziója, nem minden tartalom érhető el.\n
  • Ö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
  • 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
  • 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
  • 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
  • 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
  • ÖSSZEFOGLALÁS!\n
  • 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
  • \n
  • 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
  • \n
  • Mire mész webdesigner tudással a mobil világban?

    1. 1. MIRE MÉSZ WEBDESIGNER TUDÁSSAL A MOBIL VILÁGBAN? App! 2012. 11. 20. @zoltanhosszu
    2. 2. SIEMENS C35 @zoltanhosszu
    3. 3. SIEMENS C35 @zoltanhosszu
    4. 4. HOGY CSINÁLJUNK JOBBAT? @zoltanhosszu
    5. 5. 1. TANULJUNK PROFIKTÓL @zoltanhosszu
    6. 6. FOURSQUARE @zoltanhosszu
    7. 7. PAGES @zoltanhosszu
    8. 8. CLEAR @zoltanhosszu
    9. 9. 2. SAJÁT PROJEKTEK @zoltanhosszu
    10. 10. PAPÍRON @zoltanhosszu
    11. 11. PAPÍR PROTOTÍPUSSAL @zoltanhosszu
    12. 12. MOCKABILLYLÁTVÁNYTERV PROTOTÍPUSSAL @zoltanhosszu
    13. 13. 3. MŰKÖDŐ PROTOTÍPUS @zoltanhosszu
    14. 14. SAJÁT WEBAPP! @zoltanhosszu
    15. 15. USABILITY TESTING @zoltanhosszu
    16. 16. MELYIK MEGOLDÁST VÁLASSZUK? RESPONSIVE OLDAL VS MOBILNÉZET VS NATÍV ALKALMAZÁS @zoltanhosszu
    17. 17. RESPONSIVE OLDAL @zoltanhosszu
    18. 18. MOBIL OLDAL @zoltanhosszu
    19. 19. NATÍV ALKALMAZÁS @zoltanhosszu
    20. 20. MOBILPLATFORM-FÜGGETLEN SZEMLÉLET @zoltanhosszu
    21. 21. 1. MOBIL APP ≠ WEBOLDAL @zoltanhosszu
    22. 22. 2. BEVÁLT PATTERN = BIZTOS SIKER @zoltanhosszu
    23. 23. 3. VALAMI TELJESEN ÚJAT? @zoltanhosszu
    24. 24. @zoltanhosszu
    25. 25. HOGY CSINÁLJUNK JOBBAT? 1. TANULJUNK A PROFIKTÓL 2. SAJÁT PROJEKTEK 3. MŰKÖDŐ PROTOTÍPUS @zoltanhosszu
    26. 26. MELYIK MEGOLDÁST VÁLASSZUK?RESPONSIVE: KEVESEBB TARTALOMMOBIL NÉZET: SOK, HOMOGÉN TARTALOMNATÍV ALKALMAZÁS: JOBB ÉRZÉS, EXKLUZÍV @zoltanhosszu
    27. 27. MOBILPLATFORM-FÜGGETLEN SZEMLÉLET 1. MOBIL APP ≠ WEBOLDAL2. BEVÁLT PATTERN = BIZTOS SIKER 3. VALAMI TELJESEN ÚJAT? @zoltanhosszu
    28. 28. KÖSZÖNÖM!zoltan@zoltanhosszu.com @zoltanhosszu

    ×