5 przykłady złego projektowania stron internetowych i jak to zrobić lepiej
projektowanie strony internetowej ma bezpośredni wpływ na wrażenia użytkownika., Źle zaprojektowana witryna ma mniejsze prawdopodobieństwo, że odwiedzający zakończą działanie, takie jak zakup produktu lub dołączenie do listy mailingowej.
w rzeczywistości, jeśli strona ładuje się powoli lub jest trudna w nawigacji, 95% odwiedzających opuści w ciągu kilku sekund.
Jeśli nie uzyskujesz pożądanych wyników ze strony internetowej, takich jak zwiększone konwersje i zmniejszone współczynniki odrzuceń, Oceń projekt.
oto kilka błędów, które wyłapaliśmy na innych stronach. Staraj się unikać powtarzania któregokolwiek z tych pięciu przykładów złego projektu strony internetowej.
jak wygląda zły projekt strony internetowej?,
przeciętny właściciel firmy może nie rozumieć różnic między dobrym i złym projektowaniem stron internetowych, dlatego wiele stron kończy się okropnymi i nieefektywnymi projektami.
chociaż trendy w projektowaniu stale się zmieniają, istnieją podstawowe elementy strony internetowej, które pozostają uniwersalne, w tym:
- Łatwa nawigacja
- czysty układ
- Kompatybilność
- odpowiedni dla branży projekt
użytkownicy nie powinni zgadywać, jak znaleźć stronę w swojej witrynie. Wszystko powinno być dobrze zorganizowane, z prostymi menu i funkcjami nawigacyjnymi.,
zalecany jest również czysty layout. Jeśli strona jest zatłoczona informacjami, grafiką i wideo, ładowanie trwa dłużej i staje się trudniejsze do odczytania.
kompatybilność jest mniej niepokojąca, ponieważ większość witryn używa teraz responsywnych projektów, które odpowiadają rozmiarowi ekranu użytkownika. Jednak często konieczne jest dokładne testowanie, aby upewnić się, że elementy ładują się prawidłowo na różnych urządzeniach.
wygląd strony jest subiektywnym szczegółem, ponieważ każdy ma swoje gusta. Niezależnie od tego, potrzebujesz odpowiedniego projektu z branży., Na przykład krzykliwa grafika może nie działać na stronie Domu Pogrzebowego, ale może działać na stronie wypożyczalni imprez.
pamiętaj o tym, przeglądając najgorsze błędy w projektowaniu stron internetowych.
strony internetowe bez jasnego komunikatu
jednym z najgorszych błędów projektowych, które możesz popełnić, jest brak jasnego komunikatu związanego z przeznaczeniem Twojej strony internetowej. Użytkownicy powinni natychmiast znać nazwę firmy i to, co sprzedają.
na przykład, gdy po raz pierwszy odwiedzisz skrzynkę pocztową 3D, zrozumienie tego, na co patrzysz, zajmuje kilka sekund., Wydaje się, że jest to strona internetowa dla jakiegoś rodzaju oprogramowania pocztowego. Trudno jest określić, czy oprogramowanie jest grą, wygaszaczem ekranu lub klientem poczty e-mail.
strona CyberDsignClan to kolejny przykład strony bez jasnego komunikatu. Po prostu widzisz dużą grafikę, która brzmi: „pomiń intro.”Po kliknięciu na stronę ładuje się prawdziwa strona główna, co jest tak samo mylące jak Skrzynka pocztowa 3D.
obie strony nie mają jasnego komunikatu. Aby dowiedzieć się więcej o produkcie, odwiedzający muszą przewinąć stronę lub kliknąć inne linki.,
wszystko, co pojawia się na stronie, zanim użytkownicy będą musieli przewijać dalej, jest rozpatrywane powyżej fałdy. Nazywamy to ” sekcją bohaterów.”To jest obszar, w którym należy podać nazwę firmy i pewne wskazanie, co sprzedają. Góra strony powinna również oferować pewien rodzaj nawigacji.
odwiedzający stronę tworzą opinie o firmie w ułamku sekundy. Jeśli użytkownicy będą musieli przewijać stronę, aby dowiedzieć się, co robi firma, prawdopodobnie opuszczą tę stronę.,
zbyt wiele elementów zaśmiecających stronę
oprócz jasnego komunikatu strona powinna mieć przejrzysty układ. Jeśli strona jest zaśmiecona, nawigacja staje się trudna, powodując opuszczenie strony.
Arngren.net jest dobrym przykładem złego projektu. Ta sklasyfikowana strona zawiera ogłoszenia wyrzucone razem bez struktury. Ogłoszenia nie są podzielone na kategorie i pasują do siebie jak układanka.
aby uzyskać inny przykład, odwiedź Lings Cars., Strona jest przeznaczona dla samochodów używanych, ale ma tak wiele różnych elementów, że można przeoczyć cel strony. Projektant uwzględnił co najmniej pół tuzina animowanych elementów powyżej zagięcia, co sprawia, że poruszanie się po stronie jest niezwykle trudne.
możliwe jest wyświetlanie dużej ilości treści bez zaśmiecania strony. Aby uzyskać dobry przykład projektowania stron internetowych, który zawiera wiele produktów, spójrz na Amazon lub AliExpress. Podczas gdy obie strony zawierają niekończący się zwój produktów, są one zorganizowane w siatki zamiast być rzucane razem jak mozaika.,
poza zaśmiecaniem strony mnóstwem linków, niektóre strony są zaśmiecone wyskakującymi okienkami, pływającymi reklamami, automatycznym ładowaniem filmów i innymi elementami, które rozpraszają odwiedzających.
strony bez optymalizacji mobilnej
większość ruchu internetowego w USA pochodzi teraz z urządzeń mobilnych, jednak wiele stron internetowych jest nadal budowanych dla komputerów stacjonarnych. Jeśli strona nie jest zoptymalizowana pod kątem urządzeń mobilnych, większość odwiedzających nie uzyska dobrego doświadczenia użytkownika.,
wiele witryn posiada obecnie responsywny projekt, który pozwala stronie dostosować elementy w zależności od szerokości ekranu urządzenia użytkownika. Witryna może również ukrywać elementy, zmieniać czcionki lub usuwać tła w przypadku wykrycia mniejszego ekranu.
te szczegóły umożliwiają pracę strony na dowolnym urządzeniu. Podczas gdy responsywne projekty są powszechne, nadal istnieje wiele witryn, które są nieczytelne na urządzeniach mobilnych.
prawie wszystkie omówione przykłady nie mają responsywnego projektu. Deque University ma przykład nie responsywnego projektowania stron internetowych.,
Jeśli czytasz to w swojej przeglądarce internetowej, spróbuj odwiedzić stronę i dostosować szerokość przeglądarki. Gdy okno przeglądarki staje się mniejsze, strona nie zmienia swojego układu. Tekst staje się niemożliwy do odczytania bez przewijania w prawo.
Jeśli chcesz zobaczyć przykład responsywnego projektowania stron internetowych, odwiedź prawie każdą stronę internetową należącą do dużej firmy, takiej jak Nike lub Microsoft.
brak prostej nawigacji i linków
gdy użytkownicy docierają do witryny, nie powinni mieć problemu z przeglądaniem menu i znalezieniem potrzebnych im informacji., Na oficjalnej stronie Uniwersytetu zaawansowanej technologii Góra strony pokryta jest dużym animowanym wyświetlaczem zawierającym pływającą grafikę.
pływające grafiki są łączami, które są trudne do kliknięcia i spowalniają szybkość ładowania strony. Chociaż jest to niezwykle innowacyjne, istnieją inne kreatywne sposoby zaprojektowania strony internetowej bez utrudniania nawigacji. Zamiast używać tych pływających elementów jako linków, Uniwersytet postępu technologicznego powinien skupić się na tworzeniu menu, które jest łatwe do otwierania i przeglądania.,
wreszcie, istnieje wiele stron, które zawierają przewijanie paralaksy i osadzone elementy wideo, które nie obezwładniają strony i ograniczają jej nawigację.
nieczytelny tekst lub nie klikalne przyciski
ze względu na wymagania przeglądarki internetowej, menu na poprzedniej stronie jest prawie nie klikalne. Jest to również problem, Gdy witryny nie są zoptymalizowane pod kątem urządzeń mobilnych. Gdy elementy nie dostosowują się do mniejszego ekranu, mogą na siebie nachodzić lub stać się zbyt małe, aby je odczytać.,
unikanie tego problemu jest łatwe, jeśli ukończysz szczegółowe testy przed uruchomieniem witryny. Użyj emulatorów lub oprogramowania, aby emulować wygląd witryny na różnych urządzeniach mobilnych, w tym na najnowszych smartfonach i tabletach.
jak uniknąć złego projektowania strony
omawiane przykłady są stosunkowo łatwe do uniknięcia, teraz, gdy już wiesz, czego szukać. Wprowadzenie niezbędnych zmian może jednak wymagać specjalistycznej wiedzy technicznej., W WANDR otrzymujesz pomoc doświadczonych projektantów UX, którzy rozumieją, czego potrzeba, aby stworzyć lepsze wrażenia użytkownika.
Jeśli chcesz mieć pewność, że Twoja strona nie zawiera żadnego z omawianych złych przykładów projektowych, rozważ współpracę z profesjonalistami.