Co to jest doświadczenie użytkownika (i jak możesz go użyć, aby zbudować stronę dopasowaną do Twojej publiczności)?

by Brian Glassman
Co to jest doświadczenie użytkownika (i jak możesz go użyć, aby zbudować stronę dopasowaną do Twojej publiczności)? thumbnail

Jaki to czas, by żyć!

Początkujący bez doświadczenia w kodowaniu mogą teraz stworzyć stronę internetową z minimalnym wysiłkiem i kosztem. Co więcej, opcje są nieograniczone: masz do dyspozycji cały arsenał kolorów, czcionek, obrazów i przycisków. Ale z tak wieloma elementami projektu do wykorzystania, można być kuszącym, aby trochę zaszaleć.

„Szczypta animacji tutaj! Odrobina wzoru w cętki tam!”

Ale, jak to często bywa z rzeczami, które błyszczą, łatwo jest przesadzić — zwłaszcza jeśli twoja kreatywność obniża funkcjonalność twojej strony.

Niezależnie od tego, czy chcesz sprzedać produkt, czy udostępniać wpisy na blogu, budujesz stronę nie dla siebie. To odwiedzający Twoją stronę muszą być zadowoleni z projektu i interfejsu użytkownika. Tutaj kluczowe znaczenie ma Doświadczenie Użytkownika (UX). Skupienie się na UX podczas tworzenia strony powinno przynieść wyższe konwersje i niższy współczynnik odrzuceń.

W tym artykule przedstawię Ci podstawy UX i wyjaśnię, czym zajmuje się projektant UX. Następnie omówimy kilka wskazówek, jak rozpoznać dobre UX, gdy się z nim spotkasz. Na końcu pokażę Ci, jak używać UX do stworzenia lepszej strony internetowej dla Twojej publiczności. Zapraszam do przejścia od razu do sekcji, która jest dla Ciebie najbardziej korzystna!

Gotowy, aby porozmawiać o strategii UX? Zacznijmy!

Wprowadzenie do doświadczenia użytkownika (UX) i dlaczego ma to znaczenie

Prosto mówiąc, User Experience (UX) to jak interakcje z technologią wpływają na uczucia użytkownika. UX dotyczy każdej technologii, od aplikacji po konsolę do gier.

Jeśli chodzi o strony internetowe, projektowanie UX polega na optymalizacji interakcji między użytkownikiem a stroną. Strona zbudowana na solidnych zasadach UX powinna sprawić, że użytkownik poczuje, że osiągnął to, co zamierzał zrobić, bez frustracji.

To może skłonić cię do zainwestowania w pełne rozmachu wizualne opracowanie strony. Może to obejmować efektowne animacje oraz ogromne karuzele obrazów. Jeśli pamiętasz MySpace, prawdopodobnie nadal masz koszmary o animowanych błyskotkach i wersjach MIDI piosenek Blink-182 . . . oj.

Profil MySpace używający wielu jaskrawych kolorów i brokatu.

Ale projektowanie UX ma dużo mniej wspólnego z tym, jak wygląda strona, niż z tym, jak jest używana. Aby było skuteczne, Twoja strona internetowa powinna być kompletnym doświadczeniem — nie tylko słowami i obrazami na stronie.

Użytkownicy mogą zapomnieć dane, takie jak kwota, którą zapłacili za zamówione produkty. Jednakże, doświadczenie związane z zamawianiem powinno być przyjemne i bezproblemowe. To doświadczenie pozostanie z nimi, zwiększając szanse, że będą kupować u Ciebie wielokrotnie.

Jeśli Twoja strona oferuje słabe UX, możesz zauważyć przeciwny efekt. Użytkownicy, którzy stają się zestresowani lub zdenerwowani podczas korzystania z Twojej strony, prawdopodobnie przejdą na stronę jednego z Twoich konkurentów. Mają wiele opcji i nie mają powodu, by wracać na stronę, która jest trudna w użyciu.

