it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


18 Cool Concept Designs (Facelift) di siti Web degni di nota

Se il contenuto è re, il design dovrebbe essere la regina. È un elemento cruciale per il successo di un sito web, in quanto decide come strutturare e visualizzare i contenuti, e il cattivo design semplicemente rovina l'esperienza dell'utente, compromettendo il traffico del sito.

Spesso noi web designer dobbiamo giocare a trading game mentre stiamo progettando un sito web. O scambiamo la bellezza per funzionalità, o funzionalità per la leggibilità, in quanto è impossibile produrre un design che soddisfi tutti in ogni aspetto.

Quindi quale è il design migliore allora? I web designer amano fare questa domanda, e alcuni si sono anche sfidati a giocare al trading game, riprogettando siti famosi come Facebook e YouTube, formando così potenziali progetti in questo post in vetrina. Meglio o peggio, tu come utente decidi, divertiti!

Facebook

Secondo la sua statistica ufficiale, Facebook ha servito oltre 500 milioni di utenti attivi, con 700 miliardi di minuti trascorsi su di esso. Per questo tipo di statistica sarà davvero stressante progettare una pagina web per questo. Potrebbe anche essere la stessa ragione per cui così tanti designer si sono sfidati a ridisegnare il Facebook. Vediamo alcuni dei grandi tentativi dei designer qui sotto:

Concept design Di: Barton Smith

"Facebook Facelift è un progetto avviato autonomamente per sfidare la forma e la funzionalità di Facebook. È un'interfaccia semplificata, strutturata e lineare più comprensibile, che migliora l'esperienza dell'utente e la capacità di assorbimento dei contenuti. "

Pagina principale . (Fonte immagine: Barton Smith)

Pagina delle foto . (Fonte immagine: Barton Smith)

Pagina degli eventi . (Fonte immagine: Barton Smith)

Pagina dei contatti . (Fonte immagine: Barton Smith)

Pagina delle notifiche . (Fonte immagine: Barton Smith)

Concept design By: Information Architects

Questo design innovativo è nato a partire dal dicembre 2006 e successivamente adattato agli standard del design contemporaneo, al fine di ottenere un confronto corretto con il design attuale di Facebook. L'idea era di creare un'applicazione simile alla posta con un'interfaccia che contenga un layout elastico di 3 colonne che separa chiaramente filtro, flusso di informazioni e reazione, che sono chiaramente spiegati nel loro post.

Pagina principale . (Fonte immagine: Information Architects)

Concept design Di: Justin Dauer

"Uno dei miei obiettivi principali era spostare l'interfaccia verso più di una presentazione di tipo di app web. Facebook ha circa 175 milioni di persone che si collegano ogni giorno; tutti i compiti ripetitivi inerenti a tale uso sono favorevoli a questa forma di approccio. Quando stavo riprogettando questa riprogettazione, la nuova interfaccia utente simile a Twitter è stata lanciata e mi ha dato un momento di convalida simile a Stuart Smalley ".

Pagina principale . (Fonte immagine: design pseudoroom)

Concept design Di: Peter Knoll

Un design molto elegante di Peter Knoll. La grafica è notevolmente migliorata per rendere l'intero sito attraente e promettente. L'interfaccia è anche molto più pulita con una buona tipografia applicata per una buona leggibilità.

Pagina principale . (Fonte immagine: Peter Knoll)

Concept design Di: AndasoloARTS

Variazione di Facebook fatta da AndasoloARTS, viene persino venduta! Lo schema dei colori è molto simile al design di Peter Knoll, ma nel complesso è un design diverso. Anche in questo caso un design molto elegante con in mente il minimalismo.

Pagina principale . (Fonte immagine: AndasoloARTS)

Concept design Di: Jonaska

Un design ispirato al design Facebook di AndasoloARTS, davvero unico! Mi piace l'implementazione della condivisione dello stato e della casella di ricerca, una variazione ben progettata.

Pagina principale . (Fonte immagine: Jonaska)

Concept design Di: Czarny-Design

Che ne dici di un design sexy con gli angoli arrotondati? Un approccio di design completamente unico per Facebook con una combinazione di colori leggermente modificata, puoi accettarlo?

Pagina principale . (Fonte immagine: Czarny-Design)

Il mio spazio

Una volta che il colosso dei social network, Myspace è stato infine superato dal suo principale concorrente, Facebook. Rebranded as My_____ ora, punta a diventare la principale destinazione di social entertainment che include musica, film, celebrità, TV e giochi, alimentata dalla passione dei fan. I disegni qui sotto sono stati tentati per il vecchio Myspace, ma è comunque bello dare un'occhiata a ciò che il designer pensa che MySpace dovrebbe essere.

Concept design Di: Rafael Oliveira

"E se MySpace avesse un'interfaccia più chiara, definita e bella di default, ma con l'opzione di personalizzarlo, ma in un modo più comprensibile? Questa è la domanda che mi sono fatto quando ho iniziato a farlo, ed è stato un progetto interessante. Oltre al design visivo, ho proposto alcuni miglioramenti dell'usabilità, basati sui contenuti già presenti sul sito e sulla loro mappa del sito ".

