ux & usability studio

1 +48 530 837 629

contact@witflow.com

Marta Michałowska mm@witflow.com

O tworzeniu użytecznych aplikacji słów kilka

2

Kto z Was programuje?

3

Kto musiał kiedyś stworzyć interfejs użytkownika?

4

Miara wydajności, skuteczności i satysfakcji użytkownika, z jaką dany produkt może być używany dla osiągnięcia określonych celów przez określonych użytkowników.

ISO 9241-11

UŻYTECZNOŚĆ

5

zogniskowanie na użytkownikach

badania empiryczne

iteracje

USER CENTERED DESIGN

6

projektowanie

ewaluacja

doskonalenie wdrożenie

problem

badania i analiza

7

8 8

po co?

9 9

osiąganie celów biznesowych

realne zyski dzięki konwersji szybka realizacja potrzeb

zadowolenie użytkowników po co?

10 zmiana aplikacji może kosztować

100 j ednos tek

po wypuszczeniu aplikacji na rynek

60 w fazie testowania

6 w fazie

wczesnego rozwoju*

*za: Bevan (2005)

11

t ygodn iowe szkolenia z obsługi udało się skrócić do

1 godz i ny dla podobnego systemu

zaprojektowanego zgodnie z zasadami użyteczności *

*za: Bias & Mayhew (2002)

12

sklep Lucy.com dzięki poprawie opisów na

stronie zmniejszył ilość telefonów i zapytań ze

strony klientów

o 20%*

*za: Bevan (2005)

13

*za: Human Factors International(2001)

67% więcej powracających użytkowników i

31-45% mn ie jszy wskaźnik porzuceń koszyka,

po redesignie sklepu Staples.com (na podstawie badań użyteczności)

14 14

dzięki badaniom z użytkownikami Amica

uzyskała średnio

2x l epszą ocenę wykonania zadań

*Mościchowska (2009)

15 15

problemy z użytecznością w występują

10 razy częśc ie j w aplikacjach biznesowych

niż na stronach internetowych

16

możliwości technologiczne

Jak połączyć ze sobą przeciwności?

17

Projektowanie = łączenie wzorców (?)

18

Wzorce, galerie, biblioteki

18

19

Pop-upy to zło

20

Czy zawsze?

21

Mega drop down menu działa

22

Czy zawsze?

23

2

OK czy Cancel?

24

http://measuringuserexperience.com/SubmitCancel/index.htm

OK czy Cancel? To zależy

25 Projektowanie to tworzenie koncepcji

26

26

Ważny jest kontekst 1

27

Czerwony to błąd

28

Czy zawsze?

29

29

Pytaj „dla kogo” 2

30

Jaka kolejność zakładek jest prawidłowa?

1 2

Yoke Messenger

31

Kultura arabska Kultura zachodnia

Co zaprojektowaliśmy

32

Ctrl + P

Zwodnicze założenia

33

Słuchaj użytkowników? 3

34

News feed - Facebook

W ciągu 24 h grupa protestujących osiągnęła 750,000 członków

Facebook urósł z 15 milliona aktywnych użytkowników we wrześniu 2006 do ponad 100 milionów we wrześniu 2008, pomimo „news feed”

35

Jeden z naszych klientów potrzebuje nowej opcji…

Dodajmy je! Aplikacja będzie konkurencyjna!

36

Nie twórz fatware Oprogramowania ze zbyt dużą liczbą funkcji

37

Mniej znaczy więcej 4

38

Paradoks wyboru /Barry Schwartz/

39

Jak zminimalizować paradoks wyboru?

Pierwszy krok

wyboru koloru

Drugi krok

wyboru koloru

Trzeci krok

wyboru koloru

40

Pytaj o cele biznesowe 5

41

Galeria: dynamiczna czy z przeładowaniem strony?

42

Kiedy zarabiasz na odsłonach reklam – wybierz przeładowanie strony

When a highly visited Website launched a new design, page views dropped 40% but they made money off of advertising.

/Jared Spool/

43

43

Eksperymentuj i testuj 6

44

Tradycyjny formularz vs. Mad Libs

http://www.lukew.com/ff/entry.asp?1007

45

Tradycyjny formularz vs. Mad Libs

Vast.com

zwiększona konwersja o 25-40%

46

Czy wzorce są złe?

47

As designers, sometimes we need a little inspiration to get our creative juices flowing. Looking at examples of different user interface patterns could give us the ideas we need to design something amazing.

/Anthony Tseng/

48

PAMIĘTAJ: DIABEŁ TKWI W SZCZEGÓŁACH

49

Dbałość o UX na każdym etapie projektu

50

Dbałość o UX na każdym etapie projektu

51

Projektowanie = myślenie

o użytkownikach

o celach biznesowych

o kontekście użycia

o prostocie

52

Pytaj

more on 37signals blog

→ Jak to działa? → Czego brakuje? → Co jest tu ważne? → Po co to tutaj jest? → Jak zrobić to prościej? → Czy zakładamy zbyt wiele? → Dlaczego w tej kolejności? → Co jest kolejnym krokiem? → Jaki problem to rozwiązuje? → Dlaczego to jest konieczne? → Dlaczego warto w to kliknąć? → Skąd ktoś ma o tym wiedzieć? → Dlaczego musimy tutaj o tym mówić? → Jak możemy to zrobić w bardziej zrozumiałe? → Co by się stało, gdybyśmy zrezygnowali z tego? → Dlaczego ktoś miałby opuścić w tym momencie stronę?

53

Wzajemna inspiracja i motywacja

Dopełnianie

Inny punkt widzenia

Możliwość uczenia się od siebie

Dystans i zaangażowanie

PRACA ZESPOŁOWA

54

Sketchboard

Szkice Persony

55

projektowanie

ewaluacja

doskonalenie wdrożenie

problem

badania i analiza

56

56

Projektowanie to sztuka

57

57

Projektowanie to nauka

58

Dziękuję za uwagę :) Pytania?

Skontaktuj się z nami!

530 83 76 29

mm@witflow.com