5 wskazówek ułatwiających projektowanie stron internetowych

Zasady prostoty! Sprawia, że ​​strony internetowe wyglądają elegancko, redukują zamieszanie w naganach i pomagają osiągnąć pożądane cele i rezultaty (tzn. Więcej rejestracji, subskrybentów i sprzedaży). Ale zbyt często wydaje się nieuchwytne, aby uprościć projektowanie strony. Bez względu na to, jak bardzo się starasz, nie możesz sprawić, by twoja praca wyglądała jak Apple. Więc co naprawdę musi zrobić projektant strony? Nie martw się, bo są 5 punktów początkowych, aby uprościć projektowanie strony.

Prosty projekt strony internetowej nie powinien być trudną próbą „wszystko albo nic” - możesz uprościć swój projekt, wykonując małe kroki. Proste zadania, takie jak skupienie się tylko na istotnych elementach witryny, pozbycie się zbędnych, zmniejszenie liczby stron witryny, uzyskanie większej ilości zawartości ponad foldem i ograniczenie liczby używanych kolorów. Zawsze możesz dostroić i ulepszyć swój prosty projekt, ale ważne jest, aby zacząć.

Gotowy, by zacząć upraszczać projektowanie swojej strony? Niesamowite. Bez dalszych ceregieli tutaj 5 punktów początkowych, aby uprościć projektowanie strony.

1. Skoncentruj się tylko na podstawowych elementach

Ten pierwszy krok prawdopodobnie wydaje się oczywistym uderzeniem w czoło: z kierunekPowinienem skupić się na istotnych elementach mojej strony, czym jestem ja, idiota? Jednak zaskakująca liczba stron internetowych nie osiąga tego, co powoduje duży bałagan ważnych i nieistotnych elementów wyrzucanych na stronę. Jestem tak samo winny robienia tego w przeszłości jak każdy. Trudno być obiektywnym i ustalać priorytety tego, co ważne, czy nie, ponieważ wszystko wydaje się niezbędne. Jeśli chcesz, aby projekt Twojej witryny był prostszy, zidentyfikuj co musi być skupiony, tak jak w przypadku każdego dobrego projektu wizualnego lub dzieła sztuki. A to oznacza, że ​​skupiamy się tylko na najważniejszych elementach.

Użyj zasady 80-20

Co 20% tego, co jest na stronie, daje 80% wartości i treści, za które ludzie się tam udają? Może to być kopia, niektóre dowody społeczne (fragmenty opinii, referencje, odznaki medialne) oraz formularz rejestracji lub przycisk wezwania do działania, na przykład. To 20%. Na Twojej stronie, a także na każdej stronie, skup się na wyświetlaniu tylko 20% elementów witryny, które dostarczają 80% tej użyteczności.

To nie jest krok techniczny, ale zasada, której możesz użyć jako przewodnika, aby uprościć projektowanie swojej strony internetowej. Reguła 80-20 pomoże uprościć projektowanie strony internetowej, naciskając na przycięcie elementów witryny do najważniejszych elementów. Co naprawdę fajne jest to, że zasada 80-20 może również pomóc w zwiększeniu pożądanych wyników, które masz nadzieję osiągnąć na swojej stronie. Na przykład zwiększony współczynnik konwersji u użytkowników subskrybujących, rejestrujących się lub kupujących. W jaki sposób? Robisz to, aby nie rozpraszać uwagi i rzeczy, które odwiedzający mogą kliknąć, aby opuścić stronę.

Jak wszyscy wiemy, zawsze szukamy pretekstu, aby nie kupować czegoś na ostatnim etapie, a każdy powód, by odejść, jest dobry. Zmniejsz te powody i kliknij opcje odejścia za pomocą reguły 80-20.

Chris Pearson, twórca popularnej platformy Thesis WordPress, twierdzi, że to właśnie pomogło zwiększyć sprzedaż na jego stronie.

2. Pozbądź się wszystkich niepotrzebnych elementów

Kontynuujemy tutaj zasadę 80-20.

Teraz, gdy zidentyfikowałeś 20% elementów witryny, które zapewnią Ci 80% pożądanych rezultatów, nadszedł czas pozbyć się wszystkich niepotrzebnych elementów. Innymi słowy, 80% elementów strony internetowej, które otrzymają tylko 20% wyników. Mogą to być widżety udostępniania mediów społecznościowych, elementy paska bocznego, szczegóły meta wpisu na blogu (data, godzina, autor, liczba komentarzy itp.) Lub linki w stopce (jest to szczególnie duży winowajca w wielu przypadkach, zwłaszcza gdy odwiedzający szuka wyżej wymienionej wymówki, aby oddalić się od strony).

3. Zmniejsz liczbę stron

Dużą częścią uproszczenia projektu strony jest po prostu mniej miejsc do przeglądania i klikania. Możesz to zrobić przez przycinanie liczby stron. Albo pozbądź się zbędnych stron, o których wiesz, że nie są potrzebne, albo przynajmniej połącz kilka stron w jedną. To znaczy, ty nie naprawdę trzeba oddzielić strony „o stronie” i „o mnie”.

