53
Modele mentalne a strony WWW Marek Kasperski, ThinkLab

Modele mentalne a strony WWW (SparkUp 2010)

Embed Size (px)

DESCRIPTION

"Modele mentalne a strony WWW" - Prezentacja z wystąpienia na SparkUp 2010.

Citation preview

Page 1: Modele mentalne a strony WWW (SparkUp 2010)

Modele mentalne a strony WWWMarek Kasperski, ThinkLab

Page 2: Modele mentalne a strony WWW (SparkUp 2010)

Percepcja

Doświadczenie

Wyuczenie

Myślenie

Page 3: Modele mentalne a strony WWW (SparkUp 2010)

Absolwent filozofii UMK ze specjalizacja kognitywną.

Prowadzi firmę świadczącą usługi z zakresu projektowania produktów internetowych i

aplikacji, doradztwa strategii oraz badań usability.

Realizował projekty m.in. dla: 36i6, Agora, Allegro, Eniro (pf.pl), GE Money Bank, GG

Network, GoldenLine, grono.net, La Roche-Posay, L'oreal, MasterCard, Makro Cash &

Carry, Microsoft, merlin.pl, Nescafe, Nestle, Opera Towarzystwo Funduszy

Inwestycyjnych, Orange UK, Polkomtel (plus.pl), Raiffeisen Bank Polska, Serco.com,

Polska Wytwórnia Papierów Wartościowych S.A., Volkswagen Bank, YoYo Sp. z o.o.,

Żagiel.

Autor, współautor, redaktor merytoryczny łącznie 5 książek, w tym „Projektowanie

stron WWW. Użyteczność w praktyce” (Helion 2008). Prowadzi także bloga nt.

zagadnień projektowych: ui.blox.pl.

Marek KasperskiThinkLab.plui.blox.pl

Page 4: Modele mentalne a strony WWW (SparkUp 2010)

U: PROC: JEKTOD: WANIE

Page 5: Modele mentalne a strony WWW (SparkUp 2010)

Centrum PrezentówProjektowanie pod POTRZEBY i STRATEGIĘ użytkowników

Page 6: Modele mentalne a strony WWW (SparkUp 2010)
Page 7: Modele mentalne a strony WWW (SparkUp 2010)
Page 8: Modele mentalne a strony WWW (SparkUp 2010)

Myślenie, obieranie strategii przez użytkownika

Page 9: Modele mentalne a strony WWW (SparkUp 2010)

Najważniejsze jest odkrycie potrzeb użytkownikówOraz odkrycie strategii, jaką przyjmują użytkownicy na realizację swoich celów

Page 10: Modele mentalne a strony WWW (SparkUp 2010)

Intencjonalność i selektywność percepcji

Page 11: Modele mentalne a strony WWW (SparkUp 2010)
Page 12: Modele mentalne a strony WWW (SparkUp 2010)

Banner blindnessSeleketywność systemu uwagi

Page 13: Modele mentalne a strony WWW (SparkUp 2010)
Page 14: Modele mentalne a strony WWW (SparkUp 2010)

Filtrowanie

Page 15: Modele mentalne a strony WWW (SparkUp 2010)

Myśleć jak użytkownik…

Page 16: Modele mentalne a strony WWW (SparkUp 2010)

I dać mu to, czego oczekuje

Page 17: Modele mentalne a strony WWW (SparkUp 2010)

PERCEPCJA

Page 18: Modele mentalne a strony WWW (SparkUp 2010)

Psychologia Gestalt

Page 19: Modele mentalne a strony WWW (SparkUp 2010)

Zasada kontrastu:Zestawienie elementów kontrastujących ze sobą wzmaga bodziec.

Page 20: Modele mentalne a strony WWW (SparkUp 2010)
Page 21: Modele mentalne a strony WWW (SparkUp 2010)
Page 22: Modele mentalne a strony WWW (SparkUp 2010)
Page 23: Modele mentalne a strony WWW (SparkUp 2010)

Zasada grupowania:Grupowanie opiera się na zasadzie bliskości i zasadzie podobieństwa.

Page 24: Modele mentalne a strony WWW (SparkUp 2010)
Page 25: Modele mentalne a strony WWW (SparkUp 2010)
Page 26: Modele mentalne a strony WWW (SparkUp 2010)

Zasada ilości:Odpowiednia ilość bodźca wzmaga bodziec (np. nagromadzenie jednego koloru).

Page 27: Modele mentalne a strony WWW (SparkUp 2010)

Percepcja Kolorów

Page 28: Modele mentalne a strony WWW (SparkUp 2010)

Psychofizjologia kolorów

Page 29: Modele mentalne a strony WWW (SparkUp 2010)
Page 30: Modele mentalne a strony WWW (SparkUp 2010)
Page 31: Modele mentalne a strony WWW (SparkUp 2010)

Kulturowe znaczenie barw

Page 32: Modele mentalne a strony WWW (SparkUp 2010)
Page 33: Modele mentalne a strony WWW (SparkUp 2010)
Page 34: Modele mentalne a strony WWW (SparkUp 2010)
Page 35: Modele mentalne a strony WWW (SparkUp 2010)

Czy osiągnęliśmy zamierzone rezultaty?Poziom wizualny – eyetracking

Page 36: Modele mentalne a strony WWW (SparkUp 2010)

Czy osiągnęliśmy zamierzone rezultaty?Poziom funkcjonalny, tj. stopnia użycia – clicktracking

Page 37: Modele mentalne a strony WWW (SparkUp 2010)

Percepcja czasu

Page 38: Modele mentalne a strony WWW (SparkUp 2010)

1 miejsce od wielu lat jako najbardziej frustrujący czynnik dla osób korzystających z WWW

Page 39: Modele mentalne a strony WWW (SparkUp 2010)

Percepcja czasu

Czas odpowiedzi…• poniżej 2 sekund – pożądany, sytuacja naturalna• 2-4 s, utrudniający pracę w przypadku czynności

wymagających skupienia• 4+ sekundy – sprzyjający powstawaniu frustracji• 15+ sekund – uniemożliwiający płynną pracęGeneralnie: czasy ładowania stron WWW do 7 sekund

dopuszczalne; w okolicach 10 sekund pojawia się rozproszenie i zdenerwowanie użytkownika.

• Rozwiązania:• Progress bar (pasek postępu),• Asynchronous progress indicator to wskaźnik postępu

pracujący w tle, najczęściej przypominający kształtem jakiś kręciołek

Page 40: Modele mentalne a strony WWW (SparkUp 2010)

MYŚLENIE

Page 41: Modele mentalne a strony WWW (SparkUp 2010)

Znaczenie pamięciDoświadczenie i wzorce projektowe

Page 42: Modele mentalne a strony WWW (SparkUp 2010)

Nazwa Udział procentowy Wizualizacja

Strzałka prawostronna 65%

Separator 9%

Dwukropek 8%

Ukośnik prawostronny 4%

Strzałka lewostronna 3%

Punktor 3%

Zmniejszający się tekst 3%

Statystyka sposobów wykorzystywania danych elementów interfejsu jest dość istotnaDoświadczenie użytkowników wpływa na ich wzorce strategii w procesie poszukiwania

Page 43: Modele mentalne a strony WWW (SparkUp 2010)
Page 44: Modele mentalne a strony WWW (SparkUp 2010)
Page 45: Modele mentalne a strony WWW (SparkUp 2010)
Page 46: Modele mentalne a strony WWW (SparkUp 2010)

„Granice mego języka wskazują granice mego świata”- Ludwig Wittgenstein

Page 47: Modele mentalne a strony WWW (SparkUp 2010)
Page 48: Modele mentalne a strony WWW (SparkUp 2010)

„Brak wolnych flowów podanego typu...” A co to?Więcej: Newsletter, FAQ...

Page 49: Modele mentalne a strony WWW (SparkUp 2010)

Znaczenie metafor i symboli w komunikacji

Page 50: Modele mentalne a strony WWW (SparkUp 2010)

Zachowania społeczneNauka przez naśladownictwo

vs

Page 51: Modele mentalne a strony WWW (SparkUp 2010)

U: PROC: JEKTOD: WANIE

Page 52: Modele mentalne a strony WWW (SparkUp 2010)
Page 53: Modele mentalne a strony WWW (SparkUp 2010)

Więcej: ui.blox.plM. Kasperski, A. Boguska-Torbicz, Projektowanie stron WWW. Użyteczność w praktyce (Helion 2008).