Twoja firma wygląda lepiej niż jej strona internetowa

01 / PROJEKTOWANIE / UX

Zacznijmy od rozbieżności, nie od gustu

Zdanie „ta strona jest brzydka” rzadko pomaga podjąć dobrą decyzję. Właściciel może być do niej przywiązany, bo sam wybierał zdjęcia albo pamięta wysiłek poprzedniego wdrożenia. Projektant może po prostu preferować inny styl. Zamiast rozstrzygać, czy ktoś ma dobry gust, warto porównać stronę z poziomem firmy, którą ma reprezentować.

Czy realizacje są pokazane równie starannie, jak zostały wykonane? Czy treść wyjaśnia różnicę między Twoją ofertą a najtańszą alternatywą? Czy klient szukający obsługi premium dostaje wystarczające powody, żeby potraktować firmę poważnie? Jeśli odpowiedzią jest „nie”, mamy już temat do pracy.

Przykład: pracownia wnętrz prezentuje dopracowane mieszkania na niewielkich, przypadkowo przyciętych zdjęciach. Każde ma inny format, opisy sprowadzają się do nazwy miasta, a na telefonie galeria otwiera się niewygodnie. Nie trzeba zmieniać charakteru marki. Trzeba dać jej pracom właściwe miejsce i opowiedzieć o decyzjach projektowych.

02 / PROJEKTOWANIE / UX

Porządek jest widoczny, zanim ktoś zacznie czytać

Na dobrej stronie od razu widać, co jest najważniejsze. Tytuł prowadzi do opisu, opis do dowodu, a dowód do działania. Pomagają w tym wielkość tekstu, odstępy, kontrast i ograniczona liczba wyróżnień. Jeżeli pięć elementów jednocześnie krzyczy o uwagę, odbiorca musi sam ustalić kolejność.

Spójność nie oznacza nudy. Strona może mieć mocny charakter, nietypowe zdjęcia czy wyrazistą typografię, a jednocześnie pozostać łatwa w użyciu. Ważne, żeby powtarzające się elementy miały tę samą rolę. Jeśli przycisk zamówienia raz jest zielony, raz wygląda jak zwykły tekst, a innym razem przypomina ozdobę, klient uczy się interfejsu od nowa.

Osobno trzeba ocenić czytelność. Jasnoszary tekst na białym tle może wyglądać subtelnie na ekranie projektanta, a być męczący na telefonie w słońcu. W3C wyjaśnia znaczenie kontrastu dla odczytywania tekstu. To dobry przykład elementu, o którym można rozmawiać konkretnie, bez porównywania upodobań.

03 / PROJEKTOWANIE / UX

Zdjęcia i treść powinny należeć do tej firmy

Losowe fotografie z banku zdjęć, identyczne ikony i tekst o „kompleksowych rozwiązaniach” potrafią sprawić, że kilka zupełnie różnych firm wygląda tak samo. Klient nie dowiaduje się, z kim będzie pracować. Widzi jedynie poprawnie wypełniony szablon.

Prawdziwe materiały nie muszą być efektowną sesją reklamową. Dobrze przygotowane zdjęcie realizacji, zbliżenie detalu albo fotografia zespołu przy pracy mogą przekazać więcej niż dekoracyjna ilustracja. Potrzebują jednak selekcji i obróbki odpowiedniej do strony. Nie każde zdjęcie z telefonu powinno trafić do galerii tylko dlatego, że jest dostępne.

Podobnie działa treść. Zamiast zapewnienia, że „stawiamy na indywidualne podejście”, pokaż, jakie pytania zadajesz przed wyceną i dlaczego. Zamiast samej listy branż opisz, jaki problem rozwiązałeś w jednej realizacji. Jeżeli nie możesz ujawnić klienta, opisz proces bez wrażliwych danych i bez przypisywania sobie niepotwierdzonych wyników.

To właśnie te materiały pozwalają uzasadnić cenę. Nowy krój pisma nie wyjaśni, dlaczego usługa kosztuje więcej. Dobrze przedstawiony zakres, sposób pracy i efekt wykonania już mogą w tym pomóc.

04 / PROJEKTOWANIE / UX

Sprawdź stronę tak, jak sprawdza ją nowa osoba

Właściciel wie, że cennik znajduje się pod nazwą „Współpraca”, a formularz ukrywa się na końcu długiej podstrony. Nowy odwiedzający tego nie wie. Zaproś osobę spoza firmy i poproś, żeby znalazła ofertę odpowiadającą konkretnemu zadaniu. Nie podpowiadaj, w co kliknąć. Obserwuj miejsca, w których zatrzymuje się i zgaduje.

Takie ćwiczenie nie jest pełnym badaniem reprezentującym wszystkich klientów. Pozwala jednak wychwycić oczywiste nieporozumienia. Warto zapisać dokładne zachowanie: „nie zauważył przycisku wyceny”, zamiast interpretacji „nie spodobała mu się strona”. Pierwsze stwierdzenie da się sprawdzić po zmianie.

Powtórz zadanie na telefonie. Zobacz, czy długie nagłówki nie zasłaniają oferty, czy formularz jest wygodny i czy menu używa słów znanych klientowi. Projekt, który świetnie wygląda w szerokim podglądzie, może wymagać osobnych decyzji na małym ekranie.

05 / PROJEKTOWANIE / UX

Nie zawsze potrzebujesz wszystkiego od nowa

Jeżeli struktura strony jest sensowna, treści aktualne, a panel wygodny, wystarczy czasem uporządkować typografię, zdjęcia i kilka najważniejszych sekcji. Gdy problemy dotyczą jednocześnie nawigacji, prezentacji oferty, telefonu i możliwości edycji, poprawianie pojedynczych detali może tylko przedłużać przebudowę.

Decyzję warto oprzeć na liście zadań: co nie działa, na jakiej podstronie i jak utrudnia obsługę klienta. Dopiero wtedy można porównać zakres modernizacji z nowym wdrożeniem. Przy takiej rozmowie łatwiej ocenić wycenę, bo wiadomo, za jaką zmianę płacisz.

Dobra strona nie ma zmuszać Cię do przeprosin za wygląd. Powinna ułatwiać przedstawienie firmy, która już wykonuje dobrą pracę. Jeśli czujesz tę rozbieżność, pokaż wykonawcy zarówno obecną witrynę, jak i realizacje, z których jesteś dumny. To znacznie lepszy początek projektu niż prośba, żeby „zrobić coś nowoczesnego”.