18 Atšaukti svarbių svetainių koncepcijos (Facelift)
Jei turinys yra karalius, dizainas turėtų būti karalienė. Tai yra mirtinai lemiamas elementas svetainės sėkmei, nes jis nusprendžia, kaip turinys turi būti struktūrizuotas ir rodomas, o blogas dizainas paprasčiausiai sugadina naudotojo patirtį, tokiu būdu perkeliant svetainės srautą.
Dažnai mes web dizaineris turi žaisti prekybos žaidimą, o mes projektuojame svetainę. Mes prekiaujame grožiu funkcionalumu arba funkcionalumu skaitymui, nes neįmanoma sukurti dizaino, kuris visiems patinka visiems.
Taigi koks dizainas yra geresnis? Žiniatinklio dizaineriai mėgsta užduoti šį klausimą, o kai kurie netgi ginčijo save, kad galėtų geriau žaisti prekybos žaidimą, pertvarkydami garsiąsias svetaines, pvz., „Facebook“ ir „YouTube“, tokiu būdu sudarant potencialų dizainą šiame vitrina. Geriau ar blogiau, jūs, kaip vartotojas, nusprendžia, mėgautis!
Pagal savo oficialią statistiką „Facebook“ aptarnauja daugiau kaip 500 milijonų aktyvių naudotojų, iš jų praleido 700 mlrd. Minučių. Tokio tipo statistikai tikrai bus stresas sukurti tinklalapį. Taip pat gali būti ta pati priežastis, kodėl tiek daug dizainerių ginčijo save perprojektuodami „Facebook“. Pažvelkime į keletą puikių dizainerių bandymų toliau:
Koncepcijos dizainas Autorius: Barton Smith
“„Facebook Facelift“ yra savarankiškai inicijuotas projektas, skirtas iššūkiui „Facebook“ formai ir funkcionalumui. Tai supaprastinta, struktūrizuota ir linijinė sąsaja yra labiau suprantama, didina vartotojo patirtį ir sugeria turinį.”
Pagrindinis puslapis. (Image Source: Barton Smith)
Nuotraukos Puslapis. (Image Source: Barton Smith)
Renginių puslapis. (Image Source: Barton Smith)
Kontaktai puslapis. (Image Source: Barton Smith)
Pranešimai Puslapis. (Image Source: Barton Smith)
Koncepcijos dizainas Autorius: Information Architects
Šis novatoriškas dizainas gimė nuo 2006 m. Gruodžio ir vėliau pritaikytas šiuolaikiniams dizaino standartams, kad būtų galima palyginti teisingai su „Facebook“ dabartiniu dizainu. Idėja buvo sukurti el. Paštu panašią programą su sąsaja, kurioje yra elastinis 3 stulpelių išdėstymas, aiškiai atskiriantis filtrą, informacijos srautą ir reakciją, kurios yra aiškiai paaiškintos jų įraše.
Pagrindinis puslapis. (Vaizdo šaltinis: informacijos architektai)
Koncepcijos dizainas Autorius: Justin Dauer
“Vienas iš mano pagrindinių uždavinių buvo perkelti sąsają labiau į žiniatinklio programų tipą. „Facebook“ kasdien prisijungia apie 175 mln. Žmonių; visi pakartotiniai uždaviniai, būdingi tokiam naudojimui, yra palankūs šiam požiūriui. Kai aš perskaičiau šį naujo dizaino projektą, „Twitter“ įdiegė naują „App“ panašią į vartotojo sąsają ir suteikė man Stuart Smalley tipo patvirtinimo akimirką.”
Pagrindinis puslapis. (Vaizdo šaltinis: pseudoroom dizainas)
Koncepcijos dizainas Autorius: Peter Knoll
Labai aptakus dizainas Peter Knoll. Grafika labai pagerėjo, kad visa svetainė atrodytų patraukli ir perspektyvi. Sąsaja taip pat yra daug švaresnė, su gražia tipografija, skirta geram skaitymui.
Pagrindinis puslapis. (Vaizdo šaltinis: Peter Knoll)
Koncepcijos dizainas Autorius: AndasoloARTS
„AndasoloARTS“ atliktas „Facebook“ variantas, jis netgi parduodamas! Spalvų schema yra gana panaši į Peterio Knollo dizainą, tačiau apskritai tai kitoks. Vėlgi tai labai elegantiškas dizainas su minimalizmu.
Pagrindinis puslapis. (Image Source: AndasoloARTS)
Koncepcijos dizainas Autorius: Jonaska
Dizainas, įkvėptas „AndasoloARTS“ „Facebook“ dizaino, gana unikalus! Man patinka statuso bendrinimo ir paieškos laukelio įgyvendinimas, iš tiesų gerai suplanuotas variantas.
Pagrindinis puslapis. (Vaizdo šaltinis: Jonaska)
Koncepcijos dizainas Autorius: Czarny-Design
Kaip apie seksualų dizainą su apvaliais kampais? Visiškai unikalus „Facebook“ dizaino požiūris su šiek tiek pakeistomis spalvų schemomis, ar galite ją priimti?
Pagrindinis puslapis. (Vaizdo šaltinis: Czarny-Design)
Mano erdvė
Kai socialinių tinklų elgesys, „MySpace“ galiausiai pralenkė pagrindinis konkurentas „Facebook“. Dabar, kaip „My_____“, ji siekia tapti pirmaujančia socialine pramogų vieta, apimančia muziką, filmus, garsenybes, televiziją ir žaidimus, kuriuos skatina gerbėjų aistra. Žemiau pateikti dizainai buvo bandomi senai „MySpace“, tačiau vis dar labai gerai pažvelgti į tai, ką dizaineris mano, kad „MySpace“ turėtų būti.
Koncepcijos dizainas Autorius: Rafael Oliveira
“Ką daryti, jei „MySpace“ pagal nutylėjimą turėjo aiškesnę, aiškesnę ir gražesnę sąsają, tačiau vis tiek suasmenino, bet geriau suprantamu būdu? Šį klausimą aš pats pradėjau pradėdamas tai padaryti, ir tai buvo puikus projektas. Be vizualinio dizaino, aš pasiūliau keletą naudingumo patobulinimų, paremtų turiniu, kuris jau yra svetainėje, ir žiūri į jų svetainės schemą.”
Pagrindinis puslapis. (Vaizdo šaltinis: Rafael Oliveira)
Kanalų meniu. (Vaizdo šaltinis: Rafael Oliveira)
Nuotraukos Puslapis. (Vaizdo šaltinis: Rafael Oliveira)
Individualus profilio puslapis. (Vaizdo šaltinis: Rafael Oliveira)
Menininko puslapis. (Vaizdo šaltinis: Rafael Oliveira)
Menininko puslapis - pritaikytas. (Vaizdo šaltinis: Rafael Oliveira)
Vaizdo įrašų kanalas. (Vaizdo šaltinis: Rafael Oliveira)
„Google“
Visame pasaulyje apdorojant daugiau nei 1 mlrd. Paieškos užklausų, „Google“ yra žinomiausia pasaulyje planetos svetainė. Tai taip pat žinoma kaip karalystė, kuri bando dominuoja internete, kurdama patogius produktus, tokius kaip „Android“, „Gmail“ ir „Analytics“. Kadangi „Google“ turi daug geriausių dizainerių, dirbančių savo svetainės dizainu, bet koks bandymas pertvarkyti yra tiesioginis iššūkis jų dizaineriams. Įdomus.
Koncepcijos dizainas Autorius: Craig Reville
“Kadangi „Google“ nusprendė šiek tiek suplanuoti dalykus, aš maniau, kad norėčiau pamatyti, kaip noriu matyti ir naudoti „Google“. Aš piktžodžiauti piktogramomis ar logotipu iš esmės nesu, nes piktogramos dizaineriai galėjo atlikti geresnį darbą ir man patinka šis logotipas. Visi atsiliepimai vertinami.”
Pagrindinis puslapis. (Vaizdo šaltinis: Craig Reville)
Paieškos rezultatų puslapis. (Vaizdo šaltinis: Craig Reville)
Paieškos rezultatų puslapis - 2-oji koncepcija. (Vaizdo šaltinis: Craig Reville)
Vaizdo paieškos rezultatų puslapis. (Vaizdo šaltinis: Craig Reville)
Koncepcijos dizainas Autorius: FloxDesign
Šiek tiek panašus į „Bing“, bet labiau epiškai. Nuoširdžiai noriu, kad galiausiai tai būtų nuostabus „Google“ pagrindinio puslapio dizainas.
Pagrindinis puslapis. (Vaizdo šaltinis: FloxDesign)
„YouTube“
„Google“ yra tinklapis, kuriame visame pasaulyje yra Nr.3, o „Google“ - srautą Nr.4, kad būtų galima atrasti, žiūrėti, įkelti ir bendrinti vaizdo įrašus. Dauguma turinio buvo įkelta asmenų, tačiau garsios žiniasklaidos priemonės, pavyzdžiui, CBS, BBC, Vevo ir Hulu, pateikė „YouTube“ partnerystės programos vaizdo įrašus. Ar drįsta pertvarkyti svetainę, kuri peržiūrima daugiau kaip 2 milijardus kartų per dieną? Jie tai padarė.
Koncepcijos dizainas Autorius: Michele Byrne
Aptakus pertvarkymas, kuriame daugiau dėmesio skiriama vaizdo peržiūrai ir bendrinimui. Šiam dizainui taikomas unikalus metodas, nors vartotojo sąsaja yra šiek tiek panaši į „Vimeo“. Bet kokiu atveju - didelis bandymas.
Pagrindinis puslapis. (Image Source: Michele Byrne)
Vaizdo puslapis. (Image Source: Michele Byrne)
Vartotojo puslapis. (Image Source: Michele Byrne)
Vaizdo įrašo informacija. (Image Source: Michele Byrne)
Rekomenduojamas vaizdo įrašas. (Image Source: Michele Byrne)
Koncepcijos dizainas Autorius: Josh Collie
“Vienas iš didžiausių „YouTube“ klipų per pastaruosius metus buvo nesugebėjimas ieškoti kitų vaizdo įrašų žiūrint vaizdo įrašą, o taip pat komentarų skaitymas be vaizdo įrašo nusileidimo ekrano viršuje. Toliau pateiktas dizainas bando išspręsti šią problemą, turėdamas 3 atskirai surenkamus stulpelius, įskaitant paiešką, vaizdo įrašus ir komentarus.”
Pagrindinis puslapis. (Vaizdo šaltinis: Josh Collie)
Vartotojo puslapis. (Vaizdo šaltinis: Josh Collie)
Koncepcijos dizainas Autorius: Thadeu Morgado
„YouTube“ pagrindinio puslapio pertvarkymo eksperimentas. Stilius yra gana panašus, išskyrus tai, kad visas išdėstymas buvo pertvarkytas ir pridėtas didelis, aptakus slankiklis, kad daugiau dėmesio būtų skiriama rodomiems vaizdo įrašams.
Pagrindinis puslapis. (Vaizdo šaltinis: Thadeu Morgado)
„Amazon“
„Amazon“ prisijungė 1995 m., O dabar tapo tarptautine elektroninės komercijos kompanija, kurioje yra didžiausias knygų, žurnalų, muzikos, DVD, elektroninių, kompiuterių, programinės įrangos, batų pasirinkimas, beveik viskas! Kadangi jie turi tokį didžiulį verslą, dizaineriai visame pasaulyje iššūkiai patobulino dizainą, kad jis taptų dar gražesnis ir, žinoma, patogus naudoti.
Koncepcijos dizainas Autorius: Trevor Cleveland
“Norėjau ištirti tris unikalias „Amazon“ pagrindinio puslapio pertvarkymo koncepcijas virš kartos. „Amazon“ yra viena iš pirmaujančių internetinių parduotuvių svetainių, tačiau jų skysčių pagrindinio puslapio dizainas nustatytas mažų matmenų monitorių dydžiams. Taigi norėjau pristatyti tris idėjas, kad „Amazon“ būtų greičiau.”
Pirmoji koncepcija - pagrindinis puslapis. (Vaizdo šaltinis: Trevor Cleveland)
Pirmoji koncepcija - meniu. (Vaizdo šaltinis: Trevor Cleveland)
Antroji koncepcija - pagrindinis puslapis. (Vaizdo šaltinis: Trevor Cleveland)
Antroji koncepcija - meniu. (Vaizdo šaltinis: Trevor Cleveland)
Trečioji koncepcija - pagrindinis puslapis. (Vaizdo šaltinis: Trevor Cleveland)
Trečioji koncepcija - meniu. (Vaizdo šaltinis: Trevor Cleveland)
Koncepcijos dizainas Autorius: Maurice Kindermann
Nėra jokio naujo dizaino bandymo, jei šiuo metu nėra jokio klausimo, Maurice Kindermann „Amazon“ dizainas yra geriausias šio atvejo pavyzdys. Nusivylęs dabartiniu „Amazon“ dizainu, „Maurice“ pakeitė puslapį, kad išspręstų tris konkrečius klausimus: pernelyg išplėstas ekrano skiriamoji geba, suskaidyta pirkimo galimybė ir užtvindytas turinio kiekis.
Pagrindinis puslapis. (Image Source: Maurice Kindermann)
IMDb
„IMDb“ (internetinė filmų duomenų bazė) yra didžiausia, geriausia, apdovanojimų pelnusi filmo svetainė planetoje - internetinė duomenų bazė, susijusi su filmais, televizijos laidomis, dalyviais, gamybos įgulos darbuotojais, vaizdo žaidimais ir išgalvotais simboliais, rodomais vaizdinės pramogos. Tinklalapio projektavimas taip, kad ji rodytų informaciją efektyviai, bus puiki interneto dizainerių problema.
Koncepcijos dizainas Autorius: Vladimiras Kudinovas
“Kodėl neturite dabartinio IMDB dizaino? Jis perkrautas. Didelė dalis nestruktūrizuotos informacijos. Nors dauguma tokių svetainių vartotojų daugiausia dėmesio skiria nuotraukoms, vaizdo įrašams ir kt.
Taigi aš padariau švarų ir aptakų dizainą. Čia vartotojas gauna ekraną, kuriame yra informacija apie filmą: nuotraukos, aktoriai, priekabos, siužetai ir kt. Jis neturi pasukti, susukti, skaityti. Viskas, ko reikia - pažvelgti į ekraną.”
Filmo puslapis. (Vaizdo šaltinis: Vladimiras Kudinovas)
Meniu. (Vaizdo šaltinis: Vladimiras Kudinovas)
Žaidėjo „Pop Up“ komponentas. (Vaizdo šaltinis: Vladimiras Kudinovas)
Į viršų. (Vaizdo šaltinis: Vladimiras Kudinovas)
Koncepcijos dizainas Autorius: Rob Hendricks
“Sunku suprasti, kodėl dabartinė IMDB svetainė yra pernelyg sudėtinga. Tiesa, jie turi daug turinio. Tinkama informacijos architektūra buvo labai svarbi keičiant šią informaciją.”
Pagrindinis puslapis. (Vaizdo šaltinis: Rob Atomic)
Foursquare
Naudodami „Foursquare“, vartotojai galės bendrinti savo dabartinę vietą “patikrinti” naudojant išmanųjį telefoną arba SMS žinutes, pažymėkite informaciją apie vietas ir paliekant atitinkamą pasiūlymą apie netoliese esančias vietas. Vietiniai prekybininkai taip pat naudojasi „Foursquare“, kad įsitrauktų ir išlaikytų savo klientus. Foursquare projektavimas yra tikrai sudėtingas, nes tai visiškai unikali paslauga, todėl reikia daugiau tyrimų.
Koncepcijos dizainas Autorius: Clay Parker Jones
„Clay Parker Jones“ mano, kad žemėlapis yra realus „Foursquare“ naudotojo puslapio papildymas, nes paslauga yra apie vietą. Paspaudus ant žemėlapio, bus suskirstyta informatyvi statistika su keturiais skirtingais vaizdais. Kiti šio puslapio papildiniai yra kanalai, mėgstami, patarimai ir pasiūlymai, panašūs į įprastą socialinio tinklo puslapį!
Vartotojo puslapis. (Image Source: exitcreative)
Atspindys
Su dizainu nesvarbu, kad kiekvienas vartotojas laiko naują dizainą. Klausimas yra, kaip vartotojas, ar norite pakeisti bet kurį aukščiau pateiktą dizainą, arba jūs gerai dirbate su dabartiniu dizainu? Ar manote, kad šie projektai išsprendžia jūsų vartotojo patirties problemą? Manau, kad šie projektai priimami, kad gautumėte jūsų nuomonę, todėl nedvejodami dalinkitės tuo, ką manote apie juos, kiekviena nuomonė!
