SlideShare une entreprise Scribd logo
1  sur  69
Télécharger pour lire hors ligne
A PROPOS
SPÓJNOŚCI...
Ideate Protoarch
ZASADY BURZY MÓZGÓW:
1. Każdy ma prawo zgłosić dowolną liczbę pomysłów.
2. Ważna jest liczba, a nie jakość pomysłów.
3. Pomysły nie mogą być przez nikogo oceniane, krytykowane
i komentowane.
4. Można korzystać z wcześniej zgłoszonych pomysłów, zmieniać je
lub rozwijać.
5. Nie notuje się autora pomysłu.
6. Pomysły mogą być najbardziej śmiałe i niedorzeczne.
7. Głosu udziela prowadzący sesję.
8. Pomysły powinny być notowane na tablicy, ewentualne w zeszycie
(wybieramy sekretarza).
PERSONY I SCENARIUSZE
CUSTOMER JOURNEY CANVAS:
an oriented graph that describes the journey of a user
by representing the different touchpoints that characterize
his interaction with the service.
/ www.servicedesigntools.org/tools/8
CUSTOMER JOURNEY CANVAS
Customer / User Journey
Which touch-points do customers/users experience during their journey?
Are there any critical touch-points where the customer/user's experience is particularly good or bad?
Advertising / Public Relations
How is the product/service communicated by the
organization?
Social Media
What information can people access through social media?
Word of Mouth
What do friends, colleagues and family say about the
product/service?
Past experiences
What experiences does the user have with this or similar
products/services?
Customer Relationship Management
How does the organization follow-up with customers/
users?
Social Media
How and what do customers/users communicate product/
service through social media?
Word of Mouth
What do customers/users tell friends, colleagues and family
about the product/service?
Customer Journey Canvas
Expectations
What are the user's expectations towards the product/
service?
Before
Experience
What are the individual experiences the customer/user has with the product/service during their journey?
During
Satisfaction - Dissatisfaction
How has the customer assessed their experiences
compared to their expectations?
After
Persona Product/ser vice Client Design team
Prototype Selate
WZORZEC PROJEKTOWY:
uniwersalne, sprawdzone w praktyce rozwiązanie często
pojawiających się, powtarzalnych problemów projektowych.
[...] Jest opisem rozwiązania, a nie jego implementacją.
/ Wikipedia
MAKIETA:
wizualizacja rozmieszczenia elementów interfejsu
PROTOTYP:
makieta, na której można sprawdzić interakcję z produktem
(klikalna)
/ www.webaudit.pl/blog/2008/makiety-prototypy-i-6-popularnych-bledow
interaktywnie.com/biznes/blog-ekspercki/design/miedzy-briefem-a-grafika-czyli-jak-zrozumiec-makiety-21226
MAKIETY LO-FI I HI-FI
KISS:
KEEP IT SIMPLE,
STUPID!
CZTERY STRATEGIE
OSIĄGANIA PROSTOTY:
usuwanie
organizacja
ukrywanie
przenoszenie
/ Giles Colborne
TIMTOWDI (TIM TOADY):
There Is More Than One Way To Do It
...ORAZ
CO MOŻEMY
DODAĆ?
...I JAK TO
POUKŁADAĆ?
STRONA GŁÓWNA
O studiach
Współpraca
Dzień otwarty
Aktualności Lista projektów Działalność
Animacje
Animacja i film
Estetyka I sem.
Estetyka II sem.
CGI
Plan roku akad.
Harmonogramy
Plan studiów
Sylabusy  USOS
Nowe zasady...
Wzory podań
Spis przedmiotów
Informacje
o studiach
Prezentacja
kierunku
Rekrutacja
I stopień
Komunikaty
dla I roku
Rekrutacja
II stopień
Inicjatywy
studenckie
WykładowcyDla kandydatów KontaktDla studentów Projekty studenckie
www.epi.uj.edu.pl
STRONA GŁÓWNA
Kontakt
Studia I stopnia
Studia II stopnia
HarmonogramyO studiach Prace mgr - wymogiRektrutacja Aktualności
www.epi.uj.edu.pl/m
PROBLEM Z TYTUŁEM SEKCJI
TO ZŁA ZAWARTOŚĆ SEKCJI
/ Jennifer Tidwell
ELEMENTY
I STRUKTURA
INTERFEJSU
STRUKTURY STRONY:
Informacyjna – element i lista elementów (przeglądanie,
wyszukiwanie, ekspozycja)
Kreacyjna – pole komentarza, personalizacja ustawień
Procesowa – wykonywanie czynności (kreatory, formularze)
/ Theresa Neil
1.
EKSPOZYCJA
ELEMENTÓW
HIERARCHIA WIZUALNA
akcent na najważniejsze elementy
PRZYZWYCZAJENIE
„ŚLEPOTA NA REKLAMY”
„ŚLEPOTA NA REKLAMY”
WZORCE
PROJEKTOWE
PARALLAX SCROLL
Nawigacja czy układ elementów?
EKSPOZYCJA, WYSZUKIWANIE
I PRZEGLĄDANIE
AKTUALNOŚCI
PULPIT
80% CZYNNOŚCI POWINNO
BYĆ OSIĄGALNE
Z POZIOMU PULPITU
KREATOR
RÓŻNE WIDOKI
2.
ORGANIZACJA
ELEMENTÓW
PROJEKTUJEMY
TAK, ABY USER
ZOBACZYŁ TO,
CO CHCEMY MU
POKAZAĆ :)
PRZEPŁYW WZROKU
warto umieszczać elementy tam, gdzie user spodziewa sie je zobaczyć
PRAWA GESTALT
PRAWA GESTALT
WZORCE
PROJEKTOWE
RAMY GRAFICZNE
OBSZAR CENTRALNY
SIATKA RÓWNOPRAWNYCH
ELEMENTÓW
ZATYTUŁOWANE SEKCJE
ZAKŁADKI
AKORDEON
ZWIJANE / RUCHOME PANELE
UJAWNIANIE /
ODBLOKOWYWANIE REAKCYJNE
3.
NAWIGACJA
MODELE NAWIGACJI
globalna
funkcyjna
asocjacyjna
/ Jennifer Tidwell
CO NAJWAŻNIEJSZE W MENU?
WZORCE
PROJEKTOWE
WSKAZANE PUNKTY STARTOWE
GRUBE MENU
HAMBURGER
SPIS TREŚCI
PIRAMIDA
PANEL MODALNY
MAPA SEKWENCJI
WYJŚCIE EWAKUACYJNE
MAPA STRONY W STOPCE
OKRUSZKI

