UX ma znaczenie. O różnych podejściach do projektowania interakcji na mobile.

Wielkość: px

Rozpocząć pokaz od strony:

Download "UX ma znaczenie. O różnych podejściach do projektowania interakcji na mobile."

Eugeniusz Makowski
8 lat temu
Przeglądów:

1 UX ma znaczenie. O różnych podejściach do projektowania interakcji na mobile. K r a k ó w,

2 Agenda 1. Co to jest UX? 2. Benchmark vs Badania 3. Guidelines vs my way 4. Silosy vs Team 5. Beta vs alfa 6. Co zapamiętać?

3 1. Co to jest UX? Men in hats look up at the night sky, ca Bettmann

7 Usability

8 User experience

9 Jaki jest cel? Co jest ważne? Co mogę zrobić?

10 Jaki jest cel? Co jest ważne? Co mogę zrobić?

11 Jaki jest cel? Co jest ważne? Co mogę zrobić?

12 Design is not just about making things more useful, it s not just about making things more beautiful, it s about really figuring out what is the right thing to make and how to make it right Matias Duarte, Director of User Experience, Android

right thing to make and how to make it right Matias Duarte, Director of User

13 Poszukując odpowiedzi na pytanie, co i jak zaprojektować

14 Użytkownicy Cele Biznes biznesowe

15 Użytkownicy Styl życia Biznes Marka Konkretne potrzeby Pozycjonowanie Akcje (scenariusze użycia) Funkcjonalności Koncept na aplikację mobilną Kontekst użycia marki Proponowana wartość

16 Big Idea

17 Aplikacja powinna jednoznacznie komunikować wartość proponowaną klientowi

18 Scream plakat

19 Airbnb Find a place to stay Airbnb ios app

20 Flipboard Create Your Own Magazines Flipboard Android app

21 Instagram Fast beautiful Photo sharing Instagram Android app

22 2. Benchmark vs badania

23 Cel: wzbudzić zainteresowanie

24 Jak w praktyce wygląda poszukiwanie pomysłu na aplikację?

25 Biznes, co aplikację mobilną mieć chce

27 Benchmark

28 Badania

29 Doprowadź strukturę i flow do niezbędnego minimum

30 Struktura i flow

31 Wewnętrzny test interakcji

32 3. Guidelines vs my way

33 Guidelines

34 Android action bar 1. Ikona aplikacji 2. Menu rozwijane (niekonieczny element) 3. Action buttons 4. Dodatkowe buttony

35 Navigation drawer

36 Nawigacja w aplikacji NET-A-PORTER - ios NET-A-PORTER Android

37 Wstecz NET-A-PORTER - ios NET-A-PORTER Android Up podstawę stanowi hierarchia w aplikacji Wstecz Działanie w ramach urządzenia, a nie tylko aplikacji

38 Listy NET-A-PORTER - ios NET-A-PORTER Android

39 Windows phone

40 SKEUMORFIZM VS FLAT DESIGN

41 Skeumorfizm: Odtworzenie właściwości, kształtu, tekstury, barwy lub funkcji przedmiotu oryginalnego w materiale zastępczym George Basalla: The Evolution of Technology

42 ibooks Apple

43 GENEZA Wejście iphone na rynek rok Premiera ios (systemu operacyjnego na iphone) - zupełnie nowe spojrzenie na interfejs i nawigację. Wprowadzenie standardów dla twórców aplikacji na urządzenia Apple (Design guidelines)

44 Dlaczego Skeumorfizm? Celowe odniesienie do wyglądu i działania realnych przedmiotów w natywnych aplikacjach Apple. Pomoc w zniwelowaniu barier poznawania nowego interfejsu (rewolucja na tle powszechnych wówczas featurefonów Nokii i innych tradycyjnych komórek z klawiaturą

Zalety Wady Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z naturalnymi obiekatmi i mechanizmami Pozwala na dużą ekspresję wizualną i bogatą oprawę aplikacji Są nisze w których

45 Zalety Wady Redukuje barierę w poznawaniu nowego interfejsu przez skojarzenia z naturalnymi obiekatmi i mechanizmami Pozwala na dużą ekspresję wizualną i bogatą oprawę aplikacji Są nisze w których jest najlepszą i oczekiwaną estetyką, głównie kiedy odbiorcą jest młoda widownia. Po 6 latach nie jest postrzegany jako innowacyjny, mimo wszystko nadal jest rozpoznawalny i lubiany. Nie wyznacza trendów. Na tle nowoczesnych minimalistycznych aplikacji może wydawać się niedojrzały. Bogaty w skomplikowane grafiki nie dba o ergonomię pobieranych danych. Konkurencja (Google i Microsoft) promują inną estetyką i zdobywa tym samym klientów

46 Flatdesign - Google i Microsoft w natarciu

47 Google Maps na ios

50 Zalety Flat Design i jego ergonomia Sukces Apple świadczy, że użytkownicy chcą płacić za dobry design (urządzeń i aplikacji) Flat Design zrywa z przestarzałą estetyką pozwalająć na innowacyjne minimalistyczne podejście. Dzięki czemu stosujemy szybko ładujące się pliki graficzne Stawia na stonowane kolory (nasz wzrok mniej się męczy przy świecących ekranach) Pozwala nam na obsługę intuicyjnymi gestami Lepsza czytelność treści

51 Skeumorfizm vs Flat

52 Skeumorfizm vs Flat

53 Różne platformy, różne podejścia

58 Przykład Brak wsparcia dla tabów po lewej na oknie dialogowym Androida

60 Clear

61 Różne podejścia do procesu produkcyjnego

62 Linia produkcyjna vs teamwork

66 Kiedy publikujemy? Proces produkcyjny jest długotrwały Kiedy aplikacja jest już wystarczająco dobra? Wiele poprawek kosztuje czas Dynamika zmian na poszczególnych platformach

67 Przykład 1 ios 5 vs ios 6 Zmiana logowania do portali społecznościowych FB i Twitter w aplikacji Stefczyk.INFO

69 Przykład 2 feedback od użytkowników Kształtowanie aplikacji przez użytkowników

71 If you can dream it, you can do it Walt Disney

72 Comprende?

74 Dziękujemy. Lemon Sky Spółka z ograniczoną odpowiedzialnościa S.K.A. ul. Fabryczna Wrocław NIP: ul. Elżbiety Drużbackiej Warszawa

Podobne dokumenty

Mobilna przyszłość biznesu. Błażej Marciniak Dyrektor Sprzedaży Usług IT CTM Mobiltek SA

Mobilna przyszłość biznesu. Błażej Marciniak Dyrektor Sprzedaży Usług IT CTM Mobiltek SA Mobilna przyszłość biznesu Błażej Marciniak Dyrektor Sprzedaży Usług IT CTM Mobiltek SA Agenda Mobilność w biznesie. Stan obecny i trendy na przyszłość Opłacalność wdrażania rozwiązań mobilnych Jak dobrze