View
652
Download
0
Category
Tags:
Preview:
DESCRIPTION
Prezentacja Izabeli Hanus, architekta usability w sektorze Finansów, Bankowości i Ubezpieczeń Comarch SA o usability aplikacji mobilnych z case study bankowości mobilnej Alior Banku.
Citation preview
World Usability Day Tour
World Usability Day Tour13 listopada 2009
World Usability Day Tour13 listopada 2009
Wyzwania w projektowaniu aplikacji mobilnychWyzwania w projektowaniu aplikacji mobilnych
Izabela HanusIzabela Hanus
www.comarch.pl
World Usability Day Tour
Comarch usability architekt • Od 2005 (marketing > usability)
• Sektor: Finanse, Bankowość i Ubezpieczenia
• M.in. aplikacje mobilne:– Inwestor Mobilny BZ WBK
– Bankowość mobilna Alior Bank
World Usability Day Tour
“A picture is worth a thousand words. An interface is worth a thousand
pictures.”
Ben Shneiderman
1 interfejs = 1 000 zdjęć
1 zdjęcie = 1 000 słów
1 interfejs = 1 000 x 1 000 = 1 000 000 słów
World Usability Day Tour
World Usability Day Tour
Agenda
• Mobilny świat
• Wyzwania w projektowaniu
• Wytyczne – krótkie case study
• Rozwój interfejsów
World Usability Day Tour
2/3 świata z urządzeniem mobilnym• Dane na 100 mieszkańców
Źródło: ITU World Telecommunication
World Usability Day Tour
Świat staje się (jest!) mobilny
• Urządzeń mobilnych jest na świecie: – 2 x więcej niż unikalnych posiadaczy rachunków bankowych
– 2,5 x więcej niż unikalnych posiadaczy kart kredytowych
– 4,6 x więcej niż użytkowników internetu (jedynie PC)
– 3 x więcej użytkowników niż zarejestrowanych zestawów TV
– 4 x więcej niż komputerów osobistych
Źródło: TomiAhonen Consulting
World Usability Day Tour
Top producenci
Źródło: Gartner, dane na 1Q 2009
• Wiodący producenci urządzeń mobilnych w Europie Zachodniej
World Usability Day Tour
Popularność smartfonów
• Udział smartfonów w sprzedaży urządzeń mobilnych
Źródło: Gartner
World Usability Day Tour
Top producenci
Źródło: Gartner, dane na 1Q 2009
• Wiodący producenci smartfonów w Europie Zachodniej
World Usability Day Tour
Wyzwania w projektowaniu
World Usability Day Tour
Wyzwania w projektowaniu
World Usability Day Tour
iPhone• Ekran: 320 x 480 px
• Interakcja: ekran dotykowy
• System: Mac OS
• Przeglądarka: Safari
World Usability Day Tour
Nokia E61• Ekran: 320 x 240 px
• Interakcja: QWERTY+ joystick
• System: Symbian OS v9.1
• Przeglądarka: Minuet
World Usability Day Tour
HTC Diamond• Ekran: 480 x 650 px
• Interakcja: ekran dotykowy
• System: MS Windows Mobile 6.0 Pro
• Przeglądarka: Opera
World Usability Day Tour
Samsung Omnia• Ekran: 240 x 400 px
• Interakcja: ekran dotykowy
• System: MS Windows Mobile 6.1 Pro
• Przeglądarka: Opera
World Usability Day Tour
Rozpiętość parametrów jest obszerna
• Projektuj dla „wybranej grupy” o określonych parametrach
• Korzystaj z baz parametrów urządzeń mobilnych
World Usability Day Tour
Wyzwania w projektowaniu
World Usability Day Tour
Co oznacza zmieniający się kontekst?
World Usability Day Tour
Kontekst jest skomplikowany
• Użytkownik jest mobilny, urządzenie przy okazji
• Projektuj z myślą o „przerywanej uwadze” i zakłóceniach
• Opcje muszą być zawsze widoczne
• Pamiętaj o wyraźnym kontraście między treścią a tłem
World Usability Day Tour
Wyzwania w projektowaniu
World Usability Day Tour
PC vs mobile
• Przewidywalne otoczenie
• Duży ekran umożliwiający
wykonanie wielu zadań
• Klawiatura i mysz do wprowadzania
danych
World Usability Day Tour
PC vs mobile
• Zmieniające się i nieprzewidywalne
otoczenie
• Mały ekran i utrudnione
wprowadzanie danych
• UI na całym ekranie
World Usability Day Tour
Urządzenie mobilne nie jest komputerem
• Nie przenoś aplikacji 1:1
• Skoncentruj się na potrzebach użytkownika a nie na rozwiązaniu
• Miej na uwadze ograniczenia urządzeń mobilnych
World Usability Day Tour
Wyzwania w projektowaniu
World Usability Day Tour
Inne wyzwania
• Ograniczona żywotność baterii
• Bezpieczeństwo
• Kwestie prywatności
• Koszt pobieranych danych
World Usability Day Tour
Jak sobie radzić z tymi wyzwaniami?
World Usability Day Tour
m.Alior – case study• Uzupełnienie bankowości internetowej
– Dodatkowa warstwa prezentacji dla wspólnej logiki biznesowej
• Ograniczenie funkcjonalności w stosunku do bankowości internetowej– Brak filtrów zaawansowanych
– Brak możliwości generowania plików wyciągów (pdf, CSV)
• Testy na przeglądarkach, m.in.:– Internet Explorer
– Opera for Windows Mobile
World Usability Day Tour
m.Alior• Standardowy ekran 240 x 320 px (QVGA)
• Prosta struktura – menu główne
• Możliwość wylogowania z każdego poziomu zawsze na dole ekranu
• „Odchudzone strony” – max 20 kB
• Button „Powrót” w kolorze odróżniającym się od akcji pierwotnych umożliwiający powrót do poprzedniego poziomu
• Nawigacja na dole ekranu
World Usability Day Tour
m.Alior• Ograniczenie pól do wprowadzania
danych (listy wyboru, radiobuttony)
• Do walidacji formularzy nie jest używany Java Script
• Etykiety blisko pól tekstowych
• Ekrany pośrednie z ponowną prezentacją danych oraz zapytaniem o ostateczne potwierdzenie
• Scroll zamiast dodatkowego ekranu
World Usability Day Tour
Rozwój interfejsów• Gesture-based Interface
– Interakcje za pomocą gestów
• Augmented reality– Podgląd na żywo rzeczywistości
• Beyond screen– Przenoszenie kontentu poza urządzenie
mobilne
World Usability Day Tour
Podsumowanie
• Wraz z rozwojem rynku mobilnego rozwijają się
aplikacje mobilne
• One również muszą (i mogą!) być usable
• Przede wszystkim należy pamiętać o użytkowniku
World Usability Day Tour
Każdy kiedyś musi zacząć, a więc…
World Usability Day Tour
Powodzenia!
World Usability Day Tour
usability@comarch.plusability@comarch.pl
Dziękuję za uwagęDziękuję za uwagę
www.comarch.pl
World Usability Day Tour
Przydatne adresy
• Wytyczne W3C– http://www.w3.org/Mobile/
• dotMobi– http://mtld.mobi/
• Baza urządzeń mobilnych:– http://deviceatlas.com/
• Emulatory: – http://www.ready.mobi
Recommended