10 Najgorsze błędy w projektowaniu strony internetowej

Artykuł napisany przez:
  • Projektowanie stron internetowych
  • Zaktualizowano: Aug 03, 2017

Bez względu na to, czy brałeś udział w kursach w lokalnej szkole społecznej projektowanie witryn na latalub są amatorami uczącymi się w podróży, są pewne rzeczy, których powinien unikać każdy projektant stron internetowych, jeśli chce, aby odwiedzający lubili spędzać czas na swojej stronie.

Prawdopodobnie słyszałeś termin "lepki" w odniesieniu do strony internetowej.

Oznacza to po prostu stronę, na której użytkownik chce się trzymać - stronę, która pozostaje z przeglądarką, a które zakładki i częste. Jest tak wiele elementów, które sprawiają, że strona jest lepka, że ​​jest to zupełnie inny temat.

Z pewnością jednak istnieją pewne błędy w projektowaniu stron internetowych, które mogą sprawić, że witryna będzie chciała uciec. Oto wzór nr-nie, którego powinieneś unikać.

Błąd #1: Jarring Colors

Kolory, które są tak jasne, że szkodzą twoim oczom lub kolorom, które kolidują ze sobą, mogą sprawić, że odwiedzający witrynę będą chcieli uciec od strony internetowej. Planując temat swojej witryny, spróbuj wybrać kolory, które wzajemnie się uzupełniają. Żółty rzadko działa jako główny kolor, chociaż może dobrze wyglądać jako akcent. Użycie każdego koloru tęczy rzadko jest dobrym pomysłem.

Tytuł strony: Moradito

Przykłady złego projektu

Ta strona używa prawie każdego koloru, jaki można sobie wyobrazić w układzie typu puzzle. Jedyny sposób, aby to opisać, jest brzydki.

Błąd #2: Zbyt wiele grafik

Jeśli zaśmiecasz swoją stronę grafiką, pojawiają się dwie różne rzeczy. Po pierwsze, strona jest tak zajęta, że ​​użytkownicy mogą nie być pewni, gdzie kliknąć lub na co mają ochotę patrzeć. Po drugie, jeśli przeglądarka ma wolniejsze połączenie internetowe, ładowanie strony może potrwać zbyt długo. Po 30 sekundach większość ludzi opuści stronę i przejdzie do innej witryny. Żyjemy w czasach, w których wszystko jest natychmiastowe. Jeśli nie zwrócisz uwagi klienta w ciągu kilku pierwszych sekund, ryzykujesz całkowitą utratę jej.

Tytuł strony: Pine-Sol

Przykłady złego projektu

Ta strona ma tak wiele grafik, że wygląda na zagraconą.

Oprócz licznych elementów graficznych obrazy poruszają się po całej stronie, więc nawet jeśli użytkownik chciał kliknąć jedno z obrazów, musiała je ścigać za pomocą myszy.

Błąd #3: Wolny czas ładowania

Czy twoja strona ładuje się tak wolno, że odwiedzający ma czas, aby pójść przy filiżance kawy i pączku przed powrotem?

Dodanie zbyt wielu elementów, takich jak flash, dźwięk, ton grafiki wysokiej rozdzielczości lub skryptów Java, może spowodować spowolnienie i spowolnienie witryny. Pamiętaj, że chociaż większość użytkowników będzie mieć dużą szybkość, wciąż będą klienci z obszarów wiejskich, którzy będą korzystać z połączenia dial-up i nie będą mogli uzyskać dostępu do witryny, jeśli ładuje się zbyt wolno.

Szybkość jest nieodzowna dla użytkownika, jest bardzo ważnym czynnikiem w rankingu. Szybkość strony stała się czynnikiem rankingowym wyszukiwarki w 2010, a w czerwcu 2016, Google zgłosiło, że będzie aktualizować współczynnik rankingu szybkości strony, aby dokładnie sprawdzić szybkość stron na urządzeniach mobilnych. Dzięki wyszukiwarce mobilnej obejmującej ponad połowę wyszukiwań Google, prędkość stron mobilnych musi być zoptymalizowana.

- Źródło: Zwiększ swoje SEO dzięki lepszej szybkości witryny

Tytuł strony: The Museum of Me

Przykłady złego projektu

Flash na tej stronie powoduje, że ładuje się bardzo wolno. Ponadto nie ma łatwo dostępnego łącza do pominięcia lampy błyskowej. Przeglądarki z wolniejszymi prędkościami pobierania będą uważać tę witrynę za tak trudną do załadowania, że ​​prawdopodobnie wyjdą z witryny i nigdy nie wrócą.

