Percepcja
zaszyta w
kodzie
QAjowanie
rzeczywistości
Aleksandra Kornecka
Tipi UX
Slide 2
Slide 2 text
whoami
Slide 3
Slide 3 text
Zagadnienia
1. Metaanaliza: człowiek i technologia.
2. Inspiracje: kognitywistyka, software development, QA.
3. Co z tego wszystkiego przyda się do stworzenia
produktów i usług przyjaznych człowiekowi.
Slide 4
Slide 4 text
Ludzie
używają maszyn
do tworzenia produktów i usług
dla innych ludzi.
Slide 5
Slide 5 text
Ludzie (o wytwórcach: kognitywistyka, UX, badania, etnologia ..)
używają maszyn (software development, QA ..)
do tworzenia produktów i usług
dla innych ludzi. (o odbiorcach: kognitywistyka, UX,
badania, etnologia ..)
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
Jak działa mózg
człowieka?
Slide 8
Slide 8 text
Człowiek:
● mylący się często
● biased , nieobiektywny
● niestabilny, podatny na czynniki zewnętrzne
● zainteresowany innymi ludźmi
● unikalny, niedeterministyczny
● kreatywny
Slide 9
Slide 9 text
Jak działa „mózg”
maszyny?
Slide 10
Slide 10 text
Maszyna
● logiczna
● (raczej) deterministyczna
● warunkowana ("if", "then")
● brak emocji i przekonań (no chyba że zaawansowana SI!)
● nieomylna dopóki nieruszona przez człowieka
● ignorująca to, jacy są ludzie
Slide 11
Slide 11 text
Inspiracje - przegląd dziedzin
Slide 12
Slide 12 text
kognitywistyka
programowanie
marketing
design GUI
QA i testowanie
etnologia i etnografia
User eXperience
Slide 13
Slide 13 text
Kognitywistyka
Slide 14
Slide 14 text
Biases
Slide 15
Slide 15 text
Teoria Gestalt
Slide 16
Slide 16 text
Zakres
czasowy
uwagi
Source: “Attention spans. Consumer Insights.” Report by Microsoft Canada, 2015
Slide 17
Slide 17 text
Wybiórcza uwaga a przeciążenie
percepcyjne
Wiele małych rzeczy - i tak wybierzesz jedną.
Slide 18
Slide 18 text
Ograniczenia poznawcze
HTML jest znany maszynie w
całości.
A Ty skąd wiesz co jest za
polem ekranu?
Slide 19
Slide 19 text
Psychologia ekologiczna - J.J. Gibson
Affordancje środowiskowe:
● błędy w środowisku oprogramowania istnieją i
będą istnieć
● błędy wysyłają oferty testerowi, który jako
jednostka zaadaptowana potrafi je odczytać
● “czy to nie wygląda jakby czaił się tam błąd?”,
“czy to miejsce nie jest podatne na błąd?”
Slide 20
Slide 20 text
Metafory - M. Johnson, G. Lakoff
"Obalanie" argumentów i dyskusja jako wojna.
"Metafory w naszym życiu" reprezentacja-obiekt-interpretacja
Slide 21
Slide 21 text
User Experience
...
- card sorting
- warsztaty ko-kreatywne
- brainstorming
- story mapping
- walkthrough
...
Slide 22
Slide 22 text
Architektura Informacji (IA)
- ...
- struktury danych
- wizualizacja danych
- rozmieszczenie przestrzenne
elementów
- kolory, czcionki, prezentacja
tekstu
- ...
Slide 23
Slide 23 text
Etnografia i etnologia
- ...
- wywiad pogłębiony
- obserwacja uczestnicząca
- grupa fokusowa
- badania terenowe
- ...
Slide 24
Slide 24 text
Zapewnianie jakości (QA) oraz testowanie
Slide 25
Slide 25 text
CZAS NA BADANIE :)
Jak to jest u Was?
Kolaboracja na Mentimeter
Slide 26
Slide 26 text
No content
Slide 27
Slide 27 text
No content
Slide 28
Slide 28 text
Zastosowania inspiracji i dobre praktyki
Slide 29
Slide 29 text
Testy użyteczności
- walidacja wymagań pod kątem person
- walidacja GUI
- obserwacja przejścia flow
- makiety interaktywne przejść i GUI
- makiety papierowe GUI
- mapy cieplne, eye-tracking
- mieszanie metod + wywiadu
Slide 30
Slide 30 text
Użytkownicy końcowi
-funkcjonalności i ich
opis
- wygląd i użyteczność
GUI
- zrozumiałość celu,
istoty produktu per
segment użytkowników
Slide 31
Slide 31 text
Checklista testera użyteczności
- czy to (produkt) jest podobne do czegoś co już istnieje?
- skąd ktoś będzie wiedział co z tym zrobić?
- co zrobić jeśli ktoś utknie we flow albo wyskoczy mu błąd?
- czy ktoś z niepełnosprawnością X, Y, Z będzie mógł z tego
skorzystać?
- czy to jest kulturowo dostosowane?
- jak mogę sprawdzić czy moje przekonania o tym są słuszne?
- czy podstawowe heurystyki poznawcze są wsparte w produkcie?
- jak mogę zbadać czy to jest użyteczne?
- ...
Slide 32
Slide 32 text
Macierz testów korytarzowych
Zaawansowanie techniczne (junior, "regular" x wyjadacz ...
produktu, usługi, interfejsu)
X
Znajomość domeny (np. finanse, błędy w oprogramowaniu, grafika)
X
Triangulacja neuroróżnorodności (np. introwertyk, ekstrawertyk)
Slide 33
Slide 33 text
Projektowanie i testowanie GUI
- design i moda a ponadczasowe zasady przyjazności percepcyjnej
i użyteczności
- stosowanie co najmniej testów korytarzowych
- trenuj zmianę perspektywy z osoby z wiedzą do osoby bez wiedzy
- ćwiczenie mentalne "pytanie do mojej babci"
- narzędzia np. Google Lighthouse, wtyczki i strony www
automatycznie weryfikujące design, linki, obszary kliknięć, różne
parametry użyteczności
- kompatybilność z przeglądarkami, urządzeniami, systemami
- projektowanie odporności na błędy oprogramowania oraz
użytkownika
Slide 34
Slide 34 text
Projektowanie interakcji web i mobile
- co się stanie kiedy ktoś do mnie zadzwoni kiedy używam
aplikacji?
- czy zachowana jest spójność zachowań poszczególnych
elementów widoku (np. link, button, podświetlenie, zmiana koloru)
- czy użytkownik ma szansę nauczyć się produktu w 3 minuty?
- czy flow i elementy GUI są intuicyjne czy potrzebna jest specjalna
instrukcja?
- czy mamy jakiś punkt, ekran onboardingu użytkownika?
Slide 35
Slide 35 text
Projektowanie usług - specyfikacja
● dostosowanie do rzeczywistości
fizyczno-kulturowej danego
miejsca
● instrukcje obrazkowe, pisemne,
interaktywne gdzie można
● dostosowanie przestrzeni i
artefaktów
● śledzenie stanu rzeczy
● kontakt
● feedback
Slide 36
Slide 36 text
Usługa - co było super
● Maile po każdym kroku
● Czytelny proces
● Potrzebne parametry
● Godziny pracy warsztatów
● Worki na opony
● Informacja o płatności za
warsztat na miejscu
● Informacja o zakresie usług
warsztatów
Slide 37
Slide 37 text
Usługa - co poszło źle
● Link śledzenia przesyłki
● Brak kraju produkcji
● Podwójne potwierdzenie
● Brak odpowiedzi z supportu do
czasu aktywowanie linku
Slide 38
Slide 38 text
Usługa - o czym warto pomyśleć?
● Co z osobami starszymi w
procesie i na stronie?
● Co jeśli nie ma mojego
ulubionego warsztatu? Mogę
wpisać adres?
● Jak sprawdzić jakie mam
opony?
● Czy lista warsztatów jest
aktualizowana i nie spotkam
krzaków w miejscu warsztatu?
Slide 39
Slide 39 text
Kognitywistyka życia codziennego IT
- z jakich osobowości oraz zbiorów umiejętności i doświadczenia składa się
zespół?
- czy mamy wybór narzędzie, czy musimy działać w sztywnych ramach?
- czy dbamy o percepcyjnie przyjazne ramy pracy np. spotkania do 15:00,
przerwy, wyciszenie zbędnych kanałów informacji?
Slide 40
Slide 40 text
Neuroróżnorodność
● Style poznawcze
● Kalibracja cech osobowości, granice,
stężenie emocji
● Modele mentalne a otwartość
● Autyzm a współpraca w grupie
● Kultura - kraj, kultura osobista, etyka
pracy
"IT matters" - konferencja, meetup
Slide 41
Slide 41 text
Neuroróżnorodność - modele umiejętności
Slide 42
Slide 42 text
Jak być "human-brain-friendly" obojętnie
co projektujesz, badasz, testujesz?
Slide 43
Slide 43 text
Jak być "human-brain-friendly"?
WSZYSTKO ma
znaczenie ...
... ale nie dajmy się zwariować ;-)
Slide 44
Slide 44 text
Jak być "human-brain-friendly"?
- gdybym sam/a miał/a użyć tego to .. (cechujesz się empatią,
maszyna nie)
- czy w najgorszym możliwym samopoczuciu był(a)bym w stanie
skorzystać z ...?
-jakie są najgorsze możliwe warunki używania produktu, usługi?
Slide 45
Slide 45 text
Dziękuję za uwagę!
AleksandraKornecka.com
OLXgroup.com
GirlsWhoTest.pl