O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

WUD 2009 - Wyzwania w projektowaniu aplikacji mobilnych

981 visualizações

Publicada em

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

Publicada em: Design, Negócios
  • Seja o primeiro a comentar

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

×