Warsztaty UX - przepływy

  • View
    340

  • Download
    0

  • Category

    Design

Preview:

Citation preview

1

Przepływy czyli sekwencje działań użytkowników

Barbara Rogoś-Turek

2

PRZEPŁYWY

Diagramy pokazujące

doświadczenie użytkownika

w formie kolejnych kroków,

działań i reakcji systemu.

Pomagają w zaprojektowaniu

logiki biznesowej i reguł

rządzących interakcją

użytkownika z produktem.

3

Pokazują ścieżki użytkownika w systemie

4

Odzwierciedlają sekwencje działań

https://flic.kr/p/bo2TvP

5

Pokazują logikę dotarcia do treści przez różnych użytkowników

https://flic.kr/p/qKs7Lu

6

Wizualizują kluczowe przejścia między ekranami

https://flic.kr/p/JbNf

7

JAKIE SĄ KORZYŚCI

8

Zrozumienie zachowań Ustalenie logiki biznesowej

i punktów konwersji

9

Wizualizacja procesów

Usprawnienie komunikacji Wykrycie luk

10

→ Czytamy opisy użytkowników

→ Definiujemy proces i wydzielamy kilka możliwych ścieżek jego realizacji

→ Wybieramy najbardziej korzystną ścieżkę → Określamy punkt startowy

→ Rozrysowujemy kroki

→ Możemy dodać alternatywne ścieżki (jeśli istnieją) → Zaznaczamy koniec

→ Dodajemy informacje o funkcjonalnościach

JAK TWORZYMY PRZEPŁYWY?

11

PRZEPŁYWY- PRZEJŚCIA

Ścieżka użytkownika

(start) Rezultat

Akcja którą wykonuje

Szczegóły produktu

Koszyk Dodaj do koszyka

12

PRZEPŁYWY– PUNKTY DECYZJI

Pierwsza opcja Druga opcja

Przedmiot decyzji

Kupuje bez rejestracji

Loguje się

Czy jest skłonny do rejestracji?

13

PRZYKŁADY

14

PRZEPŁYWY I SCENARIUSZ

15

PRZEPŁYWY– LAST.FM

16

CO DALEJ

17

CO TERAZ?

śę