18 Märkimisväärsete veebisaitide lahe kontseptsioonid (Facelift)
Kui sisu on kuningas, peaks disain olema kuninganna. See on surmava tähtsusega element veebisaidi edule, sest see otsustab, kuidas sisu tuleb struktureerida ja kuvada ning halb disain lihtsalt hävitab kasutajate kogemuse, mis teeb saidi liikluse.
Sageli peame veebidisainer mängima kauplemist, kui me veebilehte kavandame. Me kaupleme ilu funktsionaalsuse nimel või funktsionaalsust loetavuse nimel, kuna on võimatu toota disaini, mis kõikidele aspektidele meeldib.
Milline disain on siis parem? Veebidisainerid soovivad seda küsimust küsida ja mõned isegi vaidlustasid ennast kauplemismängu paremaks muutmiseks kuulsate saitide, näiteks Facebooki ja YouTube'i, ümber kujundamise teel, moodustades sel moel võimalikud kujundused selles presentatsioonipostis. Parem või halvem, kui kasutaja seda otsustab, naudi!
Vastavalt ametlikule statistikale on Facebook teeninud rohkem kui 500 miljonit aktiivset kasutajat, kellele kulutati 700 miljardit minutit. Sellise statistika jaoks on tõesti stressi kujundada sellele veebileht. Samuti võib olla sama põhjus, miks nii paljud disainerid vaidlustasid Facebooki ümberkujundamise. Vaadakem alljärgnevaid disainerite mitmeid suuri katseid:
Kontseptsiooni kujundamine Autor: Barton Smith
“Facebook Facelift on ise algatatud projekt Facebooki vormi ja funktsionaalsuse vaidlustamiseks. See on sujuv, struktureeritud ja lineaarne liides on arusaadavam, parandades kasutajate kogemusi ja sisu absorbeerimist.”
Põhileht. (Pildi allikas: Barton Smith)
Fotod lk. (Pildi allikas: Barton Smith)
Sündmuste lehekülg. (Pildi allikas: Barton Smith)
Kontaktide leht. (Pildi allikas: Barton Smith)
Teavitused. (Pildi allikas: Barton Smith)
Kontseptsiooni kujundamine Autor: Information Architects
See uuenduslik disain sündis alates 2006. aasta detsembrist ja hiljem kohandati kaasaegsete disainistandarditega, et saavutada õiglane võrdlus Facebooki praeguse kujundusega. Idee oli luua postilaadne rakendus koos liidesega, mis sisaldab elastset 3 veergu paigutust, mis eraldab selgelt filtri, infovoo ja reaktsiooni, mis on nende postituses selgelt selgitatud..
Põhileht. (Image Source: Information Architects)
Kontseptsiooni disain Autor: Justin Dauer
“Üks minu peamisi eesmärke oli liides liidese poole veebirakenduse tüüpi esitluse poole. Facebookis on iga päev sisse logitud umbes 175 miljonit inimest; kõik sellisele kasutusele omased korduvad ülesanded soodustavad sellist lähenemist. Kui ma selle ümberkujundamiseni pakkisin, käivitati Twitteri uus rakendusega sarnane kasutajaliides ja andsin mulle hetk Stuart Smalley sarnase valideerimise.”
Põhileht. (Pildi allikas: pseudoomi disain)
Kontseptsiooni kujundamine Autor: Peter Knoll
Väga klanitud disaini Peter Knoll. Graafika on oluliselt paranenud, et muuta kogu sait atraktiivseks ja paljutõotavaks. Liides on ka palju puhtam ja kena tüpograafia, mida kasutatakse hea loetavuse saavutamiseks.
Põhileht. (Pildi allikas: Peter Knoll)
Kontseptsiooni kujundamine Autor: AndasoloARTS
AndasoloARTSi tehtud Facebooki variatsioon, seda isegi müüakse! Värviskeem on päris sarnane Peter Knolli disainiga, kuid üldiselt on see teistsugune. Jällegi silmas pidades väga minimalistlikku disaini.
Põhileht. (Image Source: AndasoloARTS)
Kontseptsiooni kujundamine Autor: Jonaska
AndasoloARTSi Facebooki disainist inspireeritud disain on üsna unikaalne! Mulle meeldib staatuse jagamise ja otsingukasti rakendamine, mis on tõesti hästi kavandatud variatsioon.
Põhileht. (Pildi allikas: Jonaska)
Kontseptsiooni disain Autor: Czarny-Design
Kuidas oleks seksikas disain ümarate nurkadega? Täiesti ainulaadne disaini lähenemine Facebookile, millel on veidi muutunud värvilahendused, kas saate selle vastu võtta?
Põhileht. (Pildi allikas: Czarny-disain)
Minu ruum
Kui sotsiaalvõrgustike hämarik Myspace möödas lõpuks selle peamisest konkurendist, Facebookist. Nüüdseks on see My_____, mille eesmärk on saada juhtivaks sotsiaalse meelelahutuspaigaks, mis hõlmab muusikat, filme, kuulsusi, telerit ja mänge, mida toetavad fännide kirg. Allpool toodud disainilahendusi üritati kasutada vana Myspace'i jaoks, kuid see on siiski suurepärane, et vaadata, mida disainer arvab, et MySpace peaks olema.
Kontseptsiooni kujundamine Autor: Rafael Oliveira
“Mis siis, kui Myspace'il oleks vaikimisi selge, määratletud ja ilus kasutajaliides, kuid siiski võimalus seda isikupärastada, kuid arusaadavamal viisil? See on küsimus, mille ma ise selle käivitamisel tegin, ja see oli lahedaks projektiks. Lisaks visuaalsele disainile pakkusin välja mõned kasutatavuse parandused, mis põhinevad juba saidil olevale sisule ja vaatavad nende sisukaarti.”
Põhileht. (Pildi allikas: Rafael Oliveira)
Kanalite menüü. (Pildi allikas: Rafael Oliveira)
Fotod lk. (Pildi allikas: Rafael Oliveira)
Kohandatud profiili leht. (Pildi allikas: Rafael Oliveira)
Artisti leht. (Pildi allikas: Rafael Oliveira)
Artisti leht - kohandatud. (Pildi allikas: Rafael Oliveira)
Videod Kanali lehekülg. (Pildi allikas: Rafael Oliveira)
Töötades üle 1 miljardi otsingupäringu kogu maailmas, on Google planeedil Maa kuulsaim veebisait. Seda tuntakse ka kui kuningriiki, mis püüab internetis domineerida, luues kasutajasõbralikke tooteid, nagu Android, Gmail ja Analytics. Kuna Google'il on palju veebilehe kujundusel töötavaid tipptasemel disainereid, on mis tahes ümberkujundamiskatse otsene väljakutse nende disaineritele. Huvitav.
Kontseptsiooni kujundamine Autor: Craig Reville
“Kuna Google on otsustanud asju vähe ümber kujundada, arvasin, et mul on käia, kuidas ma tahan Google'i näha ja seda kasutada. Ma ei käinud ikoonidel ega logoga peamiselt metsikuna, sest ikoonide disainerid saaksid teha paremat tööd ja mulle meeldib see logo lihtsalt. Kõik ja kõik tagasiside on hinnatud.”
Põhileht. (Pildi allikas: Craig Reville)
Otsingutulemuste leht. (Pildi allikas: Craig Reville)
Otsingutulemuste leht - 2. kontseptsioon. (Pildi allikas: Craig Reville)
Pildiotsingu tulemuste leht. (Pildi allikas: Craig Reville)
Kontseptsiooni kujundamine Autor: FloxDesign
Natuke nagu Bing, kuid eepilisemalt. Lugupidamisega, ma soovin, et see lõplikult fantastiline disain minu Google'i avalehele.
Põhileht. (Pildi allikas: FloxDesign)
Youtube
Google on saidi liikluses globaalses ja nr 4-s ning YouTube on veebisait videote avastamiseks, vaatamiseks, üleslaadimiseks ja jagamiseks. Enamik sisu on üles laaditud üksikisikute poolt, kuid kuulsad meediad nagu CBS, BBC, Vevo ja Hulu on YouTube'i partnerlusprogrammi raames pakkunud oma videoid. Kas te julgete veebilehte ümber kujundada, mida vaadatakse üle 2 miljardi korra päevas? Nad tegid seda.
Kontseptsiooni kujundamine Autor: Michele Byrne
Stiilne ümberkujundamine, mis rõhutab rohkem video vaatamist ja jagamist. Sellele kujundusele rakendatakse ainulaadset lähenemist, kuigi kasutajaliides on veidi sarnane Vimeoga. Igatahes suur katse.
Põhileht. (Pildi allikas: Michele Byrne)
Video leht. (Pildi allikas: Michele Byrne)
Kasutaja leht. (Pildi allikas: Michele Byrne)
Videoinfo. (Pildi allikas: Michele Byrne)
Soovitatav video. (Pildi allikas: Michele Byrne)
Kontseptsiooni kujundamine Autor: Josh Collie
“Üks minu suurimatest haarangutest YouTube'iga on aastate jooksul olnud suutmatus videot vaadates teisi videoid otsida, aga ka kommentaaride lugemine ilma, et video ekraani ülaosast oleks kerkinud. Alltoodud disainilahendus püüab seda probleemi lahendada 3 eraldi keritavast veerust koos otsingu, video ja kommentaaridega.”
Põhileht. (Pildi allikas: Josh Collie)
Kasutaja leht. (Pildi allikas: Josh Collie)
Kontseptsiooni kujundamine Autor: Thadeu Morgado
YouTube'i põhilehekülje ümberkujundamise katse. Stiil on üsna sarnane, välja arvatud see, et kogu paigutus on ümber kujundatud ja lisatud on suur, klanitud liugur, et rohkem tähelepanu pöörata Objekti videodele.
Põhileht. (Pildi allikas: Thadeu Morgado)
Amazon
Amazon läks internetis 1995. aastal ja nüüd sai sellest rahvusvaheline e-kaubanduse ettevõte, mis sisaldab suurimat valikut raamatuid, ajakirju, muusikat, DVD-sid, elektroonikat, arvutit, tarkvara, kingi, peaaegu kõike! Kuna neil on niivõrd suur äri, on disainerid üle kogu maailma olnud väljakutse, et parandada disaini, et muuta see veelgi ilusamaks ja loomulikult kasutajasõbralikumaks.
Kontseptsiooni kujundamine Autor: Trevor Cleveland
“Ma tahtsin uurida kolme ainulaadset kontseptsiooni Amazoni kodulehekülje ümberkujundamiseks klapi kohal. Amazon on üks juhtivaid veebipõhiseid veebisaite, kuid nende vedeliku kodulehekülje kujundus on ette nähtud väikeste mõõtmetega monitori suurustele, jättes saidi vaatama palju uuematele kõrgema eraldusvõimega arvutitele. Nii et ma tahtsin esitada kolm ideed, et tuua Amazon oma kiiruseni.”
Esimene kontseptsioon - põhileht. (Pildi allikas: Trevor Cleveland)
Esimene kontseptsioon - menüü. (Pildi allikas: Trevor Cleveland)
Teine kontseptsioon - põhileht. (Pildi allikas: Trevor Cleveland)
Teine kontseptsioon - menüü. (Pildi allikas: Trevor Cleveland)
Kolmas kontseptsioon - põhileht. (Pildi allikas: Trevor Cleveland)
Kolmas kontseptsioon - menüü. (Pildi allikas: Trevor Cleveland)
Kontseptsiooni disain Autor: Maurice Kindermann
Puudub ümberkujundamise katse, kui praeguses disainis pole mingit probleemi, Maurice Kindermanni Amazon-disain on selle juhtumi jaoks parim näide. Amazonase praeguse kujundusega pettunud Maurice kujundas lehekülje ümber, et lahendada kolm konkreetset probleemi: ekraani laiendatud eraldusvõime, killustatud ostuvõimalus ja üleujutatud sisu.
Põhileht. (Image Source: Maurice Kindermann)
IMDb
Väidetakse end kui planeedi suurimat, parimat, auhinnatud filmi saiti, IMDb (Internet Movie Database) on filmide, telesaadete, näitlejate, tootmismeeskonna personali, videomängude ja väljamõeldud tähemärkidega seotud teabe online-andmebaas. visuaalne meelelahutusmeedia. Selle veebisaidi ümberkujundamine viisil, mis näitab teavet tõhusalt, on veebidisainerite jaoks suur väljakutse.
Kontseptsiooni kujundamine Autor: Vladimir Kudinov
“Miks ei ole praegust IMDB disaini? See on ülekoormatud. Suur hulk struktureerimata teavet. Kuigi enamik selliste saitide kasutajaid pöörab tähelepanu peamiselt piltidele, videodele ja muudele.
Nii et tegin puhta ja klanitud disaini. Siin saab kasutaja ekraani, millel on teavet filmi kohta: fotod, näitlejad, haagised, storyline ja palju muud. Ta ei pea väänama, väänama, lugema. Kõik, mida vaja, on vaadata ekraani.”
Filmileht. (Pildi allikas: Vladimir Kudinov)
Menüü. (Pildi allikas: Vladimir Kudinov)
Mängija pop-up komponent. (Pildi allikas: Vladimir Kudinov)
Ülemine paneel. (Pildi allikas: Vladimir Kudinov)
Kontseptsiooni kujundamine Autor: Rob Hendricks
“Ei ole raske mõista, miks praegune IMDB veebileht on nii täis. Fakt on see, et neil on palju sisu. Selle muutmisel oli oluline õige arhitektuur.”
Põhileht. (Pildi allikas: Rob Atomic)
Foursquare
Foursquare abil saavad kasutajad oma praegust asukohta jagada “kontrollimine” nutitelefoni rakenduse või SMS-i kaudu, järjehoidjate lisamine kohtade kohta ja asjakohase soovituse jätmine lähedalasuvate kohtade kohta. Kohalikud kaupmehed kasutavad ka Foursquare'i oma klientide kaasamiseks ja säilitamiseks. Foursquare'i ümberkujundamine on tõesti keeruline, kuna see on täiesti ainulaadne teenus, mistõttu on vaja rohkem uuringuid.
Kontseptsiooni kujundamine Autor: Clay Parker Jones
Clay Parker Jones usub, et kaart on tõeline mõnus täiendus Foursquare'i kasutajalehele, kuna teenus on seotud asukohaga. Kaardil klõpsamine koondaks informatiivse statistika koos nelja erineva vaatega. Teised selle lehe lisandmoodulid on kanalid, meeldivad, näpunäited ja soovitused, mis on päris sarnased tavalise sotsiaalse võrgustiku lehega!
Kasutaja leht. (Image Source: exitcreative)
Peegeldus
See ei ole disaini jaoks oluline, iga kasutaja võtab uue disaini kohandamiseks aega. Küsimus on kasutajana, kas soovid muuta mõnda ülaltoodud disainist või olete praeguse disainiga hea? Kas arvate, et need lahendused lahendavad teie kasutaja kogemuse probleemi? Usun, et need kujundused on tehtud teie arvamuse saamiseks, et jagada seda, mida te neist arvate, iga arvamus loeb!
