SlideShare une entreprise Scribd logo
1  sur  55
Mobil felhasználói élmény Web és eSzolgáltatások 2011. Április 18. Lajtha András Balázs BME TMIT lajtha.balazs@tmit.bme.hu
Tartalom Ergonómia és használhatóság Használhatatlanság Felhasználói élmény meghatározása Okostelefon-élmény Élmény tervezése okostelefonra Felhasználók bevonása
? Mi a felhasználói élmény Miért fontos a felhasználói élmény Hogyan készítünk felhasználói élményt
Előzmények: ergonómia és használhatóság
Ergonómia Ergonomics is the study of designingequipment and devices that fit the human body,its movements, and its cognitive abilities. 1950: fogantyúk és skálák 1960: rendszerek 1970: termékek 1980: szoftverek Ergos – ember Nomos – törvény Három fő faktor: Biztonság Hatékonyság Komfort
Emberi információ-feldolgozás Érzékelés: nyers adat Észlelés: testek, formák, szöveg Figyelem: http://www.youtube.com/watch?v=Ahg6qcgoay4 Emlékezés: kategóriák, hierarchiák, asszociációk Gondolkodás: következtetések, előrelátás Beavatkozás
Emberi információ-feldolgozás hibái Érzékelés: nem oda nézünk Észlelés: nem ismerjük fel Figyelem: nem tulajdonítunk neki jelentőséget Emlékezés: nem követjük Gondolkodás: … Beavatkozás: elmarad/sikertelen a cselekvés
Ergonómiai feladata Az emberi hibák megakadályozása Hátfájástól az atomerőmű-katasztrófáig Autók holttere Műszerek elhelyezése Címkék     …
Használhatóság „The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and satisfaction in a specified context of use.” [ISO 13407] Egy eszköz használhatósága az eszköz segítségével egy adott feladat elvégzésének hatásossága, hatékonysága, és az ebből fakadó felhasználói elégedettség.
Ergonómia és használhatóság Ergonómia Illeszkedés az emberhez Biztonság Hatékonyság Konfort Használhatóság Illeszkedés az emberhez és a feladathoz Hatékonyság Elégedettség
Használhatóság négy fő lépése A használat kontextusának meghatározása A felhasználó és a munkafolyamat meghatározása Tervezés Terv értékelése a feltételek alapján
Labdák és dobozok Használhatóság nem mindig jó InternalizálásvsExternalizálás A játék szabályai elérhetőek a felületen A játék vezérlése tükrözi a szabályokat Kezdeti sikertelenség után az internalizált felhasználók jobban teljesítettek a játékokban A usability célja nem az, hogy a gép elvégezze a feladatot, hanem hogy az embert a gép a legjobban segítse
Használhatatlanság – visszaélés a használhatósággal 1. http://wiki.darkpatterns.org/ Roach Motel Privacy Zuckering Bait and Switch Sneak into Basket Forced Continuity Trick questions Hidden costs Price Comparison Prevention Disguised Ads Friend Spam Forced Disclosure Misdirection Faraway bill Láthatatlan reklámok Bezárhatatlan popupok Letöltő letöltése
Használhatatlanság – visszaélés a használhatósággal, Norton
Használhatatlanság – visszaélés a használhatósággal, Ryanair
Használhatatlanság – visszaélés a használhatósággal 4. Célok Látogatottság növelése Felhasználói bázis növelése Eladások növelése Személyes adatok megszerzése Még rosszabb dolgok… Eszközök Nem ergonómikus gombok Irányított kérdések Szándékosan bonyolult wizzard Rosszul fogalmazott oldal Ágas bogas menü, súgó hiánya Eredmény Gyors, látványos eredmények Hosszú távon negatív felhasználói visszhang
Használhatatlanság – következmények
Felhasználói élmény http://erstebank.hu/hu/index.html http://www.axabank.hu/ http://www.zuno.eu/
Felhasználói élmény 1. „A person's perceptions and responses that result from the use or anticipated use of a product, system or service.” [ISO 9241-210]  A felhasználó véleménye a használt, vagy használni vágyott termékről, szolgáltatásról.
Felhasználói élmény 2. Felhasználói élmény Interdiszciplináris Homályos célok Szubjektív megítélés Kísérleti eszközök Hiányzó szabványok Alakuló módszertan Használhatóság Mérnöki terület Definiált célok Metrikák Ismert eszközök Szabványok Módszertan
Felhasználói élmény 3. Összkép a reklámtól a kukáig Marketing Közvélemény Értékesítés Csomagolás Termék Szolgáltatások Ügyfélszolgálat Csere/kidobás
Felhasználói élmény 4. Az élmény a termék!
Mi a mobil felhasználói élmény?
Történeti áttekintés 1. 1970          1980          1990          2000          2010
Történeti áttekintés 2.
Történeti áttekintés 3. Android iPhone
Mobil felhasználói élmény ~1975 Tudok telefonálni! ~1985 Tudok a buszon telefonálni! ~1995 SMS, kígyó, kék háttérvilágítás ~2000 Olyan telefonom van, mint Neonak! ~2005 Polifónikus (később MP3) csengőhang, színes Java játékok, QWERTY SMS-ezés, fényképezőgép, WAP, MS! 2010 Okostelefonom van?
Okostelefon élmény Telefon? Eszköz? Játék? Divatcikk? Önkifejezés? Ruházati kiegészítő? Testrész?
iPhone élmény Apple élmény Kerek telefon Kivéve a dobozból tökéletesen használható Már kézben tartani is élmény Kifinomult ergonómiai, használhatósági megoldások Gördülékeny, akadásmentesélmény (Windows Phone élmény)
Android élmény Google élmény Kockatelefon Magas testreszabhatóság Allwayson hálózati modell Nem annyira a „hogyan”, hanem a „mit” a fontos Mindent meg lehet vele csinálni
(Két iPhone vásárló) http://www.youtube.com/watch?v=FL7yD-0pqZg http://www.youtube.com/watch?v=qVzm8vVjHGs
Felhasználói élmény készítése
Felhasználói élmény fejlesztés Hagyományos fejlesztés: requirementanalysis Követelmények Fejlesztés Követelmények teljesülésének ellenőrzése ,[object Object],Személyes kommunikáció fejlesztő és megrendelő közt Nagy fokú dekomponálás, inkrementális fejlesztés Iteratív fejlesztés Gyors reagálás a változó körülményekre: agilis fejlesztés
Élmény tervezés 1. Analitikus Ergonómia Esztétika Pszichológia Empirikus Ötletek, próbálkozások Gondolatkísérletek (Mi lenne ha?) Felhasználók bevonása
Élmény tervezés 2. Célok Inger kiváltása Érzelem, érzés kiváltása Vágy Birtoklás Biztonság Bizalom Izgalom Elégedettség Sikerélmény Függőség Undor http://www.youtube.com/watch?v=bLROmGMSJlY Eszközök Interakció Felület Nyelv, metaforák, asszociációk Mozgás
Interakció tervezés 1. Definesthe structure and behavior of interactive systems. Interaction Designers strive to create meaningful relationships between people and the products and services that they use, from computers to mobile devices to appliances and beyond. Ember és gép kapcsolatának tervezése, elkészítése.
Interakció tervezés 2. Akció végrehajtás értékelési kör Ki irányít? Az interakció során a felhasználó a céljai elérésére használja a rendszert A felhasználó a rendszer eseményeire reagál A szereplők különböző nyelveket beszélnek, másként gondolkodnak Nyelvek megfeleltetése Mentális modell: a felhasználó képe a rendszerről Értelmezési távolság: a feladat és a lehetőségek közt Jelzési távolság: látszat és valóság közt
Interakció tervezés 3. Affordancia A felületi elem azon tulajdonsága, melynek segítségével művelet végezhető rajta A művelet várt kimenete Interakciós stílusok Kérdés-felelet Űrlap kitöltés Menü alapú Parancssoros Szabad szavas Grafikus Egyedi kezelőszervek Webes (linkek, keresés)
Mobil felületek
Mobil felülettervezés – lehetőségek Érintő-felület Több érintési pont Szenzorok - http://www.youtube.com/watch?v=6nKSKA-gsco Hang-parancsok Kamera és AR Eyetracking Rezgés és hang-visszajelzés
Mobil felülettervezés – korlátok Kis kijelző Kis felbontás Nehezen elérhető pontok Érintőtelefonoknál a felhasználó is takar Pontatlan érintés Nincs mouse-over, nincs jobb-kattintás, nincs Shift, nincs Ctrl… Többpontos érintés bizonytalan, nehezen lehet „megtalálni”
Mozgás
Metaforák, szimbólumok „Drag & Drop”
Köret Márka integritása Marketing Értékesítés Csomagolás - http://www.youtube.com/watch?v=EUXnJraKM3k Üzleti modell Terméktámogatás Csatolt szolgáltatások
Hab a tortán Státusz Közösség
Felhasználók a fejlesztésben
Kik a felhasználók? Fontos a felhasználók meghatározása Releváns csoportok A felhasználókat nem a koruk, nemük, végzettségük osztja meg, hanem az alkalmazás Csoportonként 5 felhasználó már releváns A bűvös szám a 12
Okostelefonok Magyarországon 1. ( Akiknek nincs okostelefonja 47% szeretne, 22% tervezi hogy vesz 53% nem is szeretne Aki szeretne okostelefont 25% a funkciók miatt 23% az újabb technológia 16% kíváncsiság 15% nagyobb kijelző
Okostelefonok Magyarországon 2. 1.3-2 millió okostelefon Ezek közül 400.000 tényleg „okos” (iPhone, Android) 1.35 millió mobil internet előfizetés 900.000 aktív előfizetés, ebben benne vannak az USB modemek is 1.3GByte/fő Mobiltelefonról bonyolított forgalom 2%-a a teljes internetnek
) Okostelefonok Magyarországon 3. Az  okostelefon tulajdonosok 36% nem tudja, milyen operációs rendszert futtat A felmérésben résztvevők 38%-a tudja mi az az Android Az iPhone felhasználók fele nem töltött még le alkalmazást
Felhasználók bevonása a fejlesztésbe A felhasználói élmény a felhasználón mérhető A felhasználó nem racionális A felhasználó nem tudja, mire vágyik A felhasználó nem tudja megfogalmazni az élményt A felhasználó nem mérnök, nem designer Nem tudja, hogyan kell megcsinálni az alkalmazást Nem tud felületet tervezni
Tervezés a felhasználóval A felhasználó nem fog alkalmazást tervezni Igényfelmérés, interview-k, kérdőívek Walmart (2009, 1 milliárd dolláros veszteség) Alkotmány Előzetes tesztelés Papír prototípus http://www.youtube.com/watch?v=5KTiuA2FNbU Wireframe Flash, flex – nem csak prototípus, hanem v0.5
Tesztelés felhasználóval Kvalitatív/kvantitatív Összegző/formáló Analitikus/empirikus Módszerek Inthewild tesztelés, antropológiai vizsgálat Felügyelt tesztelés Remote tesztelés Analitika, névtelen statisztikák
Experiencefromexperience! A felhasználó nem terméket szeretne, hanem élményt! A felhasználói élmény előállításához gyakorlat kell Felhasználói Fejlesztői A mérnök nem átlagos felhasználó!
Köszönöm a figyelmet!

