#PrzemoPatterns: Toast
1 min czytania

#PrzemoPatterns: Toast

#PrzemoPatterns: Toast

馃 Co to jest?

Toast to ma艂e, wyskakuj膮ce powiadomienie, s艂u偶膮ce do wy艣wietlenia informacji o聽operacji, kt贸r膮 wykonali艣my.

殴r贸d艂o: UXPlanet.org

Charakterystyczne jest to, 偶e toast znika automatycznie po up艂ywie danego limitu czasu. Mimo to, dla niecierpliwych, warto zaimplementowa膰 mo偶liwo艣膰 wcze艣niejszego, manualnego zamkni臋cia.

Mo偶emy te偶 doda膰 podr臋czne akcje, kt贸re pozwalaj膮 wycofa膰 si臋 z - by膰 mo偶e - pochopnie wykonanych czynno艣ci:

Gmail i jego "Undo" po wys艂aniu emaila.

Czym jeszcze wyr贸偶nia si臋 dobrze zaprojektowany toast?

鈩癸笍 Wskaz贸wki

  • Zwi臋z艂y i zrozumia艂y tekst, skupiaj膮cy si臋 na danym statusie lub聽akcji
  • Dobrym miejscem na pojawienie si臋 toasta s膮 rogi ekranu (a nie jako g艂贸wny, wy艣rodkowany element)
  • Toasty uruchamiamy po wykonaniu akcji lub eventu
  • Wykorzystujmy kolory toast贸w do generowania emocji przekazu, np. zielony toast informuje o sukcesie, czerwony o b艂臋dzie. Opr贸cz koloru mo偶na wykorzysta膰 tak偶e ikon臋
  • Toasty powinny by膰 widoczne na tyle d艂ugo, aby mo偶na je by艂o przeczyta膰, ale na tyle kr贸tko, by nie zas艂ania艂y zbyt d艂ugo innych informacji (przed implementacj膮 warto przeczyta膰 sobie ten tekst na g艂os i oceni膰 ile czasu potrzeba)

Przyk艂ad:

Przyk艂ad komunikatu "success". 殴r贸d艂o: Contra by ITTI

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.