Kako napraviti nešto korisno i zanimljivo iz 404: 30 primjera

Kada unesemo pogrešnu adresu na web-lokaciju ili kliknemo na "mrtvu" vezu, trebala bi proizvesti standardni kôd HTTP odgovora - Not Found ili "Error 404". Nastojimo razumjeti što se dogodilo i napustiti ovu stranicu.

Dobro osmišljena stranica 404 u smislu dizajna i upotrebljivosti pomoći će korisniku da razumije što dalje.

Razmotrite najuspješnije primjere.

AliExpress

  • Automatsko preusmjeravanje na glavnu stranicu web-lokacije za 4 sekunde.

Amazon

  • Ponudite otići na glavnu stranicu.
  • Postoji veza do stranice Amazon Dogs:

Aviasales

  • Ponudite otići na glavnu stranicu.
  • Reference na usluge tvrtke.

mećava

  • Relevantni sarkazam.
  • Mogućnosti za otvaranje svih dijelova stranice.

Coca Cola

  • Mogućnost odlaska na glavnu stranicu.
  • Pristup dijelovima tvrtke sa stranice (okrugli crveni gumb u gornjem desnom kutu).
  • Pretplatite se na vijesti tvrtke.

Pretvori čudovište

  • Kreativni dizajn - mlada lijepa djevojka s pozivom u duhu seksa.
  • Pristupite svim dijelovima stranice s podnožja (može se vidjeti pri pomicanju prema dolje).
  • Slika i poziv na radnju mijenjaju se svaki put kada osvježite stranicu 404:

ebay

  • Izravna naznaka da je nešto pošlo po zlu. I isprika.
  • Ponudite povratak na glavnu stranicu ili koristite tehničku podršku.

Evernote

  • Upućivanje na linkove koji se mogu koristiti za daljnji rad - početi raditi s aplikacijom, kupiti poslovnu verziju ili čitati materijale s bloga.

Facebook

  • Sposobnost povratka na prethodnu stranicu, odlazak na feed vijesti ili otvaranje referentnih informacija.

Tupichok Goblin

  • Grafički dizajn u duhu računalnih igara kasnih 90-ih.
  • Animacija na stranici - crvene oči pojavljuju se u prorezima na vratima s desne strane.
  • Pristup od stranice do svih dijelova web-lokacije.

Studio Denis Kaplunov

  • Ispada adresa pogrešno unesene stranice.
  • Izvorni prateći tekst.
  • Pristup od stranice do glavnih dijelova web-lokacije.

labirint

  • Veza na dionice u tijelu stranice.
  • Mogućnost pretraživanja web-lokacije ili odabira knjige iz kataloga.

Studio Lebedev

  • Izvorni prateći tekst.
  • Pristup najzanimljivijim dijelovima studijskog mjesta.

Novolipetsk Metalurški kombinat

  • Mogućnost povratka na prethodnu stranicu ili otvaranje glavnog izbornika.
  • Povezati geografiju imovine postrojenja i njegove proizvode.

Ozon

  • Izvorni prateći tekst.
  • Pristup katalogu robe.
  • Mogućnost da vidite sve promocije i posebne ponude "Ozon".

Sotmarket

  • Netvorno dizajnirane veze s dijelovima elektroničkog kataloga.
  • Klikom logo "Sotmarket" za prijelaz na glavnu stranicu stranice.

Texterra

  • Opis uzroka problema.
  • Veza na glavnu stranicu web-lokacije.
  • Mogućnost pretraživanja željene stranice na web-lokaciji.

Banka "Tinkoff"

  • Izvorni tekst uz smiješak.
  • Reference na osnovne usluge banke "Tinkoff".

Vikium

  • Izvorni tekst.
  • Prilika da odete na glavnu stranicu da biste uvjerili profesora ili se obratili timu "Wikium".

Yandex

  • Mogućnost pretraživanja :-)
  • Reference na usluge "Yandex".
  • Veza na instalaciju prekidača izgleda tipkovnice Punto Switcher.
  • Oglasi (!) Na stranici 404.

Sveučilište "Sinergija"

  • Pozitivna slika sa značenjem.
  • Mogućnost pretraživanja.
  • Opis stranice sugerira način rješavanja problema.

Animacijski studio "Mađioničar"

  • Slika smješka jasno sugerira da je došlo do dosadne pogreške.
  • U opisu stranice dani su načini rješavanja problema, štoviše, ukrašeni su hiperlinkovima.
  • Nepotrebno ponavljanje informacija da stranica nije pronađena.

lego kockice

  • Svi ljudi izražavaju iskrenu paniku. Korisnik shvaća da je nešto pošlo po zlu.
  • U opisu stranice održava se neformalni ton komunikacije.
  • Predloženo je rješenje problema - gumb za prijelaz na glavnu stranicu stranice.

"Pretraživanje filma"

  • Stranica prikazuje okvire iz poznatih filmova.
  • Opis opisuje zašto bi se takva stranica mogla pojaviti. Načini rješavanja ukrašeni su hipervezama.
  • Svaki put kada stranica 404 generira novu sliku:

Kreativna radionica "Stuki"

  • Nontrivialni i vrlo relevantni naslov za ovu vrstu stranice.
  • Način rješavanja problema ukrašen je hipervezom.
  • Sve stavke izbornika, autorizacija i registracija na stranicama, hiperveze u podnožju dostupne su na stranici 404.

Playboy Rusija

  • Hodočasnik razbija uzorke J.
  • U opisu oni vole da ostanu na mjestu zbog velike količine materijala i lijepih dama (dobro je da su članci i fotografije djevojaka izmišljeni s poveznicama na relevantne dijelove).

"Jedinstveni aplikacijski centar za vizu"

  • Nezaboravna memska slika s mrzovoljnom mačkom.
  • U opisu stranice rješenje problema je povezano.
  • Za snimku zaslona poslanu poštom, stranica 404 je obećana kao dar.

Udemy

  • Naslov stranice motivira oprost vlasnicima web-mjesta za dobivanje na njemu.
  • Na stranici za podršku postoji hiperveza. Sve je ozbiljno.

Pikabu

  • Samo da kažem - na ovoj stranici sve je u redu!
  • Kakvo stvorenje sjedi pored čovjeka?

Pixar

  • Bolju sliku od Sorrowa iz crtića "Puzzle" za stranicu 404 teško je zamisliti.
  • Naslov stranice "Oooh ... Ne plači." Teško je suzdržati se, gledajući sliku.
  • Opis stranice je napisan kao da je iz lica radosti iz iste crtice:

"Ovo je samo pogreška 404!

Ono što tražite može biti izgubljeno u dugoročnom pamćenju. "

Što ne treba biti stranica 404

  1. Trenutni prijelaz na glavnu stranicu: u ovom slučaju, osoba neće razumjeti da je unio pogrešnu adresu ili je prošao prekinutu vezu, te može ponoviti pogrešan unos.
  2. Izgled stranice
  • s nečitljivim znakovima:
  • sa standardnim i neinformativnim natpisom:
  • Zen varijanta stranice 404 (kao, na primjer, u Moskvi Art Theatre School-Studio):

Ako odlučite napraviti stranicu, neka bude prvoklasna, a stranica s kodom odgovora 404. Korisnici i tražilice bit će vam zahvalni.

Pogledajte videozapis: Week 6 (Studeni 2019).

Loading...

Ostavite Komentar