zaktualizowano 9 lipca 2019 r
Jak ważny jest Twój projekt strony internetowej? Gdy użytkownicy zostali poproszeni o opisanie, dlaczego nie ufają witrynie, 94% komentarzy było bezpośrednio związanych z wyglądem witryny. Dobrze zbudowana strona internetowa generuje lepszy ruch klientów, a ulepszony interfejs użytkownika prowadzi do zwiększenia konwersji.
kreatywność jest ważna, ale istnieją pewne podstawowe zasady dotyczące projektowania i doświadczenia użytkownika, które pomogą Ci rozwijać witrynę. Podczas tworzenia lub przeprojektowywania witryny należy pamiętać o następujących sugestiach.
zyskaj zaufanie dzięki przejrzystemu, angażującemu projektowi stron internetowych
świat cyfrowego projektowania przyjął prostotę, odchodząc od dzwonków i gwizdków i koncentrując się na podstawach. Z punktu widzenia użytkownika ułatwiło to poruszanie się po witrynach, zapewniając bardziej przyjemne wrażenia. Włącz te zasady projektowania 8 do swojej witryny, aby lepiej zaangażować odbiorców.
1 Zachowaj prosty układ.
im prostszy layout strony, tym lepiej. Nie oznacza to, że musi być nudny, ale oznacza, że powinien skupić się na podstawowych rzeczach. Przejrzyste, funkcjonalne układy ułatwiają ładowanie, nawigację i korzystanie z witryny na różnych platformach i urządzeniach.
strona Harry ’ ego umieszcza najważniejsze informacje—ich produkty—z przodu i na środku. Zawierają one wizualizacje z minimalnym tekstem, aby ułatwić interakcję z treścią.
2 ułatwiaj nawigację.
jeśli chcesz, aby odwiedzający spędzali czas na twojej stronie, musisz ułatwić im poruszanie się. Może być kuszące, aby zrobić coś kreatywnego z projektowania menu nawigacji, ale prostota i intuicyjna architektura informacji są ważniejsze. Spraw, aby menu miało standardowy wygląd, aby czytelnicy czuli się komfortowo, gdy poruszają się po twojej witrynie.
Vogue ma opisowe, wyraźne menu nawigacyjne, które pomoże Ci znaleźć i zaangażować się w rodzaj treści, której szukasz.
3 Użyj wyraźnych wywołań do działania.
co chcesz, aby odwiedzający witrynę robili? Kupować produkty? Zapisz się na newsletter e-mail? Darowizna na cele? Pomyśl o swoich wezwaniach do działania. Zaprojektuj je w taki sposób, aby wyróżniały się na tle odwiedzających skanujących Twoją stronę. Jeśli używasz przycisków w projekcie, upewnij się, że tekst jest krótki i bezpośredni.
World Wildlife Fund używa jasnych przycisków obok paska nawigacyjnego, zachęcając odwiedzających do „podaruj” i „adoptuj”, wraz z silnymi wezwaniami do działania w całej ich treści.
4 z treścią, mniej znaczy więcej.
wykorzystaj to, co wiesz o odwiedzających, aby zminimalizować ich opcje i skupić uwagę na swoich produktach. Pokaż tylko te elementy tekstowe i wizualne, nad którymi mają działać.
strony internetowe dla aplikacji mobilnych-takich jak Pocket-wykonują z tym świetną robotę. Skupiają się na wyjaśnieniu aplikacji, zawierają silne wezwania do działania, aby ją zainstalować. Mniej ważne treści, takie jak sekcja About i ich blog, są mniej widoczne i są połączone w stopce.
5 nie bój się białych spacji.
Biała spacja to po prostu puste miejsce na stronie. Nie musi być biały—po prostu nie musi zawierać tekstu ani obrazów. Jeśli zrobisz to dobrze, może poprawić czytelność i usunąć bałagan z projektu witryny. Biała przestrzeń może również pomóc w bezpośredniej koncentracji i uwagi. Zapewnia sposób na oddzielenie funkcji i pomysłów, dzięki czemu odwiedzający mogą dostrzec dokładnie to, co chcesz, aby zobaczyli na pierwszy rzut oka, zamiast wizualnie sortować przez hałaśliwy i zatłoczony układ.
Google jest najlepszym przykładem wykorzystania białych spacji. To nie może być czystsze – tylko pusta strona z logo i pole wyszukiwania.
6 Popraw swój projekt strony dzięki przyciągającym wzrok kolorom.
Wybierz kolor, który zapewni podstawę całego projektu witryny, a następnie wybierz kontrastowy kolor akcentu dla ważnych przycisków i innych elementów interfejsu. Możesz dowiedzieć się więcej o wyborze odpowiedniej palety kolorów dla Twojej marki.
Whole Foods Market używa zieleni dla ich podstawowego koloru marki, a małe wyskakujące pomarańczowe przyciągają wzrok w kierunku polecanych wezwań do działania.
7 zawiera atrakcyjne, łatwe do odczytania czcionki.
użyj atrakcyjnego typu, który jest wizualnie zrównoważony i wyjątkowy, aby tekst Twojej witryny był przejrzysty i intrygujący. Cztery najpopularniejsze czcionki to Brandon Grotesque, Museo Sans, Railway i Playfair Display.
belgijska Odzież dziecięca Studio Aimee wykorzystuje Brandon Grotesque do czystych, czytelnych zakupów.
8 angażuj użytkowników wideo i bogate obrazy.
Filmy i obrazy są bardziej angażujące niż sam tekst—w rzeczywistości strony docelowe z filmami mogą zwiększyć konwersje o ponad 80%. Korzystaj ze skalowalnych obrazów (SVG), aby zapewnić użytkownikom wysokiej jakości wrażenia zarówno na komputerach, jak i urządzeniach mobilnych.
organizacja charytatywna non-profit: water wyświetla film na stronie głównej, co czyni go jedną z pierwszych rzeczy, które widzisz, gdy odwiedzasz ich stronę internetową, aby uzyskać maksymalny efekt.
utrzymuj zaangażowanie odwiedzających dzięki przyjaznej dla użytkownika stronie internetowej
możesz mieć najbardziej atrakcyjną stronę internetową na świecie, ale jeśli jest trudna w użyciu, Twoi odwiedzający nie przekonwertują na klientów. Te siedem zasad zapewni Twoim odbiorcom płynne wrażenia użytkownika.
1 spraw, aby Twoja strona była przyjazna dla urządzeń mobilnych.
Czy wiesz, że do 70% ruchu w sieci pochodzi z urządzenia mobilnego? Oznacza to, że istnieje duża szansa, że ktoś odwiedzający Twoją witrynę po raz pierwszy używa swojego smartfona. A jeśli doświadczenie mobilne jest negatywne, właśnie straciłeś klienta. Dowiedz się, dlaczego i jak sprawić, aby Twoja strona była bardziej przyjazna dla urządzeń mobilnych.
mobilne zakupy Everlane są czyste i łatwe w użyciu. Projekt zawiera modułową treść, dzięki czemu jest responsywny i dobrze przekłada się na urządzeniach mobilnych. Strona zawiera również połączenia, aby pobrać aplikację zakupy bez poczucia, że dostajesz mniejsze doświadczenie na stronie.
2 Usprawnij nawigację.
im więcej stron ktoś musi poruszać się po twojej witrynie, aby znaleźć to, czego szuka, tym większe prawdopodobieństwo, że klient opuści Twoją witrynę z powodu frustracji. W rzeczywistości dla przeciętnej strony internetowej 40% odwiedzających odejdzie po obejrzeniu tylko jednej strony!
treść nie powinna być zakopana. Nie każ odwiedzającym polować na to, po co przyszli. Nawigacja powinna być dobrze zorganizowana i logiczna z punktu widzenia użytkownika. Powinien również czuć się znajomo, więc użytkownicy nie mają stromej krzywej uczenia się.
ma prosty pasek nawigacji na górze swojej strony internetowej, z ważnymi punktami połączonymi poniżej z krótkim wyjaśnieniem w sekcji „co robimy”. To sprawia, że łatwo znaleźć to, czego szukasz.
3 Użyj wywołań do działania, aby ułatwić wyszukiwanie.
zastanów się, gdzie możesz umieścić przyciski w całej witrynie, aby ułatwić odwiedzającym znalezienie ważnych rzeczy. Jeśli jesteś witryną ecommerce, posiadanie przycisków z napisem „Kup Teraz” będzie miało znacznie większy wpływ niż prosty link nawigacyjny; jeśli jesteś organizacją non-profit, przycisk „Przekaż” obok paska nawigacyjnego sprawi, że darowizna będzie bardzo prosta dla odwiedzających.
Square ma proste wezwanie do działania, które zachęca właścicieli firm do rozpoczęcia sprzedaży. Ich przycisk CTA brzmi ” Start a Square account.”To nie jest o wiele łatwiejsze niż to.
4 Zapewnij użytkownikom solidne możliwości wyszukiwania.
równie ważne jest myślenie o tym, jak odwiedzający będą wyszukiwać Twoją witrynę i jak będą wyświetlane wyniki. Wyszukiwanie powinno odzwierciedlać nawigację w sposobie organizacji wyników. Włączenie funkcji, takich jak automatyczne uzupełnianie, ułatwi wyszukiwanie również z perspektywy użytkownika.
Zappos ma inteligentne narzędzie wyszukiwania, które jest bardzo dokładne, a także aktualizuje filtry po lewej stronie na podstawie wyszukiwanych terminów.
5 Podziel zawartość za pomocą nagłówków sekcji.
gdy masz do czynienia z obszarami o dużej zawartości w swojej witrynie, przerwij ją nagłówkami. Niezależnie od tego, czy jest to artykuł, czy Opis produktu, nagłówki zapewniają strukturę treści i ułatwiają skanowanie.
WebMD skutecznie rozbija swoje treści na strawne kawałki z dużą ilością nagłówków sekcji, dzięki czemu możesz znaleźć informacje, których szukasz.
6 Mów jak prawdziwa osoba.
im więcej żargonu i marketingu użytkownicy muszą rozszyfrować, gdy odwiedzają Twoją witrynę, tym mniej prawdopodobne jest, że będą angażować się w Twoją markę. Przyjazny, konwersacyjny ton ułatwi odwiedzającym czytanie i rozumienie Twoich treści, a także nawigację po twojej stronie.
Zipcar sprawia, że ich serwis jest łatwiejszy do zrozumienia—a ich strona łatwiejsza w nawigacji—dzięki łatwemu głosowi marki.
7 Potwierdź działania odwiedzających.
jeśli odwiedzający kupują od Ciebie produkt, zapisują się do newslettera lub nawet udostępniają Twoje treści, dobrą praktyką jest wyświetlanie ekranu potwierdzenia, który pokazuje im, że ich działanie przebiegło pomyślnie. Nie zaszkodzi też użyć tego ekranu, aby im podziękować.
TheSkimm gratuluje i wita po zapisaniu się do newslettera, z prośbą o udostępnienie w mediach społecznościowych.
Przetestuj swoją witrynę przed uruchomieniem
zawsze są problemy, które musisz rozwiązać podczas uruchamiania lub ponownego uruchamiania witryny. Ważne jest, aby poświęcić czas na przetestowanie witryny i zebranie opinii przed jej uruchomieniem.
1 przeprowadzaj testy zapewnienia jakości (QA).
jeśli posiadasz zasoby, wynajmij zespół ds. zapewnienia jakości, aby mógł przetestować wszystkie aspekty twojej witryny. Jeśli nie możesz zatrudnić osób specjalnie do roli QA, poproś ludzi, zarówno wewnętrznych, jak i zewnętrznych, aby przetestowali Twoją witrynę przed uruchomieniem. Mogą kliknąć wszystkie linki, wypełnić wszystkie formularze i wypróbować wszystkie usługi. Zasadniczo, jeśli jest coś do zrobienia na stronie internetowej, powinni to zrobić. W ten sposób możesz naprawić wszelkie błędy przed uruchomieniem.
2 Zbierz opinie użytkowników przed uruchomieniem witryny.
zaproś wybraną grupę beta testerów do przekazania opinii na temat takich elementów, jak nawigacja, projekt i główne przepływy użytkowników. Możesz nie wprowadzać zmian w oparciu o wszystkie opinie otrzymane przed premierą, ale możesz mieć na uwadze sugestie dotyczące zmian w przyszłości.
stworzenie strony internetowej od podstaw-nawet jeśli zatrudniłeś agencję do pomocy – to nie lada wyczyn. Stworzyliśmy poręczne 3 Kroki do stworzenia wciągającej listy kontrolnej projektu strony internetowej (PDF), dzięki czemu możesz mieć pewność, że sprawdzasz wszystkie ważne elementy z listy w trakcie.