design bliski użytkownikowi. psychologiczne aspekty projektowania. 3. dribbble warsaw meetup
TRANSCRIPT
DESIGN BLISKI UŻYTKOWNIKOWI
CZEŚĆ!
Nazywam się Magda Bocheńska i jestem projektantkądoświadczeń w La Wonderlab.
DESIGN BLISKI UŻYTKOWNIKOM
Jakie mechanizmy zachowań warto znać, żeby projektować lepsze interfejsy?
PSYCHOLOGIA- poznawcza- społeczna- ewolucyjna
fot. Bob May (Flickr, CC BY-NC-SA 2.0)
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ę.
fot. Bob May (Flickr, CC BY-NC-SA 2.0)
1. LUBIMY MIEĆ POCZUCIE KONTROLI.
KONTROLA = BEZPIECZEŃSTWO
Wybór Brak wyboru
JAK MAM WRÓCIĆ?!
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ść dostosowaniawyglą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.
2. ŁATWO SIĘ MĘCZYMY
fot. Bob May (Flickr, CC BY-NC-SA 2.0)
NIE POKAZUJMY WIĘCEJ NIŻ TO KONIECZNE
CZY IKONY NA PEWNO UŁATWIAJĄ?
CZY IKONY NA PEWNO UŁATWIAJĄ?
vs
CZY IKONY NA PEWNO UŁATWIAJĄ?
Trudno jest coś sobie przypomnieć, ale dosyć łatwo to rozpoznać.
RECOGNITION OVER RECALL
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.
3. NIE PODEJMUJEMY PRZEMYŚLANYCH DECYZJI.
fot. Bob May (Flickr, CC BY-NC-SA 2.0)
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ć!
4. WŁAŚCIWIE, TO WCALE NIE UMIEMY WYBIERAĆ.
fot. Bob May (Flickr, CC BY-NC-SA 2.0)
40%
60%
31%3%
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).
5. UWIELBIAMY DOPAMINĘ.fot. Bob May (Flickr, CC BY-NC-SA 2.0)
źródło: http://www.networkedindia.com/
SERWUJMY DOPAMINĘ
1. Zachęcajmy do odkrywania informacji!
2. Sygnalizujmy, ze zaraz pojawi się coś nowego i wartościowego.
NIE JESTEŚMY TAK RACJONALNI, JAK BYŚMY CHCIELI
fot. Bob May (Flickr, CC BY-NC-SA 2.0)
DZIĘKUJĘ!
Magda Bocheńska
@procestworczy
FB.COM/EXPERIENCENIGHT