![Page 1: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/1.jpg)
1
dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów Maciej Płonka, Hubert Turaj, EDISONDA InternetBeta 2013
![Page 2: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/2.jpg)
2
czym jest system?
![Page 3: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/3.jpg)
3
http://en.wikipedia.org/wiki/SAP_AG, http://www.iii-lo.tarman.pl/informatyka/ladustrone.php?p1=informatyka&p2=5
![Page 4: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/4.jpg)
4
http://en.wikipedia.org/wiki/SAP_AG, http://www.iii-lo.tarman.pl/informatyka/ladustrone.php?p1=informatyka&p2=5
"System" w stosunku do narzędzia, aplikacji
![Page 5: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/5.jpg)
5
Potrzeby i cele różnych aktorów w systemie
![Page 6: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/6.jpg)
6
https://www.iconfinder.com/icons/174880/database_icon
Obsługa danych
![Page 7: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/7.jpg)
7
Podczerwień Badania eye tracking
![Page 8: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/8.jpg)
8
przebadaliśmy ok. 5 000 power userów
![Page 9: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/9.jpg)
9
jaki jest dobry interfejs systemu?
![Page 10: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/10.jpg)
10
szybki
![Page 13: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/13.jpg)
13
http://qcadoo.com/pl/
Zróżnicowane opcje zapisu przyspieszające czynności powtarzalne
![Page 14: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/14.jpg)
14
![Page 15: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/15.jpg)
15
Zbyt duża odległość między etykietami i polami spowalniająca korzystanie z formularza
![Page 16: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/16.jpg)
16
Zbyt duża odległość między danymi a narzędziem ich edycji spowalniająca korzystanie z narzędzia
![Page 17: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/17.jpg)
17
![Page 18: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/18.jpg)
18
Tooltip w wierszu przyspieszający dotarcie do szczegółowych informacji o rekordzie
![Page 19: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/19.jpg)
19
Bardzo długa lista pozycji spowalniająca wybór pozycji
![Page 20: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/20.jpg)
20
Inteligentne combo box - wpisywanie i wyszukiwanie przyspieszające wybór pozycji
![Page 23: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/23.jpg)
23
http://vitalets.github.io/x-editable/demo.html
Edycja inline w tabeli przyspieszająca edycję danych
![Page 24: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/24.jpg)
24
Please wait
![Page 25: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/25.jpg)
25
Please wait Szybkość działania samego
systemu
![Page 26: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/26.jpg)
26
dostęp do informacji
![Page 27: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/27.jpg)
27
Źródła dashboardów
![Page 28: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/28.jpg)
28
http://www.ing.pl/
Dostęp do narzędzi, jednak bez informacji nie jest to dashboard
![Page 29: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/29.jpg)
29
http://www.orange.pl/
Dostęp do narzędzi, jednak bez informacji nie jest to dashboard
![Page 30: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/30.jpg)
30 Dashboard zawiera w sobie..
1. Najważniejsze informacje, podsumowanie
2. Główną akcję
3. Alerty, komunikaty priorytetowe
![Page 34: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/34.jpg)
34
HOTAS
![Page 35: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/35.jpg)
35
Hands-On-Throttle-And-Stick
![Page 36: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/36.jpg)
36
http://www.advancetec.co.uk/thrustmaster-hotas-warthog-joystick-and-throttle.html
Natychmiastowy dostęp do najważniejszych funkcji
![Page 37: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/37.jpg)
37
przewidywalny i zrozumiały
![Page 38: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/38.jpg)
38
model mentalny
![Page 39: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/39.jpg)
39
Wyobrażony zakres wyszukiwania
Użytkownik
Użytkownik
Użytkownik
Zakres działania wyszukiwarki
Użytkownik Użytkownik
Błędny model mentalny - użytkownik twierdzi, że narzędzie umożliwi mu wykonanie czynności poza prawdziwym jego zakresem
Użytkownik
![Page 40: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/40.jpg)
40
Zakres działania wyszukiwarki =
wyobrażony zakres działania wyszukiwarki
Użytkownik
Użytkownik
Użytkownik
Użytkownik
Użytkownik Użytkownik
Poprawny model mentalny - wyobrażenie użytkownika pokrywa się z zakresem działania narzędzia
![Page 41: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/41.jpg)
41
http://www.webrobi.pl/
Przeciągnij-i-upuść - użytkownicy nie wykorzystują narzędzia, model mentalny wskazuje na konieczność klikania w elementy (symbole
rombów), nie ich przeciąganie
![Page 42: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/42.jpg)
42
http://qcadoo.com/pl/
Dodanie i zapisanie podstawowych informacji jest wymagane do dodania informacji zaawansowanych, model mentalny użytkowników
podpowiada, ze czynności te są równoległe (logika kart)
![Page 43: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/43.jpg)
43
http://mail.google.com/?hl=pl
Zaznaczanie elementów na liście - wszystkie pozycje czy tylko widoczne?
![Page 44: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/44.jpg)
44
http://mail.google.com/?hl=pl
Jasna informacja o dwojakiej możliwości zaznaczenia pozycji na liście
![Page 45: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/45.jpg)
45
pomocny
![Page 46: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/46.jpg)
46
mikrointerakcje
![Page 47: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/47.jpg)
47
http://www.umpcportal.com/gallery/v/iphone_4/iphone+4+volume+controls+and+silent+switch.jpg.html?g2_imageViewsIndex=2
Mikrointerakcje to nie kluczowa funkcjonalność, ale element znacząco wpływający na jakość korzystania z narzędzia - przykład narzędzia
wyciszania dzwonka telefonu
![Page 48: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/48.jpg)
48
Skórka
Układ
Logika
Mikrointerakcje znajdują się między warstwą wizualną a układem interfejsu
http://www.amazon.com/Microinteractions-Designing-Details-Dan-Saffer/dp/144934268X
![Page 49: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/49.jpg)
49
Informacja zwrotna jako mikrointerakcja
![Page 52: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/52.jpg)
52
http://www.amazon.com/
Problem "znikającego menu" przy przejściu kursora nad innym odnośnikiem
![Page 53: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/53.jpg)
53
http://www.amazon.com/
Zdefiniowany obszar, w ramach którego menu drugiego poziomu nie jest zamykane
![Page 54: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/54.jpg)
54
progressive reduction
![Page 55: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/55.jpg)
55
W pełni opisany przycisk przy pierwszym uruchomieniu systemu
![Page 56: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/56.jpg)
56
Element jest z czasem upraszczany - krzywa uczenia się
![Page 57: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/57.jpg)
57
Proces jest cofany, jeśli użytkownik przestaje korzystać z elementu
![Page 58: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/58.jpg)
58
Wykorzystanie kart i opcji manipulowania nimi
![Page 59: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/59.jpg)
59
Ikona informująca o dodanych załącznikach http://mail.google.com/?hl=pl
![Page 60: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/60.jpg)
60
http://mail.google.com/?hl=pl
Ikona informująca o dodanych załącznikach
![Page 61: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/61.jpg)
61
System sugeruje użytkownikowi płacenie od najstarszej faktury
![Page 62: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/62.jpg)
62
da się lubić
![Page 63: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/63.jpg)
63
http://www.getharvest.com/
System powinien być ludzki, czasem śmieszyć, relaksować
![Page 64: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/64.jpg)
64
http://www.getharvest.com/
System informuje użytkownika o zmianie daty od ostatniego użycia narzędzia
![Page 65: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/65.jpg)
65
http://www.campaignmonitor.com/
Etykieta przycisku dodawania użytkownika do systemu zawiera jego imię
![Page 66: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/66.jpg)
66
Drobne zagięcie karty informuje użytkownika, że nie sprawdził on jeszcze jej zawartości
![Page 67: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/67.jpg)
67
http://superuseless.blogspot.com/2008/06/13th-bullet-bulletproof.html
![Page 68: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/68.jpg)
68
trochę inne usability
![Page 69: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/69.jpg)
69
inne zasady użyteczności dla power userów
![Page 70: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/70.jpg)
70
Wsparcie mile widziane przez początkujących użytkowników, irytujące dla zaawansowanych
https://www.proama.pl/
![Page 71: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/71.jpg)
71
Potwierdzanie krytycznych czynności - zabezpieczenie dla użytkowników początkujących,
irytujące gdy zbyt częste dla zaawansowanych https://github.com/
![Page 72: Dashboardy, modele mentalne i mikrointerakcje - efektywne systemy dla power userów](https://reader033.vdocuments.pub/reader033/viewer/2022042813/5483fb67b47959d30c8b4a8e/html5/thumbnails/72.jpg)
72
szybki przewidywalny i zrozumiały pomocny da się lubić