Design interattivo

Uno sguardo al nuovo design di MSN.Com

Dal 9 marzo di quest'anno Microsoft ha lanciato il suo nuovo design di MSN.com.

Sostenuto da innumerevoli ore di test e circa 70.000 feedback da parte dei propri utenti, il design è stato ottimizzato negli ultimi quattro mesi fino al suo stato attuale.

Visitatori che non possono ancora visualizzarlo http://www.msn.com può accedervi a http://preview.msn.com .

In questo post, diamo un'occhiata alla nuova riprogettazione ed esaminiamo i suoi aspetti positivi e negativi.

Sentiti libero di condividere la tua opinione sul design nell'area dei commenti.

Nell'ultimo decennio, tre pagine di ricerca principali hanno costituito una solida base di siti a cui le persone si rivolgono quando iniziano le loro esperienze online.

Mentre Yahoo e MSN si concentravano sull'aggiunta di elementi funzionali alle loro pagine, Google rimase con un design minimale e invece misero le loro nuove applicazioni su URL diversi con solo menzioni sottili sulla loro pagina principale. Google è uscito in anticipo, ma Yahoo e MSN non si sono arresi e detengono ancora una parte importante del mercato.

Uno degli obiettivi principali del nuovo design è di aggiornare l'interfaccia con un aspetto molto più pulito; un look che ricorda Google. Per raggiungere questo obiettivo, hanno cambiato lo sfondo in un bianco coerente e hanno aggiunto schede per le varie sezioni di contenuto. Hanno anche dato un maggiore peso visivo alla sezione principale delle notizie, dandogli un titolo più grande e ingrandendo le sue immagini. Ciò fornisce all'utente una chiara indicazione di dove i loro occhi dovrebbero essere disegnati immediatamente, il che aiuta a rendere meno intenso il sito.

Lo sfondo bianco rende il sito pulito, ma lo fa a scapito di perdere il blu, il che ha reso il vecchio sito facilmente riconoscibile e unico. Nonostante il feedback ricevuto da MSN che afferma che lo sfondo bianco sembra più pulito, a lungo termine potrebbe essere utile che Microsoft abbracci il loro vecchio colore di sfondo blu. Andando con un singolo colore di sfondo sono state rimosse molte linee verticali. Questo rende il sito più ampio nonostante sia leggermente più sottile di circa 20 pixel.

Le schede rendono anche la pagina molto più pulita. Le sezioni della pagina non sembrano essere raggruppate in modo ovvio, ma questo non è necessariamente dannoso. MSN si rende conto che questa pagina non verrà utilizzata come un giornale o anche come un sito Web di notizie.

Ciascuna sezione fornisce titoli e frasi brevi per attirare il lettore a fare clic e a saperne di più. Parlando del nuovo design, Scott Moore (General Manager of Content and Programming di MSN) ha spiegato che il sito utilizza l'apprendimento automatico per dividere gli utenti in otto gruppi.

Non ha esaminato i dettagli, ma ciò potrebbe significare che il posizionamento delle sezioni / schede sarà determinato dalle cose in cui gli utenti hanno mostrato interesse.

Aggiunte di contenuto

Una funzionalità su cui il team di MSN ha deciso di concentrarsi è il social networking. Gli utenti possono ora accedere al proprio account Windows Live / Facebook / Twitter per visualizzare gli aggiornamenti in tempo reale sulla loro homepage di MSN.

Questa è una funzionalità che alcune persone troveranno leggermente utile e che altri ignoreranno completamente. "Social Media" è stato un termine pubblicitario su Internet da oltre un anno e sorprende che MSN abbia impiegato così tanto tempo per integrarlo nella loro home page.

L'aggiunta ai social media non influenzerà molte persone nell'utilizzo della loro homepage ma non influirà negativamente sul loro aspetto e dimostrerà che stanno adottando Internet invece di costringere i loro utenti a utilizzare solo le applicazioni MSN.

La riprogettazione della homepage di MSN ha dato molta più importanza alla barra di ricerca di Bing. È stata data la sua sezione invece di essere costretta a condividere il suo spazio con molti vari elementi.

Questo aumento di attenzione per Bing ha dato al proprio motore di ricerca un aumento a due cifre nelle ricerche. La più grande barra di ricerca di Bing potrebbe essere una delle migliori caratteristiche della riprogettazione di MSN perché dimostra che MSN ora ha una migliore comprensione del fatto che le home page sono generalmente utilizzate come punto di partenza per una ricerca web. Le persone cambieranno rapidamente la loro homepage se pensano che MSN impieghi troppo tempo per caricare contenuti non pertinenti.

La terza aggiunta importante è l'attenzione ai contenuti locali. In alto a destra della pagina c'è un link per l'edizione locale. L'edizione locale è come un'altra versione della home page ma è più pertinente per ogni individuo. L'utente può salvare fino a tre diverse città (o codici postali) ma non è molto intuitivo su come aggiungerli. L'utente deve inserire un nome di città, fare clic su "Salva" e quindi per aggiungerne un altro è necessario fare clic su "Cambia". Avrebbe più senso invece avere il link "Aggiungi".


Edizione locale