Wskazówka: Sprawdź prędkość strony i uzyskaj porady dotyczące poprawy poprzez Statystyki szybkości Google Page.

Błąd #4: Za dużo reklam

Witryny internetowe i blogi treści zarabiają na reklamie, zamiast sprzedawać produkty. Jednak tam, gdzie wielu właścicielom witryn zawodzi, dodaje się tyle reklam, że użytkownik nie jest w stanie odróżnić treści od reklam. Jeśli odwiedzający musi wyszukać artykuł lub resztę artykułu, na stronie jest zbyt dużo reklam. Najlepiej jest umieścić jedną lub dwie reklamy na stronie. Co więcej, ryzykujesz irytujące przeglądarki.

W rzeczywistości w cyfrowy raport reklamowy przeprowadzona przez Upstream i YouGov w 2012, okazało się, że około 20% konsumentów stwierdziło, że jeśli firma reklamowała zbyt wiele, nigdy więcej nie użyłaby tej firmy.

Tytuł strony: Hemmy.net

Przykłady złego projektu

Na kilku stronach tej witryny cały obszar wyświetlania u góry strony to około 90% reklam różnego rodzaju. Aby przejść do zawartości strony, należy przewinąć w dół. Nawet tam jest rozrzucona dodatkowa reklama. Jest to tak rozpraszające, że ciężko jest skupić się na stronie.

Błąd #5: Amatorska edycja zdjęć

Nic nie krzyczy amatorsko głośniej niż obraz, który nie został odpowiednio zmodyfikowany. Witryny z tego typu problemami mogły wycinać obrazy z rozmytymi obramowaniami, automatycznie korygowane kolory, które wyglądają, słabe techniki nakładania warstw, które sprawiają, że dwa obrazy zostały połączone razem lub dziwne, zmienione proporcje.

Tytuł strony: Peter's Buses

Przykłady złego projektu

Jest kilka problemów z grafiką na tej stronie.

Najpierw jest autobus z białym, zamiast przezroczystym tłem, który jest po prostu spasowany na stronie i wygląda amatorsko. Dwa zdjęcia po prawej stronie również są problematyczne, ponieważ zostały rozciągnięte i zmieniono rozmiar bez zachowania współczynników. Zdjęcia wyglądają, a ludzie w prawej są tak rozciągnięci, że mogą być gigantami w krainie Lilliputów.

Wskazówka: Skorzystaj z bezpłatnych narzędzi do edycji obrazu online: Canva, Pic Monkey

Błąd #6: Zaprojektuje trzyletnie stworzenie

Jeśli Twoja witryna wygląda tak, jakbyś otworzyła Microsoft Word, stworzyła kawałek Word Art i rzuciła stronę w Internecie, możesz przemyśleć swoje elementy projektu. Podczas gdy prostota jest mile widzianą ulgą od niektórych bardziej ruchliwych witryn, jeśli pójdziesz zbyt prosto, ryzykujesz swoją witrynę wyglądającą młodzieńczo i tanio.

Tytuł strony: Klan Cyber ​​D-Sign

Przykłady złego projektu

Przykłady złego projektu

Ten projekt jest tak prosty, że będzie natychmiast rozpoznawalny jako podstawowe tło wzoru Microsoft i Word Art.

Projektant nawet nie zmienił kolorów słów ze standardowego projektu MS zaczyna. Ponadto, strona podręczna próbuje załadować. Może to zostać przeoczone, jeśli projekt byłby lepszy po pominięciu wstępu i przejściu do strony głównej. Jednak wygląd połączonej strony (poniżej) jest równie rozczarowujący.

Błąd #7: Zła nawigacja

Nawet jeśli witryna ma atrakcyjny wizualnie wygląd, odwiedzający mogą stać się sfrustrowani i pozostawać nad kiepską nawigacją. Na przykład witryny bez przejrzystego linku lub z tak wieloma pozycjami, że trudno zdecydować, dokąd się udać. Jednym z problemów, z którym boryka się wielu właścicieli witryn, jest mała, nagle powiększająca się witryna. Nawigacja, która działała, gdy witryna miała pięć stron, po prostu nie zadziała, gdy strona ma strony 500. Zobacz, jak można przerobić witrynę i zrestrukturyzować ją na kategorie i podkategorie, aby odwiedzający dokładnie wiedzieli, gdzie szukać tego, czego chcą. Mądrze jest dodać pole wyszukiwania.

Tytuł strony: LawnSignDirectory.com

Przykłady złego projektu

