WUD Trójmiasto 2019 - Jak tworzyć technologie, które zmieniają świat?

Jak tworzyć technologie,
które zmieniają świat?
Olka Fiszbak-Biernat
WUD Trójmiasto 2019
WUDTrójmiasto2019OlkaFiszbak-Biernat

Olka
Fiszbak-Biernat
Head of Design

Czas spędzany na korzystaniu z aplikacji
mobilnych. Dane na rok 2019
miesięcznie
Osoby do 35 roku życiaOgół populacji
70h
miesięcznie
90h
https://techjury.net/stats-about/app-usage/

miesięcznie
Osoby do 35 roku życiaOgół populacji
~3 dni
miesięcznie
~ 4 dni

dziennie
20192014
1h 30’
dziennie
2h 20’

Jak ludzie
korzystają
z technologii
Możemy projektować
Jak technologia
wykorzystuje
ludzi
OlkaFiszbak-BiernatWUDTrójmiasto2019

Jak technologia
wykorzystuje
ludzi
Jak ludzie
korzystają
z technologii
Możemy projektować Możemy projektować

Pomyśl o aplikacji lub usłudze
którą ostatnio projektowałeś
lub projektowałaś,
albo o takiej, z której często
korzystasz.

III poziomy wg.
Ethical Design Manifesto
Źródło: https://2017.ind.ie/ethical-design/
• Opublikowany w 2017 roku przez organizację Ind.ie
• Opisuje 3 integralne poziomy projektowania
• Zgodnie z układem piramidalnym niższe poziomy 
są podstawą tych, które znajdują się wyżej

Poziom I

I poziom
Respect Human Experience
Technology that respects human experience
is beautiful, magical, and delightful.
It just works. It’s intuitive. It’s invisible.
It recedes into the background of your life.
It gives you joy.
It empowers you with superpowers. It puts a
smile on your face and makes your life better.

Czy korzystanie z interfejsu
sprawia przyjemność?
Czy szanujesz wrażenia odbiorcy?
Pytanie #1

User Interface Design refers to the visual
elements that make up a digital product or
experience. This includes the design of screens,
buttons, icons, images, text, and all other visual
elements a user will see and interact with
Źródło: https://dribbble.com/stories/2019/02/15/what-deﬁnes-good-ui-design
19 lutego 2019

• Mocna typograﬁa
• Atrakcyjne ilustracje
• Animacje
• 3D / VR / AR
• Kreatywne loader’y 😎
Jakie są trendy 2020?

Creative Loaders …?

Interfejs użytkownika to przestrzeń, w której
następuje interakcja człowieka z systemem.
Źródło cytatu: https://pl.wikipedia.org/wiki/Interfejs_u%C5%BCytkownika

Wchodząc w interakcję z interfejsem
jesteśmy gotowi odbierać wszelkie bodźce*
Wzrok Słuch Dotyk Węch Smak
* Chociaż oczywiście nie wszyscy mamy takie same możliwości odbierania bodźców.
Visual UI Auditory UI Tactile UI Olfactory UI Gustatory UI

Wzrok Słuch Dotyk Węch Smak
* Chociaż oczywiście nie wszyscy mamy takie same możliwości odbierania bodźców.
Visual UI Auditory UI Tactile UI Olfactory UI Gustatory UI
Interakcja nie musi ograniczać się do
ekranu urządzenia.

interfejsy zapachowe już istnieją!
Źródło: bit.ly/smell-ui

• Zbyt ilustratywna symbolika mogła
urazić niektórych pacjentów
• Okręgi stosowane w tle wywoływały 
mdłości u niektórych pacjentów
Interfejs może
wywoływać bodźce
psychiczne i ﬁzyczne

O projektowaniu UI
👉 Dźwięki jako dodatek do GUI
bit.ly/sound-in-ui
👉 Smell-based interfaces
bit.ly/smell-ui
👉 Haptic experience design
bit.ly/haptic-design

Czy interfejs jest
zrozumiały w obsłudze?
Czy szanujesz wrażenia odbiorcy?
Pytanie #2