Jeśli nadal nie jesteś przekonany, że UX ma znaczenie dla Twojej strony internetowej, oto kilka kluczowych statystyk:

To wszystko służy zilustrowaniu znaczenia dobrego projektowania UX podczas tworzenia strony internetowej.

Powiązany artykuł
Wielka Debata o Wyskakujących Okienkach (i inne problemy Ciemnego UX)
Przeczytaj więcej

Rola Projektanta UX

UX jest tak ważne, że istnieje cały zawód poświęcony jego optymalizacji. Codzienne zadania projektanta UX będą się różnić w zależności od rodzaju projektów, nad którymi pracuje. Jednak cel jest zazwyczaj ten sam. Zadaniem projektanta UX jest optymalizacja doświadczeń użytkownika podczas interakcji z technologią cyfrową, mając także na uwadze dobro firmy.

Aby osiągnąć ten balans, projektant UX stosuje proces który przekłada się na wiele rezultatów.

Zanim zacznie się właściwe projektowanie, należy wykonać wiele badań UX. Dlatego projektant może najpierw stworzyć jedną lub więcej person audiencji. Pozwala to projektantowi zrozumieć potrzeby użytkownika.

Następnie projektant UX może przedstawić potencjalny diagram przepływu użytkownika, aby zbadać możliwe sposoby interakcji użytkownika ze stroną internetową. Mogą następnie przekształcić te informacje w prototyp. Prototypy mogą być tak podstawowe jak szkic wireframe, czyli wstępny zarys tego, jak może wyglądać ostateczna strona internetowa. Projektant może również stworzyć bardziej wizualnie rozbudowany prototyp lub nawet taki, z którym można interaktywnie współdziałać.

Podstawowy szkielet do projektowania strony internetowej.
Podstawowy szkielet.

Obowiązki projektanta UX nie kończą się na finalnym projekcie. Po uruchomieniu strony mogą przeprowadzić testy użyteczności lub przeanalizować dane analityczne użytkowania, aby zidentyfikować i rozwiązać potencjalne problemy.

Innymi słowy, są zaangażowani we wszystkie etapy tworzenia i uruchamiania strony internetowej.

Powiązany artykuł
Jak rozpocząć testowanie użytkowników na Twojej stronie
Przeczytaj więcej

Jak rozpoznać dobre projektowanie UX

Jeśli samodzielnie zajmujesz się projektowaniem UX, to Twoim obowiązkiem jest reprezentowanie swojej publiczności, jednocześnie dbając o to, aby Twoja strona spełniała Twoje oczekiwania. Aby to osiągnąć, pierwszym krokiem jest nauczenie się rozpoznawania solidnego projektowania UX.

Mając to na uwadze, przyjrzyjmy się kilku przykładom UX w praktyce. Istnieją cztery kluczowe elementy, na które będziesz chciał zwrócić szczególną uwagę.

1. Nawigacja

Słaba nawigacja może uczynić każdą stronę internetową bezużyteczną. Przemieszczanie się po stronie powinno być płynne i intuicyjne. Menu nawigacyjne powinno być również dostępne, bez względu na to, jakiego urządzenia używa odwiedzający.

Nawigacja typu Breadcrumb jest jednym ze sposobów, w jaki projektanci zapobiegają zgubieniu się użytkowników, szczególnie gdy strona internetowa ma wiele stron.

Strona internetowa H-E-B, używając paska nawigacji i okruszków.

Jest również ważne, aby zwrócić uwagę na linki. Projektanci stron internetowych, którzy stosują silne UX, dbają o to, byś mógł rozpoznać linki, kiedy je zobaczysz. Często oznacza to ich podkreślenie i użycie innego koloru tekstu. Będą również używać znaczącego tekstu kotwicznego, abyś wiedział, dokąd link prowadzi przed kliknięciem na niego.

Powiązany artykuł
12 wskazówek dotyczących optymalizacji struktury Twojego bloga
Przeczytaj więcej

2. Treść

