MIT VÁRHATSZ A UX- ESEDTŐL?

Méret: px

Mutatás kezdődik a ... oldaltól:

Download "MIT VÁRHATSZ A UX- ESEDTŐL?"

Irma Faragóné
5 évvel ezelőtt
Látták:

1 MIT VÁRHATSZ A UX- ESEDTŐL? UX TERVEZÉS BEVEZETŐ Németh Ádám, UX Strategist,

2 RESEARCH DESIGN

3 INTERJÚ TESZT TERVEZÉS TESZT DEV ANALITIKA ANALITIKA

5 ISO 9241:210 A UX 6 ALAPPONTJA

6 1 A felhasználók, környezetük, feladataik explicit és objektív megértésén alapul nincs kutatás? STAY AWAY

7 2 A felhasználók a tervezés és a fejlesztés alatt végig be vannak vonva nincs külső szereplő? STAY AWAY

8 3 A design mozgatórugója és a finomítás alapja a felhasználó-alapú kiértékelés csak üzleti/esztétikai célok? STAY AWAY

9 4 A folyamat iteratív one shot? STAY AWAY

10 5 A design lefedi a teljes felhasználói élményt milyen lesz net nélkül?

11 6 A tervezőcsapat multidiszciplináris és több perspektívát magába foglal nem csak grafikusokból áll

12 UX IS ABOUT GOALS

13 A FELHASZNÁLÓ ÉRZÉKELÉSÉT ELSŐSORBAN A CÉLJAI BEFOLYÁSOLJÁK

14 2. TÉMA TERVEZÉSI FOLYAMAT

15 MI KELL EGY SPECIHEZ?

16 User Research Vonjunk be User story-k Forgatókönyvek Desk Research IA Patterns Flow ábra Drótvázak Prototípusok Final visuals Adatmodellek LEGYEN: Konzisztens Technológiabarát Ne változtassunk Komponensek Spec/Avocode Pszeudokód

17 USER RESEARCH

18 KONTEXTUSOK KÖZÖNSÉGEK FELADATOK

19 TEREPINTERJÚK

20 FEJLESZTŐK BEVONÁSA

21 EREDMÉNYEK feladatok (use case) scenario-k főbb feature-ök statikusnál: kérdések általános flow

Péter, 31 C# fejlesztő Nem akarok ebből a projektből nyugdíjba menni CÉL: A jelenleginél jobb állást találni MOTIVÁCIÓ: passzoló feladat passzoló környezet jófej kollégák SZÜKSÉGLETEK: magas fizu

Unja azt, hogy nincs értelme annak, amit csinál, szeretne olyan helyen dolgozni, ahol érzi, hozzáadott értéket ad, sokan használják amit csinál.

22 Péter, 31 C# fejlesztő Nem akarok ebből a projektből nyugdíjba menni CÉL: A jelenleginél jobb állást találni MOTIVÁCIÓ: passzoló feladat passzoló környezet jófej kollégák SZÜKSÉGLETEK: magas fizu könnyű megközelíthetőség Péter passzív álláskereső. Jelenleg egy multinál dolgozik, ahol ugyanazt a rendszert foltozzák már 7 éve, amiből Péter az utóbbi 2 évben csöppent be. Unja azt, hogy nincs értelme annak, amit csinál, szeretne olyan helyen dolgozni, ahol érzi, hozzáadott értéket ad, sokan használják amit csinál. Évek óta nem próbált ki semmi új technológiát, ez is hiányzik neki. Kollégái is be vannak savanyodva, nem nagyon járnak össze, szeretne egy kisebb, családiasabb hangulatú helyen elhelyezkedni. Viszont nem szeretné életmódját feladni, amit a mostani fizuja biztosít és szereti, ha a munka után könnyen eléri a belvárosi szórakozóhelyeket.

23 MEGLÉVŐ TERMÉKNÉL?

24 USER TEST USABILITY TESZT