Odwiedzający spodziewa się, że ich obszar jest dostępny do przeszukiwania, ale zamiast tego po lewej stronie znajdują się dziesiątki linków, reklamy po prawej i kilka wyróżnionych firm. Witryna ta może skorzystać z reorganizacji struktury organizacyjnej, dzięki czemu odwiedzający mogą łatwo znaleźć zasoby, na które polują.

Błąd #8: Problemy z tekstem

Projektanci stron internetowych, którzy używają zajętego tła, a następnie wybierają kolor tekstu, który nie zapewnia wystarczającego kontrastu, powodują, że ich strony internetowe są nieczytelne. Jeśli oczy odwiedzającego bolą po przeczytaniu jednego artykułu, dlaczego ma pozostać przy czytaniu kolejnych stron witryny? Jeśli musisz wybrać zajęte tło, przynajmniej umieść tabelę, warstwę lub tabelę treści na jednolitym tle i wybierz inny kolor tekstu. Staraj się unikać szarości na szaro, ale wybierz biały na ciemnoczerwony, czarny na jasnoróżowym itp.

Słowa, które nakładają się na siebie, są również trudne do odczytania, podobnie jak akapity częściowo pokrywające grafikę i częściowo na jednolitym tle.

Tytuł strony: Trójkąt Bermudzki

Przykłady złego projektu

Nie tylko istnieją tu problemy z kontrastem, ale tekst pokrywa się z innymi tekstami, co sprawia, że ​​czytanie jest prawie niemożliwe.

Błąd #9: Literówki

Nic nie krzyczy bardziej nieprofesjonalnie niż rażące literówki i kwestie gramatyczne. Chociaż nikt nie jest doskonały, możesz spróbować zbliżyć się. Poproś znajomych i rodzinę, aby przejrzeli strony i pomogli Ci znaleźć te błędy lub zatrudnij profesjonalnego redaktora do sprawdzenia swoich stron. Poniższy przykład jest po prostu dla zabawy. To nie jest prawdziwa firma zajmująca się projektowaniem stron internetowych, ale spojrzenie na to, jak nieprofesjonalne są niektóre firmy.

Tytuł strony: Web Tek Rocks

Przykłady złego projektu

Można pominąć jedną literówkę, ale ta strona pokazuje, że niektóre podejrzane witryny są pełne błędów. W przypadku firmy, która chce pomóc Ci umieścić Twoją witrynę w Internecie, prawdopodobnie lepiej będzie, jeśli poświęcisz trochę czasu na poprawienie problemów w swojej witrynie przed jej zbudowaniem. "Special" jest napisane SPECJALNIE; "Ekspertyza" jest pisana "experteze"; Oferują "pomoc się" w Internecie; "Możemy wybudowany Twoja strona jest szybsza niż ktokolwiek! "

Wskazówka: Dowiedz się, jak złap literówkę i błędy we własnym piśmie.

Błąd #10: Tak źle, że nie możesz tego wyjaśnić

Niektóre strony internetowe mają po prostu zły projekt. Czasami nie jest jedna rzecz, która sprawia, że ​​strona jest bolesna dla oczu, ale prawie wszystko na stronie.

Może być kombinacja brzydkich kolorów, słabej nawigacji i innych przedmiotów. Na szczęście strony te są rzadkie, ale ich przeglądanie może pomóc ci dowiedzieć się, co nie do zrobienia podczas projektowania witryny.

Tytuł strony: The Afterlife

Przykłady złego projektu

Ta strona jest tak okropna, że ​​ciężko ją opisać. Po pierwsze, każdy, kto ma skłonność do ataków, powinien trzymać się z dala od tej strony, ponieważ może wywołać atak nawet u osoby podatnej na zajęcie. Strona przewija się, jest wypełniona animowaną i migającą grafiką. Co więcej, grafika w większości nie jest atrakcyjna, kończąc na dziecku w chustce grającej na gitarze. Odwiedź, jeśli się odważysz.

O Lori Soard

Lori Soard pracuje jako niezależny pisarz i redaktor od 1996. Ma tytuł licencjata w dziedzinie edukacji angielskiej i doktorat z dziennikarstwa. Jej artykuły pojawiały się w gazetach, czasopismach, Internecie, a ona opublikowała kilka książek. Od 1997 pracowała jako web designer i promotor dla autorów i małych firm. Pracowała nawet przez krótki czas w rankingach stron internetowych dla popularnej wyszukiwarki i studiowała taktykę SEO dla wielu klientów. Lubi słuchać jej czytelników.