Lecture at the Student IT Festival in Krakow 2023

1. MOBILE UX
Elżbieta Krutysza 2023
Smartphones Smartwatches. AV.

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

8. Elżbieta Krutysza 2023
przenośny (portable)
szybki (fast)
płynny (
f
luid)
Mobilny design jest …

9. Elżbieta Krutysza 2023
Co połączyło samochody z telefonami?
1946 - 1973

10. Elżbieta Krutysza 2023
Sieć mobilna

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

12. Elżbieta Krutysza 2023
Dużo producentów …
… i systemów operacyjnych

13. Elżbieta Krutysza 2023
Smartphones

14. Elżbieta Krutysza 2023
Jobs, iPhone i multitouch
29 czerwca 2007

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

16. Elżbieta Krutysza 2023
Google Android & OHA
23 września 2008

17. Elżbieta Krutysza 2023
• Powierzchnia dotykowa
“quantum paper”
• Print-like design
• Znaczące animacje
• Projekt adaptacyjny
https://material.io
Material Design

18. Elżbieta Krutysza 2023
Heurystyki UX
Dlaczego odinstalowujemy aplikacje mobilne?

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)

21. Elżbieta Krutysza 2023
Ow zone

22. Elżbieta Krutysza 2023
UX & Smartphones
• Minimalne obciążenie poznawcze
(Cognitive Load)
• Czytelność i domyślne fonty
• Minimalny font 16 px
• Kontrast. Minimalny 4,5 : 1
• Przyciski min. 50-50 px
• Przestrzenie między przyciskami 20-32 px
• UCD Nachalność nie popłaca, takt.

23. Elżbieta Krutysza 2023
Smartwatches

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

27. Multimedia
Elżbieta Krutysza 2023
Zoptymalizowane obrazy JPG. Krótkie wideo do 30s.

28. Powiadomienia
Elżbieta Krutysza 2023
Prywatne. Zwrotne. Do odrzucenia.

29. Gesty i wbudowane funkcje
Elżbieta Krutysza 2023
Warto korzystać, nie warto komplikować.

30. Elżbieta Krutysza 2023
Smartcars
AV Autonomous Vehicles

31. Elżbieta Krutysza 2023
Dużo producentów …
… i systemów operacyjnych

32. Elżbieta Krutysza 2023

33. Elżbieta Krutysza 2023
Apple & Google

34. Elżbieta Krutysza 2023
Systemy operacyjne dla aut

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.

36. Elżbieta Krutysza 2023
Touch screen

37. Elżbieta Krutysza 2023
Case Study

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

39. Elżbieta Krutysza 2023
Music App
#touch
f
irst #design4
f
inger

40. Elżbieta Krutysza 2023
Control interface
#handuse #hmi #mechanic #vui

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)

42. Elżbieta Krutysza 2023
Technologia zmienia się szybko
Ludzie zmieniają się wolno
Dziękuję!
?