Proces projektowania zorientowanego na użytkownika: ostateczny przewodnik

Większość projektantów stron internetowych ma zwyczaj projektowania interfejsów, które mają na celu osiągnięcie celów biznesowych lub wprowadzenie nowych, błyszczących funkcji, aby efekt końcowy wyglądał oszałamiająco. Jednak mają tendencję do ignorowania oczywistego faktu, że projektowanie nie polega tylko na dodawaniu wymyślnych elementów, ale na tym, aby interfejs był przystępny i użyteczny dla użytkowników. Mówiąc prostym językiem, jeśli zaniedbujesz użytkowników, prawdopodobnie popełniasz najgorszy błąd w całej swojej karierze projektanta stron internetowych. Dlatego dzisiaj chcemy dowiedzieć się więcej o procesie projektowania zorientowanego na użytkownika oraz o tym, jak może on pomóc ulepszyć Twoją witrynę.

Aspiracje użytkowników powinny być częścią procesu projektowania, w przeciwnym razie interfejs nie będzie miał wpływu. Ponieważ zbyt wielu projektantów tworzyło szablony stron internetowych bez koncentrowania się na upodobaniach i niechęciach docelowych odbiorców, powstała idea projektowania zorientowanego na użytkownika. Proces projektowania skoncentrowanego na użytkowniku koncentruje się w pierwszej kolejności na użytkownikach. W przeciwieństwie do tradycyjnego procesu projektowania stron internetowych, w którym informacje zwrotne od użytkownika są uwzględniane na ostatnim etapie rozwoju, ze względu na zasady projektowania zorientowanego na użytkownika, te informacje zwrotne powinny być brane pod uwagę na wszystkich etapach procesu projektowania.

Co to jest projektowanie zorientowane na użytkownika?

Pierwszy etap procesu projektowania skoncentrowanego na użytkowniku rozpoczyna się od zrozumienia, czego faktycznie chce docelowa grupa odbiorców, a następnie opracowania interfejsu, który uwzględnia te potrzeby. Jednak praca na tym się nie kończy; na każdym etapie informacje zwrotne od użytkowników pomagają stworzyć projekt, który zadowoli każdego.

Od wczesnego etapu konceptualizacji do finalizacji projektu projektowego interfejs będzie testowany z grupą docelową, aby poznać potrzeby szerszej publiczności. Krótko mówiąc, w podejściu projektowym skoncentrowanym na użytkowniku, użytkownicy odgrywają aktywną rolę w określaniu końcowego wyniku projektu. Czy to prototypowanie produktu, czy realizacja koncepcji, użytkownicy mają do odegrania rolę i to właśnie zmienia przebieg procesu projektowania.

W tym artykule przyjrzymy się niektórym z najważniejszych aspektów procesu projektowania zorientowanego na użytkownika, aby lepiej zrozumieć temat.

Chodzi o dostępność

Użytkownicy chcą uzyskiwać dostęp do informacji bez kłopotów po drodze, dlatego jako projektant musisz dołożyć wszelkich starań, aby interfejs, który projektujesz, osiągnął wysokie wyniki w zakresie ułatwień dostępu.

1. Nawigacja

Aby wszystkie informacje na Twojej stronie były łatwo dostępne, musisz zacząć od nawigacji w witrynie. Nie komplikuj nawigacji, dodając wymyślne funkcje. Staraj się trzymać starej dobrej nawigacji u góry z linkami do widocznych sekcji Twojej witryny. Być może możesz pomyśleć o dodaniu breadcrumb, ponieważ pomaga to użytkownikom zorientować się w ich aktualnej pozycji w witrynie. Mega menu to z pewnością kolejna fajna funkcja, która jest coraz bardziej popularna wśród projektantów, ponieważ pozwala im udostępnić dużą część witryny za pomocą górnej nawigacji.

Food Network to dobry przykład projektowania skoncentrowanego na użytkowniku – wykorzystuje mega menu i wydaje się, że uprościł nawigację po stronie w nigdy wcześniej niespotykany sposób. Mega menu zawiera linki do wszystkich ważnych sekcji witryny, dzięki czemu użytkownicy mogą łatwiej przeglądać witrynę i uzyskiwać dostęp do informacji bez marnowania czasu. Użycie obrazów wraz z linkami wyróżnia mega menu Food Network na tle innych stron tego samego klanu.

2. Opcja wyszukiwania

Możesz ułatwić użytkownikom znajdowanie poszukiwanych informacji, dodając w projekcie pole wyszukiwania. Pole wyszukiwania powinno być umieszczone w dogodnym miejscu na stronie, aby ludzie nie musieli się zmagać z jego znalezieniem. Użyj tekstów o duchach, aby ułatwić ludziom zrozumienie ich celu.

WYPRÓBUJ ZA DARMO

Ponieważ moda zimowa to szablon witryny dużego sklepu, zawiera pole wyszukiwania w górnej nawigacji, dzięki czemu użytkownicy mogą wyszukiwać w przypadku, gdy nie mogą czegoś znaleźć. Chociaż nie używano tekstów-widmów, użycie ikony wyszukiwania daje użytkownikom jasne zrozumienie, że jest to pole wyszukiwania.

3. Mapa strony

Mapa witryny to dobra opcja ułatwiająca użytkownikom zlokalizowanie strony. Ponieważ ludzie przyzwyczaili się do odwiedzania mapy witryny za każdym razem, gdy nie uda im się znaleźć strony internetowej, warto zachować rezerwę na mapę witryny w swojej witrynie.

