Jak dobrze dobrać proporcje elementów UI?
Tym razem #KPTTS przeora pewien login view znaleziony na Behance. Dużo było źle zrobione, ale tam, gdzie zło, można się wiele nauczyć. A więc zaparz herbatkę i rozsiądź się, zobaczysz, jak się poprawia designy.
Upewnij się że używasz odpowiednich rozmiarów
1. Jak spojrzysz na design, czujesz, że jest coś nie tak. Wszystko jest jakoś dziwnie rozsypane, za duże lub nieczytelne. Pamiętaj o grupowaniu informacji. Niewinna zmiana odległości między elementami może zaważyć na tym, czy elementy są czytane razem, czy traktowane jako osobne byty.
Top Tip: Nawet jeśli można enterem zatwierdzić działanie formularza, dobrze jest i tak dać przycisk, który do tego służy.
Pola do wpisywania treści lubią być po prostu białe
2. Skorzystaj z prawa UX Jacoba. Zwykle pola do wpisywania treści są jaśniejsze od tła lub po prostu białe. Wtedy intuicyjnie wiesz, że ten zaokrąglony prostokąt to input (miejsce do wpisywania), a nie np. button.
Inwersja kolorów tutaj to poprawi.
Oddziel funkcje od siebie
3. Social Login to alternatywa, więc warto odsunąć to od głównych pól logowania. Można też rozdzielić te dwie sekcje kreską. Czarne logo Apple na ciemnym fioletowym tle? Serio? Zadbaj o czytelność. Żeby zmniejszyć pstrokatość różnych logotypów social mediów, można ujednolicić wygląd przycisków. Zapanuje większa harmonia.
Naucz się kontrastów
BONUS:Jak robisz wszystko w tych samych odcieniach fioletu, wszystko zlewa się ze sobą. Nasze mózgi reagują na wyróżnione elementy, te, które odstają. Co jest najważniejsze na stronie loginu? Żeby się zalogować, więc ten button powinien być wyróżniony.
Sposobów jest wiele, można np. ustawić kontrastowy kolor. Taki po drugiej stronie koła kolorów. Dla purpury to żółć. Czy teraz ten button nie jest wyraźny i soczysty i aż się chce w niego kliknąć?
Czy nowy design, przeze mnie zaproponowany, jest lepszy? Czegoś brakuje w tej wersji?