際際滷

際際滷Share a Scribd company logo
Mobile user experience Marcin SzubaWorld Usability Day 2009
Agenda Wprowadzenie do mobile  Charakterystyka urzdzenia mobilnego Charakterystyka u甜ytkownika mobilnego Wytczne projektowe dla aplikacji mobilnych 2
Wprowadzenie do mobile  2001 3
Wprowadzenie do mobile  2009 4
Charakterystyka urzdzenia mobilnego 5Telefon czy ju甜 nie?
Charakterystyka urzdzenia mobilnego 6
Charakterystyka urzdzenia mobilnego OsobisteKomunikacyjne Przenone Aktywne 7
Charakterystyka u甜ytkownika mobilnego 8Przewidywalne rodowisko pracy Mo甜liwo interakcji z wieloma aplikacja w jednym czasie.Du甜y ekran Klawiatura i myszka su甜 do wprowadzania danych.
Charakterystyka u甜ytkownika mobilnego 9Utrudnione korzystanie z wielu aplikacji w tym samym czasie. Interakcja z otoczeniem Przemieszczanie si Ograniczona wielko wywietlaczaRozproszona uwaga u甜ytkownikaPrywatne urzadzenie w publicznym kontekcie
Charakterystyka u甜ytkownika mobilnego 10店rodo: www.giantant.com
Mobile ekosystem 11+++Aplikacja mobilna++=
Wskaz坦wki projektowe12Mobilize not minimalize
Wskaz坦wki projektowe13Kontekst u甜ycia.
Wskaz坦wki projektowe14Kr坦tkie i czste korzystanie z aplikacji.
Wskaz坦wki projektowe15Optymalizacja koszt坦w u甜ycia aplikacji
Wskaz坦wki projektowe16Szybko i wydajno aplikacji.
Wskaz坦wki projektowe17Zu甜ycie energii
Wskaz坦wki projektowe18Wymiary ekranu
Wskaz坦wki projektowe19Ograniczona mozliwosc wprowadznia tekstu
Dzikuj za uwag.Pytania? Marcin Szuba User experience specialist Psiloce-mail: marcin.szuba@psiloc.comtel. kom. 503 49 49 87Prezentacja dostpna na: http://www.slideshare.net/marszuGrafika pochodzi od z serwisu Flickr.  20

More Related Content

Mobile user experience

