Slide 1

Slide 1 text

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