Contenu connexe

Similaire à EPI Interfejs użytkownika - lab. 4

Audyt użyteczności - webinar
Audyt użyteczności - webinarAudyt użyteczności - webinar
Audyt użyteczności - webinarWojtek Kutyla
 
Samsung Labo UX/UI Workshop Szczecin
Samsung Labo UX/UI Workshop SzczecinSamsung Labo UX/UI Workshop Szczecin
Samsung Labo UX/UI Workshop SzczecinMarcin Bauer
 
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
 
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
 
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
 
Konferencja Intel Business Challenge 2014 w Gdańskim Parku Naukowo-Technologi...
Konferencja Intel Business Challenge 2014 w Gdańskim Parku Naukowo-Technologi...Konferencja Intel Business Challenge 2014 w Gdańskim Parku Naukowo-Technologi...
Konferencja Intel Business Challenge 2014 w Gdańskim Parku Naukowo-Technologi...Łukasz Miądowicz
 
Lean UX - Wszyscy jesteśmy projektantami
Lean UX - Wszyscy jesteśmy projektantamiLean UX - Wszyscy jesteśmy projektantami
Lean UX - Wszyscy jesteśmy projektantamiProject: People
 
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
 
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
 
Design Thinking vs Lean UX Startup
Design Thinking vs Lean UX StartupDesign Thinking vs Lean UX Startup
Design Thinking vs Lean UX StartupMarcin Cichoń
 
Warsztaty UX - design studio
Warsztaty UX - design studioWarsztaty UX - design studio
Warsztaty UX - design studioWITFLOW
 
Lean UX to stan umysłu - Warsztaty Lean UX
Lean UX to stan umysłu - Warsztaty Lean UXLean UX to stan umysłu - Warsztaty Lean UX
Lean UX to stan umysłu - Warsztaty Lean UXProject: People
 
Design thinking w HR - od porażki do sukcesu
Design thinking w HR - od porażki do sukcesuDesign thinking w HR - od porażki do sukcesu
Design thinking w HR - od porażki do sukcesuKatarzyna Matusiak
 
6 rzeczy, które chciałbym wiedzieć, zanim zacząłem swój pierwszy projekt w po...
6 rzeczy, które chciałbym wiedzieć, zanim zacząłem swój pierwszy projekt w po...6 rzeczy, które chciałbym wiedzieć, zanim zacząłem swój pierwszy projekt w po...
6 rzeczy, które chciałbym wiedzieć, zanim zacząłem swój pierwszy projekt w po...Jakub Tyczyński
 
Design thinking - projektowanie innowacji
Design thinking  - projektowanie innowacjiDesign thinking  - projektowanie innowacji
Design thinking - projektowanie innowacjiPiotr Grocholinski
 