Editor's Notes

  • #2: WitamNazywam si Marcin Szuba Dzisiaj opowiem troch o mobile user eperience.
  • #3: Omowi wstp o czym bd m坦wi.
  • #4: Kiedy 甜ycie byo prostsze. HistoriaPierwsza rozmowa przez telefon kom坦rkowy 3 kwietnia 1973 r. dr Martin Cooper wykona pierwsz rozmow przez telefon kom坦rkowy, a miao to miejsce w Nowym JorkuPierwszy wprowadzony na rynek telefon: The Motorola DynaTAC 8000X was the first mobile phone to receive FCC acceptance in 1983. SMS, melodyjnki, 3g 3 grudnia 1992 roku wysano po raz pierwszy wiadomo SMSW lipcu 1999 roku do telefon坦w Nokia dodano pierwsze melodyjki oraz dzwonkW 2001 pierwszym roku wprowadzono aparat fotograficzny oraz sie 3G w Japonii.Bestseller wszechczas坦wNajlepiej sprzedajacym sie telefonem w historii jest nokia 1100, ktora sprzedala si w 200 milionach egzemplazach. Obecnie modele wyprodukowane w fabryce w niemieckiej fabryce w Bochum osiagaj cen 25 tys euro gdy甜 mo甜e zosta wykorzystany przez przestpc坦w do kradzie甜y pienidzy z kont bankowych, telefon mo甜na tak przeprogramowa, i甜 mo甜e on su甜y jako urzdzenie przechwytujce bankowe kody bezpieczestwa. Kiedy telefon kom坦rkowy by po prostu telefonem a jak dzisiaj?
  • #5: Dzisiejsz y telefon i jego multifunkcjnonalnoci:Czy telefon to teraz tylko telefon czy maly komputer To : Poczta elektroniczna Przegldanie internetuOdtwarzacz muzyczny,Radio, Aparat fotograficzny Dyktafon Budzik,Edytor tekstu Nawigacja GPS Czy dzisiejszy telefon to nadal telefon? Trafnym por坦wnaniem jest tutaj szwajcarski scyzoryk.
  • #6: Telefon kom坦rkowy mo甜na por坦wna do szwajcarskiego scyzoryka.Nie jest profesjonalnym no甜em szefa kuchni ani dokonaym rubokrtem a jedynie jego miniatur. Projektowanie nowych funkcjonalnoci/aplikacji mobilnych jest w pewnym sensie jak projektowanie mo甜liwie najleszego no甜a dla scyzryka szwajcarskiego. Ale no甜yk w scyzoryku nie da nam jakoci profesjonalnego no甜a kuchennego jest jedynie jego substytutem.Cay czas oczekujemy nowych funkcjonalnoci od telefonu.Urzdzenia, ktore nosimy w kieszeniach s zastpowane przez telefon komorkowy.Dyktafon - notatki gosowe, aparat fotograficzny,Przenony dysk, pendrive, odtwrzacz muzyczny, Nawigacja satelitarna, Konwergencja funkcjnonalnoci jest jednym z czynnikow zakupowych. I jest to jedno z kryterium zakupowego skoro mam wyda tyle pienidzy, Chcemy zastpowa przedmioty, ktore nosimy ze sob jednym urzdzeniem. I tutaj przejdziemy do charakterystyki urzdzenia mobilnego czym jest i cyzm moze by.
  • #7: Gdy m坦wimy o mobile to mylimy o telefonach komorkowych. Ale mobile to te甜 urzdzenia takie jak:To nie tylko telefon Czytnik ksi甜ek,Przenona konsola gier, Odtwarzacz muzyczny. Co wasciwie oznacza mobile?Nie mo甜emy u甜y okrelenia wireless poniewa甜 odnosi si do sposobu komunikacji pomidzy urzdzeniami oraz okrelenia handheld ktore j即甜 jest bli甜sze charakterystyce urzdze ale uwzgldnia r坦wnie甜 piloty do telewizora. Okrelenie Mobile nie odnosi si tylko do urzdzenia czy aplikacjiw ale przede wszystkim do u甜ytkownika.
  • #8: Pr坦by sformuowania fdefinicja dla mobile spr坦bowaa. Barbara Ballard z Little Springs Design w swojej ksi甜ce Designing mobile user experience sformuowala zasad carry principle okrelajc cechy urzdzenia mobilnego.Urzdzenie mobilne to takie ktore jest: Kt坦re jest osobiste, nale甜y do pojednczej osoby, spelnia funkcj komunkacyjn czy si z sieci jest w stanie wysylac i odbierac dane. Jest przenone oraz zawsze aktywne bez interakcji u甜ytkownika. S to: Urzdzenie jest osobiste - nale甜y do jednej osoby, kt坦ra posiada identyfikator chocia甜by taki jak numer telefonu Spenia funkcj komunikacyjn - urzdzenie odbiera i wysyla r坦甜nego rodzaju dane i czy si z wszelkeigo rodzaju sieciami. Przenone, urzdzenie jest mae,przenone mozliwa jest obsluga jedn rk. Aktywne., urzdzenie mo甜e by aktywowane przez uzytkownika jak i przez sie. Telefon odbiera wiadomosci gdy uzytkownik z nie korzysta z telefonu. Komputery gdy s w trybie upienia nie komunikuj si z sieci.Implikacje dla urzdzenia: Wielko Forma urzdzenia s mae, zasilane bateri, posiadaj mozliwoc bezporzewodowej komunikacji oraz posaiadaj ekran oraz klawiatur nie zawszeFunkcjonalno.Ka甜da funkcnonalno lub usug a w kocu pojawi si na urzdzeniu mobilnej jest to rozwinicie modelu scyzoryka. Mo甜liwoci. bezporzewodowe polczenie, mala wielkosc ekranuy, zasilanie powoduj ograniczenia zwiazane z szybkoscia polaczenia, mniejsz moc obliczeniowInterfejs u甜ytkownika. May ekran urzdzenia prowadzi do jednookienkowych interfejs坦w u甜ytkownika. Przez co dzielenie si danymi z innymi aplikacjami jest utrudnione.Osobisty charkter urzdzenia zawsze obecnego prowadzi do dopasowania potrzeb uzytkownika,jedna forma, jeden zestaw funkcjonalnoci jeden interfejs nie bdzie pasowal wszystkim u甜ytkownikomImplikacje dla u甜ytkownika: Dostpno u甜ytkownika. 纏 racji swoich wymiar坦w urzdzenie jest zawsze przy u甜ytkowniku.A 甜e jest aktywne u甜ytkownik zawsze jest dostpny dla innych. Uwaga. Poniewa甜 u甜ytkownik jest w cigym ruchu robi wiele rzeczy na raz nie jest w stanie powici dlu甜eszej uwagi na urzdzenie. Spoleczne oddzialywanie. Aktywno urzdzenia 24 godziny na dob spowodowaa zmian w zachowaniu ludzi.>>>>>>>>> CHARAKTERYSTYKA U纏YTKOWNIKA DESKTOP
  • #9: Uzytkownik siedzi, przed komputerem:przewidywalne rodowisko pracy Du甜y ekran klawiature i mysz do wprowadzania tekstu,.Mo甜liwo interakcji z wieloma aplikacja w jednym czasie.Mo甜na powiedzie sucho ciepo i wygodnie.A jak jest w przypadku u甜ytkownika mobilnego. >>>>>>>>>>>>>> U甜ytkownik Mobilny
  • #10: Przy telefonach komorkowych mamy zgoa odmienne waruunki: Kontekst u甜ytkownika mobile wkazuje na u甜ytkownika, ktory jest w ruchu jego ordowisko w ktorym przebywa jest zmienne.U甜ytkownik mobilny natomiast moze by:w ruchu , biega, prowadzic samoch坦d.Nie mo甜e korzysta z wielu aplikacji w jednym czasie.Jest podatny na zakl坦cenia zewntrzne. (pogoda, autobus,niepsodziewane sytuacje)Musimy pamita 甜e u甜ytkownik prowadzi interakcj przede wszystkim z otoczeniem. Korzysta z maego wywietlacza, iurzadzenia moze odbijac wiatlo i trzeba brac pod uwag oswietlenie miejsca w korym przebywa. Do obslugi urzdzenia czsto korzysta z jednej rki. Korzysta z prywatnego irzdzenia w miejscu publicznym i chce mie zagwarantowan prywatno.Ograniczenia urzdzenia takie jak bateria , problemy z cznoci.
  • #11: Dlatego tak wa甜ny przy projektowaniu aplikacji i urzdze jest KONTEKST. Dowiadczenei mobile polega na jest scisle zwiazane z kontekstem u甜ytwania teleofnu. Potencjaem urzadzen mobilnych jest dostarczanie informacji i usug powizanych z obecnoci u甜ytkownika w danym czasie i miejscuTrudno jest przewidziec jak nasza aplikacja w jakich warunkach bedzie wykorzystana. U甜ytkownik chcialby wiedzie np:Gdzie w pobli甜u jest jego ulubiona kawiarnia?Gdzie jest najbli甜szy bankomat? Jak dojc do biblioteki? Ile to jest 100 Euro w przeliczeniu na zotowki?kt坦rej godzinie jest nastpny pocig do Gdaska? Ktora godzina jest teraz w Nowym Jorku?Przejdzmy teraz do skadowych aplikacji mobilnej.
  • #12: Projektujc aplikacj mobiln nale甜y wzi pod uwag : Urzdzenie. Model pcd czyli urzadzenie na ktorym uruchamiana jest aplikacja. Nalezy bra mo甜liwoi i ograniczenia danego urzdzenia,. Uzytkownik, kt坦ry moze znajdowac si w ruchu, korzyta z r坦甜ncyh modeli telefon坦w r坦甜nicych si pod wzgldem zaawansawania technologicznego.Urzdzenie wejscie nale甜y zastanowi si w jak u甜ytkownik bdzie wprowadza i wysyla dane. Mo甜e to by na przykad klawiatura, ekran dotykowy, mikrofon, bluetooth, sie lokalna, Infrastruktura serwera ktora odpowiada za dostarczanei danych potrzebnych do dzialania aplikacji. Np komunikacja aplikacji z baz danych poczen lotniczych. Urzdzenie wyjscia czyli spos坦b w jaki urzdzenie bdzie komunikowao si z u甜ytkownikiem w jaki spos坦b bdzie realizowana komunikacja urzdzenia z zewntrzymi urzdzeniami. Sie operatora, gdzie i jak nasz u甜ytkownik bdzie czy si z sieciami bezprzewodowymi i z operatorem kom坦rkowym.Platforma aplikacji, czy tworzymy aplikacj w przegldarce czy oparta na systemie operacyjnym np. Symbian, Ipone OS, Windows Mobile, Android, JavaPrzejmdzy teraz do dobrych rad co nalezy bra pod uwag projektuj aplikacje mobilne
  • #13: 1. Mobilezie not minimalize Telefon to nie komputer osobisty. Najwikszym nieporozumieniem jest tworzenie mobilnych aplikacji jako zminiaturyzowanych aplikacji desktopowych. Maj swoje ograniczenia pochodzce z aplikacji desktopowych, ogranicznenia zwiazane z urzadzeniami mobilnymi oraz ograniczenia na kt坦re id projektanci aby przeni aplikacje desktop na urzdzenai mobilne. Co to oznacza:Nie tworzmy aplikacji bdcych ma wersj ich desktopowych odpowiednik坦w.Korzytsajmy z metafor zapo甜yczen z realnego wiata.I co najwa甜niejsze: KEEP IT SIMPLE Wszystko powinno by stworzone jak najporosciej sie da.
  • #14: Projektujmy w kontekcie.Aktualne otoczenie u甜ytkwonika implikuje sposob w jaki nasza aplikacja jest u甜ywana. Pamietajmy 甜e u甜ytkownik mo甜e naszej aplikacji u甜ywa wszdzieMo甜e to by samochod, pocig, podczas spotkania biznesowego. Praca z nasz aplikacj mo甜e zosta przerwana, moze straci poczenie z sieci lub zasig. Co to oznacza: Korzystajmy z technologii jakie dostarcza urzdzenie na kt坦re projektujemy. Dobrym przykladem s tutaj mapy google na iphonie, ktore potrafi zlokalizowa nasz aktualn pozycj i dostarczy informacje z naszym aktualnym polo甜eniem.Podczas korzystania z naszej aplikacji mo甜e otrzyma telefon, kt坦ry odbierze a to oznacza 甜e musi mie mo甜liwoc powrotu do pracy z nasz aplikacj.Innym przykadem jest powizanie trybu telefonu (cicho, spotkanie) z kalendarzem w telefonie. Gdy jestemy na spotkaniu telefon powinien przejsc w tryb spotkania z uciszonym dzwonkiem i wczonym alarmem wibracyjnym, kt坦ry powiadomi go o nastpnym spotkaniu.
  • #15: Kr坦tkie i czste korzystanie z aplikacji. Wynikajace z kontekstu u甜ytcia urzdzenia zaburzenia uwagi powoduja ze:Kr坦tki czas interakcji uzytkownik musi szybkowykona swoje zadanie ie ma czasu czekac bo na przyklad zaraz wsiada do pocigu. Co za tym idzie: Nalezy optymalizowa sciezkiu甜ytkownika do jak najkrotszych.Zapamitywa wpisane przez u甜ytkownika dane W przypadku przerwania pracy z aplikacj pownien by zachowany poprzedni stan przez przerw.
  • #16: Optymalizacja ilo danych wysylanychi pobieraych co za tym idzie koszt坦w poczenia.Wyobra甜my sobie ze sciagnelismy aplikacj do odsluchiwania audiobookow korzystamy z niej a po miesiacu przychodzi rachunek za korzystanie z telefonu. Koszty.Przejrzyto zwiazana z opatami, aplikacja musi komunikowa u甜ytkownikowiile placi za jej korzystanie oraz czy pobiera dane jak pobiera dane. Przykre niespodzianki po surfowaniu iphonem po internecie w momencie otrzymania rachunku telefonicznego.Co za tym idzie: Projektujmy tak aby nasza aplikacja wysylala i pobierala jak najmniej zbdnych danych.Musimy informowa u甜ytkownika gdy bdzie chcia scigna plik o du甜ej wielkoci, mozliwe ze zrobi to p坦甜niej korzystajc z bezplatnej sieci przewodowej.
  • #17: Szybko i wydajno aplikacji.Szybkosc przetwarzania danych i pobierania. Uzytkownicy patrza jak szybko mog otrzymac dan informacj i jak dlugo trwaj ich interackji.S w ruchu i nie maj czasu na czekanie na dugie wywietlanie danych. Na przyklad aktualizacja oprogramowania czas trwania uodate wielkosc danych sciaganych.Oznacza to : Optymalizacj kodu pod ktem wydajnoci aplikacji.
  • #18: Jedn ze wspomnianych wczeniej charakterystyk urzdzenie mobilnego byla jego przenocno a co za ym idzie ograniczenie zwizane z zasilaniem.Zuzycie energii:Pobieranie energii z telefonu Dzialaanie aplikacji w tle systemui np odtwarzacz muzycznyIphoneStand-by Up to 300 hTalk time Up to 12 h (2G) / Up to 5 h (3G)Nokia n97 Stand-by Up to 432 h (2G) / 408 h (3G)Talk time Up to 9 h 30 min (2G) / Up to 6 h (3G)
  • #19: Wymiary ekranu: R坦甜norodno ekrna坦w na ktore chcemy projektowa. W przypadku projektowania na okrelone urzdznenie jestesmy w stanie przeiwdziec jak nasza aplikacja bdzie wygldaJednak gdy projektujemy pod kilka modeli r坦甜niacych si wymiarami ekranu nalezy bra pod uwag 甜e nasza aplikacje nie bdzie wyglda wszedzie identycznie. Do tego dochodzi jeszcze tryb ekranu na ktorej bdzie wywietlaa si nasza aplikacja czyli wsko czy szeroko.Mala wielkoci docelowych ekranow wymuszaj projektowanie elmentow kt坦re s wieljkie i mo甜na je dotkn.
  • #20: Ograniczona mozliwosc wprowadznia tekstu Ograniczone mozliwosci wprowadzania tekstu prowadza do wymyslania alternatywnych sposobow na wprowadzania tekstu. Takie jak: Klawiatura klasyczna 12 przycisk坦w, QWERTY, dotykowafotokody, Poleceniaglosowe,HandwritingW 2007 roku Badanie z 2007 przeprowdzone przez agencj User focus w Chicago polegao na porownaniu metod wprowadzania tekstu do urzdze mobilnych. Przebadano 60 os坦b, kt坦rych zadaniem bylo wprowadzenie okrelonego tekstu.Pod uwag wzite zostay 3 modele telefoow z r坦甜nymi metodami wprowadzania tekstu: Iphone- dotykowa klawiatura w ukladzie portrait Blackberry z fizyczn klawiatur QWERTY Samsung E300 z klawiatur numeryczn. Wyniki bada: Co si okazalo tekst zosta wprowadzany najszybciej przy pomocy klawiatury dotykowej iphone oraz fizycznej klawiatury QWERTY u甜ytkownicy iphone najczsciej popelniali bdy przy wprowadzaniu tekstu oraz koncowe teksty miay wicej bdow ni甜 przy pozostaych metodach. U甜ytkownicy numerycznych klawiatur wprowadzali tekst z wiksz dokladnoci na klawiaturze QWERTY ni甜 na dotykowej. Wszyscy badani dali najwy甜sz not fizycznej klawiaturze QWERTY pod wzgldem atwoci wprowadzania tekstu. Literami ktore sprawialy najwiksze klopoty u甜ytkownikom piszcym na iphone by朝 : Q,P,J,X,Z,
  • #21: uFFFFFF