25 NEM AZ ÜGYFÉLEN ÉS NEM A PROGRAMOZÓKON

26 KOPP-KOPP

27 MI IS AZ A USABILITY TESZT?

28 FELADAT-ALAPÚ

29 KÍVÜLÁLLÓ SZEMÉLY

30 KONKRÉT HELYZETEK

31 ITERATÍV MÁV automata: 45+ teszt!

32 AZ EMBER A KONSTANS A PROGRAM VÁLTOZHAT

33 INFORMATION ARCHITECTURE

34 MI AZ AZ IA? A design bármiféle vizuális elem nélkül Az információk rendszerezésének rendszere Az információk rendszerezése, rendezése és cimkézése a megtalálhatóság és használhatóság érdekében

36 EREDMÉNYE Sitemap / menüstruktúra oldalak tagolása formok tagolása komponensek tagolása fejlécek elnevezések adatmodell

37 mezőnév ADATMODELL adattípus / widget típusa példa honnan jön az adat? restrikciók speciális tulajdonságok angol mezőnév mire jó? (user kérdése / user story)

38 CARD SORTING USEREKKEL

Ételajánló Marika néni logója Cím Telefonszám Ételválasztó Hamburgerek Saláták Tidza Rózsaburger Kabrió

rendelhető] Elérhetőség [van alternatíva] következő választék [van alternatíva] előző választék Vissza

41 Éhes vagyok... mit egyek? Tervezett'muködés tidza, rózsaburger, kabrió alternatívák Kezdőképernyő Ételválasztó Salátahúsválasztó Ételajánló Marika néni logója Cím Telefonszám Ételválasztó Hamburgerek Saláták Tidza Rózsaburger Kabrió Vissza Méret Hús nélkül Csirkehússal Marhahússal saláta méret Étel neve Kép Összetevők [ha csak rendelhető] Elérhetőség [van alternatíva] következő választék [van alternatíva] előző választék Vissza hamburger összetevők Hamburgerválasztó méret Összetevőválasztó Méret neve Kép Centi Következő méret Előző méret Vissza Összetevőkategóriák Mutasd! méret alapján Összetevő összetevő neve Lájk Diszlájk

43 Számlázás Készlet Eladók Vevők Raktár Cikktörzs

44 Raktár Raktár neve (pl. Leltár) Oké Keresés cikkszám megnevezés mennyiség ár ÁFA szerkesztés Cikk

45 12:30 12:30 Készlet Készlet LELTÁR CIKKTÖRZS HIÁNY LELTÁR CIKKTÖRZS HIÁNY 1 db Ez egy próba árú hw-asd 25% ÁFA Ft heyfromjonathan@gmail.com Ez egy próba árú 1 db hw-asd Számlázás 25% ÁFA Ft 10 db Pentiumhoz Socket 5-ös alap hw-alapp51 25% ÁFA Ft 10 db Pentiumhoz Socket 5-ös alap Készlet hw-alapp51 25% ÁFA Eladók Ft 5 db AMD K2-3DDNow! CPU 300 M hw-cpuamdk2 25% ÁFA Ft 5 db AMD K2-3DDNow! CPU 300 M hw-cpuamdk2 Vevők 25% ÁFA Ft 11 db Intel Pentium II, 300Mhz hw-cpup % ÁFA Ft 11 db Intel Pentium II, 300Mhz hw-cpup % ÁFA Ft 19 db HDD, Quantum 6GB hw-hdd6gb 25% ÁFA Ft 19 db HDD, Quantum 6GB hw-hdd6gb 25% ÁFA Ft

46 PATTERN LIBRARY

47 Aminek pontosan egy megvalósulása van, az nem pattern. Jim Coplien(?)

48 Neve EGY PATTERN TULAJDONSÁGAI Probléma amit megold A megoldás A kontextus, amiben a problémamegoldás pár előjön Példák Kapcsolatai a többi pattern-hez

