Najgorsze błędy w projektowaniu stron internetowych: 10 przykładów złych stron internetowych

Artykuł napisany przez:
  • Projektowanie stron internetowych
  • Zaktualizowano: Apr 16, 2020

Niezależnie od tego, czy uczestniczyłeś w kursach w lokalnej szkole społeczności, tworząc strony internetowe od lat lub amatorsko się uczysz, ale każdy projektant stron internetowych powinien unikać pewnych rzeczy, jeśli chce, aby odwiedzający spędzali czas na jego 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 ranią twoje oczy lub kolidujące ze sobą kolory, mogą sprawić, że odwiedzający witrynę będzie chciał uciec od strony internetowej.

Planując motyw witryny, spróbuj wybrać kolory, które się uzupełniają. Żółty rzadko działa jako główny kolor, chociaż może dobrze wyglądać jako akcent. Używanie każdego koloru tęczy rzadko jest dobrym pomysłem.

Przykład złych sieciite: 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śmiecisz stronę grafiką, wystąpią dwie różne rzeczy.

Po pierwsze, strona jest tak zajęta, że ​​odwiedzający mogą nie mieć pewności, gdzie kliknąć lub na co chcą najpierw spojrzeć.

Po drugie, jeśli użytkownik 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 epoce, w której wszystko jest natychmiastowe. Jeśli nie zwrócisz uwagi klientki w ciągu pierwszych kilku sekund, ryzykujesz jej całkowitą utratę.

Przykład złych sieciite: Pine-Sol

Przykłady złego projektu
Ta strona ma tak wiele grafiki, że wygląda po prostu zagracona. Poza liczną grafiką obrazy poruszają się po całej stronie, więc nawet jeśli użytkownik chciałby kliknąć jeden z obrazów, musiałaby go ś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.

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

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

Przykład złych sieciite: 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ą.

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.

Przykład złych sieciite: 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.

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

Przykład złych sieciite: Peter's Buses

Przykłady złego projektu
Istnieje kilka problemów z grafiką na tej stronie. Po pierwsze, jest autobus z białym zamiast przezroczystego tła, który po prostu leży na stronie i wygląda amatorsko. Dwa zdjęcia po prawej są również problematyczne, ponieważ zostały rozciągnięte i zmienione bez zachowywania proporcji. Zdjęcia odwracają wzrok, a ludzie w tym po prawej wydają się tak rozciągnięci, że mogą być gigantami w krainie Lilliput.

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.

Przykład złych sieciite: Cyber ​​D-Sign Clan

Przykłady złego projektu
Projektant nawet nie zmienił kolorów słów ze standardowego projektu MS zaczyna się od. Ten projekt jest tak prosty, że będzie natychmiast rozpoznawalny jako podstawowy wzór Microsoft i Word Art.
Przykłady złego projektu
Ponadto próba załadowania strony wyskakującej. Można to pominąć, jeśli projekt był lepszy po pominięciu wstępu i kliknięciu na stronę główną. Jednak konstrukcja połączonej strony (poniżej) jest równie rozczarowująca.

Błąd #7: Zła nawigacja

Nawet jeśli witryna ma atrakcyjny wizualnie wygląd, odwiedzający mogą stać się sfrustrowani i pozostawić złą nawigację.

Na przykład witryny bez wyraźnego linku lub zawierające tak wiele elementów, że trudno jest zdecydować, dokąd pójść. Jednym z problemów, z którym boryka się wielu właścicieli witryn, jest niewielka witryna, która nagle się powiększa. Nawigacja, która działała, gdy witryna miała pięć stron, po prostu nie działa, gdy witryna ma 500 stron. Zobacz, w jaki sposób można przerobić witrynę i przekształcić ją w kategorie i podkategorie, aby odwiedzający dokładnie zrozumieli, gdzie iść po to, czego chcą. Warto również dodać pole wyszukiwania.

Przykład złych sieciite: 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.

Przykład złych sieciite: 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.

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

Przykład złych sieciite: 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! "

Błąd nr 10: Najgorszy projekt strony internetowej - tak zły, że nie można tego wyjaśnić

Niektóre strony są po prostu z natury bardzo źle zaprojektowane. Te źle zaprojektowane strony internetowe - nie jest to jedna rzecz, która sprawia, że ​​strona jest bolesna dla twoich 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.

Przykład złych sieciite: Życie pozagrobowe

Przykłady złego projektu
Ta strona jest tak okropna, że ​​trudno ją opisać. Po pierwsze, każdy, kto ma skłonność do napadów, powinien trzymać się z dala od tej strony, ponieważ może to spowodować napad nawet u osób, które nie są podatne na napady. Strona przewija się, jest wypełniona animowaną i migającą grafiką. Co więcej, grafika nie jest w większości atrakcyjna, kończy się na dziecku w zespole i gra 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.