18 Merkittävien verkkosivustojen viileä konseptisuunnittelu (Facelift)
Jos sisältö on kuningas, muotoilun tulee olla kuningatar. Se on tappava ratkaiseva tekijä verkkosivuston onnistumiselle, sillä se päättää, miten sisältö on jäsenneltävä ja näytettävä, ja huono muotoilu vain pilaa käyttäjäkokemuksen, jolloin sivustoliikenne kulkee.
Usein web-suunnittelijan täytyy pelata kaupankäyntiä, kun suunnittelemme verkkosivustoa. Sekä kaupankäynnin kauneutta, että toiminnallisuutta tai luettavuutta, koska on mahdotonta tuottaa sellaista muotoilua, joka on miellyttävä kaikille kaikilla osa-alueilla.
Joten mikä malli on parempi? Web-suunnittelijat rakastavat kysyä tätä kysymystä, ja jotkut jopa haastoivat itsensä pelaamaan kaupankäyntipeliä paremmin uudelleensuunnittelemalla kuuluisia sivustoja, kuten Facebook ja YouTube, ja näin muodostavat potentiaalisia malleja tässä esityksessä. Parempi tai huonompi, sinä käyttäjä päättää sen, nauti!
Virallisen tilaston mukaan Facebook on palvellut yli 500 miljoonaa aktiivista käyttäjää ja siihen on käytetty 700 miljardia minuuttia. Tällaista tilastotietoa varten on todella stressaavaa suunnitella sen web-sivu. Sama syy, miksi niin monet suunnittelijat haastoivat itsensä uudelleen Facebookin suunnitteluun. Tarkastellaan seuraavia suunnittelijoiden useita suuria yrityksiä:
Konseptisuunnittelu Tekijä: Barton Smith
“Facebook Facelift on itse aloitettu projekti haastamaan Facebookin muotoa ja toimivuutta. Se on virtaviivaistettu, jäsennelty ja lineaarinen käyttöliittymä, joka on ymmärrettävämpi, parantaa käyttäjäkokemusta ja sisällön imukykyä.”
Pääsivu. (Image Source: Barton Smith)
Kuvat Sivu. (Image Source: Barton Smith)
Tapahtumat Sivu. (Image Source: Barton Smith)
Yhteystiedot Page. (Image Source: Barton Smith)
Ilmoitukset Page. (Image Source: Barton Smith)
Konseptisuunnittelu Tekijä: Information Architects
Tämä innovatiivinen muotoilu syntyi joulukuussa 2006 ja sopeutui myöhemmin nykyaikaisiin suunnittelustandardeihin, jotta saataisiin oikeudenmukainen vertailu Facebookin nykyiseen muotoiluun. Ajatuksena oli luoda postimainen sovellus, jonka rajapinta sisältää elastisen 3 sarakkeen asettelun, joka erottaa selkeästi suodattimen, tietovirran ja reaktion, jotka selitetään selkeästi niiden postissa.
Pääsivu. (Image Source: Information Architects)
Konseptisuunnittelu Tekijä: Justin Dauer
“Yksi tärkeimmistä tavoitteista oli siirtää käyttöliittymä kohti enemmän web-sovelluksen tyyppistä esitystä. Facebookissa on noin 175 miljoonaa ihmistä kirjautumalla päivittäin; kaikki tällaiseen käyttöön liittyvät toistuvat tehtävät edistävät tätä lähestymistapaa. Kun käärisin tämä uudelleensuunnittelu, Twitterin uusi sovelluksen kaltainen käyttöliittymä käynnistyi ja antoi minulle hetken Stuart Smalleyn kaltaisesta validoinnista.”
Pääsivu. (Image Source: pseudoroom-muotoilu)
Konseptisuunnittelu Tekijä: Peter Knoll
Peter Knollin erittäin tyylikäs muotoilu. Grafiikka on huomattavasti parantunut, jotta koko sivusto näyttää houkuttelevalta ja lupaavalta. Käyttöliittymä on myös paljon puhtaampi ja mukava typografia, jota käytetään hyvään luettavuuteen.
Pääsivu. (Image Source: Peter Knoll)
Konseptisuunnittelu Tekijä: AndasoloARTS
AndasoloARTSin tekemä Facebook-vaihtelu, se jopa myydään! Värimaailma on melko samanlainen kuin Peter Knollin muotoilu, mutta kaiken kaikkiaan se on erilainen. Jälleen hyvin tyylikäs muotoilu ja minimalismi.
Pääsivu. (Image Source: AndasoloARTS)
Konseptisuunnittelu Tekijä: Jonaska
AndasoloARTSin Facebook-suunnittelusta inspiroima muotoilu on melko ainutlaatuinen! Pidän tilojen jakamisen ja hakukentän toteuttamisesta.
Pääsivu. (Image Source: Jonaska)
Konseptisuunnittelu Tekijä: Czarny-Design
Entä seksikäs muotoilu, jossa on pyöristetyt kulmat? Täysin ainutlaatuinen Facebook-muotoilu, jossa on hieman muuttunut värimalli, voitko hyväksyä sen?
Pääsivu. (Image Source: Czarny-Design)
Tilani
Kun sosiaalisen verkostoitumisen behemoth, Myspace ohitti sen pääkilpailija, Facebook. Rebranded on My_____ nyt, se pyrkii tulemaan johtava sosiaalinen viihdekohde, joka sisältää musiikkia, elokuvia, julkkiksia, TV: tä ja pelejä, jotka toimivat fanien intohimoisesti. Alla olevat mallit yritettiin vanhalle Myspace-palvelulle, mutta on silti hienoa katsoa, mitä suunnittelija uskoo Myspacen olevan.
Konseptisuunnittelu Tekijä: Rafael Oliveira
“Entä jos MySpace-järjestelmällä olisi oletusarvoisesti selkeämpi, määritelty ja kaunis käyttöliittymä, mutta silti mahdollisuus muokata sitä, mutta ymmärrettävämmin? Tämä on kysymys, jonka tein itse aloittaessani tämän, ja se tuli olemaan viileä projekti. Visuaalisen suunnittelun lisäksi ehdotin joitakin käyttökelpoisuuden parannuksia, jotka perustuvat sivustossa jo olevaan sisältöön ja katsovat niiden sivustokarttaa.”
Pääsivu. (Image Source: Rafael Oliveira)
Kanavat-valikko. (Image Source: Rafael Oliveira)
Kuvat Sivu. (Image Source: Rafael Oliveira)
Mukautettu profiilisivu. (Image Source: Rafael Oliveira)
Taiteilijan sivu. (Image Source: Rafael Oliveira)
Taiteilijasivu - räätälöity. (Image Source: Rafael Oliveira)
Videot Kanavan sivu. (Image Source: Rafael Oliveira)
Yli 1 miljardin hakupyynnön käsitteleminen kaikkialla maailmassa, Google on maapallon tunnetuin verkkosivusto. Se tunnetaan myös nimellä valtakunta, joka yrittää hallita internetiä rakentamalla käyttäjäystävällisiä tuotteita, kuten Android, Gmail ja Analytics. Koska Googlella on paljon huipputason suunnittelijoita, jotka työskentelevät verkkosivujensa suunnittelussa, uudelleensuunnitteluyritys on suora haaste heidän suunnittelijoilleen. Mielenkiintoista.
Konseptisuunnittelu Tekijä: Craig Reville
“Koska Google on päättänyt ehkä suunnitella asioita hieman uudelleen, ajattelin, että minulla olisi mennä siihen, miten haluan nähdä ja käyttää Googlea. En mennyt villiin kuvakkeisiin tai logoon lähinnä siksi, että kuvakkeen suunnittelijat voisivat tehdä parempaa työtä ja pidän logosta niin yksinkertaisena. Kaikki palautteet arvostettiin.”
Pääsivu. (Image Source: Craig Reville)
Hakutuloksen sivu. (Image Source: Craig Reville)
Hakutuloksen sivu - toinen käsite. (Image Source: Craig Reville)
Kuvahaku Tulossivu. (Image Source: Craig Reville)
Konseptisuunnittelu Tekijä: FloxDesign
Hieman kuin Bing, mutta enemmän eeppisellä tavalla. Ystävällisin terveisin haluan saada tämän lopulta mahtavan suunnittelun Googlen pääsivulle.
Pääsivu. (Kuvalähde: FloxDesign)
YouTube
Sijoitettu nro 3 globaaliin ja nro 4 Yhdysvaltain sivustoliikenteeseen, YouTube on sivusto, jossa voit etsiä, katsella, ladata ja jakaa videoita. Suurin osa sisällöstä on ladattu yksityishenkilöiltä, mutta kuuluisat mediat, kuten CBS, BBC, Vevo ja Hulu, ovat toimittaneet omat videonsa osana YouTube-kumppanuusohjelmaa. Uskallatko suunnitella sivustoa, jota katsotaan yli 2 miljardia kertaa päivässä? He tekivät sen.
Konseptisuunnittelu Tekijä: Michele Byrne
Tyylikäs uudelleensuunnittelu, joka korostaa enemmän videon katselua ja jakamista. Tähän suunnitteluun sovelletaan ainutlaatuista lähestymistapaa, vaikka käyttöliittymä on hieman samanlainen kuin Vimeo. Suuri yritys joka tapauksessa.
Pääsivu. (Image Source: Michele Byrne)
Videolehti. (Image Source: Michele Byrne)
Käyttäjän sivu. (Image Source: Michele Byrne)
Videon tiedot. (Image Source: Michele Byrne)
Suositeltava video. (Image Source: Michele Byrne)
Konseptisuunnittelu Tekijä: Josh Collie
“Yksi suurimmista haarukoistani YouTubeen vuosien varrella on ollut kyvyttömyys etsiä muita videoita videon katselun aikana sekä kommenttien lukeminen ilman, että videon vieritys oli pois näytön yläosasta. Alla oleva malli yrittää ratkaista tämän ongelman ottamalla 3 erikseen vieritettävää saraketta, mukaan lukien haku, video ja kommentit.”
Pääsivu. (Image Source: Josh Collie)
Käyttäjän sivu. (Image Source: Josh Collie)
Konseptisuunnittelu Tekijä: Thadeu Morgado
YouTube-pääsivun uudelleensuunnittelun kokeilu. Tyyli on melko sama, lukuun ottamatta sitä, että koko ulkoasu on uudistettu, ja lisätään iso, tyylikäs liukusäädin, joka antaa enemmän huomiota esillä oleviin videoihin.
Pääsivu. (Image Source: Thadeu Morgado)
Amazon
Amazon kävi verkossa vuonna 1995 ja nyt siitä tuli monikansallinen sähköisen kaupankäynnin yritys, joka sisältää suurimman valikoiman kirjoja, aikakauslehtiä, musiikkia, DVD-levyjä, elektronisia, tietokoneita, ohjelmistoja, kenkiä, lähes kaikkea! Koska heillä on niin suuri liiketoiminta, suunnittelijat ympäri maailmaa ovat haastaneet itseään suunnittelun parantamiseksi, jotta se olisi vieläkin kaunis ja tietysti käyttäjäystävällinen.
Konseptisuunnittelu Tekijä: Trevor Cleveland
“Halusin tutkia kolme ainutlaatuista konseptia Amazonin kotisivun uudelleensuunnitteluun taitoksen yläpuolella. Amazon on yksi johtavista verkkokaupan sivustoista, mutta niiden nestemäisen kotisivun muotoilu on asetettu pienikokoisille monitorikokoille, joten sivusto näyttää hyvin miellyttävältä paljon uudemmilla tietokoneilla, joiden resoluutio on suurempi. Joten halusin esittää kolme ajatusta, jotta Amazon saataisiin nopeutumaan.”
Ensimmäinen konsepti - Pääsivu. (Image Source: Trevor Cleveland)
First Concept - Valikko. (Image Source: Trevor Cleveland)
Toinen konsepti - Pääsivu. (Image Source: Trevor Cleveland)
Toinen konsepti - Valikko. (Image Source: Trevor Cleveland)
Kolmas käsite - Pääsivu. (Image Source: Trevor Cleveland)
Kolmas käsite - Valikko. (Image Source: Trevor Cleveland)
Konseptisuunnittelu Tekijä: Maurice Kindermann
Ei ole uudelleensuunnitteluyritystä, jos nykyisessä suunnittelussa ei ole ongelmaa, Maurice Kindermannin Amazon-muotoilu on paras esimerkki tälle tapaukselle. Pettynyt Amazonin nykyiseen muotoiluun, Maurice suunnitteli sivun uudelleen ratkaistakseen kolme erityistä ongelmaa: liian laaja näytön tarkkuus, pirstoutunut ostovaihtoehto ja tulva määrä sisältöä.
Pääsivu. (Image Source: Maurice Kindermann)
IMDb
IMDb (Internet Movie Database) on online-tietokanta, joka sisältää elokuviin, televisio-ohjelmiin, näyttelijöihin, tuotantohenkilöstön henkilökuntaan, videopeleihin ja kuvitteellisiin merkkeihin sisältyviä tietoja. visuaalinen viihdemedia. Tämän sivuston uudelleenmuotoileminen siten, että se näyttää tietoja tehokkaasti, on suuri haaste web-suunnittelijoille.
Konseptisuunnittelu Tekijä: Vladimir Kudinov
“Miksi sinulla ei ole nykyistä IMDB-suunnittelua? Se on ylikuormitettu. Suuri määrä rakenteettomia tietoja. Vaikka useimmat tällaisten sivustojen käyttäjät kiinnittävät huomiota lähinnä kuviin, videoihin ja muihin.
Joten tein puhtaan ja tyylikäs muotoilu. Täällä käyttäjä saa näytön, jossa on tietoa elokuvasta: valokuvia, näyttelijöitä, perävaunuja, tarinoita ja paljon muuta. Hänen ei tarvitse kääntää, kiertää, lukea. Kaikki mitä tarvitaan - on tarkastella näyttöä.”
Elokuvasivu. (Image Source: Vladimir Kudinov)
valikko. (Image Source: Vladimir Kudinov)
Pelaaja-ponnahdusikkuna. (Image Source: Vladimir Kudinov)
Yläpaneeli. (Image Source: Vladimir Kudinov)
Konseptisuunnittelu Tekijä: Rob Hendricks
“Ei ole vaikea nähdä, miksi nykyinen IMDB-sivusto on niin täynnä. Tosiasiassa heillä on paljon sisältöä. Oikea tietojen arkkitehtuuri oli avaintekijä tämän muuttamisessa.”
Pääsivu. (Image Source: Rob Atomic)
luja
Foursquarein avulla käyttäjät voivat jakaa nykyisen sijaintinsa “sisäänkirjautuminen” älypuhelinsovelluksen tai tekstiviestin välityksellä, kirjanmerkkiä koskevat tiedot paikoista ja asiaankuuluvan ehdotuksen jättäminen lähialueille. Paikalliset kauppiaat käyttävät myös Foursquareia sitoutumaan ja säilyttämään asiakkaansa. Foursquarein uudelleensuunnittelu on todella haastavaa, sillä se on täysin ainutlaatuinen palvelu, joten tarvitaan lisää tutkimuksia.
Konseptisuunnittelu Tekijä: Clay Parker Jones
Clay Parker Jones uskoo, että kartta on todellinen hieno lisä Foursquarein käyttäjän sivulle, koska palvelu on kyse paikasta. Kartan napsauttaminen romahtaisi informatiiviset tilastot neljällä eri näkymällä. Muut tämän sivun lisäosat ovat syötteitä, tykkejä, vinkkejä ja ehdotuksia, aivan kuten tavallinen sosiaalisen verkoston sivu!
Käyttäjän sivu. (Image Source: exitcreative)
Heijastus
Suunnittelussa ei ole väliä, jokainen käyttäjä vie aikaa uuden muotoilun mukauttamiseen. Kysymys on käyttäjänä, haluatko vaihtaa mihin tahansa yllä olevaan muotoiluun, tai oletko hyvä nykyisen suunnittelun kanssa? Luuletko, että nämä mallit ratkaisevat käyttäjäkokemuksen ongelman? Uskon, että nämä suunnitelmat on suunniteltu saamaan mielipiteesi, joten voit vapaasti kertoa siitä, mitä mieltä olet niistä, jokainen mielipide!