WYPRÓBUJ ZA DARMO

Mapa strony EngineeRSK ma określoną strukturę, dzięki czemu staje się bardzo prosta dla użytkowników. Sekcje zostały starannie podzielone na kategorie. To doskonały przykład prostej i przyjaznej dla użytkownika mapy witryny. Przy okazji, w panelu administracyjnym MotoCMS możesz łatwo wygenerować mapę witryny automatycznie.

Orientacja strony internetowej

Orientacja witryny to kolejny czynnik, który ma decydujący wpływ na projekt zorientowany na użytkownika. Orientacja witryny obejmuje takie czynniki, jak widoczność różnych elementów projektu, linki opisowe itp.

WYPRÓBUJ ZA DARMO

Modern House Construction wyróżnia się wysoką widocznością z przodu. W projekcie poświęcono odpowiednią uwagę tak kluczowym elementom, jak przycisk „Call to Action”, przejrzysta nawigacja oraz opisowe linki i teksty. Każdy element tego projektu przyciąga uwagę.

Spójność

Twój projekt musi być spójny we wszystkich sekcjach witryny. Po prostu nie można modyfikować nawigacji ani zmieniać pozycji elementów projektu przypadkowo, ponieważ mogłoby to spowodować, że użytkownicy poczują się zdezorientowani. Przeglądanie witryny może być trudne, jeśli jej górna nawigacja zniknie na niektórych stronach lub jeśli górna nawigacja pozioma ustąpi miejsca nawigacji pionowej w sekcjach witryny. Z punktu widzenia użytkownika jest to całkowicie zdumiewające, jeśli projekt i elementy ciągle się zmieniają. Spójność jest kluczem do sukcesu, jeśli chodzi o proces projektowania zorientowanego na użytkownika.

Włącz mechanizm informacji zwrotnej

Koncepcja projektowania skoncentrowanego na użytkowniku nie kończy się wraz z zakończeniem projektu, a raczej jest procesem ciągłym. Dlatego konieczne jest, aby projektant dodał w procesie projektowania mechanizm sprzężenia zwrotnego, aby ludzie mogli dzielić się swoimi upodobaniami i niechęciami. Powiedz na przykład, co ma zrobić użytkownik, jeśli nie może wypełnić formularza z powodu jakiegoś dziwnego błędu? W takim przypadku mechanizm informacji zwrotnej może pomóc mu w poinformowaniu webmastera o problemie. Mechanizmem informacji zwrotnej może być formularz lub czat itp.

Spraw, aby projekt wyglądał dobrze

To, że koncentrujesz się na potrzebach użytkowników, nie oznacza, że ​​powinieneś ograniczać kreatywność.

Brzydka strona internetowa z pewnością nie zadowoli docelowej grupy odbiorców. Celem projektu zorientowanego na użytkownika jest ułatwienie użytkownikom poruszania się po witrynie i uzyskiwania dostępu do informacji, których szukali, bez żadnych niedogodności. Nie ma to nic wspólnego z wyglądem i stylem witryny. Technicznie projekt strony internetowej powinien być prosty i bezpośredni. Złożone projekty rzadko osiągają wysokie wyniki pod względem przyjazności dla użytkownika. Dobrze wyglądająca strona internetowa ma tendencję do wzbudzania zaufania wśród użytkowników i może sprawić, że poczują, że strona będzie im dobrze służyć.

Widoczność różnych elementów

Samo dodanie fajnych elementów projektowych w interfejsie nie zaoferuje użytkownikom wiele pomocy. Elementy należy rozmieścić w taki sposób, aby przyciągały uwagę użytkowników, ale nie należy tego robić kosztem innych elementów. Widoczność elementów projektu bezpośrednio wpływa na interakcję użytkowników z serwisem. Mniej ważne elementy nie powinny przyciągać całej uwagi, ponieważ miałoby to katastrofalny wpływ na współczynnik konwersji witryny; co więcej, jeszcze trudniej będzie użytkownikom zlokalizować sekcje/elementy, które mają dla nich znaczenie.

WYPRÓBUJ ZA DARMO

Szablon strony internetowej Kerri CV Card zawiera mnóstwo elementów na stronie głównej bez zakłócania interfejsu.

Pozbądź się nadmiaru informacji

Zbyt wiele informacji może przytłoczyć użytkowników. Zwykle dzieje się tak w przypadku witryn z dużą ilością treści i obrazów. Należy ściśle dbać o właściwą architekturę informacji, czyli jej organizację i strukturę; w przeciwnym razie zdezorientujesz użytkowników. Właściwe użycie kategorii, struktury mapy witryny, okruszka itp. to tylko niektóre z unikalnych aspektów, które należy wziąć pod uwagę, gdy masz do czynienia z dużymi i bogatymi w treść witrynami.

Kilka dobrych przykładów projektowania zorientowanego na użytkownika

WYPRÓBUJ ZA DARMO

DARMOWE DEMO

WYPRÓBUJ ZA DARMO

DARMOWE DEMO

Wniosek

Proces projektowania skoncentrowanego na użytkowniku ma na celu rozwianie obaw użytkowników, że trudno będzie znaleźć potrzebne informacje na stronie internetowej. Postaraj się zrozumieć, czego chcą użytkownicy, jeszcze zanim zaczniesz pracę nad projektem. Zminimalizuje to zamieszanie i sprawi, że przeglądanie strony będzie łatwe i przyjemne dla użytkowników.