Świadomość tego, jak ważne jest zwrócenie uwagi na aspekty UX podczas projektowania strony lub aplikacji, wzrasta. Właściciele rozwiązań cyfrowych, którym zależy na tym, by ich produkt był intuicyjny i atrakcyjny dla użytkowników końcowych, coraz częściej inwestują w projektowanie UX. Zdają sobie bowiem sprawę, że ludzie chętniej korzystają z użytecznych rozwiązań, które są w rezultacie bardziej konkurencyjne.
Uwzględnianie projektowania ux w budżetach jest rozwijającym się trendem. Natomiast, niestety jeszcze dość często zdarza się, że docelowy projekt graficzny strony lub aplikacji przysłania to, co zostało wypracowane na etapie projektowania ux. Z czego to wynika i co zrobić, by nie stało się tak z naszym rozwiązaniem?
Złe decyzje, które obniżą UX Twojego produktu
Projektowanie graficzne interfejsów stron i aplikacji w oderwaniu od projektowania UX może rodzić negatywne konsekwencje
Dobre makiety UX (“Czym są makiety UX i jak je tworzyć”), które otrzymuje osoba odpowiedzialna za design, tworzone są w oparciu o praktyki projektowania użytecznych interfejsów. Jednak niektóre aspekty związane z użytecznością docelowego rozwiązania zależą również od decyzji projektanta UI.
Ścisła współpraca projektanta odpowiedzialnego za grafikę produktu cyfrowego- UI design (user interface design) z działem UX odpowiedzialnym za dany produkt jest niezmiernie istotna. W pierwszej fazie powstawania produktu omawiana jest jego koncepcja, sposób działania, cele biznesowe, potrzeby oraz oczekiwania grupy docelowej. To właśnie na podstawie tych informacji tworzone są projekty UX danego rozwiązania. Na makiecie UX jednak niemożliwe jest uwzględnienie części elementów, które powinny zostać zaaplikowane już przez projektanta UI, takie jak np. ostateczna stylistyka (tzw. look&feel), wpływająca znacząco na realizację celów biznesowych klienta oraz potrzeby grupy docelowej.
Warstwa wizualna projektu nie tylko odgrywa dla użytkownika rolę estetyczną, ale pełni również rolę informacyjną. Strona lub aplikacja utożsamiana jest z daną firmą lub produktem. Paleta barw, styl czcionki, kontrasty, charakterystyka zdjęć, ilustracji, ikon – odpowiednie konfiguracje tych wszystkich elementów wpływają na ogólny odbiór przez użytkownika. Jeśli więc na przykład dana placówka medyczna chce tworzyć wizerunek nowoczesnej, przyjaznej, zaufanej, eksperckiej – warto zastosować elementy zwiększające zaufanie, takie jak odpowiednio dobrane zdjęcia, profesjonalne fonty, stonowana paleta barw itp.
Osoba, która nie uczestniczyła w projekcie od początku i „wchodzi” do niego dopiero po otrzymaniu makiet lub prototypu, może nie posiadać wszystkich niezbędnych informacji, dlatego warto jej je dostarczyć.
Zatrudnianie projektanta bez doświadczenia w projektowaniu interfejsów prawie zawsze mści się na produkcie
Nawet doskonały artysta, który tworzy piękne banery, plakaty, logotypy lub grafiki do druku – jeśli nie posiada doświadczenia w projektowaniu interfejsów (projektowania UI) – nie zrobi tego dobrze. Mogłoby się wydawać, że przecież to bardzo zbieżne dziedziny, a i wykorzystane narzędzia mogą być te same. W rzeczywistości jednak projektowanie do druku i projektowanie interfejsów rządzą się innymi prawami.
Zdarza się, że klient chce zaoszczędzić, zlecając zaprojektowanie strony swojemu sprawdzonemu i zaufanemu grafikowi (który zajmował się tworzeniem katalogów, logotypu, ulotek itp.). Nie raz byliśmy świadkami, jak w rezultacie przekłada się to na ostateczny wynik prac – taki design często jest zbyt ciężki, elementy interaktywne nie zawsze są przemyślane, brakuje odpowiedniego „oddechu” na stronie.
Specjalista od projektowania UI zna przyzwyczajenia i oczekiwania użytkowników odnośnie zachowania się konkretnych komponentów. Wie, jak utrzymać spójność na interfejsie, jaki layout (układ) zastosować. Brak doświadczenia designera w projektowaniu zgodnie z wytycznymi UX zwiększa prawdopodobieństwo obniżenia użyteczności produktu.
Pominięcie kwestii użyteczności podczas projektowania interfejsów stron i aplikacji (UI design) to nadal częste zjawisko.
Na co zwrócić uwagę podczas projektowania interfejsu, by zadbać o dobry UX
Odpowiednia wielkość i poziom kontrastu tekstu
Jednym z najczęstszych błędów popełnianych przez niedoświadczonych projektantów są kwestie związane z kolorami. Jeżeli kolor fontu (lub ikony) niewystarczająco kontrastuje z tłem, tekst staje się mało czytelny. Minimalny wskaźnik kontrastu to 4,5. Istnieją specjalne narzędzia umożliwiające sprawdzenie kontrastu, np. Tanaguru Contrast Finder.
Warto również zwrócić uwagę na rozmiar tekstu. Na desktopie dobrze jest stosować rozmiary tekstu w granicach 16 – 20px.
Kwestie te nie tylko wpływają na użyteczność, ale również na dostępność strony.
Spójność elementów graficznych i interaktywnych
Warto zadbać o nią na samym początku, ponieważ później ciężko będzie zapanować nad chaosem stylistycznym. Stosujmy spójne ikony (zdecydujmy się na wypełnione lub linearne), stylistycznie spójne nagłówki itp. Zaniechanie takich działań wprowadza poczucie chaosu, zmniejsza zaufanie do witryny, a także utrudnia korzystanie z niej.
Niekonsekwentne użycie koloru powoduje, że użytkownik nie wie, w co może kliknąć, a w co nie. Niektóre linki oznaczane np. kolorem niebieskim, mogą sugerować, że jest to kolor przeznaczony dla tego typu interaktywnych elementów. Tymczasem jeśli na stronie występują też niebieskie fragmenty tekstu czy nagłówki, które nie są klikalne, użytkownik poczuje się zdezorientowany.
Prawidłowe odległości, grupowanie elementów i kierowanie uwagą użytkownika
Warto zwrócić uwagę na odległości między poszczególnymi sekcjami na interfejsie. Jeśli są zbyt małe, nadają stronie uczucie ciężkości i zmniejszają jej czytelność. Przy projektowaniu stron, w przeciwieństwie do materiałów drukowanych i grafiki, używa się więcej przestrzeni.
Niekiedy projektanci zmieniają wielkości elementów w stosunku do tych zaprezentowanych na makietach. Nieprzemyślane zmiany tego typu mogą zmienić hierarchię informacji lub zmniejszyć przejrzystość strony.
Pułapek jest wiele, dlatego aby środki przeznaczone na projektowanie UX nie poszły na marne, warto zwrócić również szczególną uwagę na etap projektowania graficznego interfejsu (UI Design).