Pagina principale . (Fonte immagine: Rafael Oliveira)

Menu Canali . (Fonte immagine: Rafael Oliveira)

Pagina delle foto . (Fonte immagine: Rafael Oliveira)

Pagina profilo personalizzata . (Fonte immagine: Rafael Oliveira)

Pagina dell'artista . (Fonte immagine: Rafael Oliveira)

Pagina dell'artista - Personalizzata . (Fonte immagine: Rafael Oliveira)

Pagina canali video . (Fonte immagine: Rafael Oliveira)

Google

Elaborando oltre 1 miliardo di richieste di ricerca in tutto il mondo, Google è il sito più famoso del pianeta Terra. È anche conosciuto come il regno che cerca di dominare internet creando prodotti user friendly come Android, Gmail e Analytics. Dato che Google ha molti designer di alto livello che lavorano sul design del loro sito web, qualsiasi tentativo di riprogettazione è una sfida diretta per i loro progettisti. Interessante.

Concept design Di: Craig Reville

"Dato che Google ha deciso di riprogettare un po 'le cose, ho pensato di provare come voglio vedere e utilizzare Google. Non mi sono appassionato alle icone o al logo principalmente perché i designer di icone potevano fare un lavoro migliore e il logo mi piace così. Qualsiasi feedback è apprezzato. "

Pagina principale . (Fonte immagine: Craig Reville)

Pagina dei risultati di ricerca . (Fonte immagine: Craig Reville)

Pagina dei risultati di ricerca - 2 ° concetto . (Fonte immagine: Craig Reville)

Pagina dei risultati della ricerca di immagini . (Fonte immagine: Craig Reville)

Concept design Di: FloxDesign

Un po 'come Bing, ma in un modo più epico. Sinceramente voglio avere questo design alla fine fantastico per la mia pagina principale di Google, per favore.

Pagina principale . (Fonte immagine: FloxDesign)

Youtube

Classificato n.3 a livello globale e n. 4 nel traffico dei siti degli Stati Uniti, YouTube è un sito Web per scoprire, guardare, caricare e condividere video. La maggior parte dei contenuti è stata caricata da singoli individui, ma media famosi come CBS, BBC, Vevo e Hulu hanno fornito i propri video come parte del programma di partnership di YouTube. Hai il coraggio di ridisegnare un sito che viene visualizzato più di 2 miliardi di volte al giorno? L'hanno fatto.

Concept design Di: Michele Byrne

Una riprogettazione elegante che enfatizza maggiormente la visione e la condivisione dei video. Questo approccio si applica a un approccio unico, sebbene l'interfaccia utente sia un po 'simile a Vimeo. Ottimo tentativo comunque.

Pagina principale . (Fonte immagine: Michele Byrne)

Pagina del video . (Fonte immagine: Michele Byrne)

Pagina utente . (Fonte immagine: Michele Byrne)

Informazioni video (Fonte immagine: Michele Byrne)

Video consigliato . (Fonte immagine: Michele Byrne)

Concept design Di: Josh Collie

"Uno dei miei più grossi problemi con YouTube nel corso degli anni è stata l'incapacità di cercare altri video mentre guardavo i video, oltre a leggere i commenti senza che il video scendesse dalla parte superiore dello schermo. Il seguente schema tenta di risolvere questo problema avendo 3 colonne scorrevoli separatamente tra cui ricerca, video e commenti. "

Pagina principale . (Fonte immagine: Josh Collie)

Pagina utente . (Fonte immagine: Josh Collie)

Concept design Di: Thadeu Morgado

Un esperimento di ridisegno per la pagina principale di YouTube. Lo stile è praticamente lo stesso, tranne per il fatto che l'intero layout è stato ristrutturato e viene aggiunto un grande slider per dare maggiore attenzione ai video in primo piano.

Pagina principale . (Fonte immagine: Thadeu Morgado)

Amazon

Amazon è entrata online nel 1995 e ora è diventata la multinazionale di e-commerce che contiene la più grande selezione di libri, riviste, musica, DVD, elettronica, computer, software, scarpe, praticamente tutto! Poiché stanno avendo un business così grande, i designer di tutto il mondo si sono sfidati a migliorare il design per renderlo ancora più bello e, naturalmente, facile da usare.

Concept design Di: Trevor Cleveland

"Volevo esplorare tre concetti unici per la riprogettazione della home page di Amazon above the fold. Amazon è uno dei principali siti di shopping online, ma il design fluido della home page è impostato per dimensioni di monitor di piccole dimensioni, lasciando il sito molto goffo su computer più recenti con risoluzioni più elevate. Quindi volevo presentare tre idee per portare Amazon in velocità ".

Primo concetto - Pagina principale . (Fonte immagine: Trevor Cleveland)

Primo concetto - Menu . (Fonte immagine: Trevor Cleveland)