Znaczącą częścią udanego UX jest zrozumienie, jak ludzie wchodzą w interakcję z różnymi częściami strony internetowej. Na przykład, większość ludzi nie czyta normalnie treści na stronach internetowych. Skanują je i zatrzymują się, aby czytać, jeśli znajdą coś interesującego.

Treść jest skanowalna, jeśli użytkownik może szybko przejrzeć wpis na blogu lub stronę sprzedażową i wyjść z jasnym pomysłem, co komunikuje.

Treść nadająca się do skanowania za pomocą nagłówków, krótkich akapitów i listy punktowanej.

Utrzymywanie krótkich akapitów to jeden ze sposobów na tworzenie treści przyjaznych do skanowania. Akapity te powinny być często podzielone za pomocą nagłówków, list i obrazów. Projektanci mogą również wykorzystać cytaty wyróżnione, pogrubiony tekst i podobne elementy.

Powiązany artykuł
Jak stworzyć strategię treści dla Twojej strony internetowej
Przeczytaj więcej

3. Animacja

Animacja to skuteczny sposób, aby wyróżnić się z tłumu stron internetowych i przyciągnąć uwagę użytkownika. Dodaje element zabawy i może przyczynić się do stworzenia niezapomnianego doświadczenia dla użytkownika.

Jednak istnieje właściwy i niewłaściwy sposób na jego implementację.

Subtelna animacja może dostarczać informacji zwrotnej podczas oczekiwania na zakończenie transakcji. Animacja może również ciągle się powtarzać, podczas gdy masz trudności z koncentracją na czytaniu opisu produktu. Te podejścia tworzą dwie bardzo różne doświadczenia. Nadużywanie animacji może również wpłynąć na UX na urządzeniach mobilnych.

4. Reaktywność

Optymalizacja witryny dla użytkowników mobilnych jest koniecznością. Jeśli jesteś jak większość osób, zazwyczaj korzystasz z telefonu do dostępu do Internetu. Jeśli natrafisz na stronę, której używanie na Twoim urządzeniu sprawia trudności, prawdopodobnie po prostu ją opuścisz.

Poza wyborem responsywnego motywu, możesz podjąć dodatkowe kroki, aby zapewnić, że Twoja strona działa dobrze na wszystkich ekranach. Na przykład, możesz przetestować swoją stronę za pomocą Narzędzia do Testowania Stron Mobilnych Google.

Przykładowe wyniki narzędzia do testowania mobilności Google.

To narzędzie powiadomi Cię o problemach, które uniemożliwiają Twojej stronie bycie przyjazną dla urządzeń mobilnych. Możesz odkryć, że na przykład dany krój czcionki jest zbyt trudny do odczytania na małym ekranie, lub że przyciski są zbyt małe, aby łatwo je naciskać.

Powiązany artykuł
Jak zwiększyć współczynnik konwersji na Twojej stronie za pomocą typografii
Przeczytaj więcej

Jak użyć UX do projektowania strony dla Twojej publiczności

Teraz, gdy wiesz, co to jest dobre UX, jak zastosować je na swojej stronie?

Prawdopodobnie nie będziesz przeprowadzać intensywnych badań rynkowych ani prototypować z wysokiej jakości szkicami. Jednak założenie kapelusza projektanta UX może pomóc Ci stworzyć stronę, którą Ty i Twoja publiczność pokochacie.

Najpierw ważne jest, aby jasno określić, dlaczego masz stronę internetową i co chcesz, aby robiła. Na przykład, czy ty:

Następnie poznaj swojego idealnego użytkownika lub potencjalnego klienta. Tworzenie persony użytkownika pomoże Ci wyobrazić sobie, jak Twoja docelowa grupa odbiorców może wchodzić w interakcje z Twoją stroną internetową. Ta persona może być tak prosta jak to, kim jest osoba, czego chce i co przeszkadza jej w osiągnięciu tego. Kluczowe jest, aby zidentyfikować, czego użytkownik potrzebuje, aby odnieść sukces na Twojej stronie.

