Wystąpienie z ramienia WitFlow 16.03.2013. Targi pracy "Przyszłość w IT", Radisson Wrocław

1. 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. 2
Kto z Was programuje?

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

4. 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. 5
 zogniskowanie na użytkownikach
 badania empiryczne
 iteracje
USER CENTERED DESIGN

6. 6
projektowanie
ewaluacja
doskonaleniewdrożenie
problem
badania i analiza

7. 7

8. 8
8
po
co?

9. 9
9
osiąganie celów biznesowych
realne zyski dzięki konwersjiszybka realizacja potrzeb
zadowolenie użytkowników
po
co?

10. 10
zmiana aplikacji może kosztować
100 jednostek
po wypuszczeniu aplikacji na rynek
60 w fazie testowania
6 w fazie
wczesnego rozwoju*
*za: Bevan (2005)

11. 11
tygodniowe
szkolenia z obsługi
udało się skrócić do
1 godziny
dla podobnego systemu
zaprojektowanego zgodnie z
zasadami użyteczności *
*za: Bias & Mayhew (2002)

12. 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. 13
*za: Human Factors International(2001)
67% więcej
powracających użytkowników i
31-45% mniejszy
wskaźnik porzuceń koszyka,
po redesignie sklepu Staples.com
(na podstawie badań użyteczności)

14. 14
14
dzięki badaniom z
użytkownikamiAmica
uzyskała średnio
2x lepszą ocenę
wykonania zadań
*Mościchowska (2009)

15. 15
15
problemy z użytecznością w występują
10 razy częściej
w aplikacjach biznesowych
niż na stronach internetowych

16. 16
możliwości technologiczne
Jak połączyć ze sobą przeciwności?

17. 17
Projektowanie = łączenie wzorców (?)

18. 18
Wzorce, galerie, biblioteki
18

19. 19
Pop-upy to zło

20. 20
Czy zawsze?

21. 21
Mega drop down menu działa

22. 22
Czy zawsze?

23. 23
OK czy Cancel?

24. 24
http://measuringuserexperience.com/SubmitCancel/index.htm
OK czy Cancel? To zależy

25. 25
Projektowanie to tworzenie koncepcji

26. 26
2
Ważny jest kontekst1

27. 27
Czerwony to błąd

28. 28
Czy zawsze?

29. 29
2
Pytaj „dla kogo”2

30. 30
Jaka kolejność zakładek jest prawidłowa?
1 2
Yoke Messenger

31. 31
Kultura arabskaKultura zachodnia
Co zaprojektowaliśmy

32. 32
Ctrl + P
Zwodnicze założenia

33. 33
Słuchaj użytkowników?3

34. 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. 35
Jeden z naszych klientów
potrzebuje nowej opcji…
Dodajmy je!
Aplikacja będzie
konkurencyjna!

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

37. 37
Mniej znaczy więcej4

38. 38
Paradoks wyboru /Barry Schwartz/

39. 39
Jak zminimalizować paradoks wyboru?
Pierwszy krok
wyboru koloru
Drugi krok
wyboru koloru
Trzeci krok
wyboru koloru

40. 40
Pytaj o cele biznesowe5

41. 41
Galeria:
dynamiczna czy z przeładowaniem strony?

42. 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
4
Eksperymentuj i testuj6

44. 44
Tradycyjny formularz
vs. Mad Libs
http://www.lukew.com/ff/entry.asp?1007

45. 45
Tradycyjny formularz
vs. Mad Libs
Vast.com
zwiększona konwersja o 25-40%

46. 46
Czy wzorce są złe?

47. 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.
/AnthonyTseng/

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

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

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

51. 51
Projektowanie = myślenie
o użytkownikach
o celach biznesowych
o kontekście użycia
o prostocie

52. 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. 53
Wzajemna inspiracja i motywacja
Dopełnianie
Inny punkt widzenia
Możliwość uczenia się od siebie
Dystans i zaangażowanie
PRACA ZESPOŁOWA

54. 54
Sketchboard
Szkice
Persony

55. 55
projektowanie
ewaluacja
doskonaleniewdrożenie
problem
badania i analiza

56. 56
5
Projektowanie to sztuka

57. 57
5
Projektowanie to nauka

58. 58
Dziękuję za uwagę :)
Pytania?

59. 

Skontaktuj się z nami!
530 83 76 29
mm@witflow.com