Wystąpienie dotyczące psychologicznych aspektów projektowania, zaprezentowane podczas Dribble Warsaw Meetup - 20.09.2016, Dzięki wiedzy o schematach zachowań użytkowników, ich instynktach i podświadomych reakcjach, jesteśmy w stanie zaprojektować lepszy interfejs.

1. DESIGN BLISKI
UŻYTKOWNIKOWI

2. CZEŚĆ!
Nazywam się Magda Bocheńska i jestem projektantką
doświadczeń w La Wonderlab.

3. DESIGN BLISKI UŻYTKOWNIKOM
Jakie mechanizmy zachowań warto znać, żeby projektować
lepsze interfejsy?

4. PSYCHOLOGIA
- poznawcza
- społeczna
- ewolucyjna
fot. Bob May (Flickr, CC BY-NC-SA 2.0)

5. MAMY SWOJE OGRANICZENIA
1. Lubimy mieć poczucie kontroli.
2. Łatwo się męczymy. Nie lubimy robić więcej, niż to konieczne.
3. Nie podejmujemy przemyślanych decyzji.
4. Właściwie to wcale nie umiemy wybierać (ale uważamy inaczej)
5. Uwielbiamy dopaminę.

6. fot. Bob May (Flickr, CC BY-NC-SA 2.0)
1. LUBIMY MIEĆ
POCZUCIE KONTROLI.

7. KONTROLA = BEZPIECZEŃSTWO

9. Wybór Brak wyboru

12. JAK MAM WRÓCIĆ?!

13. DAWAJMY POCZUCIE KONTROLI
1. Gdy robimy redesign, pozwólmy użytkownikowi przez jakiś zachować
poprzednie ustawienia.
2. Jeśli to możliwe, dawajmy użytkownikom np. możliwość dostosowania
wyglądu interfejsu do swoich preferencji.
3. Wykorzystujmy animacje do informowania o tym, co dzieje się w
systemie.
4. Upewnijmy się, że użytkownik zawsze będzie wiedział, jak wrócić do
poprzedniego kroku.

14. 2. ŁATWO SIĘ
MĘCZYMY
fot. Bob May (Flickr, CC BY-NC-SA 2.0)

15. NIE POKAZUJMY WIĘCEJ NIŻ TO KONIECZNE

16. CZY IKONY NA PEWNO UŁATWIAJĄ?

17. CZY IKONY NA PEWNO UŁATWIAJĄ?

18. vs
CZY IKONY NA PEWNO UŁATWIAJĄ?

19. Trudno jest coś sobie przypomnieć, ale dosyć łatwo to rozpoznać.
RECOGNITION OVER RECALL

22. pinterest.com
źródło: frankandoak.com

25. NIE MĘCZMY UŻYTKOWNIKA
1. Jak najczęściej podpowiadajmy: niech użytkownik wybiera opcję z
dostępnych, łatwo widocznych możliwości.
2. Nie wymagajmy od użytkownika zapamiętywania informacji pomiędzy
ekranami.
3. Nie ukrywajmy istotnych informacji (np. w tooltipach).
4. Kierujmy uwagę użytkownika na aktualnie istotne informacje.
Zakładajmy, że sam się nie domyśli.

26. 3. NIE PODEJMUJEMY
PRZEMYŚLANYCH DECYZJI.
fot. Bob May (Flickr, CC BY-NC-SA 2.0)

29. UŁATWIAJMY ZGADYWANIE
1. Możemy podsuwać elementy, na które użytkownik ma zwrócić uwagę
i „ułatwić wybór”.
2. Stosujmy czytelne, proste nagłówki.
3. Wykorzystujmy wyraźne, dominujące przyciski akcji.
… ale uważajmy, żeby nie przedobrzyć!

30. 4. WŁAŚCIWIE, TO WCALE NIE
UMIEMY WYBIERAĆ.
fot. Bob May (Flickr, CC BY-NC-SA 2.0)

32. 40%
60%

33. 31%
3%

36. UPROŚĆMY WYBÓR
1. Nie dawajmy więcej niż kilka dostępnych opcji.
2. Jeśli musimy dać więcej, to grupujmy elementy…
3. …albo ograniczajmy wybór (np. poprzez rozwijane menu).

37. 5. UWIELBIAMY DOPAMINĘ.
fot. Bob May (Flickr, CC BY-NC-SA 2.0)

38. PRAGNIEMY INFORMACJI
źródło: facebook.com

39. źródło: http://www.networkedindia.com/

40. SERWUJMY DOPAMINĘ
1. Zachęcajmy do odkrywania informacji!
2. Sygnalizujmy, ze zaraz pojawi się coś nowego i wartościowego.

41. NIE JESTEŚMY TAK RACJONALNI,
JAK BYŚMY CHCIELI
fot. Bob May (Flickr, CC BY-NC-SA 2.0)

42. DZIĘKUJĘ!
Magda Bocheńska
magda.bochenska@lawonderlab.pl
@procestworczy
FB.COM/EXPERIENCENIGHT