Pamiętaj, że dostępność jest integralną częścią UX. Możesz mieć odwiedzających korzystających z technologii wspomagających, dlatego rozważ priorytetowe traktowanie dostępności podczas budowania swojej strony.

Możesz również sprawdzić strony swoich konkurentów, aby zobaczyć, co dla nich działa. Czy ikona koszyka zawsze znajduje się w prawym górnym rogu? Może twoja też powinna być. Możesz być kreatywny, nie wymyślając koła na nowo; użytkownicy nie powinni musieć zgadywać, jak działa Twoja strona, aby osiągnąć swoje cele.

Przykładowe wyniki z Google PageSpeed Insights.

Ostatecznie, wydajność strony ma znaczenie dla UX. Wolne strony sprawią, że odwiedzający opuszczą stronę zanim zdąży się załadować. Istnieje wiele sposobów na przyspieszenie Twojej strony, chociaż najlepszym rozwiązaniem jest rozpoczęcie od jakościowego hostingu.

Obraz tła reklamy

Tworzenie Lepszego Doświadczenia Użytkownika?

Współpracuj z DreamHost. Zapewnimy, że Twoja strona jest szybka, bezpieczna i zawsze dostępna, aby Twoi odwiedzający Ci ufali. Plany zaczynają się od $2.59/mies.

Wybierz Swój Plan

Zasoby UX

W tym momencie prawdopodobnie zrozumiałeś, że projektowanie UX to nie jest coś, co można zoptymalizować za jednym razem. W tej dziedzinie jest znacznie więcej niż możemy omówić w jednym artykule.

Strona główna UX Matters, która używa infografiki do nawigacji.

Na szczęście istnieje wiele wysokiej jakości zasobów UX, do których możesz się odwołać, gdy kontynuujesz ulepszanie swojej strony internetowej:

  • Awwwards to miejsce, gdzie możesz znaleźć inspirację. Weź kawę; prawdopodobnie będziesz przewijać przez długi czas.
  • UXmatters obejmuje prawie wszystko, co związane jest z projektowaniem. Znajdzie się treść dla każdego — od doświadczonego stratega UX, badacza UX, projektanta UI, grafika po zupełnie nowych entuzjastów UX.
  • UX Magazine publikuje najnowsze wiadomości, aktualne spostrzeżenia i badania UX dla każdego, kto jest zainteresowany poprawą cyfrowego doświadczenia swoich odwiedzających.
  • Stack Overflow to miejsce na wszystkie Twoje palące pytania. To otwarta społeczność pomocnych, kompetentnych osób.
  • Pomoc w dziedzinie stron internetowych i marketingu cyfrowego to grupa na Facebooku prowadzona przez DreamHost, gdzie właściciele stron internetowych na wszystkich poziomach mogą dzielić się najlepszymi praktykami i pomysłami.

Jeśli połączysz te zasoby z badaniami i praktyką, powinieneś w krótkim czasie zacząć stosować dobre praktyki doświadczenia użytkownika.

Projektuj Świetne Doświadczenie Użytkownika

Nie musisz być profesjonalnym projektantem UX, aby stworzyć stronę, z którą Twoi odbiorcy będą chętnie wchodzić w interakcje. Wystarczy trochę zrozumienia, co ułatwi życie Twoim gościom i chęć zbudowania strony, która zapewni takie doświadczenie.

UX opisuje, jakie wrażenia towarzyszą użytkownikom podczas interakcji z Twoją stroną. Optymalizacja UX Twojej strony oznacza zapewnienie, że ma ona przejrzystą nawigację, tworzenie treści łatwych do przeglądania, testowanie responsywności i więcej. Jest wiele do nauczenia się, ale dostępnych jest również wiele przydatnych zasobów i doświadczonych projektantów, którzy mogą pomóc.

Po tym będziesz gotowy, aby podbić internet ze swoją stroną zoptymalizowaną pod kątem UX! Możesz już wcześnie odhaczyć niektóre zadania związane z wydajnością, korzystając z naszych wysokiej jakości planów hostingowych dla wspólnych stron internetowych.