Jak przeprowadzić audyt projektu swojej witryny?

Wraz z rozwojem witryny istnieje szansa, że ​​jej projekt może zacząć wyglądać na nieaktualny. Pamiętaj, że trendy w projektowaniu stale ewoluują, a umiejętność zauważenia tych problemów jest ważna, jeśli chcesz, aby Twoja witryna wyglądała nowocześnie i „świeżo”. Dodatkowo musisz również zadbać o to, aby wszystkie aspekty projektu wyglądały jednolicie (i były użyteczne), aby zapewnić dobre wrażenia.

Najlepszym sposobem na wykrycie i naprawienie tych problemów jest audyt projektu całej witryny. W tym artykule nauczymy Cię, czym są te audyty i jak mogą Ci pomóc. Następnie porozmawiamy o niektórych narzędziach, które pomogą Ci je przeprowadzić, zanim w końcu pokażemy Ci, jak to zrobić w trzech prostych krokach. Chodźmy do pracy!

Co to jest audyt projektu (i jak może ci pomóc)

Audyt projektu polega na tym, że siadasz do przeglądu swojej witryny lub elementów wizualnego brandingu firmy. W większości przypadków szukasz jednolitości, ale proces ten daje również doskonałą okazję do sprawdzenia, czy Twoje projekty nadal wyglądają świeżo.

Szczerze mówiąc, termin „audyt” sprawia, że ​​cała sprawa wydaje się o wiele bardziej groźna niż jest. W każdym razie istnieje kilka korzyści z przeprowadzania regularnych audytów projektu witryny. Na przykład:

• Możliwość sprawdzenia swoich projektów. Ponieważ trendy w projektowaniu stają się modne i wychodzą z mody, jest również prawdopodobne, że Twoje elementy wizualne mogą zacząć wyglądać nieco nieaktualnie. Audyt projektu może zapewnić sprawdzenie rzeczywistości i możliwość dokonania ulepszeń.
• Sprawdź swoją markę. Większość stron internetowych ma własną markę opartą na wielu elementach wizualnych, takich jak logo, slogany, obrazy nagłówka i tak dalej. Z biegiem czasu te elementy mogą stać się niedopasowane, co z kolei może wpłynąć na postrzeganie Twojej marki.
• Możesz zaoferować to jako usługę doradczą. Jeśli masz doświadczenie w przeprowadzaniu udanych audytów projektowych, możesz sprzedawać swoje usługi innym firmom i pomagać im w tym procesie. Wiele firm nie zdaje sobie sprawy z korzyści, jakie oferują, więc okazja jest dojrzała, jeśli uda ci się przekonać ich, że są potrzebne.

Zanim zaczniesz oferować swoje usługi innym witrynom, ważne jest, aby wiedzieć, jakie są podstawowe kroki każdego audytu projektu. Jak możesz sobie wyobrazić, będziesz potrzebować kilku narzędzi, które pomogą Ci po drodze, więc sprawdźmy kilka najlepszych opcji.

3 narzędzia, które pomogą Ci przeprowadzić audyt użyteczności projektu Twojej witryny

Jeśli jesteś projektantem, wiesz, że istnieje mnóstwo narzędzi online, które mogą ułatwić Ci życie. Jednak w tej sekcji postanowiliśmy skoncentrować się tylko na tych, które mogą pomóc w audycie elementów witryny i sprawdzeniu ewentualnych błędów w projekcie. Przyjrzyjmy się trzem z nich.

1. Szalone Jajko

Crazy Egg to narzędzie analityczne, które pomaga znaleźć problematyczne obszary w Twojej witrynie. Wykorzystuje technologię map ciepła, aby umożliwić ci zobaczenie, które elementy przyciągają najwięcej uwagi na twoich stronach, a które nie są wystarczająco rysowane. Ponadto zawiera również funkcje, które pomogą Ci dowiedzieć się, czy użytkownicy przewijają Twoje treści. Crazy Egg dostarcza również cennych danych o tym, skąd pochodzą Twoi użytkownicy, a następnie na ich podstawie segmentuje ich zachowanie.

Z punktu widzenia projektowania tego typu narzędzie jest nieocenione, ponieważ umożliwia skupienie się na obszarach projektu, które najbardziej potrzebują pomocy. Na przykład, jeśli mapa cieplna pokazuje, że krytyczne wezwanie do działania (CTA) nie cieszy się tak dużą popularnością, jak powinno, możesz nadać priorytet jego analizie podczas następnego audytu projektu.

Kluczowe cechy:

• Zaimplementuj heatmapy na swojej stronie.
• Śledź, jak daleko użytkownicy przewijają Twoje strony.
• Miej oko na źródła odwiedzin i na ich podstawie segmentuj dane użytkownika.