Secondo concetto - Pagina principale . (Fonte immagine: Trevor Cleveland)

Secondo concetto - Menu . (Fonte immagine: Trevor Cleveland)

Terzo concetto - Pagina principale . (Fonte immagine: Trevor Cleveland)

Terzo concetto - Menu . (Fonte immagine: Trevor Cleveland)

Concept design Di: Maurice Kindermann

Non c'è alcun tentativo di riprogettazione se non c'è alcun problema nel design attuale, il design Amazon di Maurice Kindermann è l'esempio migliore per questo caso. Deluso dal design attuale di Amazon, Maurice ha ridisegnato la pagina per risolvere tre problemi particolari: risoluzione dello schermo eccessivamente estesa, opzione di acquisto frammentata e quantità di contenuti inondati.

Pagina principale . (Fonte immagine: Maurice Kindermann)

IMDb

Dichiarato come il sito di film più grande, migliore e più premiato del mondo, IMDb (Internet Movie Database) è un database online di informazioni relative a film, programmi televisivi, attori, personale di produzione, videogiochi e personaggi immaginari presenti in media di intrattenimento visivo. Ridisegnare questo sito in modo che mostri le informazioni in modo efficace sarà una grande sfida per i web designer.

Concept design Di: Vladimir Kudinov

"Perché non hai l'attuale design IMDB? È sovraccarico. Grande quantità di informazioni non strutturate. Mentre la maggior parte degli utenti di tali siti presta attenzione principalmente a foto, video e altro.

Così ho fatto un design pulito ed elegante. Qui, l'utente riceve uno schermo sul quale ci sono informazioni sul film: foto, attori, trailer, trama e altro. Non deve torcere, girare, leggere. Tutto ciò che serve è guardare lo schermo. "

Pagina del film . (Fonte immagine: Vladimir Kudinov)

Menu (Fonte immagine: Vladimir Kudinov)

Player Pop Up Component . (Fonte immagine: Vladimir Kudinov)

Pannello superiore . (Fonte immagine: Vladimir Kudinov)

Concept design Di: Rob Hendricks

"Non è difficile capire perché l'attuale sito IMDB sia così ingombrante. Il fatto è che hanno MOLTO contenuto. Una corretta architettura delle informazioni è stata la chiave per cambiare questo. "

Pagina principale . (Fonte immagine: Rob Atomic)

Foursquare

Con Foursquare, gli utenti possono condividere la loro posizione corrente effettuando il "check-in" tramite un'applicazione per smartphone o un SMS, aggiungendo ai segnalibri informazioni sulle sedi e lasciando suggerimenti pertinenti sulle sedi vicine. Anche i commercianti locali utilizzano la Foursquare per coinvolgere e fidelizzare i propri clienti. La riprogettazione di Foursquare è davvero stimolante in quanto è un servizio completamente unico, quindi sono necessari più studi.

Concept design Di: Clay Parker Jones

Clay Parker Jones crede che una mappa sia una vera e propria aggiunta alla pagina utente di Foursquare perché il servizio riguarda la posizione. Cliccando sulla mappa si collassano le statistiche informative con 4 diverse visualizzazioni disponibili. Altri componenti aggiuntivi di questa pagina sono feed, Mi piace, suggerimenti e suggerimenti, praticamente come una normale pagina di social network!

Pagina utente . (Fonte immagine: exitcreative)

Riflessione

Non importa con il design, ogni utente ha bisogno di tempo per adattare il nuovo design. La domanda è, come utente, desideri passare a qualsiasi disegno sopra, o sei bravo con il design attuale? Pensi che questi design risolvano il tuo problema con l'esperienza utente? Credo che questi design siano fatti per ricevere la tua opinione, quindi sentiti libero di condividere ciò che pensi di loro, ogni opinione conta!

Discord Review: Chat e Social App per i giocatori Hardcore

Discord Review: Chat e Social App per i giocatori Hardcore

Sebbene Discord sia popolare tra la comunità dei videogiochi, potresti non averne sentito parlare nel caso tu fossi nuovo nel mondo dei giochi. Essendo particolarmente ottimizzato per i giocatori, Discord è molto più delle solite piattaforme di chat come Facebook Messenger e Microsoft Skype.Essendo un giocatore occasionale, non avevo familiarità con Discord fino a quando non ne ho sentito parlare da alcuni dei miei amici gamer. E

(Consigli tecnici e di design)

Applicazioni Web progressive - Il futuro del Web moderno?

Applicazioni Web progressive - Il futuro del Web moderno?

Oggigiorno le Progressive Web Apps (PWA) parlano della città, principalmente per la loro incredibile usabilità e l'esperienza utente unica. Con le funzionalità combinate di siti Web e app native, gli PWA stanno diventando una norma per le applicazioni web multi-dispositivo che consentono agli sviluppatori di creare app dinamiche a caricamento rapido senza utilizzare framework ibridi.Cr

(Consigli tecnici e di design)