Upload
marta-michalowska
View
145
Download
1
Embed Size (px)
Citation preview
ux & usability studio
1 +48 530 837 629
Marta Michałowska [email protected]
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?