Cena: 9 USD miesięcznie, płatna rocznie | Więcej informacji

2. Narzędzia użyteczności

Mapy cieplne to potężne narzędzie, które pomoże Ci zrozumieć zachowanie użytkowników, ale nic nie przebije faktycznego obserwowania ich interakcji z Twoją witryną krok po kroku. UsabilityTools umożliwia Ci to poprzez rejestrowanie wszystkich działań podejmowanych przez użytkowników w Twojej witrynie, w tym ruchów myszy, interakcji z formularzami i kliknięć.

Może to brzmieć jak przesada, ale jeśli masz trudności z ustaleniem, które elementy Twojej witryny nie przyciągają użytkowników tak, jak powinni, jest to doskonały sposób na ich identyfikację. Ponadto narzędzia użyteczności pomagają segmentować wszystkie dane zbierane od odwiedzających w celu szybkiej analizy.

Kluczowe cechy:

• Śledź ruchy myszy, kliknięcia i interakcje formularzy w witrynie.
• Posegmentuj gromadzone dane w celu łatwej analizy.
• Łatwe udostępnianie nagrań dowolnym członkom zespołu.

Cena: 19 USD miesięcznie | Więcej informacji

3. UżytecznośćHub

Wreszcie mamy UsabilityHub. To jest trochę inne – jest to platforma, która zawiera kilka narzędzi, z których każde może pomóc w pomyślnym przeprowadzeniu audytu projektu.

Obejmuje test pięciosekundowy, który określa, czy użytkownicy pamiętają projekt witryny, a także testy kliknięć i nawigacji, które mierzą użyteczność. Na koniec możesz również uzyskać dostęp do ankiet odbiorców, które pomogą Ci określić, czy podobają im się Twoje projekty i jakie zmiany woleliby zobaczyć.

Kluczowe cechy:

• Użyj wielu testów, aby ocenić użyteczność witryny i akceptację projektów.
• Mieszaj i dopasowuj dowolne testy, aby dopasować je do swoich potrzeb.
• Dostosuj każdy ze swoich testów, aby zmierzyć elementy, które najbardziej Cię interesują.

Cena: 2,50 USD za odpowiedź na Twoje testy | Więcej informacji

Jak przeprowadzić audyt projektu swojej witryny (w 3 krokach)

Teraz, gdy omówiliśmy niektóre z narzędzi, z których możesz korzystać, nadszedł czas, aby porozmawiać o krokach prowadzących do udanego audytu projektu. W zależności od Twojej witryny i celów możesz nie korzystać ze wszystkich omówionych przez nas narzędzi – ale to zależy od Ciebie. Przejdźmy do kroku numer jeden.

Krok 1: Zbierz wszystkie elementy wizualnej marki

Instagram to świetny przykład strony internetowej z prostym, ale spójnym brandingiem.

Zanim zorientujesz się, czy są jakieś problemy z Twoim projektem, musisz zebrać wszystkie elementy brandingowe Twojej witryny. W ten sposób będziesz w stanie zauważyć, czy istnieje jakiś dysonans między ich stylami.

Dzięki temu możesz przeanalizować wszystkie kluczowe elementy brandingu z lotu ptaka i sprawdzić, czy razem mają sens (o czym porozmawiamy w następnym kroku). Zbieranie elementów razem może wydawać się niepotrzebne, ale niektóre wady w twoich projektach mogą nie być widoczne, dopóki nie spojrzysz na cały obraz.

Jeśli chodzi o elementy, które musisz zebrać, oto prosta lista, od której możesz zacząć:

• Logo Twojej witryny we wszystkich formatach.
• Wszelkie obrazy tła i nagłówka.
• Wszystkie ikony, których używasz w swojej witrynie.
• Próbki wszystkich czcionek, których używasz w swoich treściach.
• Paleta kolorów tonów, których używasz w swoich projektach.

Na razie zalecamy zapisanie tych elementów w formacie, który najbardziej Ci odpowiada. Możesz utworzyć plik PDF w celu łatwiejszego udostępniania lub przekazać fizyczne kopie swojemu zespołowi. Gdy plik lub dokument kompilacji jest gotowy, czas zabrać się do pracy.

Krok #2: Przeanalizuj elementy wizualne swojej witryny

Strategia brandingowa Netflix jest prosta, ale spójna – w miarę możliwości używa swojego logo.

Jak wspomnieliśmy wcześniej, krok drugi polega na przejrzeniu elementów wizualnego brandingu, aby znaleźć wszelkie niespójności lub wady w projektach.

