Dlaczego warto rozważyć przeprojektowanie strony internetowej – wskazówki i zalecenia

Jest rok 2018. Dla wielu z nas na całym świecie nowy rok oznacza nowy początek. Nowe cele, nowe pomysły, a dla niektórych firm nowy projekt strony internetowej, który zastąpi stary.

Witryny są zmieniane z różnych powodów — niestety wiele firm nie zdaje sobie sprawy, że ich witryna wymaga odświeżenia. W jeszcze gorszym scenariuszu konkurencyjne firmy mogą zyskać przewagę konkurencyjną, ulepszając swoją witrynę internetową, zwiększając konwersje, podczas gdy Twoja może pozostawać w tyle.

Czy Twoja witryna jest winna któregokolwiek z nich? Jeśli tak, być może nadszedł czas na przeprojektowanie!

• Firma ma tożsamość, ale witryna jej nie odzwierciedla.
• Niektóre linki są uszkodzone, co powoduje, że użytkownik rezygnuje z konwersji.
• Użytkownicy próbują się z Tobą komunikować, ale sprawia im to trudność.
• Witryna ogólnie wydaje się przestarzała, co nie robi na użytkownikach wrażenia.
• Użyteczność jest słaba. Użytkownicy mają trudności z poruszaniem się po stronie.
• Interfejs użytkownika jest zagmatwany i niespójny. Użytkownicy wciąż popełniają błędy.

Zobaczmy, co można zrobić, aby to naprawić.

Twórcy stron internetowych: najeżeni niebezpieczeństwem

Nowe firmy zwykle zaczynają od prostych kreatorów stron internetowych, takich jak Wix, Weebly czy Squarespace. Narzędzia te upraszczają proces projektowania strony internetowej za pomocą łatwych w obsłudze edytorów typu „przeciągnij i upuść” WYSIWYG („otrzymujesz to, co widzisz”) i darmowego hostingu, ale narzędzia te rzadko są wystarczająco zaawansowane, aby wyróżniać się z tłumu.

Na wczesnych etapach nowego biznesu, kiedy fundusze są ograniczone, teoretycznie sensowne jest użycie narzędzia do tworzenia stron internetowych. Podejście „hosting wliczony w cenę, nie wymaga kodu” pomaga firmom zaistnieć w Internecie bez poświęcania zbyt wiele czasu i pieniędzy. Wiąże się to jednak z szeregiem ukrytych zagrożeń — zagrożeń, które zwykle ujawniają się przy najgorszej okazji (np. gdy witryna musi rozszerzyć swoją ofertę).

W przypadku kreatorów witryn funkcje są ograniczone do tego, co oferuje usługa, a w wyniku tego prostego podejścia do tworzenia witryny internetowej wszelkie możliwości rozbudowy mogą być później poważnie ograniczone. Oto przykładowa pułapka, w którą wpadają firmy, gdy same prowadzą program do tworzenia witryn, aby obniżyć koszty projektowania i rozwoju:

Firma eCommerce korzysta z kreatora stron internetowych (lub CMS z darmowym motywem) → Klient konfiguruje jednostronicową witrynę tylko po to, by powiedzieć „Cześć, jesteśmy [nazwa firmy] i jesteśmy tutaj!” → Później klient chce dodać produkty tylko po to, by zdać sobie sprawę, że nie jest to możliwe.

Często firmy nie zastanawiają się nad tym, co może się stać, jeśli ich potrzeby związane z witryną staną się bardziej złożone i utkną w drodze. Co więcej, ważne czynniki, takie jak optymalizacja pod kątem wyszukiwarek (SEO), SSL (która wpływa na ranking i bezpieczeństwo) oraz przyjazność mobilna (która wpływa na ranking i konwersje), mogą zostać zaniedbane.

Jako ekspert, właśnie tutaj wchodzisz.

Doświadczony projektant nie powinien przeoczyć tych ważnych kwestii i powinien stworzyć stronę internetową, która jest przyszłościowa, oszczędzając czas i pieniądze na dłuższą metę .

Krótko mówiąc, najlepszy przeprojektowanie strony internetowej to taki, który nie musi mieć miejsca.

Twórcy stron internetowych a zatrudnianie projektanta

Nawet strony internetowe zaprojektowane przez doświadczonych projektantów mogą zacząć hodować chwasty, jeśli pozostawi się je na zbyt długi czas. Ze względu na skupienie się na innych aspektach działalności czasami mapa drogowa dla wersji 2 nigdy nie pojawia się; na przykład czasami ważne kwestie, takie jak SSL, nie były wtedy ważnymi kwestiami. Tak czy inaczej, każda firma powinna od czasu do czasu starać się przeprojektować swoją stronę internetową, zwłaszcza gdy istnieją obawy klientów.

