Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WUD 2009 - Wyzwania w projektowaniu aplikacji mobilnych

978 views

Published on

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

Published in: Design, Business
  • Be the first to comment

WUD 2009 - Wyzwania w projektowaniu aplikacji mobilnych

  1. 1. World Usability Day Tour World Usability Day Tour 13 listopada 2009 Wyzwania w projektowaniu aplikacji mobilnych Izabela Hanus www.comarch.pl
  2. 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. 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. 4. World Usability Day Tour
  5. 5. World Usability Day Tour Agenda • Mobilny świat • Wyzwania w projektowaniu • Wytyczne – krótkie case study • Rozwój interfejsów
  6. 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. 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. 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. 9. World Usability Day Tour Popularność smartfonów • Udział smartfonów w sprzedaży urządzeń mobilnych Źródło: Gartner
  10. 10. World Usability Day Tour Top producenci Źródło: Gartner, dane na 1Q 2009 • Wiodący producenci smartfonów w Europie Zachodniej
  11. 11. World Usability Day Tour Wyzwania w projektowaniu
  12. 12. World Usability Day Tour Wyzwania w projektowaniu
  13. 13. World Usability Day Tour iPhone • Ekran: 320 x 480 px • Interakcja: ekran dotykowy • System: Mac OS • Przeglądarka: Safari
  14. 14. World Usability Day Tour Nokia E61 • Ekran: 320 x 240 px • Interakcja: QWERTY+ joystick • System: Symbian OS v9.1 • Przeglądarka: Minuet
  15. 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. 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. 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. 18. World Usability Day Tour Wyzwania w projektowaniu
  19. 19. World Usability Day Tour Co oznacza zmieniający się kontekst?
  20. 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. 21. World Usability Day Tour Wyzwania w projektowaniu
  22. 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. 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. 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. 25. World Usability Day Tour Wyzwania w projektowaniu
  26. 26. World Usability Day Tour Inne wyzwania • Ograniczona żywotność baterii • Bezpieczeństwo • Kwestie prywatności • Koszt pobieranych danych
  27. 27. World Usability Day Tour Jak sobie radzić z tymi wyzwaniami?
  28. 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. 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. 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. 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. 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. 33. World Usability Day Tour Każdy kiedyś musi zacząć, a więc…
  34. 34. World Usability Day Tour Powodzenia!
  35. 35. World Usability Day Tour usability@comarch.pl Dziękuję za uwagę www.comarch.pl
  36. 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

×