Oj błąd! Komunikaty o błędach w UI

A presentation at Learn Design webinars in May 2020 in by Wojtek Aleksander

Slide 1

Slide 1

x x ( Oj błąd! Komunikaty w UI Wojtek Aleksander

Slide 2

Slide 2

Slide 3

Slide 3

Wojtek, czyli kto? ➔ Filolog anglista, informatyk. ➔ Internety robię 20 lat. ➔ Strategia treści, projektowanie treści, UX writing, UX design, usability, inclusion, product management, architektura informacji, technical communications, DTP. ➔ Szkolenia i przemówienia. 😜 https://www.waleksander.design x x ( waleksander.design

Slide 4

Slide 4

Szkolenie UX writing https://www.waleksander.design/ux-writing.html Praktyka i teoria prosty język, dostępność, spójność, komunikaty o błędach, podpowiedzi, stany “zero”, podsumowania, instrukcje, CTAs, głos i ton, czynnik ludzki, pisanie nakierowane na emocje… x x ( waleksander.design

Slide 5

Slide 5

Najepszy komunikat o błędzie ever? x x ( waleksander.design

Slide 6

Slide 6

Taki, którego nie trzeba napisać! x x ( waleksander.design

Slide 7

Slide 7

x x ( waleksander.design

Slide 8

Slide 8

x x ( waleksander.design

Slide 9

Slide 9

Dodaj to do swojej strategii x x ( waleksander.design

Slide 10

Slide 10

x x ( waleksander.design

Slide 11

Slide 11

x x ( waleksander.design

Slide 12

Slide 12

x x ( waleksander.design

Slide 13

Slide 13

x x ( waleksander.design

Slide 14

Slide 14

Bierzemy to na klatę x x ( waleksander.design

Slide 15

Slide 15

x x ( waleksander.design

Slide 16

Slide 16

3 rzeczy zanim napiszesz x x ( waleksander.design

Slide 17

Slide 17

➔ Okoliczności potęgujące stres ➔ Niskie kompetencje komputerowe użytkowników ➔ Głos / charakter produktu x x ( waleksander.design

Slide 18

Slide 18

Nie drażnij lwa x x ( waleksander.design

Slide 19

Slide 19

Nie drażnij lwa i przygotuj się na najgorsze x x ( waleksander.design

Slide 20

Slide 20

Kompetencje komputerowe: trudność zadań 2016 rok 215 tys. osób 33 kraje 16-65 lat waleksander.design x x ( źródło danych: Nielsen Norman Group za OECD

Slide 21

Slide 21

Typowe błędy projektantów ➔ Nadmiar humoru ➔ Poleganie tylko na kolorze ➔ Robotyczność ➔ Minimalizm, klątwa wiedzy ➔ Skupienie na obiekcie zamiast na czynności ➔ „Nikt tego nie zobaczy” x x ( waleksander.design

Slide 22

Slide 22

3 magiczne składniki x x ( waleksander.design

Slide 23

Slide 23

Co się wydarzyło? Dlaczego tak się stało? Jak wybrnąć? x x ( waleksander.design

Slide 24

Slide 24

Czyli jak? x x ( waleksander.design

Slide 25

Slide 25

x x ( waleksander.design

Slide 26

Slide 26

x x ( waleksander.design

Slide 27

Slide 27

x x ( waleksander.design

Slide 28

Slide 28

x x ( waleksander.design

Slide 29

Slide 29

x x ( waleksander.design

Slide 30

Slide 30

x x ( waleksander.design

Slide 31

Slide 31

x x ( waleksander.design

Slide 32

Slide 32

x x ( waleksander.design

Slide 33

Slide 33

x x ( waleksander.design

Slide 34

Slide 34

Dobry komunikat o błędzie jest… ➔ pomocny ➔ zrozumiały ➔ jasny x x ( waleksander.design

Slide 35

Slide 35

…i ma takie cechy ➔ zwięzłość ➔ powaga w odpowiednim stopniu ➔ spokój ➔ uprzejmość x x ( waleksander.design

Slide 36

Slide 36

Gdy brak pomysłów Error messages https://www.pinterest.it/pierriep/error-messages/ Empty states https://emptystat.es/ Offline states http://offlinestat.es/ Little big details http://littlebigdetails.com/ Good UX writing https://www.instagram.com/gooduxwriting x x ( waleksander.design

Slide 37

Slide 37

Łączmy się! /in/waleksander @inherentq uContentowani waleksander.design

Slide 38

Slide 38

Kto pyta, nie błądzi. No to pytaj! x x ( waleksander.design

Slide 39

Slide 39

Więcej webinarów! ➔ 14 maja, Wojtek Kutyła Jak przygotować się do badań online, by zrobić je bez napinki? ➔ 21 maja, Jakub Tyczyński 6 rzeczy, które chciałbym wiedzieć, zanim zacząłem swój pierwszy projekt w podejściu Design Thinking x x ( waleksander.design

Slide 40

Slide 40

Cieszę się, że wpadliście. Dzięki! . . ) waleksander.design