ݺߣ

ݺߣShare a Scribd company logo
A PROPOS
SPÓJNOŚCI...
EPI Interfejs użytkownika - lab. 4
EPI Interfejs użytkownika - lab. 4
EPI Interfejs użytkownika - lab. 4
EPI Interfejs użytkownika - lab. 4
EPI Interfejs użytkownika - lab. 4
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!
EPI Interfejs użytkownika - lab. 4
CZTERY STRATEGIE
OSIĄGANIA PROSTOTY:
usuwanie
organizacja
ukrywanie
przenoszenie
/ Giles Colborne
EPI Interfejs użytkownika - lab. 4
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
ձŚ
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
ܴŁٰ
AKORDEON
ZWIJANE / RUCHOME PANELE
UJAWNIANIE /
ODBLOKOWYWANIE REAKCYJNE
3.
NAWIGACJA
MODELE NAWIGACJI
globalna
funkcyjna
asocjacyjna
/ Jennifer Tidwell
EPI Interfejs użytkownika - lab. 4
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

More Related Content

Similar to 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
Wojtek Kutyla
Samsung Labo UX/UI Workshop Szczecin
Samsung Labo UX/UI Workshop SzczecinSamsung Labo UX/UI Workshop Szczecin
Samsung Labo UX/UI Workshop Szczecin
Marcin 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-a
Agnieszka 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 projektantami
Project: 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 IT
User 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 Startup
Marcin Cichoń
Warsztaty UX - design studio
Warsztaty UX - design studioWarsztaty UX - design studio
Warsztaty UX - design studio
WITFLOW
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
Project: 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 sukcesu
Katarzyna 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 101
Design Thinking 101Design Thinking 101
Design Thinking 101
Marcin Chłodnicki
Design thinking - projektowanie innowacji
Design thinking  - projektowanie innowacjiDesign thinking  - projektowanie innowacji
Design thinking - projektowanie innowacji
Piotr Grocholinski
Futures Thinking podczas Product Camp 2017
Futures Thinking podczas Product Camp 2017Futures Thinking podczas Product Camp 2017
Futures Thinking podczas Product Camp 2017
Greenhat
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 2012
Paulina Makuch
Audyt użyteczności - webinar
Audyt użyteczności - webinarAudyt użyteczności - webinar
Audyt użyteczności - webinar
Wojtek Kutyla
Samsung Labo UX/UI Workshop Szczecin
Samsung Labo UX/UI Workshop SzczecinSamsung Labo UX/UI Workshop Szczecin
Samsung Labo UX/UI Workshop Szczecin
Marcin 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-a
Agnieszka 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 projektantami
Project: 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 IT
User 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 Startup
Marcin Cichoń
Warsztaty UX - design studio
Warsztaty UX - design studioWarsztaty UX - design studio
Warsztaty UX - design studio
WITFLOW
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
Project: 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 sukcesu
Katarzyna 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 innowacji
Piotr Grocholinski
Futures Thinking podczas Product Camp 2017
Futures Thinking podczas Product Camp 2017Futures Thinking podczas Product Camp 2017
Futures Thinking podczas Product Camp 2017
Greenhat
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 2012
Paulina Makuch

EPI Interfejs użytkownika - lab. 4