Futures Thinking podczas Product Camp 2017
Futures Thinking podczas Product Camp 2017Futures Thinking podczas Product Camp 2017
Futures Thinking podczas Product Camp 2017Greenhat
 
Doktorat, a własny startup ? Jak zacząć budować startup na uczelni w ujęciu l...
Doktorat, a własny startup ? Jak zacząć budować startup na uczelni w ujęciu l...Doktorat, a własny startup ? Jak zacząć budować startup na uczelni w ujęciu l...
Doktorat, a własny startup ? Jak zacząć budować startup na uczelni w ujęciu l...Łukasz Miądowicz
 
Badania systemow finansowych. WUD Krakow 2012
Badania systemow finansowych. WUD Krakow 2012Badania systemow finansowych. WUD Krakow 2012
Badania systemow finansowych. WUD Krakow 2012Paulina Makuch
 

Similaire à EPI Interfejs użytkownika - lab. 4 (20)

Audyt użyteczności - webinar
Audyt użyteczności - webinarAudyt użyteczności - webinar
Audyt użyteczności - webinar
 
User-centered design
User-centered designUser-centered design
User-centered design
 
Samsung Labo UX/UI Workshop Szczecin
Samsung Labo UX/UI Workshop SzczecinSamsung Labo UX/UI Workshop Szczecin
Samsung Labo UX/UI Workshop Szczecin
 
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 ...
 
UX is (almost) dead. Now what?
UX is (almost) dead. Now what?UX is (almost) dead. Now what?
UX is (almost) dead. Now what?
 
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
 
Konferencja Intel Business Challenge 2014 w Gdańskim Parku Naukowo-Technologi...
Konferencja Intel Business Challenge 2014 w Gdańskim Parku Naukowo-Technologi...Konferencja Intel Business Challenge 2014 w Gdańskim Parku Naukowo-Technologi...
Konferencja Intel Business Challenge 2014 w Gdańskim Parku Naukowo-Technologi...
 
Lean UX - Wszyscy jesteśmy projektantami
Lean UX - Wszyscy jesteśmy projektantamiLean UX - Wszyscy jesteśmy projektantami
Lean UX - Wszyscy jesteśmy projektantami
 
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
 
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 ...
 
Design Thinking vs Lean UX Startup
Design Thinking vs Lean UX StartupDesign Thinking vs Lean UX Startup
Design Thinking vs Lean UX Startup
 
Warsztaty UX - design studio
Warsztaty UX - design studioWarsztaty UX - design studio
Warsztaty UX - design studio
 
Lean UX to stan umysłu - Warsztaty Lean UX
Lean UX to stan umysłu - Warsztaty Lean UXLean UX to stan umysłu - Warsztaty Lean UX
Lean UX to stan umysłu - Warsztaty Lean UX
 
Design thinking w HR - od porażki do sukcesu
Design thinking w HR - od porażki do sukcesuDesign thinking w HR - od porażki do sukcesu
Design thinking w HR - od porażki do sukcesu
 
6 rzeczy, które chciałbym wiedzieć, zanim zacząłem swój pierwszy projekt w po...
6 rzeczy, które chciałbym wiedzieć, zanim zacząłem swój pierwszy projekt w po...6 rzeczy, które chciałbym wiedzieć, zanim zacząłem swój pierwszy projekt w po...
6 rzeczy, które chciałbym wiedzieć, zanim zacząłem swój pierwszy projekt w po...
 
Design Thinking 101
Design Thinking 101Design Thinking 101
Design Thinking 101
 
Design thinking - projektowanie innowacji
Design thinking  - projektowanie innowacjiDesign thinking  - projektowanie innowacji
Design thinking - projektowanie innowacji
 
Futures Thinking podczas Product Camp 2017
Futures Thinking podczas Product Camp 2017Futures Thinking podczas Product Camp 2017
Futures Thinking podczas Product Camp 2017
 
Doktorat, a własny startup ? Jak zacząć budować startup na uczelni w ujęciu l...
Doktorat, a własny startup ? Jak zacząć budować startup na uczelni w ujęciu l...Doktorat, a własny startup ? Jak zacząć budować startup na uczelni w ujęciu l...
Doktorat, a własny startup ? Jak zacząć budować startup na uczelni w ujęciu l...
 
Badania systemow finansowych. WUD Krakow 2012
Badania systemow finansowych. WUD Krakow 2012Badania systemow finansowych. WUD Krakow 2012
Badania systemow finansowych. WUD Krakow 2012
 

EPI Interfejs użytkownika - lab. 4