Contenu connexe

En vedette

Kök, ek ve ek çeşi̇tleri̇
Kök, ek ve ek çeşi̇tleri̇Kök, ek ve ek çeşi̇tleri̇
Kök, ek ve ek çeşi̇tleri̇Alican Atasever
 
6. Sınıf Sosyal Bilimler 2. Ünite 1. Bölüm Harita ve Ölçek
6. Sınıf Sosyal Bilimler 2. Ünite 1. Bölüm Harita ve Ölçek6. Sınıf Sosyal Bilimler 2. Ünite 1. Bölüm Harita ve Ölçek
6. Sınıf Sosyal Bilimler 2. Ünite 1. Bölüm Harita ve Ölçekenesulusoy
 
6. Sınıf Matematik 1. Ünite 3. Konu Açılar
6. Sınıf Matematik 1. Ünite 3. Konu Açılar6. Sınıf Matematik 1. Ünite 3. Konu Açılar
6. Sınıf Matematik 1. Ünite 3. Konu Açılarenesulusoy
 
6. Sınıf Matematik 1. Ünite 2. Konu Çarpanlar ve Katlar
6. Sınıf Matematik 1. Ünite 2. Konu Çarpanlar ve Katlar6. Sınıf Matematik 1. Ünite 2. Konu Çarpanlar ve Katlar
6. Sınıf Matematik 1. Ünite 2. Konu Çarpanlar ve Katlarenesulusoy
 
