Usability aplikacji mobilnych - wykład z WUD Tour 2009Comarch SA
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.
Learn about the potential Illinois Senate Bill to provide tax credits to Venture Capital Firms and Angel Investors who invest in Illinois emerging technology and startup companies.
Prezentacja Tomasza Koniecznego z Koła Naukowego Informatyki BIOS na Wydziale Nauk Ekonomicznych i Zarządzania przy Uniwersytecie Szczecińskim w ramach World Usability Day Tour 2009!
Usability aplikacji mobilnych - wykład z WUD Tour 2009Comarch SA
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.
Learn about the potential Illinois Senate Bill to provide tax credits to Venture Capital Firms and Angel Investors who invest in Illinois emerging technology and startup companies.
Prezentacja Tomasza Koniecznego z Koła Naukowego Informatyki BIOS na Wydziale Nauk Ekonomicznych i Zarządzania przy Uniwersytecie Szczecińskim w ramach World Usability Day Tour 2009!
WUD Tour 2009 - Powitanie i wprowadzenie do tematyki usability
WUD 2009 - Wyzwania w projektowaniu aplikacji mobilnych
1. World Usability Day Tour
World Usability Day Tour
13 listopada 2009
Wyzwania w projektowaniu
aplikacji mobilnych
Izabela Hanus
www.comarch.pl
2. 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
3. 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
5. World Usability Day Tour
Agenda
• Mobilny świat
• Wyzwania w projektowaniu
• Wytyczne – krótkie case study
• Rozwój interfejsów
6. World Usability Day Tour
2/3 świata z urządzeniem mobilnym
• Dane na 100 mieszkańców
Źródło: ITU World Telecommunication
7. 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
8. World Usability Day Tour
Top producenci
Źródło: Gartner, dane na 1Q 2009
• Wiodący producenci urządzeń mobilnych w Europie
Zachodniej
9. World Usability Day Tour
Popularność smartfonów
• Udział smartfonów w sprzedaży urządzeń mobilnych
Źródło: Gartner
10. World Usability Day Tour
Top producenci
Źródło: Gartner, dane na 1Q 2009
• Wiodący producenci smartfonów w Europie Zachodniej
13. World Usability Day Tour
iPhone
• Ekran: 320 x 480 px
• Interakcja: ekran dotykowy
• System: Mac OS
• Przeglądarka: Safari
14. World Usability Day Tour
Nokia E61
• Ekran: 320 x 240 px
• Interakcja: QWERTY+ joystick
• System: Symbian OS v9.1
• Przeglądarka: Minuet
15. World Usability Day Tour
HTC Diamond
• Ekran: 480 x 650 px
• Interakcja: ekran dotykowy
• System: MS Windows Mobile 6.0 Pro
• Przeglądarka: Opera
16. World Usability Day Tour
Samsung Omnia
• Ekran: 240 x 400 px
• Interakcja: ekran dotykowy
• System: MS Windows Mobile 6.1 Pro
• Przeglądarka: Opera
17. 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
20. 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
22. World Usability Day Tour
PC vs mobile
• Przewidywalne otoczenie
• Duży ekran umożliwiający
wykonanie wielu zadań
• Klawiatura i mysz do wprowadzania
danych
23. 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
24. 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
28. 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
29. 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
30. 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
31. 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
32. 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