Projekt jest (oczywiście) subiektywny pod wieloma względami, ale to nie znaczy, że nie można poprawić stylu Twojej witryny. Na przykład każda firma powinna prezentować spójny styl projektowania, aby klienci przyzwyczaili się do niego i skojarzyli go ze swoimi produktami. To samo dotyczy witryn internetowych – Twoje logo, treść i obrazy muszą mieć ten sam styl i pozostać spójne.

Przyjrzyjmy się kilku prostym wskazówkom, aby upewnić się, że elementy wizualne Twojej witryny trafią w cel w tych aspektach:

• Sprawdź, czy Twoje logo jest spójne na wszystkich stronach, a jeśli nie, wymień je w razie potrzeby.
• Upewnij się, że obrazy tła mają podobny styl, aby przejście między stronami i sekcjami nie było irytujące. Jeśli znajdziesz obrazy, które nie pasują do formy, zmień je.
• Upewnij się, że Twoje ikony mają podobny styl, a jeśli nie, spróbuj zastąpić je alternatywami z jednej rodziny, takimi jak Font Awesome Icons (które można zintegrować z Divi).

Do tej pory rozmawialiśmy tylko o elementach online, ale pamiętaj, że audyty projektów mogą – i powinny – obejmować również elementy wizualne offline. Jeśli Twoja firma ma fizyczny odpowiednik, będziesz chciał zebrać wszelkie elementy brandingowe, które możesz zdobyć (takie jak broszury, koszulki i wizytówki) i powtórzyć dla nich kroki numer jeden i dwa.

Krok 3: Stwórz podręcznik standardów projektowych dla swojej witryny

Wytyczne dotyczące marki Urban Outfitter mówią o tym, co sprawia, że ​​ich marka jest wyjątkowa.

Teraz nadszedł czas, aby zaplanować przyszłość. Jednym z najlepszych sposobów, aby to zrobić, jest stworzenie kompilacji reguł dla wszelkich przyszłych zmian projektowych w witrynie – znanej również jako podręcznik standardów projektowych.

Celem tego dokumentu jest zapewnienie, że w przyszłości możesz zlecić prace projektowe na zewnątrz bez konieczności zarządzania nimi. Ponadto wraz z rozwojem witryny prawdopodobnie będziesz dodawać więcej członków do swojego zespołu roboczego. Podręcznik standardów może pomóc im lepiej zrozumieć Twoją wizualną markę. W rzeczywistości jest to tak mądra praktyka, że ​​angażuje się w nią wiele czołowych firm.

Jeśli chodzi o rodzaj reguł, które należy uwzględnić w podręczniku, przejrzyjmy kilka pomysłów na początek:

• Dołącz wytyczne dotyczące tego, jak powinno być używane Twoje logo i jego odmiany (przy okazji, jest to również powszechna praktyka).
• Dołącz przykłady obrazów, których współtwórcy powinni używać w Twojej witrynie, a także zasady ich prezentacji oraz rodzaje treści, których powinni unikać.
• Omów czcionki, których powinieneś używać w swojej witrynie, jeśli dostępna jest więcej niż jedna opcja i w jakich okolicznościach należy ich używać.
• Podaj przykłady typów przycisków, ikon i innych podobnych elementów, których chcesz użyć w swoich projektach.

Należy pamiętać, że żadne dwa podręczniki standardów projektowych nie będą takie same. Prawdopodobnie będziesz musiał dodać więcej reguł w zależności od elementów używanych w Twojej witrynie, a także jeśli chcesz porozmawiać o brandingu offline. Jednak wczesne skonfigurowanie nie tylko zapewni płynniejsze przeprowadzanie przyszłych audytów projektów, ale także pomoże szybciej szkolić nowych członków zespołu.

Wniosek

W miarę upływu czasu większość stron internetowych wymaga poprawek pod względem projektu. Na przykład niektóre elementy mogą nie współgrać ze sobą wizualnie, ale może to być trudne do zauważenia bez okresowego przeprowadzania pełnego audytu projektu. Co więcej, zrobienie tego zapewni, że Twoi odwiedzający będą nadal cieszyć się dobrą zabawą w Twojej witrynie w przyszłości.

Oto trzy podstawowe kroki do przeprowadzenia audytu projektu dla Twojej strony internetowej:

1. Zbierz wszystkie elementy wizualnej marki online i offline.
2. Przeanalizuj zebrane elementy.
3. Stwórz podręcznik standardów projektowych dla swojej witryny.

Masz pytania dotyczące przeprowadzenia udanego audytu projektu dla Twojej strony internetowej? Zapytaj w sekcji komentarzy poniżej!

Obraz miniatury artykułu autorstwa Darko 1981 / shutterstock.com