wiele badań pokazuje, że masz mniej niż jedną sekundę, aby przekonać nowego Użytkownika do pozostania na twojej stronie. Wyobraź sobie, że: tylko jedną sekundę!
czy kiedykolwiek natknąłeś się na projekt strony, który sprawił, że przez wiele godzin chciałeś podzielić się nim ze znajomymi? I nie mamy na myśli, że biznes firmy jest zabawny, lub że niektóre elementy strony internetowej są błędne. Nie, to cały projekt, który wygląda jakby pochodził z Lat 90-tych., To prawdziwe źródło inspiracji dla kiepskich topów, takich jak ten.
nasze głębokie badania przyniosły owoce: sprawdź te 11 złych stron internetowych 2021, które pokażą, jak nie należy tworzyć strony internetowej!
jeśli zła strona nie jest twoją rzeczą (mamy nadzieję, że nie), wypróbuj AI Website Builder Weblium – otrzymasz gwarantowany wynik, który spełni Twoje oczekiwania.,ences Between Good and Bad Web Design
- dobra nawigacja (łatwa do zrozumienia)
- dobry schemat kolorów
- wizualnie atrakcyjny interfejs
- czysty układ
zawartość
Penny Juice – złe przykłady projektowania
odwiedź stronę internetową: https://www.pennyjuice.com
Penny Juice jest pierwszym na naszej liście złych przykładów projektowania interfejsu – strona, która nie osiągnęła żadnych celów strony internetowej, czy to intuicyjna nawigacja, atrakcyjny wygląd, czy jasny opis oferowanego produktu.,
pierwszą szokującą rzeczą, którą zauważysz, gdy wylądujesz na stronie, jest niechlujna tęcza o żywych kolorach. Układ nie ma przejrzystej nawigacji: nie można dostać się do innych stron witryny, chyba że przewiniesz każdą stronę w dół.
blinkee website – zły przykład projektu
odwiedź Stronę: https://blinkee.com
Blinkee jest o sprzedaży świecące i migające rzeczy-to jest umowa! Ale, niestety, jest to jedyna rzecz, którą wyraźnie rozumiesz na pierwszy rzut oka.,
pojęcie różnych rzeczy, mruganie na ciemnym tle jest OK, ale wykonanie jest tylko irytujące. Wszystkie te produkty migają, gdy starasz się znaleźć odpowiedzi.
istnieje wiele innych istotnych kwestii, które sprawiają, że Blinkee website jest jedną z najgorszych stron internetowych, więc chcemy zwrócić uwagę na te momenty:
- zdjęcia produktów są po prostu zbyt małe (podczas gdy muszą być w centrum uwagi użytkownika).
- wszystko jest tutaj tak animowane, że cały projekt może powodować drgawki.,
- schemat kolorów jest prawdziwym problemem: musisz przeczytać tekst na czarnym tle.
- ramki strony są również problemem: jeden po lewej zamyka tekst, podczas gdy jeden po prawej jest po prostu pusty.
Możesz znaleźć wszystkie kategorie produktów po prawej stronie: po kliknięciu na którąkolwiek z nich, czasami trafisz na inną stronę ze szczegółowymi informacjami o produkcie, ale czasami lądujesz na innej stronie, która zawiera wszystkie produkty z kategorii, która jest dość nieprzyjazna dla użytkownika.,
strona internetowa Arngren
odwiedź stronę internetową:http://arngren.net
niektóre zasoby mogą być dobrymi i złymi przykładami stron internetowych w tym samym czasie, ale nie możemy tego powiedzieć o stronie internetowej Arngren.
ta norweska strona zaprzecza wszystkim istniejącym zasadom współczesnego projektowania stron internetowych! Pamiętaj o okropnych żółtych stronach, które były popularne w latach 90. , z reklamami walczącymi o małą przestrzeń strony. Teraz widzisz podobny projekt, wprowadzony do życia w 2021 roku.,
powody umieszczenia strony w kategorii zły design:
- nieprawidłowe użycie kolorów.
- słaba nawigacja.
- mała i nawet myląca typografia.
- brak jasnego komunikatu o działalności.
- losowe użycie kolorów.,
Great Dreams bad designed website
odwiedź stronę internetową: http://www.greatdreams.com
Great Dreams website daje połączenie koloru tekstu i tła, co sprawia, że treść jest prawie nieczytelna. Zwłaszcza, gdy rozmiar tekstu jest tak mały.
lądujesz na stronie głównej, która jest zbyt długa i zbyt nudna, aby dostać się na jej dno, odzwierciedlając brzydki design. Wystarczy spojrzeć na tę dziwną wiadomość z góry mówiąc: „proszę odświeżyć swoją stronę, aby uzyskać najnowszy numer”!,
ale najważniejszą kwestią jest to, że strona nie ma jasnego tematu. Wygląda na to, że ta strona all-in-one udaje zaawansowaną encyklopedię online!
przewiń w dół, a zauważysz, że szerokość strony uległa zmianie – To musi być czysta magia. Tak jest szalony wybór kolorów w różnych częściach tej strony.
,
odwiedź stronę internetową:http://www2.pnwx.com
jedna z najbardziej uderzających złych stron internetowych w 2021 roku, Pacific Northwest ledwo wyjaśnia, czym jest ich usługa – i to jest pierwszy błąd, który popełnili.
tekst strony i kolory tła są sprzeczne. Naprawdę trudno jest odczytać treść z powodu braku antyaliasingu, a tekst strony internetowej nie ma paddingów ani odpowiednich białych spacji.
powody umieszczenia strony w kategorii zły design:
- zła typografia ze słabą czytelnością.,
- kolory czcionek nie pasują do projektu strony.
- brak odpowiednich wezwań do działania. Na dole jest tylko numer telefonu.
- Flash jest martwy.
Strona książki Suzanne Collins
odwiedź Stronę:http://www.suzannecollinsbooks.com
nawet jeśli lubisz pracę Suzanne Collins („Igrzyska śmierci” sprawiają, że wielu ludzi szaleje), będziesz rozczarowany jej stronie internetowej.
pierwszą rzeczą jest to, że użytkownik musi powiększyć stronę do 200%, aby treść była czytelna., Gdy powiększysz obraz, wszystko przesunie się do zewnętrznych krawędzi ekranu. Tak powinniśmy używać białej przestrzeni.
spróbuj kliknąć w dowolną książkę, a nic się nie stanie – i to jest najlepszy przykład straconej okazji. Spróbuj kliknąć w sekcję „prace”, a wylądujesz na tym samym ekranie z książkami, nagrodami & recenzjami, ale nie znajdziesz tam żadnych opisów.
Przejdź na dół strony, a znajdziesz listę sklepów internetowych, w których można kupić książki autora., Ale jeśli trafisz w link, zamiast wejść na stronę autora z szukaną książką, wylądujesz na stronie głównej sklepu. Kolejna stracona okazja.
Bavarian Brathouse brzydkie projektowanie stron internetowych przykład
odwiedź Stronę: http://bavarianbrathaus.info
pamiętasz swoje pierwsze rysunki dziecka? Teraz masz szansę zobaczyć coś podobnego na stronie.
projekt tej strony wygląda jak Mury uliczne z lat 80-tych!, Ceglane tło nie ma żadnego efektu paralaksy, a nudna grafika sprawia, że strona Bavarian Boathouse jest uderzającym przykładem złych stron mobilnych.
powody umieszczenia strony w kategorii zły design:
- brak przyjemnego estetycznego designu.
- słaba nawigacja.
- przeciążenie kopią z lewej strony bez odpowiedniego, jasnego komunikatu.
- No CTA!,
przykład projektu brzydkiej strony Bella De Soto
odwiedź Stronę: http://www.bellads.info
za każdym razem, gdy wejdziesz na stronę, masz wrażenie, że ci goście próbowali umieścić wszystko, co mieli na jednej stronie.
Co jeszcze sprawia, że ta strona jest na szczycie złych stron? Nawet jeśli pomniejszysz do 20%, Nie zobaczysz całego dużego obrazu poniżej. Jest tak wiele różnych treści i tak wiele zdjęć o niskiej jakości na stronie głównej, że kręci ci się w głowie.,
poza tym Strona główna jest zbyt długa i szeroka, więc musisz przewijać ją poziomo i pionowo, aby znaleźć informacje, których szukasz.
Antique Bottle Collectors Resource
odwiedź Stronę:http://www.mrbottles.com
jedna z najgorszych stron w sieci, Antique Bottle Collectors ma wiele problemów…
powody, dla których warto umieścić stronę w zła Kategoria designu:
- kolor tekstu ciągle się zmienia, przez co kręci ci się w głowie.,
- obrazy są losowo umieszczane w różnych miejscach bez żadnego porządku i formatowania.
- nawigacja użytkownika.
- za dużo treści, których tak naprawdę nie chcesz czytać.
Patimex ugly web design
odwiedź Stronę:http://www.patimex.com
Patimex jest świetnym dodatkiem do naszej listy brzydkich stron internetowych – na początku widzisz mnóstwo denerwujących grafik, które musisz powiększać i pomniejszać, a one zawsze wychodzą z ramek ekranu.,
powody umieszczenia strony w kategorii zły design:
- tekst strony zanika& Na zewnątrz, ale to nie jest najgorsza rzecz na tej stronie.
- wtedy zauważysz maleńką nutkę mówiącą, że na stronie Gra Muzyka… i ta szalona muzyka country, wraz z okropną animacją diabła grillującego jego piekielny majestat na grillu, sprawiła, że współczujemy ludziom.
- pulsujące logo Patimex to kolejna rzecz, która może zagadać projektanta stron internetowych: dlaczego logo przyciąga uwagę, skoro nie można nawet na nie kliknąć?,
nawigacja na stronie działa dobrze, a to chyba jedyne co jest OK na stronie Patimex.
Rudgwick Steam & County Show
odwiedź Stronę: http://www.rudgwicksteamshow.co.uk
strona tej firmy może się wyróżniać nawet z naszych najlepszych złych stron internetowych. To największy wybór okropnego projektu, jaki widziałeś. Kiedy lądujesz na stronie, nie masz pojęcia, od czego zacząć, po prostu się mylisz.,
powody umieszczenia strony w kategorii zły design:
- linki w nawigacji nie działają.
- losowe użycie kolorów, które dają negatywne wibracje.
- duża bezsensowna grafika
wiadomość powitalna nie ma wyraźnego sensu i znaczenia. Cała strona wygląda jak lista!
brak przyjaznej dla użytkownika nawigacji lub czytelności dodaje złe wrażenie. Nawiasem mówiąc, linki w menu nawigacyjnym nie działają!,
tag team Signs – zła strona
odwiedź Stronę: http://www.tagteamsigns.net/
Jeśli chcesz czuć się zirytowany, Witamy na tej stronie. Wiele irytujących elementów jest tutaj: odtwarzanie muzyki bez Twojej zgody; początek naprawdę brzydkiej animacji; powolne ładowanie; niedostępność na urządzeniach mobilnych i wreszcie nudne projektowanie stron internetowych.
Headhunter Hair Styling
odwiedź Stronę: https://www.headhunterhairstyling.com/
Co jest strasznego w tej stronie?,
Stylizacja Włosów Headhunter jest bardzo prosta i powolna w ładowaniu, jak prawie wszystkie te strony z tej listy. Mam nadzieję, że rozumiesz jedną ważną rzecz w złych stronach internetowych: nie tylko zły design jest odpowiedzialny za awarię.
Po pierwsze, spraw, aby Twoja strona była doskonała od strony technicznej: zminimalizuj skrypty i frameworki java, skompresuj obrazy i staraj się nie przeciążać kodu www.
odwiedź Stronę:http://electrifyingtimes.com/
myślę, że ta strona została wykonana jak drzwi., Drzwi to witryny lub strony utworzone w celu uzyskania wysokiej pozycji dla określonych zapytań wyszukiwania. Są one złe dla użytkowników, ponieważ mogą prowadzić do wielu podobnych stron w wynikach wyszukiwania użytkowników i utrudniać użyteczność.
Mednat.org – zła strona
odwiedź Stronę: http://www.mednat.org/
Mednat.org strona internetowa to zbiór artykułów, które nie pasują do siebie. Wątpimy, że zrozumiesz jego cel, kiedy wylądujesz na nim. I to tylko jeden z problemów.,
główne zagadnienia strony:
- mały rozmiar czcionki,
- brak struktury (nie ma logicznych sekcji strony),
- ściana treści (jedna strona zawiera wystarczająco dużo tekstu, aby wypełnić 20 stron),
- brak reakcji na telefony komórkowe,
- tekst spamowy (liczne linki do Wikipedii),
- zła użyteczność.
gdzie zjeść
odwiedź stronę internetową:https://www.where2eat.com/
strona pokazuje, w jaki sposób brak spójności skutkuje słabym doświadczeniem użytkownika, a tym samym rezygnacją z konwersji., Problemy są niezliczone
Samochody Ling
odwiedź Stronę:https://www.lingscars.com/
strona samochodów Ling wygląda trochę dziwnie. Zawiera wiele GIFów zarówno z właścicielką, Panią Ling, jak i z jej samochodami i rowerami. Jej działalność jest zorientowana na długoterminowy wynajem samochodów, począwszy od 9 miesięcy eksploatacji samochodu. Pracuje w Wielkiej Brytanii i wydaje się, że jest dość popularna. Prawdopodobnie ta popularność nie jest zasługą strony internetowej.
przejdźmy do tej strony i sprawdźmy jak wygląda., Kolorystyka jest psychodeliczna i jasna. Z tych powodów trudno jest być na tej stronie przez długi czas.
musimy przyznać, że nawigacja jest w porządku. Prowadzi do różnych wymaganych stron i nie wywołuje żadnych trudności.
problem jest w tych kolorach i treści. Jasność sprawia, że teksty są nieczytelne, zdjęcia mieszają się z gifami, filmami i ofertami. Sprawdź tę stronę samodzielnie i znaleźć inne wady, aby uniknąć.,
Yale University School of Art
odwiedź stronę internetową: http://art.yale.edu/
strona internetowa Szkoły Sztuki reprezentuje tę strukturę jako całość. Obserwowaliśmy tę stronę i zauważyliśmy pewne różnice z nią: dziś jest mniej psychodeliczna, ale nadal mają wiele innych prac do zrobienia.
trzeba pamiętać-te korytarze poruszają się wewnątrz, jak tunele.
Yale University zamieszcza tutaj Zapowiedzi przyszłych wystaw, osiągnięć swoich profesorów i studentów itp.,
strona zawiera formularz logowania oraz kalendarz imprez na Uniwersytecie Yale ' a. Jest to przydatne dla studentów i tych, którzy interesują się sztuką i chcieliby dołączyć do wszelkich dyskusji.
po lewej stronie widzimy pasek nawigacyjny z pewnymi sekcjami. Każda z tych stron zawiera gify na tle i teksty w ramce innego koloru.
strona nie posiada certyfikatu bezpieczeństwa (Https rozpoczynającego się od linku), choć gromadzi dane osobowe studentów wydziału (ich lista znajduje się w zakładce Aktualni studenci)., Ponadto umożliwia logowanie się do wiadomości wydziału, a Twoje dane nie są chronione.
brakuje też responsywnego projektu. Tak więc uczniowie i inni zmagają się z korzystaniem z tej strony na urządzeniu mobilnym lub tablecie.
EFW
odwiedź stronę internetową: http://www.everyfuckingwebsite.com/
Ta jednostronicowa strona internetowa została zaprojektowana, aby krytykować i śmiać się ze zwykłych, akceptowalnych i standardowych sposobów organizacji miejsca na stronie internetowej.
zawiera blok powitalny, sekcję O nas, dodatkowe informacje i formularz rejestracyjny., Są to minimalne treści na stronie internetowej do dowolnych celów, takich jak sprzedaż, Reklama, strona portfolio itp.
szczerze mówiąc, ta strona nie ma tak naprawdę żadnych istotnych wad, jej nawigacja jest bezbłędna, ponieważ jest jednoprocesorowa i zawiera pasek nawigacji jako dodatek. Zawiera również przyciski sieci społecznościowych, co jest Świetne dla każdej witryny takiej jak ta.
z drugiej strony, ta strona przedstawia pozycję właściciela w procesie budowy strony internetowej i wymagania. Dlatego nominujemy go do złej strony internetowej, ponieważ może zranić twoje uczucia:) bądź ostrożny.,
odwiedź Stronę:http://www.budgetsaresexy.com/
Ta strona wygląda ok. Nie jest tak źle, jak niektóre inne z naszej listy. Ale ma pewne wady, które naszym zdaniem są kluczowe dla lądowania dobrej strony internetowej dla długiej i udanej interakcji z klientami/ klientami/ czytelnikami.
powody nominacji w kategorii zły projekt: trzeba zastosować pewne zmiany w schemacie kolorów, teraz wygląda monotonnie, tło przycisków jest odłączone od koloru tekstu.,
Nawigacja: łatwa tylko dla doświadczonego użytkownika. Dla początkujących struktura strony nie jest intuicyjna
szare loga czasopism wyglądają jak niedziałające adresy URL
Responsive design-no.
historyk przyszłości
odwiedź Stronę: http://www.historianofthefuture.com/
spójrz na tę ciemną, ale jasną stronę. Być może ten historyk przyszłości przewiduje nową modę na projektowanie stron internetowych w najbliższej przyszłości. Bo na razie to odwraca uwagę., Kwaśne kolory, znaki, gify i zdjęcia niskiej jakości nie są ze sobą powiązane. Rozpraszają tylko wzrok gości.
strona nie jest nawet przystosowana do ekranów pulpitu, pozostawia wolną czarną przestrzeń po prawej stronie, ale wypełnia ją nieco bardziej przy przenoszeniu na stronę osobistymi osiągnięciami historyka.
zbadaj tę stronę, sprawdź, co cię najbardziej irytuje, lub możesz znaleźć na swoich stronach kilka funkcji do sarkastycznego wykorzystania.,
aby wymienić kilka kwestii:
- niespójny rozmiar i styl czcionki,
- źle rozwinięta paleta kolorów, w której obrazy i tekst po prostu nie pasują,
- wizualizacje przypominają projektowanie stron z Lat 90.,
- problemy z nawigacją – dotarcie do innych stron wymaga dużo wysiłku,
- listy niepowiązanych elementów – rodzaje kuchni mieszają się z zaletami i udogodnieniami, podczas gdy nie pasują do siebie,
- nie ma wyraźnego wezwania do działania, więc odwiedzający nie będzie wiedział, co robić na stronie,
- nie rozumiesz, do czego służy strona, ponieważ nie ma odpowiedniego pierwszego ekranu lub okładki.,
Przestań marnować czas i pieniądze: stwórz idealną stronę internetową dla swojej firmy za pomocą kreatora stron internetowych do-it-for-you. Zaskoczy Cię Nowy Kreator stron 5th generation!
Free Website Builder
darmowe szablony stron