Hemsida » Begrepp » 18 Cool Concept Designs (Facelift) av anmärkningsvärda webbplatser

    18 Cool Concept Designs (Facelift) av anmärkningsvärda webbplatser

    Om innehållet är kung, bör design vara drottningen. Det är ett dödligt viktigt inslag för en webbplatss framgång, eftersom den bestämmer hur innehållet ska struktureras och visas och dålig design förstör förstör användarupplevelsen, vilket gör att webbplatsen trafikeras.

    Ofta behöver vi webbdesigner spela handelsspel medan vi utformar en webbplats. Vi handlar antingen om skönhet för funktionalitet eller funktionalitet för läsbarhet, eftersom det är omöjligt att skapa en design som gynnar alla i alla aspekter.

    Så vilken design är bättre då? Webbdesigners älskar att ställa denna fråga, och några utmanade sig även att spela handelsspelet bättre genom att omforma kända platser som Facebook och YouTube, vilket därigenom bildar potentiella mönster i den här utställningsstationen. Bättre eller sämre, du som användare bestämmer det, njut av!

    Facebook

    Enligt sin officiella statistik har Facebook tjänat mer än 500 miljoner aktiva användare, med 700 miljarder minuter spenderat på den. För denna typ av statistik kommer det att vara väldigt stressigt att designa en webbsida för den. Det kan också vara samma orsak till att så många designers utmanade sig att redesigna Facebook. Låt oss se över flera stora försök från designers nedan:

    Konceptdesign Av: Barton Smith

    “Facebook Facelift är ett självinitierat projekt för att utmana form och funktionalitet hos Facebook. Det är ett strömlinjeformat, strukturerat och linjärt gränssnitt är mer förståeligt, vilket förbättrar användarupplevelsen och absorberar förmågan hos innehållet.”

    Huvudsida. (Bildkälla: Barton Smith)

    Bilder sida. (Bildkälla: Barton Smith)

    Händelser sida. (Bildkälla: Barton Smith)

    Kontakter sida. (Bildkälla: Barton Smith)

    Meddelanden sida. (Bildkälla: Barton Smith)

    Konceptdesign Av: Information Architects

    Den här innovativa designen föddes från december 2006 och anpassades senare till moderna designstandarder för att få en rättvis jämförelse med Facebooks nuvarande design. Tanken var att skapa en mailliknande applikation med gränssnitt som innehåller elastisk 3 kolumnerlayout som tydligt skiljer filter, informationsström och reaktion som tydligt förklaras i deras inlägg.

    Huvudsida. (Bildkälla: Informationsarkitekter)

    Konceptdesign Av: Justin Dauer

    “Ett av mina primära mål var att flytta gränssnittet mot mer av en webbapps-typpresentation. Facebook har cirka 175 miljoner människor loggar in dagligen; alla upprepade uppgifter som är förknippade med sådan användning bidrar till denna form av tillvägagångssätt. När jag paketerade den här redesignen, lanserade Twitters nya appliknande användargränssnitt, och gav mig ett ögonblick av Stuart Smalley-liknande validering.”

    Huvudsida. (Bildkälla: pseudoroom design)

    Konceptdesign Av: Peter Knoll

    En mycket snygg design av Peter Knoll. Grafiken förbättras avsevärt för att hela webbplatsen ska bli tilltalande och lovande. Gränssnittet är också mycket renare med fin typografi applicerad för god läsbarhet.

    Huvudsida. (Bildkälla: Peter Knoll)

    Konceptdesign Av: AndasoloARTS

    Facebook-variation gjord av AndasoloARTS, det säljs till och med! Färgschemat liknar Peter Knolls design, men totalt sett är det en annan design. Återigen en mycket snygg design med minimalism i åtanke.

    Huvudsida. (Bildkälla: AndasoloARTS)

    Konceptdesign Av: Jonaska

    En design inspirerad av AndasoloARTS Facebook-design, ganska unik också! Jag gillar implementeringen av statusdelning och sökrutan, en väl utformad variation faktiskt.

    Huvudsida. (Bildkälla: Jonaska)

    Konceptdesign Av: Czarny-Design

    Vad sägs om en sexig design med avrundade hörnelement? En helt unik designmetod för Facebook med något förändrat färgschema, kan du acceptera det?

    Huvudsida. (Bildkälla: Czarny-Design)

    Mitt utrymme

    När det var socialt nätverkande, tog Myspace slutligen sin huvudkonkurrent, Facebook. Rebranded som My_____ nu, syftar det till att bli den ledande sociala nöjesdestinationen som inkluderar musik, filmer, kändisar, TV och spel, drivna av passion av fans. Designerna nedan försökte för den gamla Myspace, men det är fortfarande bra att titta på vilken designer som tycker att Myspace borde vara.

    Konceptdesign Av: Rafael Oliveira

    “Vad händer om Myspace hade ett tydligare, definierat och vackert gränssnitt som standard, men fortfarande med alternativet att personifiera det, men på ett mer begripligt sätt? Det är den fråga jag gjorde när jag började detta, och det blev ett coolt projekt. Förutom den visuella designen föreslog jag några användningsförbättringar, baserat på innehåll som redan finns på webbplatsen och tittar på deras webbplatskarta.”

    Huvudsida. (Bildkälla: Rafael Oliveira)

    Kanaler Meny. (Bildkälla: Rafael Oliveira)

    Bilder sida. (Bildkälla: Rafael Oliveira)

    Anpassad profilsida. (Bildkälla: Rafael Oliveira)

    Artist sida. (Bildkälla: Rafael Oliveira)

    Artist sida - Anpassad. (Bildkälla: Rafael Oliveira)

    Videokanalsida. (Bildkälla: Rafael Oliveira)

    Google

    Bearbetar över 1 miljard sökförfrågningar över hela världen, Google är den mest kända webbplatsen på planeten Jorden. Det är också känt som kungariket som försöker dominera internet genom att bygga användarvänliga produkter som Android, Gmail och Analytics. Eftersom Google har många förstklassiga designers som arbetar med sin webbdesign, är alla ombyggnadsförsök en direkt utmaning för sina designers. Intressant.

    Konceptdesign Av: Craig Reville

    “Eftersom Google har bestämt sig för att kanske tänka om saker lite lite trodde jag att jag skulle få gå på hur jag vill se och använda Google. Jag gick inte vild på ikonerna eller logotypen, främst för att ikondesigners kunde göra ett bättre jobb och jag gillar logotypen enkelt så. Någon och all feedback uppskattas.”

    Huvudsida. (Bildkälla: Craig Reville)

    Sökresultat sida. (Bildkälla: Craig Reville)

    Sökresultat sida - 2: a begreppet. (Bildkälla: Craig Reville)

    Sökresultat för bildsökresultat. (Bildkälla: Craig Reville)

    Konceptdesign Av: FloxDesign

    Lite som Bing, men på ett mer episkt sätt. Med vänliga hälsningar vill jag ha den här ultimat fantastiska designen på min startsida för Google, tack.

    Huvudsida. (Bildkälla: FloxDesign)

    Youtube

    Rankad nr.3 i global och nr.4 i amerikansk webbplats trafik, YouTube är en webbplats för att upptäcka, titta på, ladda upp och dela videor. Mest innehåll har laddats upp av individer, men berömda media som CBS, BBC, Vevo och Hulu har lämnat egna videor som en del av YouTube-partnerskapsprogrammet. Vågar du att omorganisera en webbplats som ses mer än 2 miljarder gånger om dagen? De gjorde det.

    Konceptdesign Av: Michele Byrne

    En snygg redesign som betonar mer om videovisning och delning. Unikt tillvägagångssätt tillämpas på denna design, men användargränssnittet är lite lik Vimeo. Bra försök ändå.

    Huvudsida. (Bildkälla: Michele Byrne)

    Videosida. (Bildkälla: Michele Byrne)

    Användarsida. (Bildkälla: Michele Byrne)

    Video Info. (Bildkälla: Michele Byrne)

    Rekommenderad video. (Bildkälla: Michele Byrne)

    Konceptdesign Av: Josh Collie

    “Ett av mina största gripes med YouTube under åren har varit oförmågan att söka efter andra videoklipp medan du tittar på video, samt läser kommentarer utan att videon rullar bort överst på skärmen. Designen nedan försöker lösa problemet genom att ha 3 separata rullbara kolumner inklusive sökning, video och kommentarer.”

    Huvudsida. (Bildkälla: Josh Collie)

    Användarsida. (Bildkälla: Josh Collie)

    Konceptdesign Av: Thadeu Morgado

    Ett omformningsexperiment för YouTube-startsidan. Stilen är ungefär densamma, förutom att hela layouten har omstrukturerats, och en stor slät slider läggs till för att ge mer fokus på utvalda videor.

    Huvudsida. (Bildkälla: Thadeu Morgado)

    amason

    Amazon gick online 1995 och blev nu det multinationella e-handelsföretaget som innehåller det största urvalet av böcker, tidningar, musik, DVD, elektronik, dator, programvara, skor, nästan allt! Eftersom de har ett så stort företag har designers världen över utmanat sig på att förbättra designen för att göra den ännu vackrare och naturligtvis användarvänlig.

    Konceptdesign Av: Trevor Cleveland

    “Jag ville utforska tre unika koncept för omformningen av Amazons hemsida ovanför veckan. Amazon är en av de ledande på nätet shopping, men deras flytande hemsida design är inställd för bildskärmsstorlekar med små dimensioner, vilket gör att webbplatsen ser väldigt bra ut på mycket nyare datorer med högre upplösningar. Så jag ville presentera tre idéer för att få Amazon att komma i snabb takt.”

    Första konceptet - Huvudsidan. (Bildkälla: Trevor Cleveland)

    Första konceptmenyn. (Bildkälla: Trevor Cleveland)

    Andra konceptet - Huvudsidan. (Bildkälla: Trevor Cleveland)

    Andra konceptmenyn. (Bildkälla: Trevor Cleveland)

    Tredje konceptet - Huvudsidan. (Bildkälla: Trevor Cleveland)

    Tredje konceptmenyn. (Bildkälla: Trevor Cleveland)

    Konceptdesign Av: Maurice Kindermann

    Det finns inget ombyggnadsförsök om det inte finns något problem i den nuvarande designen, Maurice Kindermanns Amazon-design är det bästa exemplet för det här fallet. Besviken mot Amazons nuvarande design, utformade Maurice sidan för att lösa tre specifika problem: överdriven skärmupplösning, fragmenterat köpalternativ och översvämd mängd innehåll.

    Huvudsida. (Bildkälla: Maurice Kindermann)

    IMDb

    Hävdar sig som den största, bästa och mest prisbelönta filmplatsen på planeten, är IMDb (Internet Movie Database) en databas med information om filmer, tv-serier, skådespelare, produktionspersonal, videospel och fiktiva tecken som finns i visuellt underhållningsmedia. Omforma denna webbplats på ett sätt som visar information effektivt kommer att vara en stor utmaning för webbdesigners.

    Konceptdesign Av: Vladimir Kudinov

    “Varför har inte den nuvarande IMDB-designen? Det är överbelastat. Stor mängd ostrukturerad information. Medan de flesta användare av sådana webbplatser är uppmärksamma främst på bilder, videoklipp och mer.

    Så jag gjorde en ren och snygg design. Här får användaren en skärm där information om filmen finns: foton, skådespelare, släpvagnar, storyline och mer. Han behöver inte vrida, snurra, att läsa. Allt som behövs - är att titta på skärmen.”

    Filmsida. (Bildkälla: Vladimir Kudinov)

    Meny. (Bildkälla: Vladimir Kudinov)

    Player Pop Up Component. (Bildkälla: Vladimir Kudinov)

    Överpanel. (Bildkälla: Vladimir Kudinov)

    Konceptdesign Av: Rob Hendricks

    “Det är inte svårt att se varför den nuvarande IMDB-webbplatsen är så rörig. Faktum är att de har mycket innehåll. Korrekt informationsarkitektur var nyckeln till att ändra detta.”

    Huvudsida. (Bildkälla: Rob Atomic)

    Foursquare

    Med Foursquare kan användarna dela sin nuvarande plats med “checkar in” via en smartphone-applikation eller SMS, bokmärkeinformation om arenor och lämna relevanta förslag om närliggande platser. Lokala handlare använder också Foursquare för att engagera och behålla sina kunder. Redesign för Foursquare är verkligen utmanande eftersom det är en helt unik tjänst så att fler studier behövs.

    Konceptdesign Av: Clay Parker Jones

    Clay Parker Jones anser att en karta är ett riktigt smutsigt tillägg till Foursquares användarsida, eftersom tjänsten handlar om plats. Att klicka på kartan skulle kollapsa den informativa statistiken med 4 olika vyer tillgängliga. Andra tillägg till den här sidan är feeds, likes, tips och förslag, ungefär som en vanlig social nätverkssida!

    Användarsida. (Bildkälla: exitcreative)

    Reflexion

    Det spelar ingen roll med designen, varje användare tar tid att anpassa den nya designen. Frågan är, som användare, önskar du att byta till någon av ovanstående design, eller är du bra med den nuvarande designen? Tror du att dessa design löser ditt problem med användarupplevelse? Jag tror att dessa design är gjorda för att få din åsikt, så var god att dela med dig vad du tycker om dem, varje åsikt räknas!