42
DESIGN BLISKI UŻYTKOWNIKOWI

Design bliski użytkownikowi. Psychologiczne aspekty projektowania. 3. Dribbble Warsaw Meetup

Embed Size (px)

Citation preview

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

pinterest.com

źródło: frankandoak.com

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)

PRAGNIEMY INFORMACJI

źródło: facebook.com

ź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

[email protected]

@procestworczy

FB.COM/EXPERIENCENIGHT