Ch 3 Problem Solving Quiz
Ch 3 Problem Solving QuizCh 3 Problem Solving Quiz
Ch 3 Problem Solving QuizMikee Bylss
 
7. Sınıf Sosyal Bilimler 5. Ünite Sosyal ve Ekonomik Hayat
7. Sınıf Sosyal Bilimler 5. Ünite Sosyal ve Ekonomik Hayat7. Sınıf Sosyal Bilimler 5. Ünite Sosyal ve Ekonomik Hayat
7. Sınıf Sosyal Bilimler 5. Ünite Sosyal ve Ekonomik Hayatenesulusoy
 
Brochure gasification plant eng
Brochure gasification plant engBrochure gasification plant eng
Brochure gasification plant engMartina Andreoni
 
Adi kəsrlərin vurulması
Adi kəsrlərin vurulmasıAdi kəsrlərin vurulması
Adi kəsrlərin vurulmasıArzu Melikova
 

En vedette (12)

Kök, ek ve ek çeşi̇tleri̇
Kök, ek ve ek çeşi̇tleri̇Kök, ek ve ek çeşi̇tleri̇
Kök, ek ve ek çeşi̇tleri̇
 
6. Sınıf Sosyal Bilimler 2. Ünite 1. Bölüm Harita ve Ölçek
6. Sınıf Sosyal Bilimler 2. Ünite 1. Bölüm Harita ve Ölçek6. Sınıf Sosyal Bilimler 2. Ünite 1. Bölüm Harita ve Ölçek
6. Sınıf Sosyal Bilimler 2. Ünite 1. Bölüm Harita ve Ölçek
 
Görsel yorumlama
Görsel yorumlamaGörsel yorumlama
Görsel yorumlama
 