Porozmawiajmy o głównych powodach, dla których strona internetowa może wymagać przeprojektowania, oraz o strategii, którą powinieneś przyjąć podczas przebudowy stron internetowych z tych powodów.

Branding (lub Rebranding)

Rebranding zwykle wiąże się z nowym projektem strony internetowej; jednak powinno to wykraczać daleko poza nowe logo. Ponieważ branding polega na komunikowaniu się z odbiorcami, należy również wziąć pod uwagę ton głosu (pomyśl o tekście witryny, sekcjach FAQ lub obsłudze klienta online).

Branding to sposób, w jaki firma chce być przedstawiana (np. jako pomocna, swobodna lub godna zaufania), więc zakres przeprojektowania strony internetowej zależy od tego, jak bardzo firma chce się zmienić. Instytucja finansowa, której klienci mają problemy z zaufaniem, skorzystałaby na przykład na rebrandingu, który wygląda i brzmi wiarygodnie.

Niezależnie od tego, czy ulepszasz istniejącą markę, czy tworzysz nową od zera, oto co musisz wziąć pod uwagę:

• Czy kolory sprawiają, że czujesz się w określony sposób?
• Czy obrazy/zdjęcia sprawiają, że użytkownik coś czuje?
• Czy ogólna estetyka wizualna zadowala użytkowników?
• Czy tekst strony docelowej jest atrakcyjny?
• Czy kopia FAQ jest pomocna?
• Czy ogólny ton głosu przedstawia, kim jest firma?
• Czy strona potrzebuje dodatkowych funkcjonalności, takich jak czat na żywo?

A co ważniejsze, czy są jakieś badania użytkowników/klientów, które można wykorzystać do zbudowania podstaw przeprojektowania witryny? Jeśli nie, to jest to twoje pierwsze zadanie.

Rozszerzenie funkcjonalności

Przeprojektowanie strony internetowej jest zwykle uzasadnione, gdy istnieje zapotrzebowanie klientów na nowe funkcje. Innowacyjne firmy nieustannie tworzą nowe produkty (zarówno online, jak i offline), wymagając nowych funkcji, które pomogą użytkownikom lepiej je poznać. Z drugiej strony mniejsze firmy mogą po prostu chcieć skalować swoją działalność za pomocą marketingu treści, do czego będą potrzebować bloga lub generować przychody za pośrednictwem sklepu eCommerce. Tak czy inaczej, redesign często wykracza poza drobne zmiany kosmetyczne i rebranding.

Czasami „cecha” jest nieznana – owiana tajemnicą. Klient wie, że coś nie działa (niskie konwersje, niezadowolenie klienta itp.), ale nie wie, dlaczego. Czasami ta funkcja to w rzeczywistości tylko kilka ulepszeń UX — sam produkt jest w porządku, ale zasadniczo wrażenia użytkownika witryny są wadliwe.

W każdym razie powinieneś używać analityki witryny, aby lepiej zrozumieć użytkowników.

Przeprojektowanie za pomocą danych

Podobnie jak w przypadku brandingu, UX musi opierać się na badaniach użytkowników. Narzędzia do analizy witryn internetowych, takie jak Google Analytics i narzędzia map ciepła, takie jak Hotjar i CrazyEgg, mogą pomóc w zidentyfikowaniu krytycznych obszarów, które mogą wymagać ponownego przemyślenia, a nawet całych funkcji, których może brakować.

Analytics poinformuje Cię o wszystkim, co musisz wiedzieć o swoich użytkownikach: ile czasu spędzają na określonych stronach internetowych, czy faktycznie dokonują konwersji, gdzie rezygnują z konwersji, jakiego urządzenia używali, skąd pochodzą, dane demograficzne użytkowników, przepływ zachowań; sama ilość danych jest dosłownie nieskończona.

Dane te można wykorzystać nie tylko do mierzenia sukcesu redesignu strony internetowej, ale mogą również udowodnić , które obszary witryny nie spełniają wymagań UX. Jeśli klient nie wie jeszcze, czego drastycznie brakuje, możesz użyć analityki witryny, aby zasugerować wszystko, od ulepszeń po całe pomysły na produkt, a następnie wymyślić plan, jak może wyglądać przeprojektowanie razem. Przeprojektowanie strony internetowej wymaga planowania.

Jeśli masz do czynienia z witryną, która nie korzysta z analityki witryny, Twoim pierwszym wezwaniem do działania jest zainstalowanie wspomnianego wcześniej Google Analytics (za darmo, niezwykle szczegółowych raportów). Po zidentyfikowaniu obszarów budzących obawy za pomocą Google Analytics następnym krokiem w procesie projektowania jest testowanie użyteczności. Narzędzia takie jak Hotjar i CrazyEgg pokażą dokładnie, gdzie użytkownicy klikają, a dzięki powtórkom sesji możesz nawet obserwować zachowanie użytkowników w witrynie. Jeśli w Google Analytics wykryjesz strony internetowe o niskiej konwersji, te nagrania użytkowników pokażą Ci, dlaczego .

