advertisement

O rozwiązywaniu problemów z UX podczas projektowania interfejsów mobilnych

50 %
50 %
advertisement
Information about O rozwiązywaniu problemów z UX podczas projektowania interfejsów mobilnych
Technology

Published on February 14, 2014

Author: 3camp

Source: slideshare.net

Description

Paweł Czyżowski – PPG Mobile - O rozwiązywaniu problemów z UX podczas projektowania interfejsów mobilnych
advertisement

Słów kilka o problemach z UX w mobile Paweł Czyżowski PPG Mobile

UX TO NIC NOWEGO

UX DESIGNER Photo  by  Jeff_Werner  -­‐  Crea2ve  Commons  A7ribu2on-­‐NonCommercial-­‐ShareAlike  License    h7p://www.flickr.com/photos/48023467@N00   Created  with  Haiku  Deck  

DEVELOPERZY Photo  by  Elvert  Barnes  -­‐  Crea2ve  Commons  A7ribu2on  License    h7p://www.flickr.com/photos/95413346@N00   Created  with  Haiku  Deck  

USER EXPIRIENCE Photo  by  Melissa  Maples  -­‐  Crea2ve  Commons  A7ribu2on-­‐NonCommercial  License    h7p://www.flickr.com/photos/84392129@N00   Created  with  Haiku  Deck  

KIM JEST UX DESIGNER

to nie ma nic wspólnego z dribbble Photo  by  ˙Cаvin  〄  -­‐  Crea2ve  Commons  A7ribu2on  License    h7p://www.flickr.com/photos/48876614@N00   Created  with  Haiku  Deck  

WIĘC CO JEST NIE TAK?

Tylko jedna z tych aplikacji pogodowych stara się rozwiązać prawdziwy problem.

Maslow’s  Hierarchy  Of  Needs  

Design  Hierarchy  of  Needs  (Smashing  Magazine)  

 Hierarchy  of  Needs  for  the  Code  (Smashing  Magazine)  

ZASADA 3C CONTENT CEL CZAS

PO CO? Żeby użytkownik mógł: Wykonać zadanie szybciej… …robiąc przy tym mniej błędów Photo  by  Wsf  Ali  -­‐  Crea2ve  Commons  A7ribu2on-­‐ShareAlike  License    h7p://www.flickr.com/photos/53756043@N03   Created  with  Haiku  Deck  

A jeśli nie ? Błędy w mobile Są zabójcze 11% odinstaluje bezpłatną aplikację, Aż 45% płatną! Photo  by  dqqd  -­‐  Crea2ve  Commons  A7ribu2on  License    h7p://www.flickr.com/photos/87623124@N02   Created  with  Haiku  Deck  

Co robić… ?

Pokora wobec nowych technologii Photo  by  Close  to  Home  -­‐  Crea2ve  Commons  A7ribu2on-­‐NonCommercial  License    h7p://www.flickr.com/photos/7228833@N08   Created  with  Haiku  Deck  

Aplikacja to nie choinka Photo  by  Suzie  T  -­‐  Crea2ve  Commons  A7ribu2on  License    h7p://www.flickr.com/photos/23727257@N00   Created  with  Haiku  Deck  

więc ciąć…

Nie, ciąć… Photo  by  Jez  Page  -­‐  Crea2ve  Commons  A7ribu2on-­‐NonCommercial-­‐ShareAlike  License    h7p://www.flickr.com/photos/30775143@N00   Created  with  Haiku  Deck  

Tylko ciąć! Photo  by  sacks08  -­‐  Crea2ve  Commons  A7ribu2on  License    h7p://www.flickr.com/photos/29071316@N06   Created  with  Haiku  Deck  

Żeby interfejs był intuicyjny … Photo  by  Geecy  -­‐  Crea2ve  Commons  A7ribu2on-­‐ShareAlike  License    h7p://www.flickr.com/photos/51866462@N07   Created  with  Haiku  Deck  

… znaczy podobny… Photo  by  seagers  -­‐  Crea2ve  Commons  A7ribu2on-­‐NonCommercial-­‐ShareAlike  License    h7p://www.flickr.com/photos/85213049@N00   Created  with  Haiku  Deck  

Źródło:37signals.com  

Nadążać za konwencjami Siatka  ikon  (zmierzch  trendu  2011)   Facebook,  Yelp,  Linkedin  2011   Nasza  Klasa  2014  