Niezrozumiały
interfejs może
wywoływać
frustracje

13 stycznia 2017, o godz 8:07, 1.5 mln
mieszkańców stanu Hawaje otrzymało
alert informujący o pocisku atomowym
kierującym się w stronę archipelagu
Alarm rakietowy
na Hawajach

Źródło: https://www.youtube.com/watch?v=Ox2hLf5ab24

Źródło: https://www.youtube.com/watch?v=n4tLngM0i6A

Alarm rakietowy
na Hawajach
Po około 30 minutach alarm odwołano

Zawinił interfejs
• Zabrakło kategoryzacji wg. tematyki
• Alarmy testowe nie różniły się
wizualnie niczym od prawdziwych
alarmów
• Modal potwierdzający wywołanie
alarmu był taki sam dla alarmu
testowego i prawdziwego

O projektowaniu UX
👉 Top 10 Application-Design Mistakes 
Norman Nielsen Group, Luty 2019 
 
bit.ly/2F1czGy

Poziom II

II poziom
Respect Human Effort
Technology that respects human effort is
functional, convenient, and reliable.
It is thoughtful and accommodating; not
arrogant or demanding.
It understands that you might be distracted or
differently-abled.
It respects the limited time you have on this
planet.

Czy zastosowane rozwiązania
wpisują się w realne potrzeby
użytkowników?
Czy szanujesz wysiłek odbiorcy?
Pytanie #3

Badania UX mogą być przeprowadzone w
różnych celach. Dwa najważniejsze z nich to:
Badanie potrzeb
użytkowników
• Poprawa UX istniejącego rozwiązania 
• Zebranie informacji o potrzebach 
i oczekiwaniach grupy docelowej

Źródło: https://design.google/library/designing-google-maps-motorbikes/
• Chcąc usprawnić korzystanie 
z map, zespół Google przeprowadził
badania potrzeb użytkowników
Google Maps
w Indiach i Indonezji

Google Maps
w Indiach i Indonezji
• Okazało się, że większość z nich 
do transportu wykorzystuje 
skutery lub motory

• Sprawdzano jak w tym momencie 
użytkownicy korzystają z aplikacji
• Badano jak wyglądają realia 
jazdy po ulicach Azji
• Do tworzenia aplikacji zaproszono
potencjalnych użytkowników
Badania

Podróże w granicach miasta (…) były szybsze
o kilkanaście minut, dotarcie do celu
oddalonego o 256 KM było o ponad 40 min
szybsze na motorze, niż pokonanie tej samej
trasy samochodem.

• W 2017 roku, chcąc zachęcić użytkowników do 
aktywności ﬁzycznej, Google dodało do aplikacji 
Google Maps nową funkcjonalność
Google Maps i babeczki
• Do widoku wybranej trasy dano informację 
o ilości babeczek, które użytkownik mógłby 
spalić, gdyby tylko obrał trasę pieszą

• Wielu użytkowników zwróciło uwagę na to, 
że korzystając z Google Maps wcale nie zależy 
im na podglądzie spalonych kalorii.
Google Maps i babeczki
• Nowej funkcjonalności zarzucono, 
że powoduje zawstydzanie, które wcale 
nie jest motywujące, a piętnujące. 
• Poruszono też temat osób, cierpiących na 
zaburzenia odżywiania u których tego rodzaju  
informacje mogą wywołać negatywne myśli 
lub popchnąć do niebezpiecznych zachowań.

Funkcjonalność została
„zdjęta” w ciągu 24h

• Opcji wyłączenia licznika kalorii
• Możliwości dopasowania licznika kalorii 
do wieku, płci oraz wagi użytkownika 
• Dogłębnego zbadania potrzeb użytkowników, 
a co za tym idzie zrozumienia potrzeb grupy 
docelowej.
???
Czego zabrakło?

O badaniach potrzeb
użytkowników
👉 Badania jako podstawa projektowania User 
Experience, wyd. PWN 
ksiegarnia.pwn.pl/Badania-jako-podstawa-
projektowania-user-experience,309854241,p.html

