W artykule:
Przeciętny dorosły ogląda około 4,5 godziny telewizji każdego dnia. Obejmuje to zarówno treści na żywo, jak i DVR. Następnie istnieją usługi przesyłania strumieniowego online, takie jak Amazon Prime, Hulu i Netflix, o których warto pomyśleć. Tylko Netflix Zegary około 125 milionów godzin streamingu wideo każdego dnia.
Nie trzeba dodawać, że gdy odbiorcy nie mają twarzy przed Twoją witryną, spędzają sporą część czasu przed innymi ekranami, aby konsumować treści filmowe i telewizyjne. Chociaż nie jestem temu przeciwny (ponieważ nie ma to jak oglądanie rozrywkowego show po długim dniu pracy), jestem przeciwny złemu projektowaniu stron internetowych uchwyconemu na filmie.
Oczywiście mówię to (głównie) żartem. Internet przeszedł długą drogę w ciągu ostatnich kilku dekad. Pomyśl o filmie takim jak Sieć, który ukazał się w 1995 roku.
[youtube https://www.youtube.com/watch?v=2CnWs8jDbXo?rel=0&start=7&w=560&h=315]To nie wina reżysera ani Sandry Bullock, że Pizza.net strona wygląda na przestarzałą lub że czas ładowania jest teraz tak okropny. Projektowanie i rozwój stron internetowych nieustannie się zmienia, z każdym rokiem staje się coraz lepszy i mądrzejszy. I na szczęście mamy teraz WordPress, który z natury ratuje większość ludzi przed dokonywaniem złych wyborów w projektowaniu stron internetowych.
Mimo to nadal istnieją filmy i programy telewizyjne-nawet w ostatnich latach-z niesamowicie okropnymi przykładami złego projektowania stron internetowych. Jeśli chcesz trochę strachu w tym sezonie Halloween, chodź za mną, jak zabiorę cię w podróż przez naprawdę przerażające strony uwiecznione w telewizji i filmie, które trzeba położyć na spoczynek.
R. I. P.: 13 strasznych stron z telewizji i filmów, które trzeba położyć na spoczynek
Halloween jest jednym z moich ulubionych porach roku, ponieważ w rzeczywistości staje się akceptowalne, aby oglądać tyle strasznych filmów, jak zwykle. To powiedziawszy, przerażające filmy nie są jedynymi, które padają ofiarą przerażających stron internetowych. Programy telewizyjne jak Jak Poznałem Twoją Matkę oraz Tłum informatyków czy nic nie jest przerażające (chyba że jesteś przerażony związkami lub korporacyjnym stylem życia, oczywiście) i każdy z nich zawierał kilka całkiem okropnych przykładów projektowania stron internetowych.
Ciekawi cię, jakie przykłady przerażających stron odkryłem? Wkopmy się.
1. Jak Poznałem Twoją Matkę
Jak Poznałem Twoją Matkę czy nie jest to stary program, a jednak wkład Barneya Stinsona do tej listy inspiruje wszelkiego rodzaju przerażające trendy w projektowaniu stron internetowych, mam nadzieję, że już nigdy nie zobaczymy. I nie zapomnij kliknąć na stronę wyboru rozdzielczości. (Dlaczego jest to w ogóle wybór?)
Jakie to przerażające? (1-5): 5
Dlaczego to takie straszne?
- Obraz tła ustawiony na powtarzanie
- Obraz tła o niskiej rozdzielczości
- „Wycinek” Barneya umieszczony na zdjęciu
- Umieszczenie i stylizacja tekstu i logo „sponsorowanego przez”
- Trudne do wykrycia CTA
- Kolejna strona wyboru rozdzielczości
- CV wideo, które jest dostępne tylko jako plik do pobrania (i nie podano ostrzeżenia albo!)
2. Parks & Rec
Ponownie, oto kolejny przykład przerażającej strony internetowej z programu telewizyjnego, który nie tak dawno zniknął z anteny. Jednak przestarzały projekt na Parks & Rec Strona City of Pawnee jest prawdopodobnie bardziej odzwierciedleniem kwintesencji miasta i braku programistów WordPress mieszkających w Pawnee, którzy byli dostępni do pomocy (mam nadzieję).
Jakie to przerażające? (1-5): 3
Dlaczego to takie straszne?
- Brak reakcji
- Zdecydowanie nie został zbudowany z WordPress, więc układ, styl i funkcjonalność są naprawdę przestarzałe
- Nawigacja jest niezgrabna (tzn. nie ma kursora)
- Niektóre strony kończą się niemal zduplikowanymi nawigacjami, z których druga (na Zielono) nie jest tak oczywista
- Zepsuty link do „zaangażuj się” powoduje brzydkie wyskakujące okienko
3. Breaking Bad
Być może najstraszniejsza rzecz w Breaking Bad Strona” Save Walter White ” polega na tym, że projekt zupełnie nie pasuje do osi czasu serialu. To zabawne… ale to też sprawi, że przestaniesz zastanawiać się, kiedy dokładnie serial miał się odbyć podczas oglądania (co, jak sądzę, jest około 2009 do 2011).
Jakie to przerażające? (1-5): 5
Dlaczego to takie straszne?
- Wszystko … wszystko jest złe
- Tandetny projekt tła
- Tekst znajduje się luźno na rozpraszającym tle
- Słaby wybór czcionki
- Biała i żółta czcionka
- Nieparzyste odstępy między wyrazami
- Linie rozbijają się w środku wyrazów (pozostawiając losowe dzielenie wyrazów wszędzie)
- Jedno błędne kliknięcie i przypadkowo znajdziesz się na innej stronie
4. Dobra Żona
W zakresie projektowania stron internetowych, Dobra Żonawyszukiwarka ChumHum nie jest taka zła. Zdecydowanie podąża za minimalizmem, który kochamy w Google. Istnieje jednak wiele problemów ze sposobem działania tej wyszukiwarki.
Jak niekończący się zwój:
Oraz adresy URL wyników wyszukiwania:
Jakie to przerażające? (1-5): 3
Dlaczego to takie straszne?
- Może za mało?
- Brak autouzupełniania
- Niekończące się przewijanie sprawia, że ta wyszukiwarka jest zbyt trudna w nawigacji/użyciu
- Po kliknięciu dowolnego z wyników wyszukiwania zostaniesz przeniesiony do właściwej witryny, ale adres URL pozostaje zablokowany w ChumHum
5. Sherlock
Jeśli chodzi o blogi osobiste, to ten Dla Watsona z serialu Sherlock nie jest okropny. Po prostu nie jest dobrze.
Jakie to przerażające? (1-5): 1
Dlaczego to takie straszne?
- Design jest czysty i prosty, ale stary
- Brak polecanych zdjęć
- Blog nie był wystarczająco często aktualizowany, gdy był na żywo
- Odtwarzacze Flash … blegh
- Sekcje o mnie i zdjęcia są zbyt rzadkie i nie klikalne (tzn. niepotrzebne)
6. Tłum informatyków
To faktycznie nie jest oficjalna strona z Tłum informatyków nie był też pokazywany w programie. Jest to jednak świetny przykład tego, jak prawdopodobnie wyglądałaby strona internetowa Reynholm Industries, która zasługuje na miejsce na tej liście.
Jakie to przerażające? (1-5): 2
Dlaczego to takie straszne?
- Bardzo przestarzały design
- Przycisk” Home”
- Migający czerwony kursor w linii stopki praw autorskich
- Niespójny układ tekstu i obrazów w całym
- Wielostopniowy system helpdesk
- Brak podstawowych formularzy kontaktowych
7. Doctor Who
Chociaż Doctor Whofikcyjna strona ONZ przypomina przestarzałe strony agencji rządowych, które można znaleźć w dzisiejszym internecie, ta po prostu nie jest dobra.
Jakie to przerażające? (1-5): 3
Dlaczego to takie straszne?
- Niespójny projekt między stroną główną a stronami wewnętrznymi
- Wszystkie strony wewnętrzne używają różnych kolorów
- Nawigacja nie jest wyrównana do góry
- Wybór typografii i rozmiar nie są idealne (zbyt małe, zbyt trudne do odczytania itp.)
- Użyte czcionki są niespójne
- Logo U. N. I. T. nie prowadzi do domu
- Tłoczenie słów i przycisków w całej witrynie
- Ograniczone wykorzystanie obrazów; gdy są używane, zazwyczaj nie są zoptymalizowane lub odpowiednio dobrane
- Brak reakcji
- Na górze strony znajduje się informacja o tłumaczeniu, mimo że w rzeczywistości nie jest napisana po francusku
8. Zamek
Na początku chciałem znienawidzić na stronie VampireLovers od Zamek. Jednakże, przy bliższym wyjątku, jest naprawdę tylko kilka rzeczy, z którymi mam problem.
[youtube https://www.youtube.com/watch?v=fL-MCzu8shw?rel=0&start=45&w=560&h=315]Jakie to przerażające? (1-5): 1
Dlaczego to takie straszne?
- / Align = „left” /
- Galeria Zdjęć nie wygląda jakby była zrobiona z wysokiej jakości pluginem
- Luka w menu nawigacyjnym, która wyrzuca konsystencję w inny sposób obecną
9. Arrested Development
Arrested Development zawsze był znany jako pokaz poświęcony dbałości o szczegóły, a ich rozwój fałszywych stron internetowych nie był wyjątkiem. W poniższym klipie znajdziesz około tuzina stron internetowych, każda z własnym zestawem no-nos, od tandetnych animacji po źle dobrane neonowe kolory czcionek.
[youtube https://www.youtube.com/watch?v=4YxXVWnz7oM?rel=0&w=560&h=315]Jakie to przerażające? (1-5): 5
Dlaczego to takie straszne?
- Ponieważ wszystkie z nich są więc źle nie można pomóc, ale śmiech
10. Fear Dot Com
Ktoś jeszcze pamięta Fear Dot Com od początku lat 00.
[youtube https://www.youtube.com/watch?v=kSDNIYw1nLI?rel=0&start=34&w=560&h=315]Może ten horror najlepiej zostawić w zapomnieniu.
Jakie to przerażające? (1-5): 5
Dlaczego to takie straszne?
- All caps all the time
- Brak przycisku” X ” lub „back”, aby dać użytkownikom kontrolę nad doświadczeniem
- Źle zaprojektowane (np. nudne) przyciski CTA
- Brzydka paleta kolorów
- Strona internetowa dosłownie doprowadzi Cię do szaleństwa
11. Jay i Cichy Bob kontratakują
Wiesz, że gdy scena zaczyna się od ” co [email protected] # $ to Internet?”że za chwilę zobaczysz całkowicie nieaktualną stronę internetową. Ten przychodzi do nas dzięki uprzejmości Jay i Cichy Bob kontratakują i stworzoną przez nich fałszywą stronę z recenzjami filmów o nazwie „Movie Poop Shoot”.
[youtube https://www.youtube.com/watch?v=j_xqLaj0tvM?rel=0&start=10&w=560&h=315]Jakie to przerażające? (1-5): 4
Dlaczego to takie straszne?
- Strona główna wymaga kliknięcia, aby wejść na stronę
- Wulgarna grafika i animacja (choć chyba to w porządku na stronie z recenzjami filmów?)
- Lewy pasek boczny
- Biała czcionka na czarnym tle
- Zbyt wiele kolorów, rozmiarów i stylizacji typografii
12. List Łańcuszkowy
List Łańcuszkowy ma ocenę 29% W serwisie Rotten Tomatoes, choć założę się, że uzyskałby jeszcze niższy wynik, gdyby więcej programistów zobaczyło stronę z tego filmu i zostawiło jej recenzję.
[youtube https://www.youtube.com/watch?v=vWSm79ZpsD4?rel=0&start=76&w=560&h=315]Jakie to przerażające? (1-5): 3
Dlaczego to takie straszne?
- Biała czcionka na ciemnym i rozpraszającym tle
- Niejednoznaczna i myląca Nazwa witryny (a może jest to nazwa strony?)
- Nudne menu nawigacyjne po lewej stronie
- WSZYSTKIE CZAPKI!
- Tandetne Zdjęcie stockowe i gówniane zdjęcia osobiste w zestawie
13. Sieć Społecznościowa
W jedynym prawdziwym wpisie na tej liście mamy Sieć SpołecznościowaFacebook jest uwieczniony, zanim stał się Facebookiem.
Powyższy obrazek pochodzi z Facemash, co w rzeczywistości wygląda teraz tylko na pulpit, a nawet bardziej płytką wersję aplikacji randkowych, takich jak Bumble i Tinder.
A oto co Na Facebook wyglądał jak na 1: 28:
[youtube https://www.youtube.com/watch?v=UdjGiIn9HMM?rel=0&start=87&w=560&h=315]Jakie to przerażające? (1-5): 1
Dlaczego to takie straszne?
- Zbyt uproszczona paleta kolorów i wzornictwo
- Nie wykorzystuje w pełni przestrzeni (tzn. może naprawdę skorzystać z banera i ramki o pełnej szerokości)
- Logo nie jest łatwo rozpoznawalne, ponieważ może to być Twarz przypadkowego studenta
Wrapping Up
Dobra, teraz, kiedy skończyłem straszyć Cię od wszelkich potencjalnych spotkań z filmami i telewizją, które zawierają przerażające projekty stron internetowych, skupmy się na pozytywach. Większość przerażających stron internetowych, które tu widzieliśmy, wynika z ograniczeń projektowych w przeszłości (zwłaszcza jeśli WordPress nie był w pobliżu), potencjalnie wątpliwego smaku lub po prostu dlatego, że chcieli rozśmieszyć widzów, gdy zobaczyli witrynę podobną do „Easter egg”.
Dobrą wiadomością jest to, że wiele trendów w projektowaniu stron internetowych, na których polegamy w dzisiejszych czasach powinien zapobiegaj tego rodzaju „strasznym” odrzuceniom w przyszłości. Przypominamy, że te najlepsze praktyki w zakresie projektowania stron internetowych zapewnią bezpieczeństwo Twojej witryny zarówno teraz, jak i w najbliższej przyszłości:
- Responsywny projekt
- Minimalizm
- Spójność
- Dobrze zaplanowana nawigacja
- Inteligentny wybór kolorów
- Intuicyjne formularze kontaktowe
- Dobrze zaprojektowane CTA
- Skupienie się na najdrobniejszych szczegółach (np. tekst)
Czyste, proste i bezbłędnie zaprojektowane witryny WordPress będą (miejmy nadzieję) zawsze w modzie.
Tagi:
