modele mentalne a strony www (sparkup 2010)
DESCRIPTION
"Modele mentalne a strony WWW" - Prezentacja z wystąpienia na SparkUp 2010.TRANSCRIPT
![Page 1: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/1.jpg)
Modele mentalne a strony WWWMarek Kasperski, ThinkLab
![Page 2: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/2.jpg)
Percepcja
Doświadczenie
Wyuczenie
Myślenie
![Page 3: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/3.jpg)
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)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/4.jpg)
U: PROC: JEKTOD: WANIE
![Page 5: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/5.jpg)
Centrum PrezentówProjektowanie pod POTRZEBY i STRATEGIĘ użytkowników
![Page 6: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/6.jpg)
![Page 7: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/7.jpg)
![Page 8: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/8.jpg)
Myślenie, obieranie strategii przez użytkownika
![Page 9: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/9.jpg)
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)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/10.jpg)
Intencjonalność i selektywność percepcji
![Page 11: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/11.jpg)
![Page 12: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/12.jpg)
Banner blindnessSeleketywność systemu uwagi
![Page 13: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/13.jpg)
![Page 14: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/14.jpg)
Filtrowanie
![Page 15: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/15.jpg)
Myśleć jak użytkownik…
![Page 16: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/16.jpg)
I dać mu to, czego oczekuje
![Page 17: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/17.jpg)
PERCEPCJA
![Page 18: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/18.jpg)
Psychologia Gestalt
![Page 19: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/19.jpg)
Zasada kontrastu:Zestawienie elementów kontrastujących ze sobą wzmaga bodziec.
![Page 20: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/20.jpg)
![Page 21: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/21.jpg)
![Page 22: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/22.jpg)
![Page 23: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/23.jpg)
Zasada grupowania:Grupowanie opiera się na zasadzie bliskości i zasadzie podobieństwa.
![Page 24: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/24.jpg)
![Page 25: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/25.jpg)
![Page 26: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/26.jpg)
Zasada ilości:Odpowiednia ilość bodźca wzmaga bodziec (np. nagromadzenie jednego koloru).
![Page 27: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/27.jpg)
Percepcja Kolorów
![Page 28: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/28.jpg)
Psychofizjologia kolorów
![Page 29: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/29.jpg)
![Page 30: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/30.jpg)
![Page 31: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/31.jpg)
Kulturowe znaczenie barw
![Page 32: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/32.jpg)
![Page 33: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/33.jpg)
![Page 34: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/34.jpg)
![Page 35: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/35.jpg)
Czy osiągnęliśmy zamierzone rezultaty?Poziom wizualny – eyetracking
![Page 36: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/36.jpg)
Czy osiągnęliśmy zamierzone rezultaty?Poziom funkcjonalny, tj. stopnia użycia – clicktracking
![Page 37: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/37.jpg)
Percepcja czasu
![Page 38: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/38.jpg)
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)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/39.jpg)
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)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/40.jpg)
MYŚLENIE
![Page 41: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/41.jpg)
Znaczenie pamięciDoświadczenie i wzorce projektowe
![Page 42: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/42.jpg)
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)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/43.jpg)
![Page 44: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/44.jpg)
![Page 45: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/45.jpg)
![Page 46: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/46.jpg)
„Granice mego języka wskazują granice mego świata”- Ludwig Wittgenstein
![Page 47: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/47.jpg)
![Page 48: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/48.jpg)
„Brak wolnych flowów podanego typu...” A co to?Więcej: Newsletter, FAQ...
![Page 49: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/49.jpg)
Znaczenie metafor i symboli w komunikacji
![Page 50: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/50.jpg)
Zachowania społeczneNauka przez naśladownictwo
vs
![Page 51: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/51.jpg)
U: PROC: JEKTOD: WANIE
![Page 52: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/52.jpg)
![Page 53: Modele mentalne a strony WWW (SparkUp 2010)](https://reader038.vdocuments.mx/reader038/viewer/2022102922/546f5797af7959757a8b4603/html5/thumbnails/53.jpg)
Więcej: ui.blox.plM. Kasperski, A. Boguska-Torbicz, Projektowanie stron WWW. Użyteczność w praktyce (Helion 2008).