Czy rozwiązania biorą
pod uwagę skrajne
przypadki*?
Pytanie #4
*Edge Cases

• Skrajne warunki użytkowania 
oprogramowania, których wystąpienie jest 
mało prawdopodobne (ale nie niemożliwe!)
Edge Case

• Przegląd roku to spersonalizowany ﬁlm, 
dzięki któremu podkreślisz ważne w tym roku 
chwile i podzielisz się nimi z innymi. Mogą to być 
zdjęcia i posty, w których Cię oznaczono lub które 
zostały przez Ciebie udostępnione.
Facebook
i Year in Review
• Zadebiutował w 2015 roku. Tuż przed 
świętami Bożego Narodzenia użytkownicy  
dostali dostęp do podsumowania minionego roku.

Odbiór
• Dla części użytkowników rok 2015 nie był 
tym, który chcieliby wspominać
• Jako podsumowanie trudnego dla nich roku 
otrzymali oni np. ﬁlmik ze zdjęciem głównym  
przedstawiającym ich palący się dom

Odbiór
• Dla części użytkowników rok 2015 nie był 
tym, który chcieliby wspominać
• Jako podsumowanie trudnego dla nich roku 
otrzymali oni np. ﬁlmik ze zdjęciem głównym  
przedstawiającym ich palący się dom lub 
niedawno zmarłą córkę.

O projektowaniu skrajnych
przypadków
👉 Designing for edge cases 
bit.ly/2WCmZrj
👉 Design the edge cases
bit.ly/2XuHu5y

Czy rozwiązania
są elastyczne i dopasowują
się do stanu użytkownika?
Pytanie #5

• Technologia powinna dopasowywać się 
i wspierać użytkownika podczas tych 
dynamicznie zmieniających się stanów.
Elastyczne rozwiązania
• Człowiek nie jest statyczny. Stan psychiczny 
i ﬁzyczny użytkowników jest zmienny

Elastyczny interfejs
• Interfejs może dopasowywać się do aktualnej 
sytuacji w jakiej znajduje się użytkownik
• W aplikacjach, z których użytkownik korzysta  
w nocy popularne są dark-mode’y. Google 
Maps przy aktywnej nawigacji automatycznie 
uruchamia ciemną wersję interfesju.
• Spotify po wykryciu podłączenia do samochodu 
zmienia interfejs do minimalistycznej wersji 
ułatwiającej korzystanie z apki podczas jazdy
• Nike Run w trybie aktywnego treningu posiada 
interfejs, który ułatwia szybkie sprawdzanie  
aktualnych osiągów.

Źródło: https://youtu.be/F5LdG-fJcBA

Źródło: https://youtu.be/VVQy7bFSPak

Elastyczne doświadczenia
• Funkcjonalności produktu, mogą reagować 
na chwilowe stany w jakich znalazł się 
użytkownik.
• Po nieudanej próbie zapłacenia kartą 
użytkownik aplikacji mBank otrzymuje 
propozycję wzięcia kredytu.
• Cyfrowe tablice rozdzielcze dostosowują 
wyświetlane parametry do potrzeb trybu 
jazdy lub akcji kierowcy takich jak wrzucenie 
wstecznego biegu.

O projektowaniu
elastycznych doświadczeń
👉 Dark Theme - Material Design 
bit.ly/2K4cKVN

Czy doświadczenia
są spersonalizowane?
Pytanie #6

Właściwe wykorzystanie
danych o użytkowniku
• Zalando podpowiada ubrania, które mogę 
spodobać się użytkownikowi, jawnie pytając 
o preferencje.
• Użytkownik, nie musi podawać tych informacji 
jeśli nie chce
• Ogromna ilość danych o użytkowniku, które 
możemy gromadzić pozwala na tworzenie 
spersonalizowanych doświadczeń

