Minimalistyczny UI wcale nie taki prosty
Kiedy UI wygląda ładnie, schludnie i minimalistycznie, a kiedy jak zlepek przypadkowych słów w stylu Worda?
W dzisiejszym odcinku omówię design, który znalazłem na Behance. Na jego podstawie pokażę wam, na co zwracać uwagę, tworząc np. taki UI dla strony szpitala.
Oto w pigułce moje uwagi:
Czarny Kolor w Stronie Szpitala – Czy To Dobry Pomysł?
Czerń kojarzy się z elegancją, ale czy na stronie szpitala nie tworzy zbyt "grobowej" atmosfery? Analizuję użycie czerni w omawianym designie. Czy gradient na zdjęciu jest potrzebny? Czy zdjęcie oddaje charakter miejsca? Szpital to przede wszystkim miejsce, gdzie szukamy pomocy – dlatego dane kontaktowe i informacje o tym, jak uzyskać pomoc, powinny być na pierwszym planie. Linki typu "O nas" schodzą na dalszy plan.
Formularz Rejestracji – Uprość Maksymalnie!
Pole "Kraj" w formularzu rejestracji? Czy to naprawdę potrzebne? Uprość formularz, usuń zbędne pola i unikaj "ścisku". Skup uwagę użytkownika na tym, co najważniejsze – na wypełnieniu formularza. Pamiętaj, UX polega na tym, że dajemy użytkownikom na tacy to, czego potrzebują w danej chwili.
Przyciski Akcji – Wyraźnie Je Odróżnij!
Przyciski "Wyślij" i "Reset" obok siebie, wyglądające tak samo? To proszenie się o kłopoty! Przyciski o skrajnych funkcjach powinny być wyraźnie odróżnione. W przypadku tak krótkiego formularza, przycisk reset mógłby wyglądać jak zwykły link – to funkcja, z której rzadziej się korzysta.
Testuj Swój Design – Wyjdź Poza Program Graficzny!
Łatwo stracić perspektywę, zoomując w programie graficznym. Jak sprawdzić, czy design "działa" w rzeczywistości? Pobierz swój projekt jako JPG i wyświetl go na pełnym ekranie monitora. Zasymuluj, jak wyglądałby na stronie internetowej. Szybko zauważysz, czy fonty nie są za duże, czy sekcje nie są za blisko siebie.