Una volta che l'utente ha selezionato una città, ha accesso a notizie locali, meteo, sport, film / eventi, ristoranti, gas / traffico e pochi altri articoli. Tutte queste funzionalità sono davvero ben implementate ad eccezione della sezione Ristoranti.

Per i ristoranti elenca semplicemente ristoranti nelle vicinanze con link a recensioni, immagini a 5 stelle e indicazioni. Quando si fa clic sui link Revisione o Valutazioni, viene caricata una pagina che elenca vari dettagli sul ristorante, ma non ha alcuna recensione dei clienti e il widget di valutazione non è visibile da nessuna parte. Sembra che questa funzione sia stata presa da un libro di riferimento statico.

sLe altre funzionalità sono tutte ben fatte e vale la pena provarle. Tieni presente che in questo momento Local Edition è disponibile solo negli Stati Uniti.

L'ultima aggiunta che vale la pena menzionare è la funzione TrendWatch che elenca le ultime tendenze di Twitter. Questa funzione è stranamente simile alla sezione Trending Now di Yahoo ma presenta delle frecce accanto a ogni query di ricerca per mostrare il suo slancio di popolarità. È un po 'appiccicoso e la sua collocazione nella parte inferiore della pagina lo fa sembrare più un ripensamento che una caratteristica utile.


Trending Now di Yahoo rispetto a TrendWatch di MSN


Prestazione

È interessante notare che il vecchio sito MSN scarica tutto il suo contenuto sul computer dell'utente utilizzando un secondo in meno rispetto al nuovo design. Il nuovo design esegue quindi molto più codice rendendo il tempo di completamento totale quasi 3 secondi più lungo rispetto al vecchio design.

L'edizione locale ha prestazioni leggermente migliori rispetto al nuovo design con un tempo di attesa del documento di 2.582 secondi, ma il tempo completamente pronto è un brutto 10.545 secondi a causa del caricamento di un video incorporato.

Poiché tutto viene visualizzato più o meno nello stesso intervallo di tempo, è improbabile che gli utenti notino la differenza di prestazioni e questo potrebbe essere dannoso per il successo del nuovo design.

Le home page dovrebbero essere estremamente veloci e questa è un'area in cui MSN ha l'opportunità di brillare davvero contro la maggior parte dei loro concorrenti. Folle di persone ammassate nelle caffetterie o negli aeroporti che condividono reti wireless vogliono siti che caricano più velocemente.

Se hanno impostato MSN come home page, passeranno rapidamente a un sito più veloce o useranno la ricerca nell'angolo in alto a destra della maggior parte dei browser moderni. Se questo accade abbastanza spesso, gli utenti saranno tentati di cambiare completamente la loro home page.

Nota: http://www.webpagetest.org è stato utilizzato per i test. Di seguito sono riportati i tre test eseguiti:

Design generale

La riprogettazione generale è efficace. Affronta alcune delle preoccupazioni di MSN con il loro vecchio design e fornisce un'immagine più pulita per Microsoft.

Il design offre una gerarchia visiva leggermente migliore ma c'è sicuramente spazio per miglioramenti. La sezione del contenuto principale è la prima a catturare l'attenzione dell'utente, seguita dalla considerevole barra di ricerca di Bing, ma dopo questi due elementi è difficile individuare esattamente cosa attirerà la loro attenzione successivamente.

Ciò è dovuto in parte alla pagina che ha una grande quantità di contenuti che ha tutti diversi livelli di importanza per ogni individuo. Poiché tutti sono diversi, è difficile sapere esattamente come impostare il percorso visivo, ma anche un leggero suggerimento potrebbe produrre risultati significativi.

Nessuna sezione ha un peso visivo maggiore di qualsiasi altra sezione.

Mentre la combinazione di colori funziona, non definisce il design. Tranne il leggero gradiente nella parte superiore della pagina e il logo MSN, non c'è nulla che mostri l'identità di MSN. Il sito si presenta come insipido e senza personalità. La pagina non ha la possibilità di vendere se stessa essendo affascinante; può solo fare affidamento sulle sue caratteristiche.

Uno degli aspetti migliori della riprogettazione è stata l'introduzione di uno spazio bianco significativo. Ad ogni titolo di notizie sono stati assegnati 12 pixel in più di spazio verticale per separarlo dagli altri titoli. Anche la dimensione del font è stata aumentata e questo rende tutto molto più facile da leggere.

Conclusione

Questo nuovo design sembra essere aggiornato per adattarsi ai concorrenti di MSN. Mentre tutto sembra bello e si comporta come dovrebbe, non è stato fatto abbastanza per fare in modo che il design superi i limiti di ciò che un sito moderno può fare.

Il sito ha scambiato la sua identità e il disordine per la pulizia e alcune caratteristiche mediocri. L'edizione locale è una grande aggiunta e ha buone possibilità di attirare l'attenzione, soprattutto se viene fornita una versione mobile ben pubblicizzata.

Riferimenti


    Questo articolo è stato scritto esclusivamente per Web Designer Depot di Eli Penner

    Cosa ne pensi della riprogettazione di MSN? Cosa avresti fatto diversamente?


    design riprogettare msn