Dzisiaj mam dla Ciebie zadanie. Poniżej zobaczysz formularz. Twoim zadaniem jest znalezienie jak największej ilości błędów, biorąc pod uwagę ux oraz ui.
Poniżej grafiki znajdziesz moje wypunktowane błędy.
👉 Moje przemyślenia:
- Dlaczego formularz pyta o płeć? Czy jest to zasadne? Nie ma wyjaśnienia w postaci tooltipu po co jest to pole
- Wybór płci, jeśli jest zasadny, powinien odbyć się za pomocą pola wyboru, a nie rozwijanej listy.
- Podwojenie praktycznie tego samego pytania MS/MR oraz pytania o płeć.
- Pola radiowe oraz etykiety “Female, Male” – mocno oddalone od siebie
- Jeśli ktoś zdecydował się na określenie płci, to powinien zachować inkluzywność.
- Pole “Imię oraz Nazwisko” powinno być jednym polem, nie rozdzielone.
- Pole “Data” powinno być jednym polem, z widoczną maską DD/MM/RRRR lub kalendarzem do wyboru.
- Przy polu email niepotrzebny symbol zastępczy.
- Przy polu numer telefonu usunąć symbol zastępczy lub dodać maskę ––_
- Pola adres można scalić w jedno.
- Pole kod pocztowy takiej samej długości jak pozostałe. Można go umieścić na równi z polem miasto, które zostanie automatycznie pobrane, po podaniu kodu pocztowego.
- Dwa przyciski bez dobrze widocznej hierarchii wizualnej.
- Etykiety najlepiej jeśli są nad polami.
- Duża odległość między polami, a etykietami. W tym wypadku etykiety powinny być wyrównane do prawej.
- Brak symetrii w polach “data urodzenia” względem pozostałych pól.
- Brak odpowiedniego wyrównania checkboxów (“All”, “email”… itd) do etykiet.
- Długi tytuł na górze formularza. Pola nie wyrównane względem tytułu.
- Przycisk “Update my profile” bez żadnego wyrównania.
- Niepotrzebnie etykiety przycisków są pisane z dużych liter.
- Przycisk “Find Address” powinien być na górze. Użytkownik zauważy go dopiero po wypełnieniu danych.
- Formularz wpisywania ręcznego adresu powinien być widoczny dopiero, gdy ktoś nie korzysta z opcji “Find Address”.
- Z formularza można wywnioskować, żę system pyta o dane, które nie do końca są mu potrzebne, ponieważ więcej pól jest opcjonalnych niż obowiązkowych. Powinno być odwrotnie.
- Oznaczyć tylko pola opcjonalne, które powinny stanowić mały procent całego formularza.
- Pomieszanie checkboxów, przycisków wyboru oraz list rozwijanych w jednym formularzu.
- Brak podpowiedzi (tooltip) dla pól :
- po co mam podawać datę urodzenia?
- po co mam podawać nr telefonu?
- po co mam określać płeć?