6. Sınıf Matematik 1. Ünite 3. Konu Açılar
6. Sınıf Matematik 1. Ünite 3. Konu Açılar6. Sınıf Matematik 1. Ünite 3. Konu Açılar
6. Sınıf Matematik 1. Ünite 3. Konu Açılar
 
6. Sınıf Matematik 1. Ünite 2. Konu Çarpanlar ve Katlar
6. Sınıf Matematik 1. Ünite 2. Konu Çarpanlar ve Katlar6. Sınıf Matematik 1. Ünite 2. Konu Çarpanlar ve Katlar
6. Sınıf Matematik 1. Ünite 2. Konu Çarpanlar ve Katlar
 
ÜSLÜ SAYILARDA MATERYAL TASARIMI
ÜSLÜ SAYILARDA MATERYAL TASARIMIÜSLÜ SAYILARDA MATERYAL TASARIMI
ÜSLÜ SAYILARDA MATERYAL TASARIMI
 
Ch 3 Problem Solving Quiz
Ch 3 Problem Solving QuizCh 3 Problem Solving Quiz
Ch 3 Problem Solving Quiz
 
7. Sınıf Sosyal Bilimler 5. Ünite Sosyal ve Ekonomik Hayat
7. Sınıf Sosyal Bilimler 5. Ünite Sosyal ve Ekonomik Hayat7. Sınıf Sosyal Bilimler 5. Ünite Sosyal ve Ekonomik Hayat
7. Sınıf Sosyal Bilimler 5. Ünite Sosyal ve Ekonomik Hayat
 
Brochure gasification plant eng
Brochure gasification plant engBrochure gasification plant eng
Brochure gasification plant eng
 
Adi kəsrlərin vurulması
Adi kəsrlərin vurulmasıAdi kəsrlərin vurulması
Adi kəsrlərin vurulması
 
Compressed air engine(ppt)
Compressed air engine(ppt)Compressed air engine(ppt)
Compressed air engine(ppt)
 
Faiz anlayışı
Faiz anlayışı Faiz anlayışı
Faiz anlayışı
 

Similaire à Mobil felhasználói élmény tervezés

2. előadás_trendek.pptx
2. előadás_trendek.pptx2. előadás_trendek.pptx
2. előadás_trendek.pptxÁron Kovács
 
A jövő online marketing eszközei
A jövő online marketing eszközeiA jövő online marketing eszközei
A jövő online marketing eszközeiRudolf Móczár
 
Áldás, vagy átok a mesterséges intelligencia?
Áldás, vagy átok a mesterséges intelligencia?Áldás, vagy átok a mesterséges intelligencia?
Áldás, vagy átok a mesterséges intelligencia?Csaba KOLLAR (Dr. PhD.)
 
Planet of the apps on Hwsw mobile! 2015
Planet of the apps on Hwsw mobile! 2015Planet of the apps on Hwsw mobile! 2015
Planet of the apps on Hwsw mobile! 2015Planetoftheapps
 
Dr. Kollár Csaba: A kiterjesztett valóság (Augmented Reality) (nem csak) üzle...
Dr. Kollár Csaba: A kiterjesztett valóság (Augmented Reality) (nem csak) üzle...Dr. Kollár Csaba: A kiterjesztett valóság (Augmented Reality) (nem csak) üzle...
Dr. Kollár Csaba: A kiterjesztett valóság (Augmented Reality) (nem csak) üzle...Csaba KOLLAR (Dr. PhD.)
 
Weboldalak progresszív fejlesztése
Weboldalak progresszív fejlesztéseWeboldalak progresszív fejlesztése
Weboldalak progresszív fejlesztésegyozke
 
A biztonságtudatosság oktatása a mesterséges intelligencia fókuszában
A biztonságtudatosság oktatása a mesterséges intelligencia fókuszábanA biztonságtudatosság oktatása a mesterséges intelligencia fókuszában
A biztonságtudatosság oktatása a mesterséges intelligencia fókuszábanCsaba KOLLAR (Dr. PhD.)
 
Webáruházak hasznos mesterséges intelligencia (AI) moduljai
Webáruházak hasznos mesterséges intelligencia (AI) moduljai Webáruházak hasznos mesterséges intelligencia (AI) moduljai
Webáruházak hasznos mesterséges intelligencia (AI) moduljai Krisztián Száraz
 
PaeLife newsletter 3 (Hungarian)
PaeLife newsletter 3 (Hungarian)PaeLife newsletter 3 (Hungarian)
PaeLife newsletter 3 (Hungarian)Paelife Consortium
 
Kollár Csaba: Orwell szelleme köztünk él? A társadalom globális megfigyelésén...
Kollár Csaba: Orwell szelleme köztünk él? A társadalom globális megfigyelésén...Kollár Csaba: Orwell szelleme köztünk él? A társadalom globális megfigyelésén...
Kollár Csaba: Orwell szelleme köztünk él? A társadalom globális megfigyelésén...Csaba KOLLAR (Dr. PhD.)
 