Wszelkie inne decyzje projektowe są oparte na domysłach (w najlepszym razie).

Po zakończeniu badań możesz utworzyć mapy podróży klientów, aby podkreślić, w jaki sposób większość użytkowników dokonuje konwersji. To dość ciekawy atut, którym można się podzielić w całej firmie, informując cały zespół o tym, jaką rolę mają odegrać w przepływie konwersji poza serwisem (media społecznościowe, obsługa klienta itp.).

Co więcej, możesz pomóc klientom nieco zaznajomić się z analityką, aby sami mogli mierzyć sukcesy lub porażki lub przeprowadzać własne badania użytkowników dla przyszłych przedsięwzięć. Zawsze jest wygrana, gdy klient jest w stanie później przejąć ster.

Przeprojektowanie bloga

Jak wspomniano wcześniej, firmy na wczesnym etapie rozwoju będą chciały zainicjować bloga, aby poszerzyć swój zasięg. W tym scenariuszu witryna zaczęła pozyskiwać użytkowników, a firma czuje, że jest gotowa na dalsze skalowanie swojego zasięgu za pomocą marketingu treści.

W niektórych przypadkach (a właściwie w wielu przypadkach) blog jest największym atutem marketingowym firmy. Blog daje firmom szansę na wzmocnienie swojej marki, informowanie użytkowników o aktualizacjach i nowych produktach oraz angażowanie odbiorców docelowych odpowiednimi treściami.

Biorąc to pod uwagę, w dzisiejszych czasach naprawdę trudno jest przyciągnąć uwagę czytelnika przez dłuższy czas. Chociaż część z nich sprowadza się do samej treści, często winowajcą jest słaby UX, powodujący, że użytkownicy naciskają przycisk Wstecz i zamiast tego próbują konkurencji.

Niestety jest to wada darmowych treści — użytkownicy z radością porzucą stronę internetową, jeśli UX nie będzie optymalny. Świetny projektant powinien wiedzieć, jak poprawić czytelność i czytelność, wyeliminować zakłócenia wizualne i wstawić wezwania do działania w miejscach o wysokiej konwersji.

Projektanci powinni również używać analityki witryny do ulepszania UX treści — aby dowiedzieć się, gdzie użytkownicy przestają czytać i dlaczego — a następnie podejmować na tej podstawie decyzje projektowe oparte na danych. Zbliżając się do przeprojektowania, w którym nowe funkcje wymagają CMS, po raz kolejny ważne jest, aby klient mógł później łatwo przejąć ster.

Przeprojektowanie e-commerce

Projektowanie eCommerce jest jednym z najtrudniejszych aspektów UX do opanowania i wymaga również projektanta doświadczonego w projektowaniu opartym na danych. Rozważ to: według tego badania, sklepy eCommerce cierpią z powodu współczynnika porzucania koszyka na poziomie 69,23% (średnio). Tam, gdzie w USA i Europie wydano 738 miliardów dolarów na handel elektroniczny, szacuje się, że 260 miliardów dolarów można było odzyskać dzięki lepszemu przepływowi i projektowaniu transakcji. W przypadku sklepu eCommerce przepływ kasy jest najważniejszym aspektem, a projektant, który może określić, gdzie użytkownicy rezygnują z tego, jest projektantem, który może go ulepszyć.

Oto kilka rzeczy do rozważenia:

• Czy witryna wzbudza zaufanie i bezpieczeństwo?
• Czy strona posiada ważny certyfikat SSL?
• Czy formularze kasowe są dobrze oznakowane i łatwe w użyciu?
• Czy pola wejściowe wyświetlają prawidłowy typ klawiatury?
• Czy użytkownik może wyszukiwać, czy nie powinien znaleźć tego, czego szuka?
• Czy zmuszasz użytkowników do rejestracji, gdy wolą wymeldować się jako gość?

Obsługa strony biznesowej

Niektóre aspekty działalności (takie jak obsługa klienta) mogą mieć ogromne koszty ogólne, jeśli proces nie jest wystarczająco wydajny, więc aktualizacja witryn internetowych o zintegrowane usługi, takie jak Intercom lub Kayako, może nie tylko zapewnić lepsze wrażenia dla użytkowników, ale także pomóc firmom obniżyć koszty obsługi klienta i obciążenia. Zbliżając się do przeprojektowania strony internetowej, zapytaj klienta, jakie są jego największe wyzwania jako zespołu/organizacji.

Responsywny projekt i użyteczność

