SlideShare una empresa de Scribd logo
1 de 53
Modele mentalne a strony WWW Marek Kasperski, ThinkLab
Doświadczenie Wyuczenie Percepcja Myślenie
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 Kasperski ThinkLab.pl ui.blox.pl
U: PRO C: JEKTO D: WANIE
Centrum Prezentów Projektowanie pod POTRZEBY i STRATEGIĘ użytkowników
Myślenie, obieranie strategii przez użytkownika
Najważniejsze jest odkrycie potrzeb użytkowników Oraz odkrycie strategii, jaką przyjmują użytkownicy na realizację swoich celów
Intencjonalność i selektywność percepcji
Bannerblindness Seleketywność systemu uwagi
Filtrowanie
Myśleć jak użytkownik…
I dać mu to, czego oczekuje
PER CE PCJA
Psychologia Gestalt
Zasada kontrastu: Zestawienie elementów kontrastujących ze sobą wzmaga bodziec.
Zasada grupowania: Grupowanie opiera się na zasadzie bliskości i zasadzie podobieństwa.
Zasada ilości: Odpowiednia ilość bodźca wzmaga bodziec (np. nagromadzenie jednego koloru).
Percepcja Kolorów
Psychofizjologia kolorów
Kulturowe znaczenie barw
Czy osiągnęliśmy zamierzone rezultaty? Poziom wizualny – eyetracking
Czy osiągnęliśmy zamierzone rezultaty? Poziom funkcjonalny, tj. stopnia użycia – clicktracking
Percepcja czasu
1 miejsce od wielu lat jako najbardziej frustrujący czynnik dla osób korzystających z WWW
Czas odpowiedzi… ,[object Object]
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. ,[object Object]
Progress bar (pasek postępu),
Asynchronousprogressindicatorto wskaźnik postępu pracujący w tle, najczęściej przypominający kształtem jakiś kręciołekPercepcja czasu
MY ŚLE NIE
Znaczenie pamięci Doświadczenie i wzorce projektowe
Statystyka sposobów wykorzystywania danych elementów interfejsu jest dość istotna Doświadczenie użytkowników wpływa na ich wzorce strategii w procesie poszukiwania
„Granice mego języka wskazują granice mego świata” - Ludwig Wittgenstein
„Brak wolnych flowów podanego typu...” A co to? Więcej: Newsletter, FAQ...

Más contenido relacionado

Similar a Modele mentalne a strony WWW (SparkUp 2010)

Praktyczne aspekty projektów aplikacji mobilnych
Praktyczne aspekty projektów aplikacji mobilnychPraktyczne aspekty projektów aplikacji mobilnych
Praktyczne aspekty projektów aplikacji mobilnychMaciej Michałek
 
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...Project: People
 
Usability - Trudne Pytania
Usability - Trudne PytaniaUsability - Trudne Pytania
Usability - Trudne PytaniaTomasz Karwatka
 
Usability Trudne Pytania
Usability Trudne PytaniaUsability Trudne Pytania
Usability Trudne Pytaniaguest4e2bd4
 
UX is (almost) dead. Now what?
UX is (almost) dead. Now what?UX is (almost) dead. Now what?
UX is (almost) dead. Now what?Tomasz Skórski
 
Studia UXD Katowice - Wykład końcowy
Studia UXD Katowice - Wykład końcowyStudia UXD Katowice - Wykład końcowy
Studia UXD Katowice - Wykład końcowyTomasz Skórski
 
"Zagrożenia w stosowaniu technologii open-source w projektach komercyjnych" -...
"Zagrożenia w stosowaniu technologii open-source w projektach komercyjnych" -..."Zagrożenia w stosowaniu technologii open-source w projektach komercyjnych" -...
"Zagrożenia w stosowaniu technologii open-source w projektach komercyjnych" -...krakspot
 
What makes them love you czyli mobilne ux
What makes them love you czyli mobilne uxWhat makes them love you czyli mobilne ux
What makes them love you czyli mobilne uxUxeria
 
Konferencja #e-biznes - Produkt dla realnego świata
Konferencja #e-biznes - Produkt dla realnego świataKonferencja #e-biznes - Produkt dla realnego świata
Konferencja #e-biznes - Produkt dla realnego świataCogision
 
Które sroki łapać, czyli o świadomym rozwoju zawodowym UX-a
Które sroki łapać, czyli o świadomym rozwoju zawodowym UX-aKtóre sroki łapać, czyli o świadomym rozwoju zawodowym UX-a
Które sroki łapać, czyli o świadomym rozwoju zawodowym UX-aAgnieszka Guryn
 
User Things - Rola specjalisty UX w projektach IT
User Things - Rola specjalisty UX w projektach ITUser Things - Rola specjalisty UX w projektach IT
User Things - Rola specjalisty UX w projektach ITUser Things
 
Divante - Mała książeczka sukcesów
Divante - Mała książeczka sukcesówDivante - Mała książeczka sukcesów
Divante - Mała książeczka sukcesówDivante
 
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...Project: People
 