KKV-ok és önkormányzatok online kommunikációja Joomla! Open Source weblapokon
KKV-ok és önkormányzatok online kommunikációja Joomla!  Open Source weblapokonKKV-ok és önkormányzatok online kommunikációja Joomla!  Open Source weblapokon
KKV-ok és önkormányzatok online kommunikációja Joomla! Open Source weblapokonSoftinvent
 
Dr. Kollár Csaba: Biztonság és technika a mesterséges intelligencia korában
Dr. Kollár Csaba: Biztonság és technika a mesterséges intelligencia korábanDr. Kollár Csaba: Biztonság és technika a mesterséges intelligencia korában
Dr. Kollár Csaba: Biztonság és technika a mesterséges intelligencia korábanCsaba KOLLAR (Dr. PhD.)
 
Alkalmazás fejlesztés nagyvállalati környezetben
Alkalmazás fejlesztés nagyvállalati környezetbenAlkalmazás fejlesztés nagyvállalati környezetben
Alkalmazás fejlesztés nagyvállalati környezetbenOrsolya Faludi
 
Innováció és kommunikáció a mesterséges intelligencia korában a Társadalmi Kr...
Innováció és kommunikáció a mesterséges intelligencia korában a Társadalmi Kr...Innováció és kommunikáció a mesterséges intelligencia korában a Társadalmi Kr...
Innováció és kommunikáció a mesterséges intelligencia korában a Társadalmi Kr...Csaba KOLLAR (Dr. PhD.)
 
Szinergia és szingularitás a polgári és katonai életben
Szinergia és szingularitás a polgári és katonai életbenSzinergia és szingularitás a polgári és katonai életben
Szinergia és szingularitás a polgári és katonai életbenCsaba KOLLAR (Dr. PhD.)
 
Union Web2.0 adoption in insurance
Union Web2.0 adoption in insuranceUnion Web2.0 adoption in insurance
Union Web2.0 adoption in insuranceJoseph A. Bayer
 
Dr. Kollár Csaba: Szervezeti információbiztonság a digitális korban
Dr. Kollár Csaba: Szervezeti információbiztonság a digitális korbanDr. Kollár Csaba: Szervezeti információbiztonság a digitális korban
Dr. Kollár Csaba: Szervezeti információbiztonság a digitális korbanCsaba KOLLAR (Dr. PhD.)
 
Is there a stat for that? Nemzetközi adatok a mobil alkalmazásfejlesztés vilá...
Is there a stat for that? Nemzetközi adatok a mobil alkalmazásfejlesztés vilá...Is there a stat for that? Nemzetközi adatok a mobil alkalmazásfejlesztés vilá...
Is there a stat for that? Nemzetközi adatok a mobil alkalmazásfejlesztés vilá...Robert Pinter
 

Similaire à Mobil felhasználói élmény tervezés (20)

2. előadás_trendek.pptx
2. előadás_trendek.pptx2. előadás_trendek.pptx
2. előadás_trendek.pptx
 
A jövő online marketing eszközei
A jövő online marketing eszközeiA jövő online marketing eszközei
A jövő online marketing eszközei
 
A jövő IT világa
A jövő IT világaA jövő IT világa
A jövő IT világa
 
Áldás, vagy átok a mesterséges intelligencia?
Áldás, vagy átok a mesterséges intelligencia?Áldás, vagy átok a mesterséges intelligencia?
Áldás, vagy átok a mesterséges intelligencia?
 
Planet of the apps on Hwsw mobile! 2015
Planet of the apps on Hwsw mobile! 2015Planet of the apps on Hwsw mobile! 2015
Planet of the apps on Hwsw mobile! 2015
 
Dr. Kollár Csaba: A kiterjesztett valóság (Augmented Reality) (nem csak) üzle...
Dr. Kollár Csaba: A kiterjesztett valóság (Augmented Reality) (nem csak) üzle...Dr. Kollár Csaba: A kiterjesztett valóság (Augmented Reality) (nem csak) üzle...
Dr. Kollár Csaba: A kiterjesztett valóság (Augmented Reality) (nem csak) üzle...
 
Weboldalak progresszív fejlesztése
Weboldalak progresszív fejlesztéseWeboldalak progresszív fejlesztése
Weboldalak progresszív fejlesztése
 
A biztonságtudatosság oktatása a mesterséges intelligencia fókuszában
A biztonságtudatosság oktatása a mesterséges intelligencia fókuszábanA biztonságtudatosság oktatása a mesterséges intelligencia fókuszában
A biztonságtudatosság oktatása a mesterséges intelligencia fókuszában
 
Webáruházak hasznos mesterséges intelligencia (AI) moduljai
Webáruházak hasznos mesterséges intelligencia (AI) moduljai Webáruházak hasznos mesterséges intelligencia (AI) moduljai
Webáruházak hasznos mesterséges intelligencia (AI) moduljai
 
