Prezentacja Izabeli Hanus z COMARCH w ramach World Usability Day Tour 2009!

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

4. World Usability Day Tour

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

11. World Usability Day Tour
Wyzwania w projektowaniu

12. World Usability Day Tour
Wyzwania w projektowaniu

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

18. World Usability Day Tour
Wyzwania w projektowaniu

19. World Usability Day Tour
Co oznacza zmieniający się kontekst?

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

21. World Usability Day Tour
Wyzwania w projektowaniu

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

25. World Usability Day Tour
Wyzwania w projektowaniu

26. World Usability Day Tour
Inne wyzwania
• Ograniczona żywotność baterii
• Bezpieczeństwo
• Kwestie prywatności
• Koszt pobieranych danych

27. World Usability Day Tour
Jak sobie radzić z tymi wyzwaniami?

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

33. World Usability Day Tour
Każdy kiedyś musi zacząć,
a więc…

34. World Usability Day Tour
Powodzenia!

35. World Usability Day Tour
usability@comarch.pl
Dziękuję za uwagę
www.comarch.pl

36. 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