2. Elżbieta Krutysza 2023
Anne Friedberg, Wirtualne okno. Od Albertiego do Microsoftu, 2012
„Jako odbiorca obrazów wirtualnych, widz oglądający
ruchome obrazy jest cieleśnie obecny wewnątrz
materialnej przestrzeni,
a jednocześnie angażuje się w dostępną wirtualną
przestrzeń, skadrowaną na ekranie”
Elżbieta Krutysza 2023
3. Elżbieta Krutysza 2023
- Elżbieta Krutysza
Bywamy w 2 światach na raz,
materialnym i wirtualnym.
Mamy wiele wirtualnych okien
i potra
f
imy się między nimi
szybko przełączać.
4. Elżbieta Krutysza 2023
Skadrowane ekrany światów wirtualnych
TV
PC / Laptop
Smartphone
AV
#osobiste #spersonalizowane #IoT #connected
… dobre na ulicę
Tablet
Smartwatch
5. Def: UX
Jakob Nielsen
Guru u
ż
yteczno
ś
ci
Ur.1957 w Kopenhadze.. Uko
ń
czył
Du
ń
ski Uniwersytet Techniczny,
doktor informatyki -
specjalizacja: Projektowanie
Interfejsu u
ż
ytkownika
Od pocz
ą
tku lat 90. XX w.
zajmuje si
ę
u
ż
yteczno
ś
ci
ą
serwisów internetowych.
W 1998 z Donem Normanem
założył Nielsen Norman Group
User Experience - „doświadczenie użytkownika”
obejmuje wszystkie aspekty interakcji użytkownika
końcowego z
f
irmą, jej usługami i produktami
https://www.nngroup.com/articles/ux-vs-cx/
https://www.nngroup.com/articles/de
fi
nition-user-experience/
6. CX vs UX
Mad Men - Lipstick,
Matthew Weiner
(2007-215)
7. Basic UX Process
1. User Research
2. Persony
3. User Flow
4. Prototype
5. User Testing
User (Human) Centered Design (UCD, HCD), Design Thinking
11. Elżbieta Krutysza 2023
Co rozłączyło?
Martin Cooper i Motorola TynaTac. 1973 - 2007
Joel, this is Marty. I'm calling you
from a cell phone, a real handheld
portable cell phone.
21 kwietnia 1973
15. Elżbieta Krutysza 2023
• Elastyczna integralność, utrzymanie uwagi
• Konsystencja, standardy
• Bezpośrednia manipulacja treścią
• Informacje zwrotne, wyniki
• Metafory, #światlusytrzany
• Kontrola użytkownika
Apple HIG
19. Elżbieta Krutysza 2023
Mobile First & designing for less
„UX is not only about the times
when people are using our
products, but also about the times
when they are not. In the era of
ever-vibrating smartphones and
increasingly demanding apps,
there is no better user experience
than peace of mind”
https://trends.uxdesign.cc/
20. Elżbieta Krutysza 2023
One hand & thumb zone
85% użytkowników smartfonów używa
jednej ręki do sterowania aplikacjami
(Uwaga: leworęczni)
24. Apple & Google
Elżbieta Krutysza 2023
https://www.apple.com/pl/watchos/watchos-9/ https://wearos.google.com/intl/pl_pl/
25. Nawigacja, font, kolor
Elżbieta Krutysza 2023
Apple: San Francisco (SF) Compact Text i SF Compact Display Google: Roboto Condensed
Unikaj cienkich i małych fontów. Uważaj na niestandardowe.
26. Przyciski pokazuj jako
pionowy stos z
etykietami tekstowymi.
Wtedy
przycisk jest
bardziej czytelny.
Cross-pratform i F-Pattern
d18f20d77d2e
35. Elżbieta Krutysza 2023
• Dark UI (wyjątek to nawigacja).
• Krótki tekst w jednym wierszu, ikony
• Minimalny rozmiar czcionki 34-38 px
• Wysoki kontrast 7:1
• Redukcja C2A
• Wyraźne afordancje! Minimalizm
bardzo widocznych elementów.
• VUI nie jest rozwiązaniem
Heurystyki UX
Bezpieczeństwo i użyteczność przed pięknem.
38. Elżbieta Krutysza 2023
Smartphone: Internetu, mediów społecznościowych, muzyki,
gier, połączeń i maili, sms.
Smartwatch:
f
itness: powiadomienia, muzyka, nawigacja,
pogoda, app związane z lotami, płatności mobilne, a
nawet aplikacje do gier.
AV: Muzyka / Podcast / Audiobooki, Nawigacja ,
Połączenia Wykonywanie / Odbieranie
41. Elżbieta Krutysza 2023
„Kierowca powinien być w stanie wykonać
zadanie w serii 1,5-sekundowych spojrzeń,
przy łącznym czasie spędzonym
na odwróceniu wzroku od jezdni
nie dłuższym niż 12 sekund”
- National Highway Tra
ffi
c Safety Administration (NHTSA)