Praktyczne aspekty realizacji serwisów internetowych
Praktyczne aspekty realizacji serwisów internetowychPraktyczne aspekty realizacji serwisów internetowych
Praktyczne aspekty realizacji serwisów internetowych3camp
 
2021 01-28 Konferencja PARP - Marek Hyla
2021 01-28 Konferencja PARP - Marek Hyla2021 01-28 Konferencja PARP - Marek Hyla
2021 01-28 Konferencja PARP - Marek HylaMarek Hyla
 
Aleksandra Kornecka - Frontem do klienta: Kognitywistyka applied
Aleksandra Kornecka - Frontem do klienta: Kognitywistyka appliedAleksandra Kornecka - Frontem do klienta: Kognitywistyka applied
Aleksandra Kornecka - Frontem do klienta: Kognitywistyka appliedFrontownia
 
Narzędzia w warsztacie UX Designera
Narzędzia w warsztacie UX DesigneraNarzędzia w warsztacie UX Designera
Narzędzia w warsztacie UX DesigneraPaweł Kopyść
 

Similar a Modele mentalne a strony WWW (SparkUp 2010) (20)

Praktyczne aspekty projektów aplikacji mobilnych
Praktyczne aspekty projektów aplikacji mobilnychPraktyczne aspekty projektów aplikacji mobilnych
Praktyczne aspekty projektów aplikacji mobilnych
 
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
 
Usability - Trudne Pytania
Usability - Trudne PytaniaUsability - Trudne Pytania
Usability - Trudne Pytania
 
Usability Trudne Pytania
Usability Trudne PytaniaUsability Trudne Pytania
Usability Trudne Pytania
 
UX is (almost) dead. Now what?
UX is (almost) dead. Now what?UX is (almost) dead. Now what?
UX is (almost) dead. Now what?
 
Coviob czyli innowacyjne zarządzanie projektami
Coviob czyli innowacyjne zarządzanie projektamiCoviob czyli innowacyjne zarządzanie projektami
Coviob czyli innowacyjne zarządzanie projektami
 
Studia UXD Katowice - Wykład końcowy
Studia UXD Katowice - Wykład końcowyStudia UXD Katowice - Wykład końcowy
Studia UXD Katowice - Wykład końcowy
 
"Zagrożenia w stosowaniu technologii open-source w projektach komercyjnych" -...
"Zagrożenia w stosowaniu technologii open-source w projektach komercyjnych" -..."Zagrożenia w stosowaniu technologii open-source w projektach komercyjnych" -...
"Zagrożenia w stosowaniu technologii open-source w projektach komercyjnych" -...
 
Prezentacja dla GTUG Polska 2012
Prezentacja dla GTUG Polska 2012Prezentacja dla GTUG Polska 2012
Prezentacja dla GTUG Polska 2012
 
C
CC
C
 
What makes them love you czyli mobilne ux
What makes them love you czyli mobilne uxWhat makes them love you czyli mobilne ux
What makes them love you czyli mobilne ux
 
Konferencja #e-biznes - Produkt dla realnego świata
Konferencja #e-biznes - Produkt dla realnego świataKonferencja #e-biznes - Produkt dla realnego świata
Konferencja #e-biznes - Produkt dla realnego świata
 
Które sroki łapać, czyli o świadomym rozwoju zawodowym UX-a
Które sroki łapać, czyli o świadomym rozwoju zawodowym UX-aKtóre sroki łapać, czyli o świadomym rozwoju zawodowym UX-a
Które sroki łapać, czyli o świadomym rozwoju zawodowym UX-a
 
User Things - Rola specjalisty UX w projektach IT
User Things - Rola specjalisty UX w projektach ITUser Things - Rola specjalisty UX w projektach IT
User Things - Rola specjalisty UX w projektach IT
 
Divante - Mała książeczka sukcesów
Divante - Mała książeczka sukcesówDivante - Mała książeczka sukcesów
Divante - Mała książeczka sukcesów
 
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
O randce projektanta i użytkownika, czyli jak projektować produkty, które ...
 
Praktyczne aspekty realizacji serwisów internetowych
Praktyczne aspekty realizacji serwisów internetowychPraktyczne aspekty realizacji serwisów internetowych
Praktyczne aspekty realizacji serwisów internetowych
 
2021 01-28 Konferencja PARP - Marek Hyla
2021 01-28 Konferencja PARP - Marek Hyla2021 01-28 Konferencja PARP - Marek Hyla
2021 01-28 Konferencja PARP - Marek Hyla
 
Aleksandra Kornecka - Frontem do klienta: Kognitywistyka applied
Aleksandra Kornecka - Frontem do klienta: Kognitywistyka appliedAleksandra Kornecka - Frontem do klienta: Kognitywistyka applied
Aleksandra Kornecka - Frontem do klienta: Kognitywistyka applied
 
Narzędzia w warsztacie UX Designera
Narzędzia w warsztacie UX DesigneraNarzędzia w warsztacie UX Designera
Narzędzia w warsztacie UX Designera
 

Modele mentalne a strony WWW (SparkUp 2010)