49 PRIMARY ACTION

50 PROBLÉMA A felhasználó nem tudja, a rengeteg gomb közül melyikre kattintson MEGOLDÁS Emeljük ki azt az egy gombot, amelyre a felhasználók döntő többségének kattintania kell, ez üssön el az oldalon lévő összes többi gombtól KONTEXTUS Van egy, és pontosan egy gomb, amire a felhasználók döntő többségének a következő lépésként szüksége van

54 LIST-DETAIL

55 PROBLÉMA A felhasználó elemek egy listájában egy elem egy sokadlagos tulajdonságára kiváncsi MEGOLDÁS A listában csak az elem azonosítására használható tulajdonságokat jelenítsük meg, a többi tulajdonságot egy részletezőpanelre bízzuk KONTEXTUS Vannak azonosító tulajdonságok, az elemek közt a felhasználó gyorsan kell hogy tudjon váltani

12:30 12:30 Készlet Készlet LELTÁR CIKKTÖRZS HIÁNY LELTÁR CIKKTÖRZS HIÁNY 1 db Ez egy próba árú hw-asd 25% ÁFA 22222 Ft heyfromjonathan@gmail.

60 12:30 12:30 Készlet Készlet LELTÁR CIKKTÖRZS HIÁNY LELTÁR CIKKTÖRZS HIÁNY 1 db Ez egy próba árú hw-asd 25% ÁFA Ft heyfromjonathan@gmail.com Ez egy próba árú 1 db hw-asd Számlázás 25% ÁFA Ft 10 db Pentiumhoz Socket 5-ös alap hw-alapp51 25% ÁFA Ft 10 db Pentiumhoz Socket 5-ös alap Készlet hw-alapp51 25% ÁFA Eladók Ft 5 db AMD K2-3DDNow! CPU 300 M hw-cpuamdk2 25% ÁFA Ft 5 db AMD K2-3DDNow! CPU 300 M hw-cpuamdk2 Vevők 25% ÁFA Ft 11 db Intel Pentium II, 300Mhz hw-cpup % ÁFA Ft 11 db Intel Pentium II, 300Mhz hw-cpup % ÁFA Ft 19 db HDD, Quantum 6GB hw-hdd6gb 25% ÁFA Ft 19 db HDD, Quantum 6GB hw-hdd6gb 25% ÁFA Ft

61 NEM MINDEN PATTERN JÓ MEGOLDÁS MINDIG TESZTELNI KELL ELŐTTE

62 FLOW

63 SPECIFIKÁCIÓ KÉPERNYŐNKÉNTI PSZEUDOKÓD

66 3. TÉMA A UX HELYE A FEJLESZTÉSBEN

67 MEGELŐZI A UX BIZTOSÍTJA A USER STORY-KAT

68 FEEDBACK A IGAZI UX AZ IGAZI PROGRAMMAL TÖRTÉNIK

69 User Research Desk Research Prototypes Specs DEV Release Internal docs

70 ESETTANULMÁNY ORVOSI RENDSZER

71 PROTOTÍPUSOK KONKURENCIÁK

75 ESETTANULMÁNY ÜGYVÉDI DOKUMENTUMKEZELŐ

76 25 MINTA

77 64 OLDALON

78 ESETTANULMÁNY ÉRTÉKESÍTÉSI MOBIL RENDSZER

79 15 SCREEN VÁLTOZÁS

80 30 USER STORY

81 usersfirst.blog.hu

82 Köszönöm a figyelmet! közelebb hozzuk a felhasználót. fb.com/uxstrategia

Hasonló dokumentumok

Tesztelés: kezdd el már az elejétől!

1 HWSW App!mobile konferencia, MOM Budapest, 2014. november 12. Tengen Szolgáltató Kft. Tesztelés: kezdd el már az elejétől! Pintér Róbert AppDevCare - Mobil alkalmazások fejlesztőit segítő szolgáltatási