Personalizacja o krok  
za daleko
• Facebook czasem opiera proponowanych 
znajomych tylko o to, że znajdujemy się z daną 
osobą często w tej samej lokalizacji. Często nie 
mamy z nią nawet wspólnych znajomych.
• Zbyt daleko idąca personalizacja, może wywołać 
uczycie niepokoju i naruszania prywatności.

Personalizacja o krok  
za daleko
• Facebook czasem opiera proponowanych 
znajomych tylko o to, że znajdujemy się z daną 
osobą często w tej samej lokalizacji. Często nie 
mamy z nią nawet wspólnych znajomych.
• Zbyt daleko idąca personalizacja, może wywołać 
uczycie niepokoju i naruszania prywatności.
• Netﬂix personalizuje miniaturki ﬁlmów/seriali pod 
użytkownika. Personalizacja opierająca się 
o tożsamość etniczną wywołała głosy 
oburzenia.

Raporty o personalizacji
👉 Accenture Making Personal 
accntu.re/31g84BL
👉 Personalisation Trends 2019 
bit.ly/31k8p6k

Poziom III

III poziom
Respect Human Rights
Technology that respects human rights is
decentralised, peer-to-peer, zero-
knowledge, end-to-end encrypted, free
and open source, interoperable, accessible,
and sustainable.
It respects and protects your civil liberties,
reduces inequality, and beneﬁts democracy.

Czy decyzje podejmowane
przez użytkownika zależą
w 100% tylko od niego?
Czy szanujesz prawa człowieka?
Pytanie #7

Dark Patterns
Dark Patterns to interfejsu lub ich elementy 
stworzone świadomie w celu manipulacji 
użytkownikiem, tak aby:
• wykonywał akcje, których wcale nie chce
wykonywać, lub 
• o których wykonaniu wcześniej wcale nie
pomyślał.

Naruszanie prawa
do prywatności
• W związku z wejściem w życie rozporządzeń 
RODO Facebook musiał zapytać użytkowników 
o zgodę na rozpoznawanie twarzy na 
zdjęciach, które dodają w serwisie
• Dark Pattern I 
W opisie funkcjonalności opisywano tylko 
pozytywne aspekty korzystania z tej technologii
• Dark Pattern II 
Celowo utrudniano odmowę aktywowania tej opcji

Więcej o Dark Patterns
👉 Deceived by design
How tech companies use dark patterns to 
discourage us from exercising our rights to privacy 
 
bit.ly/2K5ilLy
👉 Dark Patterns - Przykłady
www.darkpatterns.org

Czy technologia dba
o bezpieczeństwo
użytkownika?
Pytanie #8

Bezpieczeństwo
użytkownika
Technologia powinna podejmować
wszelkie działania w celu ochrony
zdrowia psychicznego i ﬁzycznego
użytkowników.

Czy technologia dba
o prywatność danych
użytkownika?
Pytanie #8

III poziomy wg.
I poziom
II poziom
III poziom

Czy technologia
tworzy wartość dodaną*?
Pytanie Bonusowe
*Tworzy w życiu użytkownika miejsce na przeżywanie czegoś, co
nie zaistniałoby bez tej technologii, oﬄine?

Źródło: https://youtu.be/C0biAdmuons

Forest - Stay focused
Źródło: https://www.spidersweb.pl/2017/06/forest-app.html

Każdy z nas ma narzędzia do
tego, żeby formować świat
w jakim żyjemy.
Takeaways

Jakość z jaką stworzymy
produkt może realnie zmienić
świat naszych użytkowników.
Takeaways

Piękne dzięki!

💌 ola.ﬁszbak@htdevelopers.com
🍻 linkedin.com/in/olkaﬁszbak/
Olka Fiszbak-Biernat

WUD Trójmiasto 2019 - Jak tworzyć technologie, które zmieniają świat?

Recommended

Recommended

More Related Content

Similar to WUD Trójmiasto 2019 - Jak tworzyć technologie, które zmieniają świat?

Similar to WUD Trójmiasto 2019 - Jak tworzyć technologie, które zmieniają świat? (20)

WUD Trójmiasto 2019 - Jak tworzyć technologie, które zmieniają świat?