18 Kul konceptne zasnove (facelift) pomembnih spletnih mest
Če je vsebina kralj, mora biti zasnova kraljica. To je smrtno ključni element za uspeh spletnega mesta, saj odloča, kako naj bo vsebina strukturirana in prikazana, slaba oblika pa preprosto uniči uporabniško izkušnjo in tako uniči promet na spletnem mestu..
Pogosto smo spletni oblikovalec igral trgovalno igro, medtem ko načrtujemo spletno stran. Mi bodisi prodajamo lepoto za funkcionalnost ali funkcionalnost za berljivost, saj je nemogoče izdelati zasnovo, ki bi bila v vsakem pogledu všeč vsem.
Torej, kateri dizajn je potem boljši? Spletni oblikovalci radi zastavljajo to vprašanje, nekateri pa se celo spopadajo z boljšo igro trgovske igre s preoblikovanjem znanih spletnih mest, kot sta Facebook in YouTube, s čimer oblikujejo potencialne modele v tej predstavitvi. Boljše ali slabše, vi kot uporabnik se odločite, uživajte!
Facebook je po uradni statistiki služil več kot 500 milijonom aktivnih uporabnikov, pri čemer je porabil 700 milijard minut. Za tovrstne statistične podatke bo zelo stresno oblikovati spletno stran zanj. Mogoče je tudi isti razlog, zakaj so se mnogi oblikovalci izzvali, da bi preoblikovali Facebook. Oglejmo si nekaj velikih poskusov oblikovalcev spodaj:
Konceptna zasnova: Barton Smith
“Facebook Facelift je projekt, ki se je samodejno začel izpodbijati obliko in funkcionalnost Facebooka. Njegov poenostavljen, strukturiran in linearni vmesnik je bolj razumljiv, kar izboljšuje uporabniško izkušnjo in sposobnost absorbiranja vsebin.”
Glavna stran. (Vir: Barton Smith)
Strani s slikami. (Vir: Barton Smith)
Dogodki. (Vir: Barton Smith)
Strani stikov. (Vir: Barton Smith)
Stran z obvestili. (Vir: Barton Smith)
Oblikovanje koncepta By: Information Architects
Inovativno oblikovanje se je rodilo decembra 2006, kasneje pa je bilo prilagojeno sodobnim oblikovalskim standardom, da bi imelo pošteno primerjavo s trenutnim dizajnom Facebooka. Zamisel je bila ustvariti aplikacijo, podobno pošti, z vmesnikom, ki vsebuje elastično postavitev treh stolpcev, ki jasno ločuje filter, informacijski tok in reakcijo, ki so jasno razloženi v njihovi objavi..
Glavna stran. (Vir slike: informacijski arhitekti)
Konceptno oblikovanje By: Justin Dauer
“Eden od mojih glavnih ciljev je bil premakniti vmesnik proti več predstavitvi vrste spletne aplikacije. Facebook ima vsak dan okoli 175 milijonov ljudi; vse ponavljajoče se naloge, povezane s takšno uporabo, prispevajo k tej obliki pristopa. Ko sem preoblikoval to preoblikovanje, se je začel nov uporabniški vmesnik, ki je podoben Twitterju, in mi dal trenutek, podoben Stuartu Smalleyju..”
Glavna stran. (Vir slike: psevdoroom design)
Konceptno oblikovanje By: Peter Knoll
Zelo eleganten dizajn Petra Knolla. Grafika je zelo izboljšana, da je celotno mesto videti privlačno in obetavno. Vmesnik je tudi veliko bolj čist z lepo tipografijo, uporabljeno za dobro berljivost.
Glavna stran. (Vir: Peter Knoll)
Konceptno oblikovanje By: AndasoloARTS
Facebookova sprememba, ki jo opravi AndasoloARTS, se celo prodaja! Barvna shema je precej podobna dizajnu Petra Knolla, vendar je na splošno drugačna oblika. Spet zelo eleganten dizajn z minimalizmom.
Glavna stran. (Vir slike: AndasoloARTS)
Konceptno oblikovanje By: Jonaska
Oblikovanje inspirirano iz dizajna Facebooka AndasoloARTS, precej edinstveno! Všeč mi je izvajanje delitve statusa in iskalnega polja, ki je dobro oblikovana sprememba.
Glavna stran. (Vir slike: Jonaska)
Koncept design By: Czarny-Design
Kaj pa seksi dizajn z zaobljenimi vogalnimi elementi? Popolnoma edinstven pristop za Facebook z nekoliko spremenjeno barvno shemo, ga lahko sprejmete?
Glavna stran. (Vir slike: Czarny-Design)
Moj prostor
Ko je bil nekdanji družabni sistem, je Myspace navsezadnje prehitel njegov glavni konkurent, Facebook. Zdaj je blagovna znamka My_____, saj želi postati vodilna družabna zabavna destinacija, ki vključuje glasbo, filme, zvezdnike, televizijo in igre, ki jih poganja strast navijačev. V starem Myspaceu so poskušali uporabiti spodnje modele, vendar je še vedno lepo videti, kaj oblikovalec meni, da mora biti Myspace.
Konceptna zasnova: Rafael Oliveira
“Kaj, če bi Myspace privzeto imel bolj jasen, definiran in lep vmesnik, vendar še vedno z možnostjo, da ga prilagodimo, vendar na bolj razumljiv način? To je vprašanje, ki sem si ga zastavil, ko sem začel s tem, in izšlo je kot kul projekt. Poleg vizualnega oblikovanja sem predlagal tudi nekaj izboljšav uporabnosti, ki temeljijo na vsebini, ki je že na spletnem mestu, in na njihovem zemljevidu mesta.”
Glavna stran. (Vir: Rafael Oliveira)
Meni Kanali. (Vir: Rafael Oliveira)
Strani s slikami. (Vir: Rafael Oliveira)
Stran prilagojenega profila. (Vir: Rafael Oliveira)
Stran izvajalca. (Vir: Rafael Oliveira)
Stran izvajalca - prilagojeno. (Vir: Rafael Oliveira)
Videoposnetki Stran kanala. (Vir: Rafael Oliveira)
Google obdeluje več kot milijardo iskalnih poizvedb po vsem svetu in je najbolj znana spletna stran na planetu Zemlja. Znano je tudi kot kraljestvo, ki poskuša prevladati na internetu z gradnjo uporabniku prijaznih izdelkov, kot so Android, Gmail in Analytics. Ker ima Google veliko vrhunskih oblikovalcev, ki delajo na svoji spletni strani, je vsak poskus preoblikovanja neposreden izziv njihovim oblikovalcem. Zanimivo.
Konceptno oblikovanje By: Craig Reville
“Ker se je Google odločil, da bo morda ponovno preoblikoval stvari, sem si mislil, da bom lahko videl, kako želim videti in uporabljati Google. Ikone ali logotipa nisem razjezil predvsem zato, ker bi lahko oblikovalci ikon bolje opravili delo in logotip mi je všeč. Vse povratne informacije cenijo.”
Glavna stran. (Vir slike: Craig Reville)
Stran z rezultati iskanja. (Vir slike: Craig Reville)
Stran z rezultati iskanja - 2. koncept. (Vir slike: Craig Reville)
Stran z rezultati iskanja slik. (Vir slike: Craig Reville)
Konceptna zasnova Z: FloxDesign
Malo kot Bing, vendar na bolj epski način. S spoštovanjem, želim, da je ta končno odlična oblika za mojo glavno Googlovo stran, prosim.
Glavna stran. (Vir slike: FloxDesign)
YouTube
YouTube je spletno mesto za iskanje, gledanje, nalaganje in skupno rabo videoposnetkov. Večino vsebin so naložili posamezniki, vendar so znani mediji, kot so CBS, BBC, Vevo in Hulu, zagotovili svoje videoposnetke kot del partnerskega programa YouTube. Ali si drznete preoblikovati spletno mesto, ki si ga ogledujete več kot 2 milijardi na dan? To so storili.
Konceptna zasnova: Michele Byrne
Elegantna prenova, ki bolj poudarja videoposnetke in skupno rabo. Pri tem dizajnu se uporablja edinstven pristop, čeprav je uporabniški vmesnik nekoliko podoben Vimeu. Kakorkoli že, velik poskus.
Glavna stran. (Vir slike: Michele Byrne)
Video stran. (Vir slike: Michele Byrne)
Uporabniška stran. (Vir slike: Michele Byrne)
Informacije o videoposnetku. (Vir slike: Michele Byrne)
Priporočeni videoposnetek. (Vir slike: Michele Byrne)
Konceptno oblikovanje By: Josh Collie
“Ena od mojih največjih težav z YouTubom v preteklih letih je bila nezmožnost iskanja drugih videoposnetkov med gledanjem videa, pa tudi branje komentarjev brez videa, ki bi se pomikalo z vrha zaslona. Spodnja zasnova skuša rešiti to težavo tako, da ima tri ločeno drsne stolpce, vključno z iskanjem, videom in komentarji.”
Glavna stran. (Vir slike: Josh Collie)
Uporabniška stran. (Vir slike: Josh Collie)
Konceptna zasnova: Thadeu Morgado
Prenovljeni poskus za glavno stran YouTube. Slog je precej enak, le da je bila celotna postavitev prestrukturirana in dodan je velik, eleganten drsnik, ki daje več pozornosti videoposnetkom.
Glavna stran. (Vir slike: Thadeu Morgado)
Amazon
Amazon je odšel na splet leta 1995 in zdaj je postal multinacionalna e-trgovina, ki vsebuje največjo izbiro knjig, revij, glasbe, DVD-jev, elektronskih, računalniških, programskih, čevljev, skoraj vsega! Ker imajo tako velik posel, se oblikovalci po vsem svetu spopadajo z izboljšanjem oblikovanja, da bi bilo še lepše in seveda uporabniku prijazno..
Konceptna zasnova: Trevor Cleveland
“Želel sem raziskati tri edinstvene koncepte za preoblikovanje domače strani Amazonke nad zgornjim delom. Amazon je eno izmed vodilnih spletnih strani za nakupovanje, vendar je njihova zasnova domače strani nastavljena za velikosti monitorjev z majhnimi dimenzijami, zaradi česar je stran videti zelo prisrčna na veliko novejših računalnikih z višjimi resolucijami. Zato sem želel predstaviti tri zamisli, s katerimi bi Amazon lahko hitro napredoval.”
Prvi koncept - glavna stran. (Slika Vir: Trevor Cleveland)
Prvi koncept - meni. (Slika Vir: Trevor Cleveland)
Drugi koncept - glavna stran. (Slika Vir: Trevor Cleveland)
Drugi koncept - meni. (Slika Vir: Trevor Cleveland)
Tretji koncept - glavna stran. (Slika Vir: Trevor Cleveland)
Tretji koncept - meni. (Slika Vir: Trevor Cleveland)
Konceptna zasnova: Maurice Kindermann
Če v trenutni zasnovi ni nobenega problema, ni nobenega preoblikovanja, najboljši primer tega primera je oblikovanje Amazona Mauricea Kindermanna. Razočaran zaradi sedanje zasnove Amazona, je Maurice preoblikoval stran, da bi rešil tri posebne težave: preveč razširjeno ločljivost zaslona, razdrobljeno možnost nakupa in poplavljeno količino vsebine..
Glavna stran. (Vir: Maurice Kindermann)
IMDb
Trdila se je, da je največja, najboljša, najbolj nagrajena spletna stran filma na svetu, IMDb (Internet Movie Database) spletna baza podatkov o filmih, televizijskih oddajah, igralcih, produkcijskem osebju, video igrah in izmišljenih osebah, mediji za vizualno zabavo. Preoblikovanje tega spletnega mesta na način, ki učinkovito prikazuje informacije, bo velik izziv za spletne oblikovalce.
Idejna zasnova: Vladimir Kudinov
“Zakaj nimamo trenutne zasnove IMDB? Preobremenjen je. Velika količina nestrukturiranih informacij. Medtem ko je večina uporabnikov takšnih strani pozorna predvsem na slike, videoposnetke in še več.
Tako sem naredil čisto in elegantno obliko. Tukaj uporabnik dobi zaslon, na katerem so informacije o filmu: fotografije, igralci, prikolice, zgodba in drugo. Ni mu treba zavijati, vrteti, brati. Vse, kar je potrebno - je pogled na zaslon.”
Film Page. (Image Vir: Vladimir Kudinov)
Meni. (Image Vir: Vladimir Kudinov)
Predvajalnik Pop Up Component. (Image Vir: Vladimir Kudinov)
Zgornja plošča. (Image Vir: Vladimir Kudinov)
Konceptno oblikovanje By: Rob Hendricks
“Ni težko razumeti, zakaj je trenutna spletna stran IMDB tako nered. Dejstvo je, da imajo veliko vsebine. Ustrezna informacijska arhitektura je bila ključna za spreminjanje tega.”
Glavna stran. (Vir slike: Rob Atomic)
Foursquare
S funkcijo Foursquare lahko uporabniki trenutno delijo svojo trenutno lokacijo “preverjanje” preko aplikacije za pametni telefon ali SMS-a, zaznamkovanje informacij o prizoriščih in ustrezen predlog o bližnjih prizoriščih. Lokalni trgovci uporabljajo tudi Foursquare, da svoje stranke kupijo in obdržijo. Preoblikovanje za Foursquare je res izziv, saj je popolnoma edinstvena storitev, zato je potrebnih več študij.
Konceptna zasnova: Clay Parker Jones
Clay Parker Jones verjame, da je zemljevid resnično čudovit dodatek k uporabniški strani Foursquareja, saj je storitev vse v zvezi z lokacijo. Če kliknete na zemljevid, se informativni statistični podatki s 4 različnimi pogledi zmanjšajo. Drugi dodatki na tej strani so viri, priljubljeni, nasveti in predlogi, podobni običajni strani socialnega omrežja!
Uporabniška stran. (Vir slike: exitcreative)
Razmišljanje
Pri oblikovanju ni pomembno, da vsak uporabnik potrebuje čas, da prilagodi novo obliko. Vprašanje je, ali želite uporabnika spremeniti v katerokoli zgornjo obliko ali ste zadovoljni s trenutnim dizajnom? Ali menite, da te rešitve rešujejo vaše uporabniško izkušnjo? Menim, da so ti načrti oblikovani tako, da sprejemajo vaše mnenje, zato vas prosimo, da delite svoje mnenje o njih, vsako mnenje je pomembno!
