馃帹 uxowy.dev #74: Ukry膰 czy disablowa膰... oto jest pytanie
2 min czytania

馃帹 uxowy.dev #74: Ukry膰 czy disablowa膰... oto jest pytanie

na wst臋pie chcia艂bym Ci臋 przeprosi膰 za straaszn膮 nieregularno艣膰 wysy艂ek. No c贸偶, mam po prostu mniej czasu na newsletter. Ale zawsze pod艣wiadomie ci膮gnie mnie do tych temat贸w, wi臋c mo偶esz by膰 pewien/pewna, 偶e co jaki艣 czas na pewno co艣 dostaniesz 馃槈

A co dzisiaj?

  • jedno pytanie, na kt贸re trzeba sobie odpowiedzie膰, 偶eby wiedzie膰 czy co艣 ukry膰 馃憗锔 czy disablowa膰 馃毇
  • smaczki UI, kt贸re dodaj膮 magii 馃獎

Zapraszam 猬囷笍


Ukry膰 czy disablowa膰... oto jest pytanie

Jako developerzy cz臋sto spotykamy si臋 z sytuacj膮, gdzie przez logik臋 co艣 jest dost臋pne w pewnych okoliczno艣ciach, a w innych nie. Klasyka.

I teraz pytanie - ukry膰 to, czy disablowa膰...?

Z pomoc膮 przychodzi Vitaly Friedman w jednym ze swoich mailing贸w (btw. bardzo polecam obserwowa膰 tego Pana).

W skr贸cie:
Wystarczy odpowiedzie膰 sobie na jedno zaje****e wa偶ne pytanie #laska:

"Czy u偶ytkownik b臋dzie kiedykolwiek m贸g艂 wej艣膰 w interakcj臋 z tym elementem?"

Je艣li TAK, daj disabled:

  • dla tymczasowych ogranicze艅
  • gdy warto艣膰 lub status czego艣 jest istotny, ale nie mo偶na tego edytowa膰
  • gdy akcja nie jest jeszcze dost臋pna, np. loading...

Je艣li NIE, ukryj:

  • przez brak uprawnie艅 lub bezpiecze艅stwo danych,
  • je艣li jakie艣 elementy s膮 dost臋pne dopiero po zaznaczeniu checkboxa/toggla lub klikni臋ciu "Wi臋cej opcji..." / "Zaawansowane"

WA呕NE:
Je艣li jaki艣 element jest disabled to zadbaj o to, aby u偶ytkownik wiedzia艂 dlaczego jest disabled i jak mo偶e to zmieni膰. Nie ma nic gorszego ni偶 wy艂膮czony przycisk "Submit" niewiadomo z jakiego powodu.

A jak jeste艣my ju偶 przy disabled - czasami lepiej umo偶liwi膰 klikni臋cie u偶ytkownikowi w element, ale zamiast wykonania akcji, pokaza膰 komunikat co jest nie tak.

Dobrym przyk艂adem jest wy偶ej wspomniany przycisk Submit formularza. Lepiej umo偶liwi膰 wywo艂anie Submit, nawet je艣li wiemy na froncie, 偶e formularz jest nieprawid艂owo wype艂niony. Pokazujemy wtedy b艂臋dy walidacyjne przy odpowiednich polach. 鉁


Smaczki, kt贸re nadaj膮 UI'owi magii

Resources | 藕r贸d艂o
Strona DesignSpells

Wiadomo, 偶e UX aplikacji jest o wiele lepszy jak mamy jakie艣 fajne mikrointerakcje. Takie smaczki, np. animacja po naci艣ni臋ciu przycisku "lubi臋 to", kt贸re sprawiaj膮, 偶e a偶 chce si臋 klika膰 i u偶ywa膰 tych aplikacji 馃檪

To tutaj zarzucam zbi贸r takich smaczk贸w:
designspells.com
Polecam 馃憜


To wszystko na dzi艣!

Pozdrawiam i dobrego weekendu! 馃コ 馃殌

Miko艂aj Wa艣kowski
uxowy.dev


Zobacz poprzednie wysy艂ki:

Je艣li jeszcze nie ma Ci臋 na li艣cie 馃

Wysy艂amy jeden email tygodniowo, w ka偶dy pi膮tek, o godz. 12:00.
Warto艣ciowa wiedza o UI/UX dla developera mo偶e wyl膮dowa膰 do Twojej skrzynki.