#PrzemoPatterns: Datepicker
1 min czytania

#PrzemoPatterns: Datepicker

#PrzemoPatterns: Datepicker

馃 Co to?

Datepickery to selektory przedstawiaj膮ce kompletny miesi膮c kalendarzowy (czasami te偶 miesi膮ce lub lata), wykorzystywane w celu wyboru danego dnia lub przedzia艂u czasowego.

Wygl膮dem zazwyczaj nawi膮zuj膮 do rzeczywistych kalendarzy biurkowych lub 艣ciennych. I chyba przywykli艣cie ju偶 do tego zdania - ten z pozoru prosty element interfejsu mo偶e napsu膰 wiele naszym u偶ytkownikom, dlatego pilnujmy tych kilku, prostych zasad.

鈩癸笍 Wskaz贸wki:

  • Pozw贸l wpisa膰 dat臋 r臋cznie: wyb贸r z gotowego komponentu date-pickera nie zawsze musi by膰 przyjemny, szczeg贸lnie w momencie gdy szukamy daty z聽dalekiej przesz艂o艣ci (np. urodziny) lub przysz艂o艣ci. W聽takim wypadku sprawdzi si臋 po prostu pole, w kt贸rym b臋dziemy mogli wpisa膰 dat臋 r臋cznie.
  • Blokuj mo偶liwo艣膰 wyboru niedost臋pnych dat: nawi膮zuj膮c do prewencyjnego zapobiegania b艂臋dom, warto zablokowa膰 i wyszarza膰 daty, kt贸re nie s膮 dost臋pne lub pozbawione logiki (np. data powrotu przed dniem wylotu).
  • Nie wymuszaj wprowadzania znak贸w specjalnych: jakikolwiek separator mi臋dzy dniem, miesi膮cem i rokiem wprowadz膮 nasi u偶ytkownicy (kreski, spacje, uko艣niki, kropki etc.), ich dane powinny by膰 przez nasz system rozpoznane. Najlepiej po prostu wype艂ni膰 ten element za nich. Programistycznie jest to jak najbardziej wykonalne, a r臋czne poprawianie znak贸w specjalnych mo偶e delikatnie zirytowa膰 korzystaj膮cych z naszej strony.
  • Pod艣wietl dzisiejsz膮 dat臋: nie zapomnij na kalendarzu pod艣wietli膰 dzisiejszej daty (ka偶demu z nas zdarza si臋 jej zapomnie膰聽馃槈) oraz w zauwa偶alnie inny spos贸b dnia wybranego.
  • Pozostaw placeholder z formatem daty: w聽niekt贸rych aplikacjach zdarza si臋 tak, 偶e placeholder z聽formatem daty znika po rozpocz臋ciu jej wpisywania. Osobi艣cie radzi艂bym pozostawi膰 dalsz膮 cz臋艣膰 placeholderu, wtedy unikniemy sytuacji gdy u偶ytkownik zd膮偶y zapomnie膰 o oczekiwanym formacie.
殴r贸d艂o: medium.com

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.