10 zasad jak projektować FORMULARZE
Vložit
- čas přidán 20. 07. 2019
- Jak projektować lepsze formularze. W dzisiejszym odcinku mały wgląd w jakże istotny element naszych stron oraz usług - formularze. Jak projektować je lepiej? dlaczego ładnie nie oznacza skuteczne? Jakie błędy podczas projektowania formularzy popełniamy? O tym w dzisiejszym odcinku.
Więcej i szczegółowiej na temat projektowania formularzy przeczytacie tutaj: www.nngroup.com/articles/form...
#ux #ucd #design
Zapisz się na UXowy newsletter - www.subscribepage.com/UX
Mój blog - ux.marszalkowski.org
Jest konkret, tak trzymaj :)! Czekam na nowe filmy. Życzę wytrwałości.
dzięki za bardzo sensowny materiał :)
Miej wspanialy dzien
Super materiał ;) mógłbyś zrobić odcinek odnośnie koszyka w ecommerce? Jakie są powszechne błędy, ile powinien mieć kroków, czy dążyć do zminimalizowania kroków itd Będę wdzięczny :)
Ciekawy temat, myślę że spokojnie nadaje się na odcinek.
Piotrze, może skoro jesteśmy przy formularzach, może warto zaczępić też o RODO (wymagania, zgody i mity dotyczące prawa)?
Ciekawy materiał. Co sądzisz o ustawieniu CTA po lewej stronie w jednokolumnowym formularzu? Oko usera w tym wypadku idzie w jednej linii, więc łatwiej umieścić kolejny krok po lewej stronie, tak jak inputy.
uxmovement.com/forms/aligning-submit-buttons-on-form-column-layouts/
Jeżeli jest to formularz typu landing to jak najbardziej. Jeżeli część większego narzędzia, to może być tak że primary button będzie znajdował się w prawym dolnym rogu, wtedy zaburzysz trochę konsekwencję. Wtedy warto to przetestować.
co uwazasz o logowaniu za pomoca Facebooka, Googla etc. jak ma sie to biznesowo i uzytecznie do standardowego formularza z emailem i passworderm np. ? :)
To zależy. Są sytuacje w których to mocno przyspiesza. Jednakże są też sytuacje, w których facebook służy aby wypełnić pole email oraz imię użytkownika wtedy to bez sensu. Warto przetestować z użytkownikami. Ostatnio zauważyłem, że co raz więcej userów ma obawy dotyczące bezpieczeństwa stąd unika takiej rejestracji.
przycisk zapisu zmian na formularzu - na dole czy u góry formularza? Patrząc zarówno na desktop jak i mobile.
Na dole. Pomyśl o formularzu jak o zadaniu. Ma swoją kolejność. Ostatnim pytaniem jest czy chcesz zapisać zmiany, więc będzie na końcu.
Tworzysz strony w adobe xd czy to tylko na potrzeby demonstracji ? Polecasz jako alternatywę dla zwykłego kodowania ?
Każdy koncept zaczyna się na flipcharcie, następnie jest przenoszony na makietę (adobe XD) a dopiero po akceptacji makiet jest kodowany. Tu nie chodzi o zastępstwo ale uzupełnienie. Poprawki makiet są dużo prostsze i tańsze niż poprawki na zakodowanym serwisie. A programistom lepiej jest kodować konkret w postaci makiet niż domyślać się co klient ma na myśli.
Ad 7:36-8:00 - Twoja rekomendacja, żeby zaznaczać tylko opcjonalne pola, jest sprzeczna z rekomendacją NNGroup (www.nngroup.com/articles/required-fields/), która mówi, że lepiej jest jednak oznaczać wymagane pola jako wymagane (wyjątkiem są np. formularze logowania, ale to już są szczególne przypadki, opisane w artykule). Na podstawie jakich danych, analiz, artykułów czy case study proponujesz zasadę, żeby nie zaznaczać pól wymaganych, a tylko opcjonalne?
“Form fields - Required vs Optional” by jordane sanson link.medium.com/1vkB1Jrehbb
pierwszy!
Dwa tematy, ciekaw jestem Twojego zdania na ten temat:
1. Czy warto dodawać "pasek postępu" w wypełnieniu formularza?
2. Czy na wstępie dobrze jest informować ile wypełnienie tego konkretnego formularza powinno zajać użytkownikowi czasu?
Ad. 1 Wydaje mi sie że zmniejsza to "porzucanie" formularza w trakci wypełniania.
Ad. 2 Szczegółnie przy tych dłużych (5+ min) może to zniechęcać niektorych użytkowników w ogóle do rozpoczęcia wypełniania formularza.
Zawsze warto przetestować nasze pomysły z użytkownikami, grupa Twoich odbiorców może być bardzo specyficzna dlatego nawet najlepsza heurystyka może nie mieć przełożenia w jakimś przypadku.
1. Jeżeli podzieliłeś go rozsądnie to może pomóc np. w ecommerce buduje poczucie drogi i pozwala mentalnie sobie to zaplanować.
2. Jak najbardziej, najgorsze jest rozczarowanie związane z tym co użytkownik założył a co otrzymuje w rzeczywistości. +5 min może zniechęcić, ale w przypadku nie podania będziesz miał bardzo duży drop. Dlatego warto zmierzyć w teście co Ci lepiej konwertuje na wypełniony formularz.
Jesteś bardziej ux czy ui? Myślisz że pracy grafika jest przydatna znajomość Html css
Ux, tak jest przydatna.