18 Cool Concept Designs (Facelift) pozoruhodných webových stránok
Ak je obsah kráľom, návrh by mal byť kráľovnou. Je to smrteľne dôležitý prvok úspechu webových stránok, pretože rozhoduje o tom, ako sa má obsah štruktúrovať a zobrazovať, a zlý dizajn jednoducho zničil zážitok používateľa, a tak odsúdil prevádzku na stránkach.
Často my webové dizajnér musí hrať obchodnú hru, zatiaľ čo sme navrhli webové stránky. Buďme obchod krása pre funkčnosť, alebo funkčnosť pre čitateľnosť, pretože je nemožné vytvoriť dizajn, ktorý sa bude páčiť každému v každom aspekte.
Takže ktorý návrh je lepší potom? Web dizajnéri sa radi pýtajú na túto otázku a niektorí dokonca vyzývajú, aby lepšie prehrali obchodnú hru redesignom slávnych stránok, ako sú Facebook a YouTube, a tak vytvorili potenciálne návrhy v tejto vitríne. Lepšie alebo horšie, vy ako používateľ to rozhodne, vychutnajte si to!
Podľa oficiálnych štatistických údajov spoločnosť Facebook slúži viac ako 500 miliónom aktívnych používateľov, pričom 700 miliárd minút sa na ňu strávil. Pre tento typ štatistiky bude naozaj stresujúce navrhnúť webovú stránku. Mohlo by to byť aj ten istý dôvod, prečo toľko dizajnérov napadlo zmenu dizajnu Facebooku. Poďme sa pozrieť na niekoľko skvelých pokusov od návrhárov nižšie:
Koncepčný návrh: Barton Smith
“Facelift Facebook je samoiniciovaný projekt, ktorý spochybňuje formu a funkčnosť Facebooku. Je to zjednodušené, štruktúrované a lineárne rozhranie, ktoré je zrozumiteľnejšie, zlepšuje užívateľskú skúsenosť a absorbuje obsah.”
Hlavná stránka. (Zdroj obrázku: Barton Smith)
Fotografie stránky. (Zdroj obrázku: Barton Smith)
Udalosti. (Zdroj obrázku: Barton Smith)
Stránka kontaktov. (Zdroj obrázku: Barton Smith)
Upozornenia. (Zdroj obrázku: Barton Smith)
Návrh koncepcie By: Information Architects
Tento inovatívny dizajn sa narodil od decembra 2006 a neskôr sa prispôsobil súčasným dizajnérskym štandardom, aby bolo možné spravodlivé porovnanie so súčasným dizajnom Facebooku. Cieľom bolo vytvoriť poštovú aplikáciu s rozhraním, ktoré obsahuje rozloženie elastických 3 stĺpcov, ktoré jasne oddeľuje filter, informačný tok a reakciu, ktoré sú jasne vysvetlené v ich príspevku.
Hlavná stránka. (Image Source: Informačné architekti)
Návrh konceptu: Justin Dauer
“Jedným z mojich primárnych cieľov bolo presunúť rozhranie smerom k väčšej prezentácii webového aplikácie. Facebook má denne prihlásených približne 175 miliónov ľudí; všetky opakujúce sa úlohy súvisiace s takýmto používaním vedú k tejto forme prístupu. Keď som prepracoval tento redesign, spustil sa nový aplikačný UI v aplikácii Twitter a poskytol mi chvíľku potvrdenia o Stuartovi Smalleyovi.”
Hlavná stránka. (Image Source: návrh pseudoroom)
Návrh konceptu: Peter Knoll
Veľmi elegantný dizajn Peter Knoll. Grafika je výrazne vylepšená, aby celá stránka vyzerala príťažlivo a sľubne. Rozhranie je tiež oveľa čistejšie s peknou typografiou používanou pre dobrú čitateľnosť.
Hlavná stránka. (Image Source: Peter Knoll)
Návrh koncepcie: AndasoloARTS
Facebook variácie od spoločnosti AndasoloARTS, dokonca sa predáva! Farebná schéma je veľmi podobná dizajnu Peter Knoll, ale celkovo je to iný dizajn. Opäť veľmi elegantný dizajn s minimalizmom na mysli.
Hlavná stránka. (Image Source: AndasoloARTS)
Návrh konceptu: Jonaska
Návrh dizajnu, ktorý je inšpirovaný dizajnom Facebooku AndasoloARTS, je taktiež jedinečný! Páči sa mi implementácia zdieľania stavu a vyhľadávacieho poľa, dobre navrhnutá variácia.
Hlavná stránka. (Image Source: Jonaska)
Návrh konceptu: Czarny-Design
Ako sa o sexy dizajn so zaoblenými rohovými prvkami? Úplne jedinečný dizajnový prístup pre Facebook s mierne zmenenou farebnou schémou, môžete ho prijať?
Hlavná stránka. (Image Source: Czarny-Design)
Môj priestor
Akonáhle to bol behať spoločenských sietí, Myspace bol nakoniec prekonaný jeho hlavným konkurentom, Facebookom. Rebranded as My_____, teraz sa usiluje stať sa poprednou spoločenskou zábavou, ktorá zahŕňa hudbu, filmy, celebrity, televíziu a hry, poháňané vášňou fanúšikov. Nasledujúce návrhy sa pokúsili o staré Myspace, ale je stále skvelé mať pohľad na to, čo návrhár myslí, že Myspace by mal byť.
Návrh konceptu: Rafael Oliveira
“Čo ak má Myspace jasnejšie, definované a krásne rozhranie ako predvolené, ale stále s možnosťou prispôsobiť ho, ale zrozumiteľnejšie? To je otázka, ktorú som urobil pri začatí tohto projektu, a ukázalo sa, že je to skvelý projekt. Okrem vizuálneho dizajnu som navrhol niektoré vylepšenia použiteľnosti založené na obsahu, ktorý je už na stránkach, a pri pohľade na ich mapa stránok.”
Hlavná stránka. (Image Source: Rafael Oliveira)
Ponuka kanálov. (Image Source: Rafael Oliveira)
Fotografie stránky. (Image Source: Rafael Oliveira)
Prispôsobená stránka profilu. (Image Source: Rafael Oliveira)
Stránka interpreta. (Image Source: Rafael Oliveira)
Strana interpreta - prispôsobená. (Image Source: Rafael Oliveira)
Stránky kanála videí. (Image Source: Rafael Oliveira)
Pri spracovaní viac ako miliárd žiadostí o vyhľadávanie po celom svete je Google najznámejším webom na svete. Je to tiež známe ako kráľovstvo, ktoré sa snaží ovládnuť internet budovaním užívateľsky prívetivých produktov, ako sú Android, Gmail a Analytics. Vzhľadom na to, že spoločnosť Google má veľa špičkových dizajnérov, ktorí pracujú na svojom dizajne webových stránok, každý pokus o redesign je priamou výzvou pre svojich dizajnérov. zaujímavý.
Návrh konceptu: Craig Reville
“Vzhľadom k tomu, že sa spoločnosť Google rozhodla trochu prerobiť veci trošku, myslela som, že by som mala prejsť na to, ako chcem vidieť a používať Google. Nechcela som sa diviť na ikony alebo logo hlavne preto, že návrhári ikon by mohli robiť lepšiu prácu a mám rád toto jednoduché logo. Každá spätná väzba bola ocenená.”
Hlavná stránka. (Image Source: Craig Reville)
Stránka s výsledkami vyhľadávania. (Image Source: Craig Reville)
Stránka výsledkov vyhľadávania - 2. koncept. (Image Source: Craig Reville)
Stránka s výsledkami vyhľadávania obrázkov. (Image Source: Craig Reville)
Návrh koncepcie: FloxDesign
Trochu ako Bing, ale oveľa viac. S pozdravom, chcem mať nakoniec tento úžasný dizajn pre moju hlavnú stránku Google.
Hlavná stránka. (Zdroj obrázku: FloxDesign)
YouTube
V celosvetovom meradle je č. 3 v celosvetovom meradle a č.4 v prevádzke na stránkach v USA, služba YouTube je webová lokalita, ktorá umožňuje sledovať, nahrávať a zdieľať videá. Väčšinu obsahu nahrali jednotlivci, ale slávne médiá ako CBS, BBC, Vevo a Hulu poskytli svoje vlastné videá ako súčasť partnerského programu YouTube. Odvažujete sa prepracovať stránky, ktoré sa zobrazujú viac ako 2 miliardy denne? Urobili to.
Návrh konceptu: Michele Byrne
Elegantný redesign, ktorý viac zdôrazňuje video prezeranie a zdieľanie. Na tento dizajn sa uplatňuje jedinečný prístup, hoci používateľské rozhranie je trochu podobné Vimeo. Skvelý pokus rovnako.
Hlavná stránka. (Image Source: Michele Byrne)
Stránka videa. (Image Source: Michele Byrne)
Stránka používateľa. (Image Source: Michele Byrne)
Video Info. (Image Source: Michele Byrne)
Odporúčané video. (Image Source: Michele Byrne)
Návrh koncepcie Josh Collie
“Jedným z mojich najväčších problémov s YouTube v priebehu rokov bola neschopnosť hľadať ďalšie videá pri sledovaní videa, ako aj čítanie komentárov bez toho, aby video posúvalo z hornej časti obrazovky. Nižšie uvedený návrh sa pokúša vyriešiť tento problém tým, že má 3 samostatne posúvateľné stĺpce vrátane vyhľadávania, videa a komentárov.”
Hlavná stránka. (Image Source: Josh Collie)
Stránka používateľa. (Image Source: Josh Collie)
Návrh koncepcie: Thadeu Morgado
Opätovný návrh experimentu pre hlavnú stránku YouTube. Štýl je skoro rovnaký, s výnimkou toho, že celé rozloženie bolo reštrukturalizované a pridá sa veľký elegantný posúvač, ktorý sa viac zameriava na zobrazené videá.
Hlavná stránka. (Image Source: Thadeu Morgado)
Amazonka
Amazon sa stal online v roku 1995 a teraz sa stala medzinárodnou elektronickou obchodnou spoločnosťou, ktorá obsahuje najväčší výber kníh, časopisov, hudby, DVD, elektroniky, počítača, softvéru, obuvi, prakticky všetko! Pretože majú taký obrovský obchod, dizajnéri na celom svete sa sami snažili vylepšiť dizajn, aby boli ešte krajšie a samozrejme priateľské.
Návrh konceptu: Trevor Cleveland
“Chcel som preskúmať tri unikátne koncepty pre redesign domovskej stránky Amazonu nad záhybom. Amazon je jedným z popredných on-line nákupných stránok, ale ich dizajn kvapalnej domovskej stránky je určený pre veľkosti monitorov s malými rozmermi, čo ponecháva miesto, aby vyzeralo veľmi roztiahnuté na oveľa novších počítačoch s vyšším rozlíšením. Takže som chcel predstaviť tri nápady na zvýšenie rýchlosti Amazonu.”
Prvá koncepcia - hlavná stránka. (Image Source: Trevor Cleveland)
Prvá koncepcia - ponuka. (Image Source: Trevor Cleveland)
Druhý koncept - hlavná stránka. (Image Source: Trevor Cleveland)
Druhý koncept - ponuka. (Image Source: Trevor Cleveland)
Tretia koncepcia - hlavná stránka. (Image Source: Trevor Cleveland)
Tretia koncepcia - ponuka. (Image Source: Trevor Cleveland)
Návrh konceptu: Maurice Kindermann
Neexistuje žiadny pokus o redesign, ak v súčasnom dizajne nie je problém, dizajn Amazonu od Maurice Kindermanna je najlepším príkladom pre tento prípad. Znepokojený s aktuálnym dizajnom Amazonu, Maurice prepracovala stránku na vyriešenie troch konkrétnych problémov: nadmerné rozlíšenie obrazovky, fragmentované nákupné možnosti a zaplavené množstvo obsahu.
Hlavná stránka. (Image Source: Maurice Kindermann)
IMDb
Vyhlásený za najväčšiu, najlepšiu a najpozoruhodnejšiu filmovú stránku na svete, IMDb (Internet Movie Database) je on-line databáza informácií týkajúcich sa filmov, televíznych relácií, hercov, personálu výrobných štábov, videohier a fiktívnych postáv uvedených v vizuálne zábavné médiá. Redukcia tejto stránky spôsobom, ktorý bude účinne zobrazovať informácie, bude pre webových dizajnérov veľkou výzvou.
Koncepčný návrh: Vladimír Kudinov
“Prečo nemáte aktuálny dizajn IMDB? Je preťažený. Veľké množstvo neštruktúrovaných informácií. Zatiaľ čo väčšina používateľov týchto stránok venuje pozornosť najmä obrazom, videu a iným.
Tak som urobil čistý a elegantný dizajn. Tu používateľ dostane obrazovku, na ktorej sú informácie o filme: fotografie, herci, prívesy, dej a ďalšie. Nemusí sa točiť, otáčať, čítať. Všetko, čo je potrebné - je pozrieť sa na obrazovku.”
Filmová stránka. (Image Source: Vladimir Kudinov)
Ponuka. (Image Source: Vladimir Kudinov)
Prehrávač Popup Component. (Image Source: Vladimir Kudinov)
Horný panel. (Image Source: Vladimir Kudinov)
Návrh konceptu Rob Hendricks
“Nie je ťažké pochopiť, prečo je súčasná webová stránka IMDB tak preplnená. Skutočnosťou je, že majú veľa obsahu. Správna informačná architektúra bola kľúčom k zmene tejto situácie.”
Hlavná stránka. (Image Source: Rob Atomic)
štvorstranný
S Foursquare môžu používatelia zdieľať svoju aktuálnu polohu “prihlásiť sa” prostredníctvom aplikácie alebo SMS v aplikácii smartphone, zapamätanie si informácií o miestach konania a ponechanie relevantného návrhu o okolitých miestach. Miestni obchodníci tiež využívajú Foursquare na zapojenie a udržanie svojich zákazníkov. Redizajn pre Foursquare je naozaj náročný, pretože je to úplne jedinečná služba, takže sú potrebné ďalšie štúdie.
Návrh konceptu: Clay Parker Jones
Clay Parker Jones verí, že mapa je skutočným šikovným doplnkom k užívateľskej stránke Foursquare, pretože služba je o umiestnení. Kliknutím na mapu sa zbližujú informatívne štatistiky so 4 dostupnými zobrazeniami. Ďalšie doplnky na tejto stránke sú informačné kanály, rád, tipy a návrhy, skoro ako bežná stránka sociálnych sietí!
Stránka používateľa. (Zdroj obrázku: exitcreative)
odraz
Nezáleží na dizajne, každý používateľ potrebuje čas prispôsobiť nový dizajn. Otázkou je, ako používateľ, chcete prejsť na niektorý z vyššie uvedených návrhov, alebo ste dobrý v súčasnom dizajne? Myslíte si, že tento dizajn vyriešil problém používateľov? Domnievam sa, že tento dizajn je vytvorený, aby získal váš názor, takže sa môžete podeliť o to, čo si o ňom myslíte, každý názor sa počíta!