PaeLife newsletter 3 (Hungarian)
PaeLife newsletter 3 (Hungarian)PaeLife newsletter 3 (Hungarian)
PaeLife newsletter 3 (Hungarian)
 
Kollár Csaba: Orwell szelleme köztünk él? A társadalom globális megfigyelésén...
Kollár Csaba: Orwell szelleme köztünk él? A társadalom globális megfigyelésén...Kollár Csaba: Orwell szelleme köztünk él? A társadalom globális megfigyelésén...
Kollár Csaba: Orwell szelleme köztünk él? A társadalom globális megfigyelésén...
 
KKV-ok és önkormányzatok online kommunikációja Joomla! Open Source weblapokon
KKV-ok és önkormányzatok online kommunikációja Joomla!  Open Source weblapokonKKV-ok és önkormányzatok online kommunikációja Joomla!  Open Source weblapokon
KKV-ok és önkormányzatok online kommunikációja Joomla! Open Source weblapokon
 
Dr. Kollár Csaba: Biztonság és technika a mesterséges intelligencia korában
Dr. Kollár Csaba: Biztonság és technika a mesterséges intelligencia korábanDr. Kollár Csaba: Biztonság és technika a mesterséges intelligencia korában
Dr. Kollár Csaba: Biztonság és technika a mesterséges intelligencia korában
 
Alkalmazás fejlesztés nagyvállalati környezetben
Alkalmazás fejlesztés nagyvállalati környezetbenAlkalmazás fejlesztés nagyvállalati környezetben
Alkalmazás fejlesztés nagyvállalati környezetben
 
Innováció és kommunikáció a mesterséges intelligencia korában a Társadalmi Kr...
Innováció és kommunikáció a mesterséges intelligencia korában a Társadalmi Kr...Innováció és kommunikáció a mesterséges intelligencia korában a Társadalmi Kr...
Innováció és kommunikáció a mesterséges intelligencia korában a Társadalmi Kr...
 
Szinergia és szingularitás a polgári és katonai életben
Szinergia és szingularitás a polgári és katonai életbenSzinergia és szingularitás a polgári és katonai életben
Szinergia és szingularitás a polgári és katonai életben
 
Kh Web2 Pres
Kh Web2 PresKh Web2 Pres
Kh Web2 Pres
 
Union Web2.0 adoption in insurance
Union Web2.0 adoption in insuranceUnion Web2.0 adoption in insurance
Union Web2.0 adoption in insurance
 
Dr. Kollár Csaba: Szervezeti információbiztonság a digitális korban
Dr. Kollár Csaba: Szervezeti információbiztonság a digitális korbanDr. Kollár Csaba: Szervezeti információbiztonság a digitális korban
Dr. Kollár Csaba: Szervezeti információbiztonság a digitális korban
 
Is there a stat for that? Nemzetközi adatok a mobil alkalmazásfejlesztés vilá...
Is there a stat for that? Nemzetközi adatok a mobil alkalmazásfejlesztés vilá...Is there a stat for that? Nemzetközi adatok a mobil alkalmazásfejlesztés vilá...
Is there a stat for that? Nemzetközi adatok a mobil alkalmazásfejlesztés vilá...
 

