#PrzemoPatterns: Radio
1 min czytania

#PrzemoPatterns: Radio

#PrzemoPatterns: Radio

🤔 Co to jest?

Radio-button to z pozoru banalna sprawa, klikamy w jakieś kółeczko, wybieramy opcję i gotowe. Niemniej jednak, jest kilka pułapek, które warto omijać. Bez zbędnych wstępów - przeczytajcie, o czym pamiętać przy okazji użycia tego elementu:

ℹ️ Wskazówki

  • Aby użycie radio-buttona miało sens, powinniśmy mieć listę co najmniej dwóch możliwych opcji
  • Użytkownik może zaznaczyć tylko jeden (!) radio-button
  • Domyślnie zaznaczmy jeden z radio-buttonów, nie zawsze musi to być pierwsza opcja, może to być ta bardziej prawdopodobna, oparta na wcześniejszych badaniach i doświadczeniach
  • Radio z krótkimi etykietami możemy wyrównać w poziomie, zwykle powinniśmy umieszczać je w pionie (jeden pod drugim)
  • Klikalność: zastanówmy się, w co można kliknąć, aby aktywować radio-button (etykieta tekstowa, cały kontener?); dla użytkownika byłoby przyjaźniej, gdyby nie musiał celować idealnie w to niewielkie kółeczko 😉
Przykład radio-buttonów z ciekawą animacją. Źródło

Więcej o radio-buttonach możesz przeczytać tutaj:
uxplanet.org/radio-buttons-ux-design

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.