Tab  panel  dolny  zastąpił  siatkę  ikon  w  2011   Pinterest  2011   Pinterest  2012   Pinterest  2013   Trend w kierunku upraszczania

2014… Sidebar  zastępuje  menu  dolne   YouTube  2014   Allegro  2014  

Typowy projekt ux KLIENT SPECYFIACJA ANALIZA MAKIETA PROTOTYP

Typowy projekt ux KLIENT SPECYFIACJA ANALIZA MAKIETA To za mało… PROTOTYP

Ludzie, nie specyfikacje

Zanim zaczniesz… KTO jest grupą docelową? CZEGO POTRZEBUJĄ TWOI UŻYTKOWNICY? DLACZEGO TEGO POTRZEBUJĄ? KIEDY TEGO POTRZEBUJĄ? GDZIE TEGO POTRZEBUJĄ? JAK MY MOŻEMY IM POMÓC?

Kiedy zaczniesz… BUDUJ UCZ SIĘ MIERZ TESTUJ

Prototyp… …to tylko hipoteza Źródło:  h7p://www.concept.ly/  

mobile first Content first Dopiero z analizy potrzeb i contentu Wyniknie np. APP czy RWD

analiza potrzeb i contentu = dobra architektura informacji LOGICZNA, SPÓJNA, SPODZIEWANA Photo  by  Travis  Jon  Allison  -­‐  Crea2ve  Commons  A7ribu2on-­‐NonCommercial-­‐ShareAlike  License    h7p://www.flickr.com/photos/31589716@N00   Created  with  Haiku  Deck  

Jak pracować? Daj klientowi produkt konkurencji i zobacz jak sobie radzi Photo  by  Ame  Otoko  -­‐  Crea2ve  Commons  A7ribu2on-­‐NonCommercial-­‐ShareAlike  License    h7p://www.flickr.com/photos/30674850@N00   Created  with  Haiku  Deck  

Jak pracować? Jak najwięcej na papierze Może być brzydko (ładnie będzie potem) Twoje zdanie nie ma znaczenia Hipotezy to nie dowody Źródło:  h7p://farm5.sta2cflickr.com/4095/4920215806_589bba2713.jpg  

Kilka podpowiedzi… To co najważniejsze, Wzasięgu kciuka 90% ludzi jest praworęczna

Jeśli możemy, pamiętajmy o leworęcznych Przyciski na całą szerokość Odstępy między przyciskami są ważne

Telefonów używamy w różnych warunkach Wysoki kontrast pomaga

Minimalna wielkość pojedynczego obszaru dotyku to 7 mm

Obszar klikalny nie musi być taki sam jak obiekt graficzny

Korzystanie z domyślnych narzędzi urządzenia 4-krotnie skraca akcję użytkownika

Dziękuję za uwagę i życzę samych zadowolonych użytkowników Paweł Czyżowski, PPGMobile info@ppgmobile.pl

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

O aplikacjach mobilnych na 3camp - my3miasto.pl

0000Dokąd zmierza rynek aplikacji mobilnych? ... O aplikacjach mobilnych na ... O rozwiązywaniu problemów z UX podczas projektowania interfejsów ...
Read more

Paweł Czyżowski - Informacje o osobie wraz ze zdjęciami ...

O rozwiązywaniu problemów z UX podczas ... O rozwiązywaniu problemów z UX podczas projektowania interfejsów ... O aplikacjach mobilnych na ...
Read more

3camp | Spotkania branży IT w Trójmieście

... Inwestowanie w technologie mobilne z ... O rozwiązywaniu problemów z UX podczas projektowania interfejsów mobilnych. Dodane 21.02.2014 o godz ...
Read more

Magda Terajewicz - Informacje o osobie wraz ze zdjęciami ...

Paweł Czyżowski – PPG Mobile - O rozwiązywaniu problemów z UX podczas projektowania interfejsów mobilnych
Read more

Szkolenie: Certyfikowany Projektant Interfejsów ...

Wprowadzenie do projektowania interfejsów ... kompetencji 140 pracowników z zakresu programowania aplikacji mobilnych. ... o rzeczywiste ...
Read more

Mobile Trends Conference 2014

O rozwiązywaniu problemów podczas projektowania interfejsów ... z urządzeń mobilnych jako tzn ... UX dla aplikacji mobilnych ...
Read more