Mobil felhasználói élmény tervezés

  • 1. Mobil felhasználói élmény Web és eSzolgáltatások 2011. Április 18. Lajtha András Balázs BME TMIT lajtha.balazs@tmit.bme.hu
  • 2. Tartalom Ergonómia és használhatóság Használhatatlanság Felhasználói élmény meghatározása Okostelefon-élmény Élmény tervezése okostelefonra Felhasználók bevonása
  • 3. ? Mi a felhasználói élmény Miért fontos a felhasználói élmény Hogyan készítünk felhasználói élményt
  • 4. Előzmények: ergonómia és használhatóság
  • 5. Ergonómia Ergonomics is the study of designingequipment and devices that fit the human body,its movements, and its cognitive abilities. 1950: fogantyúk és skálák 1960: rendszerek 1970: termékek 1980: szoftverek Ergos – ember Nomos – törvény Három fő faktor: Biztonság Hatékonyság Komfort
  • 6. Emberi információ-feldolgozás Érzékelés: nyers adat Észlelés: testek, formák, szöveg Figyelem: http://www.youtube.com/watch?v=Ahg6qcgoay4 Emlékezés: kategóriák, hierarchiák, asszociációk Gondolkodás: következtetések, előrelátás Beavatkozás
  • 7. Emberi információ-feldolgozás hibái Érzékelés: nem oda nézünk Észlelés: nem ismerjük fel Figyelem: nem tulajdonítunk neki jelentőséget Emlékezés: nem követjük Gondolkodás: … Beavatkozás: elmarad/sikertelen a cselekvés
  • 8. Ergonómiai feladata Az emberi hibák megakadályozása Hátfájástól az atomerőmű-katasztrófáig Autók holttere Műszerek elhelyezése Címkék …
  • 9. Használhatóság „The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and satisfaction in a specified context of use.” [ISO 13407] Egy eszköz használhatósága az eszköz segítségével egy adott feladat elvégzésének hatásossága, hatékonysága, és az ebből fakadó felhasználói elégedettség.
  • 10. Ergonómia és használhatóság Ergonómia Illeszkedés az emberhez Biztonság Hatékonyság Konfort Használhatóság Illeszkedés az emberhez és a feladathoz Hatékonyság Elégedettség
  • 11. Használhatóság négy fő lépése A használat kontextusának meghatározása A felhasználó és a munkafolyamat meghatározása Tervezés Terv értékelése a feltételek alapján
  • 12. Labdák és dobozok Használhatóság nem mindig jó InternalizálásvsExternalizálás A játék szabályai elérhetőek a felületen A játék vezérlése tükrözi a szabályokat Kezdeti sikertelenség után az internalizált felhasználók jobban teljesítettek a játékokban A usability célja nem az, hogy a gép elvégezze a feladatot, hanem hogy az embert a gép a legjobban segítse
  • 13. Használhatatlanság – visszaélés a használhatósággal 1. http://wiki.darkpatterns.org/ Roach Motel Privacy Zuckering Bait and Switch Sneak into Basket Forced Continuity Trick questions Hidden costs Price Comparison Prevention Disguised Ads Friend Spam Forced Disclosure Misdirection Faraway bill Láthatatlan reklámok Bezárhatatlan popupok Letöltő letöltése
  • 14. Használhatatlanság – visszaélés a használhatósággal, Norton
  • 15. Használhatatlanság – visszaélés a használhatósággal, Ryanair
  • 16. Használhatatlanság – visszaélés a használhatósággal 4. Célok Látogatottság növelése Felhasználói bázis növelése Eladások növelése Személyes adatok megszerzése Még rosszabb dolgok… Eszközök Nem ergonómikus gombok Irányított kérdések Szándékosan bonyolult wizzard Rosszul fogalmazott oldal Ágas bogas menü, súgó hiánya Eredmény Gyors, látványos eredmények Hosszú távon negatív felhasználói visszhang
  • 18. Felhasználói élmény http://erstebank.hu/hu/index.html http://www.axabank.hu/ http://www.zuno.eu/
  • 19. Felhasználói élmény 1. „A person's perceptions and responses that result from the use or anticipated use of a product, system or service.” [ISO 9241-210] A felhasználó véleménye a használt, vagy használni vágyott termékről, szolgáltatásról.
  • 20. Felhasználói élmény 2. Felhasználói élmény Interdiszciplináris Homályos célok Szubjektív megítélés Kísérleti eszközök Hiányzó szabványok Alakuló módszertan Használhatóság Mérnöki terület Definiált célok Metrikák Ismert eszközök Szabványok Módszertan
  • 21. Felhasználói élmény 3. Összkép a reklámtól a kukáig Marketing Közvélemény Értékesítés Csomagolás Termék Szolgáltatások Ügyfélszolgálat Csere/kidobás
  • 22. Felhasználói élmény 4. Az élmény a termék!
  • 23. Mi a mobil felhasználói élmény?
  • 24. Történeti áttekintés 1. 1970 1980 1990 2000 2010
  • 26. Történeti áttekintés 3. Android iPhone
  • 27. Mobil felhasználói élmény ~1975 Tudok telefonálni! ~1985 Tudok a buszon telefonálni! ~1995 SMS, kígyó, kék háttérvilágítás ~2000 Olyan telefonom van, mint Neonak! ~2005 Polifónikus (később MP3) csengőhang, színes Java játékok, QWERTY SMS-ezés, fényképezőgép, WAP, MS! 2010 Okostelefonom van?
  • 28. Okostelefon élmény Telefon? Eszköz? Játék? Divatcikk? Önkifejezés? Ruházati kiegészítő? Testrész?
  • 29. iPhone élmény Apple élmény Kerek telefon Kivéve a dobozból tökéletesen használható Már kézben tartani is élmény Kifinomult ergonómiai, használhatósági megoldások Gördülékeny, akadásmentesélmény (Windows Phone élmény)
  • 30. Android élmény Google élmény Kockatelefon Magas testreszabhatóság Allwayson hálózati modell Nem annyira a „hogyan”, hanem a „mit” a fontos Mindent meg lehet vele csinálni
  • 31. (Két iPhone vásárló) http://www.youtube.com/watch?v=FL7yD-0pqZg http://www.youtube.com/watch?v=qVzm8vVjHGs
  • 33.
  • 34. Élmény tervezés 1. Analitikus Ergonómia Esztétika Pszichológia Empirikus Ötletek, próbálkozások Gondolatkísérletek (Mi lenne ha?) Felhasználók bevonása
  • 35. Élmény tervezés 2. Célok Inger kiváltása Érzelem, érzés kiváltása Vágy Birtoklás Biztonság Bizalom Izgalom Elégedettség Sikerélmény Függőség Undor http://www.youtube.com/watch?v=bLROmGMSJlY Eszközök Interakció Felület Nyelv, metaforák, asszociációk Mozgás
  • 36. Interakció tervezés 1. Definesthe structure and behavior of interactive systems. Interaction Designers strive to create meaningful relationships between people and the products and services that they use, from computers to mobile devices to appliances and beyond. Ember és gép kapcsolatának tervezése, elkészítése.
  • 37. Interakció tervezés 2. Akció végrehajtás értékelési kör Ki irányít? Az interakció során a felhasználó a céljai elérésére használja a rendszert A felhasználó a rendszer eseményeire reagál A szereplők különböző nyelveket beszélnek, másként gondolkodnak Nyelvek megfeleltetése Mentális modell: a felhasználó képe a rendszerről Értelmezési távolság: a feladat és a lehetőségek közt Jelzési távolság: látszat és valóság közt
  • 38. Interakció tervezés 3. Affordancia A felületi elem azon tulajdonsága, melynek segítségével művelet végezhető rajta A művelet várt kimenete Interakciós stílusok Kérdés-felelet Űrlap kitöltés Menü alapú Parancssoros Szabad szavas Grafikus Egyedi kezelőszervek Webes (linkek, keresés)
  • 40. Mobil felülettervezés – lehetőségek Érintő-felület Több érintési pont Szenzorok - http://www.youtube.com/watch?v=6nKSKA-gsco Hang-parancsok Kamera és AR Eyetracking Rezgés és hang-visszajelzés
  • 41. Mobil felülettervezés – korlátok Kis kijelző Kis felbontás Nehezen elérhető pontok Érintőtelefonoknál a felhasználó is takar Pontatlan érintés Nincs mouse-over, nincs jobb-kattintás, nincs Shift, nincs Ctrl… Többpontos érintés bizonytalan, nehezen lehet „megtalálni”
  • 44. Köret Márka integritása Marketing Értékesítés Csomagolás - http://www.youtube.com/watch?v=EUXnJraKM3k Üzleti modell Terméktámogatás Csatolt szolgáltatások
  • 45. Hab a tortán Státusz Közösség
  • 47. Kik a felhasználók? Fontos a felhasználók meghatározása Releváns csoportok A felhasználókat nem a koruk, nemük, végzettségük osztja meg, hanem az alkalmazás Csoportonként 5 felhasználó már releváns A bűvös szám a 12
  • 48. Okostelefonok Magyarországon 1. ( Akiknek nincs okostelefonja 47% szeretne, 22% tervezi hogy vesz 53% nem is szeretne Aki szeretne okostelefont 25% a funkciók miatt 23% az újabb technológia 16% kíváncsiság 15% nagyobb kijelző
  • 49. Okostelefonok Magyarországon 2. 1.3-2 millió okostelefon Ezek közül 400.000 tényleg „okos” (iPhone, Android) 1.35 millió mobil internet előfizetés 900.000 aktív előfizetés, ebben benne vannak az USB modemek is 1.3GByte/fő Mobiltelefonról bonyolított forgalom 2%-a a teljes internetnek
  • 50. ) Okostelefonok Magyarországon 3. Az okostelefon tulajdonosok 36% nem tudja, milyen operációs rendszert futtat A felmérésben résztvevők 38%-a tudja mi az az Android Az iPhone felhasználók fele nem töltött még le alkalmazást
  • 51. Felhasználók bevonása a fejlesztésbe A felhasználói élmény a felhasználón mérhető A felhasználó nem racionális A felhasználó nem tudja, mire vágyik A felhasználó nem tudja megfogalmazni az élményt A felhasználó nem mérnök, nem designer Nem tudja, hogyan kell megcsinálni az alkalmazást Nem tud felületet tervezni
  • 52. Tervezés a felhasználóval A felhasználó nem fog alkalmazást tervezni Igényfelmérés, interview-k, kérdőívek Walmart (2009, 1 milliárd dolláros veszteség) Alkotmány Előzetes tesztelés Papír prototípus http://www.youtube.com/watch?v=5KTiuA2FNbU Wireframe Flash, flex – nem csak prototípus, hanem v0.5
  • 53. Tesztelés felhasználóval Kvalitatív/kvantitatív Összegző/formáló Analitikus/empirikus Módszerek Inthewild tesztelés, antropológiai vizsgálat Felügyelt tesztelés Remote tesztelés Analitika, névtelen statisztikák
  • 54. Experiencefromexperience! A felhasználó nem terméket szeretne, hanem élményt! A felhasználói élmény előállításához gyakorlat kell Felhasználói Fejlesztői A mérnök nem átlagos felhasználó!