Projektowanie stron internetowych: UX a UI – poznaj najważniejsze różnice

UX i UI to dwa terminy, które zawsze pojawiają się w kontekście projektowania współczesnych stron internetowych. W przypadku większych projektów, z odpowiednim budżetem, wyznacza się nawet specjalistów odpowiedzialnych stricte za oba aspekty dostosowywania witryny do oczekiwań i potrzeb użytkowników. Nie oznacza to natomiast, że tworząc tanią stronę internetową możemy całkowicie zlekceważyć UX i UI – po prostu poświęca się im nieco mniej czasu, korzystając z gotowych, sprawdzonych rozwiązań, takich jak m.in. szablony www.

Czym właściwie są UX i UI? Jakie są między nimi różnice? Tego już dowiesz się z naszego poradnika.

UX, czyli akcent na pozytywne doświadczenia użytkownika

UX (User Experience) to suma doświadczeń użytkownika podczas korzystania ze strony internetowej (lub aplikacji). Innymi słowy: chodzi o to, jak będziemy wspominać wizytę na danej stronie, czy spełni ona nasze oczekiwania i czy zachęci do ponownego zajrzenia na ten serwis.

Projektując UX strony koncentrujemy się na funkcjonalności, intuicyjności i użyteczności witryny. Bazowym celem projektanta jest to, aby korzystanie ze strony było łatwe, przyjemne i prowadziło użytkownika do oczekiwanego przez właściciela celu, czyli np. dokonania zakupu, zapisania się na newsletter, wysłania zapytania ofertowego etc.

UI, czyli wywołanie pierwszego dobrego wrażenia

UI (User Interface) to nieco „konkretniejszy” aspekt projektowania stron internetowych. Obejmuje skupienie się na wizualnej sferze witryny i na tych elementach graficznych, z którymi użytkownicy wchodzą w interakcję.

UI dotyczy szeroko pojętej estetyki witryny, czyli kolorów, fontów, przycisków, ikon, układu treści i menu. Innymi słowy: UI odnosi się do projektowania warstwy wizualnej, która z jednej strony ma wyglądać atrakcyjnie dla użytkownika, a z drugiej ułatwiać nawigację i zwiększać użyteczność strony.

Kluczowe różnice między UX a UI

Pisząc w dużym uproszczeniu:

• UX - odnosi się do sposobu działania strony, skupiając się na strukturze i funkcjonalności witryny, odpowiadając za to, czy użytkownik łatwo znajdzie na stronie to, czego szuka.
   
• UI – skupia się na wyglądzie strony, jej estetyce, decydując o tym, czy użytkownik od razu po wejściu na stronę poczuje się na niej dobrze i zechce zagłębić się w jej zawartość.
   

Trzeba natomiast wyraźnie zaznaczyć, że obydwa aspekty są równie ważne i w zasadzie nie powinny być uwzględnianie w oderwaniu od siebie. Wynika to również z faktu, iż cele UX i UI się przenikają – chodzi przecież o to, aby zachęcić użytkownika do spędzenia większej ilości czasu na stronie, co zawsze sprzyja konwersji (np. dokonaniu zakupu czy skorzystaniu z formularza kontaktowego).

Co ważne, zasady UX i UI powinny być uwzględnione w każdym projekcie, również na etapie tworzenia względnie taniej strony internetowej (choć oczywiście w ograniczonym zakresie). Niski budżet nie uzasadnia ignorowania potrzeb użytkownika.