Krótko mówiąc, responsywne strony internetowe to takie, które dostosowują się do praktycznie każdego rozmiaru ekranu, od urządzeń mobilnych po komputery stacjonarne. Ruch mobilny przewyższył ruch na komputerach już w 2015 roku, a Google zaczął nawet faworyzować witryny przyjazne dla urządzeń mobilnych w swoich wynikach wyszukiwania. Chociaż większość witryn jest technicznie responsywna, kilka z nich nie jest wystarczająco zoptymalizowanych.

Ponieważ 57% internautów twierdzi, że nie poleciłoby firmy ze źle zaprojektowaną witryną mobilną, responsywne projektowanie to ogromna sprawa, a projektanci muszą robić znacznie więcej niż tylko „dopasować wszystko”. Oto, co musisz wziąć pod uwagę:

• Czy cele kranu są wystarczająco duże (co najmniej 44 piksele wysokości)?
• Czy celowniki są dostępne dla kciuków, czy są poza zasięgiem?
• Czy strona mobilna jest „przycięta” dla uproszczenia?
• Czy strona ładuje się szybko na połączeniach 3G?
• Jak ogólnie oceniasz użyteczność mobilną?

Nieaktualne informacje o prawach autorskich i uszkodzone linki

Niektórzy mogą uznać to za drobne (i może w kategoriach względnych tak jest), ale nieaktualne informacje o prawach autorskich, uszkodzone linki i błędy ortograficzne wskazują, że witryna została porzucona lub że dołożono tylko niewielkiej uwagi. Te ciekawostki są szczególnie ważne dla firm SaaS, ponieważ użytkownicy chcą wiedzieć, że usługa, którą subskrybują, jest stale ulepszana (to normalne, że użytkownicy patrzą na informację o prawach autorskich w stopce witryny, aby zobaczyć, kiedy była ostatnio aktualizowana). Ogólnie rzecz biorąc, staro wyglądająca strona internetowa sprawi, że użytkownicy będą się zastanawiać, czy jest już w ogóle aktywna.

Naprawienie tych rzeczy jest dość łatwe, więc uważaj je za „przede wszystkim”.

W szczególności w przypadku uszkodzonych linków możesz użyć bezpłatnego rozszerzenia Chrome, takiego jak Check My Links, aby zlokalizować uszkodzone linki na stronie internetowej lub Grammarly, aby zidentyfikować błędy ortograficzne.

Wymagania techniczne

Według HubSpot, 82% odwiedzających porzuca strony, które nie są bezpieczne.

Wymagania techniczne to funkcje, które nie są skierowane do użytkownika; niemniej jednak mogą w drastyczny sposób wpłynąć na użytkownika. Na przykład SSL, warstwa bezpieczeństwa wymagana dla sklepów eCommerce (ale zalecana dla wszystkich stron internetowych), mówi klientom, że ich poufne dane są bezpieczne.

Ulepszenia kodu front-endu i back-endu sprawią, że strona internetowa będzie szybsza (a przynajmniej będzie działać szybciej), a sama prostota projektu odgrywa w tym ogromną rolę (proste projekty = mniej kodu). W przypadku witryn przechodzących przeprojektowanie nie będziesz chciał tego zaniedbać.

Wniosek

W projektowaniu chodzi o rozwiązywanie problemów — klienci chcą wiedzieć, w jaki sposób projektanci ułatwią im życie lub w jaki sposób zwiększą przychody ze swojej firmy.

Lista umiejętności nie mówi klientowi, dlaczego powinien zatrudnić wspomnianego projektanta. Projektanci zrobiliby świetną usługę dla klientów, informując , dlaczego przeprojektowanie strony internetowej jest konieczne dla biznesu ich klienta, podkreślając, jaki efekt końcowy osiągnie.

• Czy ich marka jest trochę przestarzała?
• Czy interfejs użytkownika powoduje zamieszanie wśród użytkowników?
• Czy UX powoduje, że użytkownicy rezygnują z konwersji?
• Czy użyteczność (mobilna lub inna) powoduje, że użytkownicy naciskają przycisk Wstecz?
• Czy to po prostu wygląda okropnie według wszystkich kont?
• W jaki sposób ulepszenia witryny pomogłyby tej firmie?

Kiedy wiesz, co wymaga przeprojektowania, a klient również o tym wie, wówczas mapa drogowa przeprojektowania ma już wspaniałe podstawy i wymierne cele.

• • •

Dalsza lektura na blogu Toptal Design:

• eCommerce UX – przegląd najlepszych praktyk (z infografiką)
• Znaczenie projektowania zorientowanego na człowieka w projektowaniu produktu
• Najlepsze portfolio projektantów UX – inspirujące studia przypadków i przykłady
• Zasady heurystyczne dla interfejsów mobilnych
• Projekt przewidujący: jak tworzyć magiczne doświadczenia użytkownika