18 Atdzist ievērojamu tīmekļa vietņu koncepcijas (Facelift)
Ja saturs ir karalis, dizainam jābūt karalienei. Tas ir nāvējošs izšķirošs elements mājas lapas panākumiem, jo tā izlemj, kā saturs tiek strukturēts un parādīts, un slikts dizains vienkārši sagrauj lietotāja pieredzi, tādējādi nokļūstot vietnes datplūsmā.
Bieži vien web dizainerim ir jāspēlē tirdzniecības spēle, kamēr mēs izstrādājam tīmekļa vietni. Mēs vai nu tirdzniecības skaistumu funkcionalitāti, vai arī lasāmības funkcionalitāti, jo nav iespējams radīt dizainu, kas ikvienam patīk visos aspektos.
Tātad, kurš dizains ir labāks? Web dizaineri mīl uzdot šo jautājumu, un daži pat apstrīdēja sevi, lai spēlētu tirdzniecības spēli labāk, pārprojektējot slavenās vietnes, piemēram, Facebook un YouTube, tādējādi veidojot potenciālos dizainparaugus šajā izstādes postenī. Labāk vai sliktāk, jūs kā lietotājs to nolemj, baudiet!
Saskaņā ar oficiālo statistiku, Facebook ir apkalpojis vairāk nekā 500 miljonus aktīvo lietotāju, un par to tērēja 700 miljardus minūšu. Šāda veida statistikai būs patiešām saspringts izveidot tīmekļa vietni. Tas varētu būt arī tas pats iemesls, kāpēc tik daudzi dizaineri apstrīdēja sevi, lai pārveidotu Facebook. Apskatīsim vairākus lieliskus dizaineru mēģinājumus:
Koncepcijas dizains By: Barton Smith
“Facebook Facelift ir pašiniciatīvas projekts, lai apstrīdētu Facebook formu un funkcionalitāti. Tas ir vienkāršots, strukturēts un lineārs interfeiss ir saprotamāks, uzlabojot lietotāja pieredzi un absorbējot saturu.”
Galvenā lapa. (Image Source: Barton Smith)
Fotoattēli. (Image Source: Barton Smith)
Notikumu lapa. (Image Source: Barton Smith)
Kontaktu lapa. (Image Source: Barton Smith)
Paziņojumi Page. (Image Source: Barton Smith)
Koncepcijas dizains By: Information Architects
Šis novatoriskais dizains ir dzimis no 2006. gada decembra un vēlāk pielāgots mūsdienu dizaina standartiem, lai nodrošinātu taisnīgu salīdzinājumu ar Facebook pašreizējo dizainu. Ideja bija izveidot pasta ziņā līdzīgu lietojumprogrammu ar interfeisu, kas satur elastīgu 3 kolonnu izkārtojumu, kas skaidri atdala filtru, informācijas plūsmu un reakciju, kas ir skaidri izskaidrota viņu ziņojumā.
Galvenā lapa. (Attēla avots: informācijas arhitekti)
Koncepcijas dizains By: Justin Dauer
“Viens no maniem galvenajiem mērķiem bija pārvietot interfeisu uz vairāk tīmekļa lietotnes tipa prezentāciju. Facebook katru dienu tiek reģistrēts aptuveni 175 miljoni cilvēku; visi atkārtojošie uzdevumi, kas raksturīgi šādai lietošanai, veicina šādu pieeju. Kad es iesaiņoju šo pārprojektēšanu, tika sākta Twitter jaunā lietotnei līdzīgā lietotāja interfeisa lietošana un deva man brīdi Stuart Smalley līdzīgu validāciju.”
Galvenā lapa. (Image Source: pseudoroom dizains)
Koncepcijas dizains By: Peter Knoll
Ļoti gluds Peter Knoll dizains. Grafiks ir ievērojami uzlabots, lai visa vietne izskatītos pievilcīga un daudzsološa. Interfeiss ir arī daudz tīrāks ar jauku tipogrāfiju, kas piemērota labas lasāmības nodrošināšanai.
Galvenā lapa. (Image Source: Peter Knoll)
Koncepcijas dizains By: AndasoloARTS
AndasoloARTS veiktais Facebook variants, tas pat tiek pārdots! Krāsu shēma ir diezgan līdzīga Peter Knoll dizainam, bet kopumā tas ir atšķirīgs dizains. Atkal ir ļoti gluds dizains ar minimālismu.
Galvenā lapa. (Image Source: AndasoloARTS)
Koncepcijas dizains By: Jonaska
Arī dizains, kas iedvesmojies no AndasoloARTS Facebook dizaina, ir diezgan unikāls! Man patīk īstenot statusa koplietošanu un meklēšanas lodziņu, kas ir patiešām labi izstrādāta variācija.
Galvenā lapa. (Attēla avots: Jonaska)
Koncepcijas dizains By: Czarny-Design
Kā par seksīgu dizainu ar noapaļotiem stūriem? Pilnīgi unikāla dizaina pieeja Facebook ar nedaudz mainītu krāsu shēmu, vai jūs to varat pieņemt?
Galvenā lapa. (Attēla avots: Czarny-Design)
Mana vieta
Kad sociālā tīkla uzmācība, MySpace galu galā pārņēma tās galvenais konkurents Facebook. Šobrīd tā ir kļuvusi par My_____, un tā mērķis ir kļūt par vadošo sociālo izklaides galamērķi, kas ietver mūziku, filmas, slavenības, TV un spēles, kuru pamatā ir fanu aizraušanās. Zemāk minētie modeļi tika mēģināti izmantot vecajā MySpace, bet tas joprojām ir lieliski, lai apskatītu, ko dizainers domā, ka MySpace ir jābūt.
Koncepcijas dizains By: Rafael Oliveira
“Ko darīt, ja MySpace pēc noklusējuma būtu skaidrāks, definēts un skaists interfeiss, bet tomēr ar iespēju to personalizēt, bet saprotamākā veidā? Tas ir jautājums, ko es pats sāku, uzsākot šo darbu, un tas izrādījās atdzist projekts. Papildus vizuālajam dizainam es piedāvāju dažus lietojamības uzlabojumus, pamatojoties uz saturu, kas jau ir vietnē, un apskatot to vietnes karti.”
Galvenā lapa. (Image Source: Rafael Oliveira)
Kanālu izvēlne. (Image Source: Rafael Oliveira)
Fotoattēli. (Image Source: Rafael Oliveira)
Pielāgota profila lapa. (Image Source: Rafael Oliveira)
Mākslinieka lapa. (Image Source: Rafael Oliveira)
Mākslinieku lapa - pielāgota. (Image Source: Rafael Oliveira)
Video kanāla lapa. (Image Source: Rafael Oliveira)
Apstrādājot vairāk nekā 1 miljardu meklēšanas pieprasījumu visā pasaulē, Google ir pasaules slavenākā tīmekļa vietne. Tas ir arī pazīstams kā valstība, kas mēģina dominēt internetā, veidojot lietotājam draudzīgus produktus, piemēram, Android, Gmail un Analytics. Tā kā Google tīmekļa vietnes dizainā strādā daudzi izcili dizaineri, jebkurš pārprojektēšanas mēģinājums ir tiešs izaicinājums to dizaineriem. Interesanti.
Koncepcijas dizains By: Craig Reville
“Tā kā Google ir nolēmusi varbūt mazliet pārveidot lietas, es domāju, ka man ir jāiet, kā es vēlos redzēt un izmantot Google. Es neticēju ikonas vai logotipu galvenokārt tāpēc, ka ikonas dizaineri varēja paveikt labāku darbu un man patīk logotips. Jebkura atgriezeniskā saite tiek novērtēta.”
Galvenā lapa. (Attēla avots: Craig Reville)
Meklēšanas rezultātu lapa. (Attēla avots: Craig Reville)
Meklēšanas rezultātu lapa - 2. koncepcija. (Attēla avots: Craig Reville)
Attēlu meklēšanas rezultātu lapa. (Attēla avots: Craig Reville)
Koncepcijas dizains By: FloxDesign
Mazliet kā Bing, bet vairāk episkā veidā. Ar cieņu es gribu, lai šis galīgais awesome dizains manai Google galvenajai lapai, lūdzu,.
Galvenā lapa. (Attēla avots: FloxDesign)
YouTube
Novērtēts Nr.3 globālajā un Nr.4 ASV vietnes datplūsmā, YouTube ir vietne, kurā var atrast, skatīties, augšupielādēt un koplietot videoklipus. Lielākā daļa satura ir augšupielādēti privātpersonu vidū, bet slavenie mediji, piemēram, CBS, BBC, Vevo un Hulu, ir snieguši savus video kā daļu no YouTube partnerības programmas. Vai jūs uzdrošināsit pārveidot vietni, kas tiek skatīta vairāk nekā 2 miljardu reižu dienā? Viņi to darīja.
Koncepcijas dizains By: Michele Byrne
Gluds pārveidojums, kas vairāk uzsver video skatīšanu un koplietošanu. Šim dizainam tiek piemērota unikāla pieeja, lai gan lietotāja interfeiss ir nedaudz līdzīgs Vimeo. Lielisks mēģinājums jebkurā gadījumā.
Galvenā lapa. (Attēla avots: Michele Byrne)
Video lapa. (Attēla avots: Michele Byrne)
Lietotāja lapa. (Attēla avots: Michele Byrne)
Video informācija. (Attēla avots: Michele Byrne)
Ieteicamais video. (Attēla avots: Michele Byrne)
Koncepcijas dizains By: Josh Collie
“Viens no maniem lielākajiem satverumiem ar YouTube gadu gaitā ir bijis nespēja meklēt citus videoklipus video skatīšanas laikā, kā arī komentāru lasīšana bez video ritināšanas ekrāna augšdaļā. Turpmāk minētais dizains mēģina atrisināt šo problēmu, izveidojot 3 atsevišķas ritināmas kolonnas, tostarp meklēšanas, video un komentārus.”
Galvenā lapa. (Image Source: Josh Collie)
Lietotāja lapa. (Image Source: Josh Collie)
Koncepcijas dizains By: Thadeu Morgado
Pārveidot YouTube galvenā lapas eksperimentu. Stils ir gluži tāds pats, izņemot to, ka viss izkārtojums ir pārstrukturēts, un tiek pievienots liels, gluds slīdnis, lai pievērstu lielāku uzmanību piedāvātajiem videoklipiem.
Galvenā lapa. (Attēla avots: Thadeu Morgado)
Amazon
Amazon iegāja tiešsaistē 1995. gadā, un tagad tā kļuva par daudznacionālu e-komercijas uzņēmumu, kas satur lielāko grāmatu, žurnālu, mūzikas, DVD, elektronisko, datoru, programmatūras, apavu izvēli! Tā kā viņiem ir tik milzīgs bizness, dizaineri visā pasaulē ir izaicinājuši uzlabot dizainu, lai padarītu to vēl skaistāku un, protams, lietotājam draudzīgu..
Koncepcijas dizains By: Trevor Cleveland
“Es gribēju izpētīt trīs unikālas koncepcijas Amazones mājaslapas pārprojektēšanai virs reizes. Amazon ir viena no vadošajām tiešsaistes iepirkšanās vietām, taču to šķidruma mājas lapas dizains ir iestatīts monitoru izmēriem ar nelieliem izmēriem, atstājot vietni ļoti pievilcīgu uz daudz jaunākiem datoriem ar augstāku izšķirtspēju. Tāpēc es gribēju prezentēt trīs idejas, lai panāktu Amazon ātrumu.”
Pirmā koncepcija - galvenā lapa. (Image Source: Trevor Cleveland)
Pirmā koncepcija - izvēlne. (Image Source: Trevor Cleveland)
Otra koncepcija - galvenā lapa. (Image Source: Trevor Cleveland)
Otra koncepcija - izvēlne. (Image Source: Trevor Cleveland)
Trešā koncepcija - galvenā lapa. (Image Source: Trevor Cleveland)
Trešā koncepcija - izvēlne. (Image Source: Trevor Cleveland)
Koncepcijas dizains By: Maurice Kindermann
Nav pārprojektēšanas mēģinājuma, ja pašreizējā dizainā nav problēmu, Maurice Kindermann Amazon dizains ir labākais piemērs šim gadījumam. Apbrīnots ar Amazon pašreizējo dizainu, Maurice pārveidoja lapu, lai atrisinātu trīs konkrētus jautājumus: pārmērīga ekrāna izšķirtspēja, sadrumstalota pirkuma opcija un applūdušais saturs.
Galvenā lapa. (Image Source: Maurice Kindermann)
IMDb
Ievērojot sevi kā lielāko, labāko, godalgotākais filmas vietu pasaulē, IMDb (Internet Movie Database) ir tiešsaistes datubāze ar informāciju, kas saistīta ar filmām, televīzijas šoviem, dalībniekiem, ražošanas apkalpes personālu, videospēlēm un izdomātajām rakstzīmēm, kas attēlotas vizuālie izklaides līdzekļi. Pārstrādājot šo vietni tā, lai tā efektīvi parādītu informāciju, web dizaineriem būs liels izaicinājums.
Koncepcijas dizains By: Vladimir Kudinov
“Kāpēc nav pašreizējā IMDB dizaina? Tas ir pārslogots. Liela daļa nestrukturētas informācijas. Lai gan lielākā daļa šādu vietņu lietotāju pievērš uzmanību galvenokārt attēliem, videoklipiem un citiem.
Tāpēc es darīju tīru un gludu dizainu. Šeit lietotājs saņem ekrānu, kurā ir informācija par filmu: fotogrāfijas, aktieri, piekabes, sižets un vairāk. Viņam nav jāturpina, pagriezt, lasīt. Viss, kas nepieciešams - ir apskatīt ekrānu.”
Filmas lapa. (Image Source: Vladimir Kudinov)
Izvēlne. (Image Source: Vladimir Kudinov)
Atskaņotāja komponents. (Image Source: Vladimir Kudinov)
Augšējais panelis. (Image Source: Vladimir Kudinov)
Koncepcijas dizains By: Rob Hendricks
“Nav grūti saprast, kāpēc pašreizējā IMDB tīmekļa vietne ir tik sarežģīta. Fakts ir, ka viņiem ir daudz satura. Pareiza informācijas arhitektūra bija būtiska, lai to mainītu.”
Galvenā lapa. (Attēla avots: Rob Atomic)
Foursquare
Ar Foursquare lietotāji var dalīties ar savu pašreizējo atrašanās vietu “piereģistrēties” izmantojot viedtālruņa lietojumprogrammu vai SMS, atzīmējiet informāciju par vietām un atstājot atbilstošu ieteikumu par tuvumā esošām vietām. Vietējie komersanti arī izmanto Foursquare, lai iesaistītos un saglabātu savus klientus. Pārkārtošana Foursquare ir patiešām sarežģīta, jo tas ir pilnīgi unikāls pakalpojums, tāpēc ir vajadzīgi vairāk pētījumu.
Koncepcijas dizains By: Clay Parker Jones
Clay Parker Jones uzskata, ka karte ir reāls modes papildinājums Foursquare lietotāja lapai, jo pakalpojums ir par atrašanās vietu. Noklikšķinot uz kartes, tiks apkopoti informatīvie statistikas dati ar 4 dažādiem skatiem. Citas šīs lapas pievienojumprogrammas ir plūsmas, patīk, padomi un ieteikumi, gluži tāpat kā parastā sociālā tīkla lapa!
Lietotāja lapa. (Image Source: exitcreative)
Pārdomas
Tas nav svarīgi ar dizainu, katram lietotājam ir vajadzīgs laiks, lai pielāgotu jauno dizainu. Jautājums ir, kā lietotājs, vai vēlaties pāriet uz kādu no iepriekš minētajiem dizainiem, vai arī jūs esat labi ar pašreizējo dizainu? Vai jūs domājat, ka šie risinājumi atrisina jūsu lietotāja pieredzes problēmu? Es uzskatu, ka šie projekti ir izstrādāti, lai saņemtu jūsu viedokli, tāpēc justies brīvi dalīties ar to, ko jūs domājat par tiem, katrs viedoklis tiek ņemts vērā!