Po pierwsze, wejdź w sposób myślenia gościa - jeśli miałbyś przybyć na swoją stronę, jakie są najważniejsze rzeczy, które chciałbyś zrobić? Na przykład dowiedz się, o czym są twoje rzeczy? Lub skontaktować się z Tobą? Kolejny, upewnij się, że Twoje strony ułatwiają to, co jest konieczne i nic więcej. Nie przechowuj niepotrzebnych stron w swojej witrynie, ponieważ uważasz, że musisz, lub dlatego, że mają je inne strony internetowe. Gdy zmniejszysz liczbę stron w swojej witrynie, odwiedzającym nie tylko łatwiej będzie skupić się na treści, ponieważ jest mniej miejsc do kliknięcia, ale menu nawigacyjne jest również prostsze.

Wszyscy byliśmy na stronach internetowych z zbyt wieloma elementami menu nawigacyjnego. Nie wiemy, od czego zacząć nawigację, ponieważ wybory nas przytłaczają. A kiedy ogarnia nas przytłaczająca liczba wyborów, nie wybieramy niczego. Mając tak mało elementów menu nawigacyjnego, jak to tylko możliwe, sprawiasz, że Twoja strona jest nie tylko prostsza, ale i bardziej zachęcająca dla gości.

4. Uzyskaj więcej treści nad foldem

Badania wykazały, że większość ludzi spędza większość czasu nad fałdami stron internetowych (co pojawia się na ekranie bez przewijania w dół). Więc jeśli chcesz zwiększyć efektywność swojej strony, masz główną zawartość i elementy wezwania do działania nad paskiem. Możesz zrobić coś tak prostego, jak skrócenie wysokości nagłówka, jeśli masz logo i menu nawigacyjne na górze strony.

Wymaga to jedynie zmiany wartości „wysokości” nagłówka w arkuszu stylów (zazwyczaj style.css lub stylesheet.css). Sprawdź także, czy formularz rejestracji lub przycisk znajduje się poniżej zakładki. Przenieś ten element wyżej na stronie, więc jest to pierwsza rzecz, którą widzi użytkownik. Po tym wszystkim jest Twoje pożądane wezwanie do działania gościa, więc zmniejsz pracę potrzebną do dotarcia do niego (np. przewijanie).

5. Ogranicz swój schemat kolorów

Łatwo dać się ponieść kolorom. Po co przestawiać się na 2 lub 3 kolory, gdy masz 12 lub 13 lat? Aby jednak wizualnie uprościć projektowanie strony, musisz ograniczyć schemat kolorów. W razie wątpliwości użyj mniejszej liczby kolorów. To zależy od twojego projektu, ale spróbuj trzymać się z nie więcej niż 2 lub 3 kolorami, aby zacząć. Jeśli potrzebujesz więcej subtelności i tekstury w swoim projekcie wizualnym, użyj odcieni tego samego koloru - jasnoniebieskiego tła i ciemniejszego niebieskiego dla nagłówka i elementów menu.

Jestem tak samo winny, jak każdy, kto w przeszłości szalał z kolorami. Dodam ten kolor, potem inny i inny - i zanim się zorientuję, wygląda na tęczową biegunkę na mojej stronie. Możesz sprawić, by Twoja strona była konstruktywnie uproszczona, ale jeśli kolory odwracają uwagę oczu, gdy na nie patrzysz, a nie komplementujesz treści, to cały ten wysiłek byłby niczym. Zamiast tego używaj mniejszej ilości kolorów w projekcie strony.

Problemy z wybraniem koloru na początek? Przed po Magazyn ma przydatny bezpłatny e-book na temat tego, jak znaleźć idealny kolor tutaj. Potrzebujesz pomocy w wyborze schematu kolorów? Wypróbuj ten poręczny generator schematów kolorów.

Nie mniej ważny

Mam nadzieję, że jesteś teraz uzbrojony i gotowy do uproszczenia projektu swojej strony. Będziesz bardziej dumny prezentując swoją witrynę, ponieważ będzie wyglądał seksownie i wreszcie, twoi odwiedzający będą mieli o wiele bardziej przyjemne przeglądanie w Twojej witrynie.

Podsumowując, oto 5 punktów początkowych, aby uprościć projektowanie strony:

1. Skup się tylko na podstawowych elementach
2. Pozbądź się wszystkich niepotrzebnych elementów
3. Zmniejsz liczbę stron
4. Uzyskaj więcej treści nad fałdą
5. Ogranicz paletę kolorów

Powiązane artykuły

• 11 typowych błędów projektowania stron internetowych. Takie rzeczy jak unikanie skomplikowanych formularzy, niezorganizowana zawartość, zła czytelność i niełatwy do znalezienia pasek wyszukiwania - wszystko to pomoże ci uprościć projektowanie witryny i sprawi, że będzie ona radością dla odwiedzających i wyższy współczynnik konwersji dla Ciebie.
• Czyste, proste i minimalistyczne projekty stron internetowych. Wszystkie te przykłady witryn internetowych dodatkowo dowodzą, że prosta konstrukcja nie tylko wygląda słodko i zachwyca członków płci przeciwnej, ale bardzo pomaga w doświadczeniu użytkownika

Do ciebie: jakie są twoje ulubione porady dotyczące projektowania stron internetowych? Czy widziałeś wzrost pożądanych rezultatów dzięki uproszczeniu projektu?

Nota redaktora:Ten post jest napisany przez Oleg Mokhov dla Hongkiat.com. Oleg Mokhov jest najbardziej mobilnym muzykiem elektronicznym na świecie, entuzjastą projektów internetowych i wizualnych oraz współzałożycielem sklepu muzycznego premium Soundtrackster.