馃帹 uxowy.dev #58: doskona艂e komunikaty o聽b艂臋dach, dark patterny
4 min czytania

馃帹 uxowy.dev #58: doskona艂e komunikaty o聽b艂臋dach, dark patterny

Dzi艣 wyj膮tkowo w poniedzia艂ek, bo... po prostu nie zd膮偶y艂em przygotowa膰 wszystkiego na pi膮tek 馃し 聽

Tak偶e... na dobry pocz膮tek tygodnia:

  • Doskona艂e komunikaty o b艂臋dach: zwi臋ksz skuteczno艣膰 i聽zaufanie聽swojej aplikacji聽(NNGroup)
  • Jak firmy u偶ywaj膮 dark pattern贸w, aby艣 nie anulowa艂 subskrypcji?


Doskona艂e komunikaty o b艂臋dach: zwi臋ksz skuteczno艣膰 i聽zaufanie

艢wietny artyku艂 od NNGroup o przyjaznych u偶ytkownikowi komunikatach o聽b艂臋dach.

Poni偶ej znajdziesz skr贸towiec i par臋 przyk艂ad贸w z artyku艂u.
Zach臋cam jednak do zapoznania si臋 z jego pe艂n膮 tre艣ci膮.

馃憞馃憞馃憞

Skr贸towiec - na co warto zwr贸ci膰 uwag臋?

  • komunikaty o b艂臋dach powinny by膰 艂atwo zauwa偶alne przez u偶ytkownik贸w,
  • wykorzystaj odpowiednie kolory, ikony lub animacje, aby przyci膮gn膮膰 uwag臋 u偶ytkownik贸w,
  • komunikaty powinny by膰 jasne, zwi臋z艂e i precyzyjne,
  • unikaj nadmiaru informacji, skupiaj膮c si臋 na przekazaniu istotnej wiadomo艣ci dotycz膮cej b艂臋du,
  • wyr贸偶nij r贸偶ne typy komunikat贸w, np. error / warning / form validation,
  • tw贸rz je w spos贸b pozytywny, unikaj膮c z艂o艣liwo艣ci i obarczania u偶ytkownika win膮 za b艂膮d,
  • spr贸buj doda膰 info o tym, jak rozwi膮za膰 problem,
  • wynik walidacji w formularzu powinien by膰 wy艣wietlany bezpo艣rednio przy polu, a nie jako oddzielne okno dialogowe / zbiorcze info na dole,
  • pami臋taj te偶 o accessibility komunikat贸w, sprawd藕 jak wygl膮da sprawa na czytnikach ekranu (mo偶e trzeba doda膰 jakie艣 ARIA?).

Przyk艂ady b艂臋d贸w (dobrych 鉁 i z艂ych 鉂)

鉂 殴LE - b艂膮d powinien by膰 blisko miejsca, kt贸re powoduje problem i ...wygl膮da膰 jak b艂膮d. 殴r贸d艂o
鉁 DOBRZE - b艂膮d zaraz pod polem, czerwony kolor, bold, odpowiednia ikona. 殴r贸d艂o
鉁 DOBRZE - warning ostrzegaj膮cy o mo偶liwo艣ci op贸藕nionej dostawy. 殴r贸d艂o
鉁 DOBRZE - pole has艂a mo偶e powodowa膰 du偶膮 ilo艣膰 b艂臋d贸w - warto doda膰 walidacj臋 live. 殴r贸d艂o
鉂 殴LE - na tej stronie jest autofocus na pole email. Je艣li pole odklikniemy (blur), od razu wy艣wietla si臋 b艂膮d. 殴r贸d艂o
鉂 殴LE - b艂臋dy powinny by膰 pisane prostym, zrozumia艂ym dla ka偶dego j臋zykiem. To nie jest dobre miejsce na 艣mieszki, gr臋 s艂贸w itd. 殴r贸d艂o
鉁 DOBRZE - prosty feedback o konieczno艣ci dodania wi臋cej $ do koszyka. Zwr贸膰 uwag臋 na brak obwiniana usera. 殴r贸d艂o
鉂 殴LE - przeciwie艅stwo powy偶eszego - "You are not eligible" bezpo艣rednio obwinia usera. 殴r贸d艂o
鉁 DOBRZE - ostrzeganie u偶ytkownika, 偶e nie doda艂 za艂膮cznika a w tre艣ci maila wspomnia艂 o tym za艂膮czniku. 殴r贸d艂o

Wi臋cej przyk艂ad贸w i warto艣ciowej wiedzy, kt贸r膮 warto obczai膰:
nngroup.com/articles/error-message-guidelines

Error-Message Guidelines
Design effective error messages by ensuring they are highly visible, provide constructive communication, and respect user effort.

Jak firmy u偶ywaj膮 dark pattern贸w, aby艣 nie anulowa艂 subskrypcji?

Warto wej艣膰 cho膰by po to, aby zobaczy膰 w jakiej formie jest ten artyku艂 przedstawiony. Wow!

Link: pudding.cool/2023/05/dark-patterns

How companies use dark patterns to keep you subscribed
Unsubscribing should be easy. It鈥檚 not.

馃槑
Zapodaj info o tym newsletterze swoim devowym ziomkom! Na pewno im te偶 przyda si臋 troch臋 wiedzy o UI/UX dla developera! A ja b臋d臋 bardzo wdzi臋czny, 偶e dzi臋ki Tobie to, co robi臋 dociera do wi臋kszej ilo艣ci os贸b!

Dzi臋ki!


To wszystko na dzi艣!
Dobrego tygodnia!

Miko艂aj Wa艣kowski
uxowy.dev


Poprzednie wydania:

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.