18 Cool konceptni dizajn (facelift) značajnih web-mjesta
Ako je sadržaj kralj, dizajn bi trebao biti kraljica. To je smrtonosni ključni element za uspjeh web-lokacije jer odlučuje kako će sadržaj biti strukturiran i prikazan, a loš dizajn jednostavno uništava korisničko iskustvo i tako osuđuje promet na web-lokaciji.
Često mi web dizajner moramo igrati trgovačku igru dok dizajniramo web stranicu. Mi ili prodajemo ljepotu funkcionalnosti ili funkcionalnost za čitljivost, jer je nemoguće proizvesti dizajn koji zadovoljava sve u svakom pogledu.
Dakle, koji je dizajn onda bolji? Web dizajneri vole postavljati ovo pitanje, a neki se čak i izazivaju da bolje igraju trgovinsku igru redizajniranjem poznatih stranica kao što su Facebook i YouTube, stvarajući tako potencijalne dizajne u ovom predstavničkom postu. Bolje ili još gore, vi kao korisnik odlučite, uživajte!
Prema njezinoj službenoj statistici, Facebook je poslužio više od 500 milijuna aktivnih korisnika, a 700 milijardi minuta potrošeno je na njega. Za ovu vrstu statistike bit će zaista stresno dizajnirati web stranicu za nju. To bi mogao biti i isti razlog zbog kojeg su se mnogi dizajneri izazvali da redizajniraju Facebook. Pogledajmo nekoliko velikih pokušaja dizajnera u nastavku:
Dizajn koncepta: Barton Smith
“Facebook Facelift je samoinicijativni projekt kojim se dovodi u pitanje oblik i funkcionalnost Facebooka. To je pojednostavljeno, strukturirano i linearno sučelje razumljivije, poboljšavajući korisničko iskustvo i sposobnost upijanja sadržaja.”
Glavna stranica. (Izvor slike: Barton Smith)
Fotografije. (Izvor slike: Barton Smith)
Događaji. (Izvor slike: Barton Smith)
Stranica kontakata. (Izvor slike: Barton Smith)
Stranica s obavijestima. (Izvor slike: Barton Smith)
Dizajn koncepta By: Information Architects
Ovaj inovativni dizajn nastao je od prosinca 2006. godine, a kasnije prilagođen suvremenim dizajnerskim standardima, kako bi se pošteno usporedio s trenutnim dizajnom Facebooka. Ideja je bila stvoriti aplikaciju nalik pošti s sučeljem koje sadrži elastični raspored od 3 stupca koji jasno razdvaja filtar, tok informacija i reakciju, koji su jasno objašnjeni u svom postu.
Glavna stranica. (Izvor slike: Informacijski arhitekti)
Dizajn koncepta: Justin Dauer
“Jedan od mojih primarnih ciljeva bio je pomicanje sučelja prema više prezentacija tipa web-aplikacije. Facebook ima oko 175 milijuna ljudi koji se svakodnevno prijavljuju; svi zadaci koji se ponavljaju inherentno takvom korištenju pogoduju tom obliku pristupa. Kada sam zamijenio ovaj redizajn, pokrenut je novi Twitter-ov korisnički interfejs, koji mi je dao trenutak Stuart Smalley-a.”
Glavna stranica. (Izvor slike: pseudoroom dizajn)
Idejni dizajn By: Peter Knoll
Vrlo elegantan dizajn Petera Knolla. Grafika je uvelike poboljšana kako bi cijela stranica izgledala privlačno i obećavajuće. Sučelje je također mnogo čišće s lijepom tipografijom koja se primjenjuje za dobru čitljivost.
Glavna stranica. (Izvor slike: Peter Knoll)
Konceptni dizajn By: AndasoloARTS
Facebook varijacija koju je napravio AndasoloARTS, čak se i prodaje! Shema boja je prilično slična dizajnu Petera Knolla, ali u cjelini to je drugačiji dizajn. Opet vrlo elegantan dizajn s minimalizmom na umu.
Glavna stranica. (Izvor slike: AndasoloARTS)
Konceptni dizajn By: Jonaska
Dizajn inspiriran dizajnom Facebooka tvrtke AndasoloARTS, koji je također jedinstven! Volim implementaciju dijeljenja statusa i okvira za pretraživanje, doista dobro osmišljene varijacije.
Glavna stranica. (Izvor slike: Jonaska)
Konceptni dizajn By: Czarny-Design
Kako o seksi dizajn s zaobljenim kutovima elemenata? Potpuno jedinstven dizajnerski pristup za Facebook s malo izmijenjenom shemom boja, možete li ga prihvatiti?
Glavna stranica. (Izvor slike: Czarny-Design)
Moj prostor
Jednom kada je bio društvena mreža, Myspace je naposljetku pretekao njegov glavni konkurent Facebook. Sada je rebranded kao My_____, a cilj mu je postati vodeća društvena zabavna destinacija koja uključuje glazbu, filmove, poznavatelje, TV i igre, pokreću strast navijača. U nastavku su pokušani modeli za stari Myspace, ali još uvijek je sjajno pogledati što dizajner misli da bi Myspace trebao biti.
Dizajn koncepta: Rafael Oliveira
“Što ako je Myspace po zadanom imao jasnije, definirano i lijepo sučelje, ali ipak s opcijom personalizacije, ali na razumljiviji način? To je pitanje koje sam postavio kad sam započeo ovo, i to je bio kul projekt. Osim vizualnog dizajna, predložio sam neka poboljšanja upotrebljivosti, temeljena na sadržaju koji se već nalazi na web-lokaciji i gledajući njihov sitemap.”
Glavna stranica. (Izvor slike: Rafael Oliveira)
Izbornik Kanali. (Izvor slike: Rafael Oliveira)
Fotografije. (Izvor slike: Rafael Oliveira)
Stranica prilagođenog profila. (Izvor slike: Rafael Oliveira)
Stranica izvođača. (Izvor slike: Rafael Oliveira)
Stranica izvođača - prilagođeno. (Izvor slike: Rafael Oliveira)
Stranica kanala kanala. (Izvor slike: Rafael Oliveira)
Obrađujući više od milijardu zahtjeva za pretraživanje širom svijeta, Google je najpoznatija web-lokacija na planeti Zemlji. Također je poznat kao kraljevstvo koje pokušava dominirati internetom gradeći proizvode prilagođene korisniku kao što su Android, Gmail i Analytics. Budući da Google ima mnogo vrhunskih dizajnera koji rade na dizajnu svoje web-lokacije, svaki pokušaj redizajna predstavlja izravan izazov njihovim dizajnerima. Zanimljiv.
Dizajn koncepta By: Craig Reville
“Budući da je Google odlučio da možda re-dizajn stvari malo sam mislio bih imati ići na to kako želim vidjeti i koristiti Google. Nisam se divljao po ikonama ili logotipu uglavnom zato što bi dizajneri ikona mogli bolje obaviti posao, a meni se logotip jednostavno sviđa. Bilo koja i sve povratne informacije cijenjene.”
Glavna stranica. (Izvor slike: Craig Reville)
Stranica rezultata pretraživanja. (Izvor slike: Craig Reville)
Stranica s rezultatima pretraživanja - 2. koncept. (Izvor slike: Craig Reville)
Stranica rezultata pretraživanja slika. (Izvor slike: Craig Reville)
Dizajn koncepta By: FloxDesign
Malo nalik Bingu, ali na epskiji način. S poštovanjem, molim Vas da ovaj krajnji izgled za moju glavnu Googleovu stranicu napravim sjajan.
Glavna stranica. (Izvor slike: FloxDesign)
YouTube
Na trećem mjestu u globalnom i br. Većinu sadržaja su učitali pojedinci, ali poznati mediji kao što su CBS, BBC, Vevo i Hulu pružili su svoje videozapise kao dio partnerskog programa usluge YouTube. Usuđujete se redizajnirati web-lokaciju koja se gleda više od 2 milijarde puta dnevno? Uspjeli su.
Dizajn koncepta: Michele Byrne
Elegantan redizajn koji više naglašava gledanje i dijeljenje videozapisa. Jedinstven pristup primjenjuje se na ovaj dizajn, iako je korisničko sučelje pomalo slično Vimeu. Ionako je dobar pokušaj.
Glavna stranica. (Izvor slike: Michele Byrne)
Stranica videozapisa. (Izvor slike: Michele Byrne)
Korisnička stranica. (Izvor slike: Michele Byrne)
Podaci o videozapisu. (Izvor slike: Michele Byrne)
Preporučeni videozapis. (Izvor slike: Michele Byrne)
Dizajn koncepta: Josh Collie
“Jedna od mojih najvećih poteškoća s YouTubeom tijekom godina bila je nemogućnost traženja drugih videozapisa dok gledam videozapise, kao i čitanje komentara bez da se videozapis pomiče od vrha zaslona. Donji dizajn pokušava riješiti ovaj problem tako što ima 3 zasebna stupca koji se mogu pomicati, uključujući pretraživanje, videozapise i komentare.”
Glavna stranica. (Izvor slike: Josh Collie)
Korisnička stranica. (Izvor slike: Josh Collie)
Dizajn koncepta: Thadeu Morgado
Eksperiment redizajniranja za glavnu stranicu usluge YouTube. Stil je gotovo isti, osim što je cijeli izgled restrukturiran i dodan je veliki, elegantni klizač kako bi se više usredotočili na istaknute videozapise.
Glavna stranica. (Izvor slike: Thadeu Morgado)
Amazon
Amazon je otišao online 1995. godine i sada je postao multinacionalna e-commerce tvrtka koja sadrži najveći izbor knjiga, časopisa, glazbe, DVD-a, elektronike, računala, softvera, cipela, gotovo sve! Budući da imaju tako velik posao, dizajneri diljem svijeta sami sebe izazivaju na poboljšanju dizajna kako bi ga učinili još ljepšim i, naravno, jednostavnim za korisnika..
Dizajn koncepta: Trevor Cleveland
“Htio sam istražiti tri jedinstvena koncepta za redizajn početne stranice Amazona iznad pregiba. Amazon je jedna od vodećih web-mjesta za kupovinu na mreži, ali njihov dizajn fluidne početne stranice postavljen je za veličine monitora s malim dimenzijama, ostavljajući web-lokaciju da izgleda vrlo slatko na mnogo novijim računalima s višim razlučivostima. Stoga sam htio predstaviti tri ideje koje će Amazonu omogućiti da ubrzaju.”
Prvi koncept - glavna stranica. (Izvor slike: Trevor Cleveland)
Prvi koncept - izbornik. (Izvor slike: Trevor Cleveland)
Drugi koncept - glavna stranica. (Izvor slike: Trevor Cleveland)
Drugi koncept - izbornik. (Izvor slike: Trevor Cleveland)
Treći koncept - glavna stranica. (Izvor slike: Trevor Cleveland)
Treći koncept - izbornik. (Izvor slike: Trevor Cleveland)
Dizajn koncepta: Maurice Kindermann
Nema pokušaja redizajna ako nema problema u trenutnom dizajnu, dizajn Amazona Mauricea Kindermanna najbolji je primjer za ovaj slučaj. Razočaran trenutnim dizajnom Amazona, Maurice je redizajnirao stranicu kako bi riješio tri posebna problema: prekomjernu razlučivost zaslona, fragmentiranu opciju kupnje i poplavljenu količinu sadržaja.
Glavna stranica. (Izvor slike: Maurice Kindermann)
IMDb
Tvrdili su se kao najveća, najbolja, najnagrađivanija filmska stranica na planeti, IMDb (Internet Movie Database) je online baza podataka o filmovima, televizijskim emisijama, glumcima, osoblju produkcijske ekipe, video igrama i izmišljenim likovima mediji za vizualnu zabavu. Redizajniranje ove web-lokacije na način da učinkovito prikazuje informacije bit će veliki izazov za web-dizajnere.
Idejno rješenje Autor: Vladimir Kudinov
“Zašto nemate trenutni IMDB dizajn? Preopterećen je. Velika količina nestrukturiranih informacija. Dok većina korisnika takvih web-mjesta obraća pozornost uglavnom na slike, videozapise i još mnogo toga.
Tako sam napravio čist i elegantan dizajn. Ovdje korisnik dobiva ekran na kojem se nalaze informacije o filmu: fotografije, glumci, prikolice, priča i još mnogo toga. On ne mora uvijati, vrtjeti, čitati. Sve što je potrebno - je pogledati zaslon.”
Stranica filma. (Izvor slike: Vladimir Kudinov)
izbornik. (Izvor slike: Vladimir Kudinov)
Player Pop Up Component. (Izvor slike: Vladimir Kudinov)
Gornja ploča. (Izvor slike: Vladimir Kudinov)
Dizajn koncepta By: Rob Hendricks
“Nije teško vidjeti zašto je trenutna IMDB web-lokacija toliko zatrpana. Činjenica je da imaju mnogo sadržaja. Pravilna informacijska arhitektura bila je ključna u promjeni toga.”
Glavna stranica. (Izvor slike: Rob Atomic)
četverokut
S Foursquareom korisnici mogu dijeliti svoju trenutnu lokaciju “provjeravam” putem aplikacije za pametni telefon ili SMS-a, označavajući informacije o mjestima i ostavljajući relevantne prijedloge o obližnjim mjestima. Lokalni trgovci također koriste Foursquare kako bi angažirali i zadržali svoje klijente. Redizajniranje Foursquarea je zaista izazovno jer je to potpuno jedinstvena usluga pa je potrebno više studija.
Dizajn koncepta: Clay Parker Jones
Clay Parker Jones vjeruje da je karta pravi dodatak na Foursquareovu korisničku stranicu jer je usluga sve o lokaciji. Klikom na kartu srušit će se informativna statistika s 4 različita prikaza. Ostali dodaci na ovoj stranici su sažeci, komentari, savjeti i prijedlozi, slično običnoj stranici na društvenoj mreži!
Korisnička stranica. (Izvor slike: exitcreative)
Odraz
Nije važno s dizajnom, svaki korisnik treba vremena da prilagodi novi dizajn. Pitanje je da li kao korisnik želite promijeniti bilo koji od gore navedenih dizajna ili ste zadovoljni trenutačnim dizajnom? Mislite li da ti dizajni rješavaju problem korisničkog iskustva? Vjerujem da su ovi dizajni napravljeni da prihvate vaše mišljenje, stoga slobodno podijelite svoje mišljenje o njima, svako mišljenje je važno!
