際際滷

際際滷Share a Scribd company logo
infoShare_2012_monika_ania_janmedia
Co to jest mobile experience?
Rok 2012 zosta okrzyknity rokiem mobile.
Ale to my  bran甜a  tak go nazwalimy! Nie nasi klienci, ani nie dalsi u甜ytkownicy.
infoShare_2012_monika_ania_janmedia
infoShare_2012_monika_ania_janmedia
Te甜 znamy te wszystkie statystyki ;)
Ale nie one s najwa甜niejsze
Skupmy si na u甜ytkownikach!
Mobile experience mo甜e byd takie jak tu.   A przecie甜
U甜ytkownik
jest
najwa甜niejszy!
Najczciej popeniane bdy
projektant坦w
Wyniki pewnego raportu

  1. Wykorzystanie w
     aplikacjach na Android
     wzor坦w nawigacji i
     interakcji z platformy iOS.
  2. Brak sp坦jnoci w nawigacji.
  3. Brak pomocy i wsparcia
     u甜ytkownika podczas
     wykonywania zadao.
  4. Mao precyzyjny jzyk
     komunikat坦w i informacji
     zwrotnych.
  5. Layout i grafika
     niedostosowana do
     kontekstu mobile.
Na Androida projektuje si inaczej ni甜 na iOS
Aplikacja iGetin - iOS vs. Anroid
Aplikacja Citi Mobile - iOS vs. Anroid
Jzyk komunikat坦w i informacji zwrotnych
powinien byd jasny i precyzyjny




                                aplikacja Banku Millennium
Uwaga na zbyt dugie komunikaty




                             aplikacja Banku Millennium
Kiedy layout nie jest dostosowany do kontekstu mobile




                     aplikacja Alior Bank
Strona mobilna vs. aplikacja mobilna?
PlasticMobile.com
MobileAgency.nl
www.antyweb.pl
infoShare_2012_monika_ania_janmedia
www.reserved.com/pl
infoShare_2012_monika_ania_janmedia
Ale niezale甜na strona mobilna mo甜e byd niepotrzebna! 




SmashingMagazine.com, 添r坦do: http://www.awwwards.com/50-examples-of-responsive-web-design.html
Niezale甜na strona mobilna mo甜e byd niepotrzebna! 




StephenCaver.com,   添r坦do: www.desingmodo.com
Niezale甜na strona mobilna mo甜e byd niepotrzebna! 




ForefathersGroup.com,   添r坦do: www.desingmodo.com
Ograniczenia wynikajce z technologii
mobilnych
Ograniczenia


 may ekran = mniej miejsca
 internet mobilny = wolny transfer danych
 kontekst u甜ycia
   miejsce -> wszdzie
   czas -> szybko
   niepena uwaga = jednym okiem i jednym
    palcem
Wykorzystanie mo甜liwoci,
kt坦re daje mobile
Zaoferuj wicej albo inaczej

Zar坦wno rozwizania na PC, jak i na urzdzenia
mobilne mog zaspokajad potrzeby u甜ytkownika,
ale robi to w zupenie odmienny spos坦b.

O wykorzystanie prosz si:
     aparat, kamera, speaker...
     czujnik wiata
     akcelerometr
     NFC
     ...
aplikacja Nearest Tube   aplikacja The Milky Way
infoShare_2012_monika_ania_janmedia
Best practices,
jak projektowad na mobile
Produkt nale甜y dostosowad do sposobu, w jaki bdzie
u甜ywany




                  strona mobilna m.ITAKA.pl
dlaczego to takie wa甜ne?




                   aplikacja Alior Bank
Du甜o wiemy o tym, jak u甜ytkownicy korzystaj z aplikacji




店r坦do: Mobile First, Luke Wr坦blewski
wykorzystajmy t wiedz!




     aplikacja Endomondo    Aplikacja Wezwij Taxi
Uatwiajmy u甜ytkownikom!




                strona mobilna m.ITAKA.pl
Maa ilod opcji  podstawowe funkcje s najistotniejsze




                       aplikacja Booking.com
Maa ilod opcji  podstawowe funkcje s najistotniejsze




      aplikacja Listonic             aplikacja YouTube
Najwa甜niejsza jest tred (content is the king)




                       aplikacja Wyborcza
Aplikacja powinna wspierad dziaania u甜ytkownika




                 Strona mobilna JakDojade.com
aby u甜ytkownicy mogli si skupid na podstawowym
zadaniu




                      aplikacja iBankomaty
Jak wyr坦甜nid najwa甜niejsze elementy




                    aplikacja Evernote
Dodatkowe funkcje warto umiecid kontekstowo




                   aplikacja Chilli ZET
Trudne zadania nale甜y podzielid na etapy




               Realizacja przelewu w aplikacji PEKAO SA
Aplikacje mobilne projektuje si inaczej ni甜 strony mobilne




        aplikacja mBank             strona mobilna mBank
Zachowaj zgodnod pomidzy systemem a rzeczywistoci




                       Kontakty / iPad
Tam, gdzie to mo甜liwe, warto naladowad rzeczywistod




                    aplikacja iBooks
Na koniec najwa甜niejsze  zgodnod z wytycznymi!
Mobile First
The simple guideline is whatever you are
  doing  do mobile first.     Eric Schmidt, Google Chairman



  Get into mobile first and then web second.
  Its teaching us a lot about how to design
  back to the desktop. Kate Aronowitz, Facebooks Director pf Design

  A shift to think about mobile first is bigger
  than we saw with the personal computing
  revolution.                      Kevin Lynch, Adobes CTO


店r坦do: Mobile First, Luke Wr坦blewski
禽舘鴛然悪雨干掘珂額!
        Gdybycie chcieli korespondowad:

         mmikowska@janmedia.com
          aliszewska@janmedia.com

              Gdybycie chcieli poczytad:

                   http://jestem.mobi
                http://webusability.pl

More Related Content

infoShare_2012_monika_ania_janmedia