Potrebbe essere che il re della confusione sta finalmente cominciando a cogliere il concetto di principi di layout di base e marchi coerenti? Microsoft diventerà una società nota per il suo design accattivante?
Seguiteci mentre confrontiamo le cadute del passato con l'audace nuova direzione che Microsoft sta prendendo per i suoi messaggi visivi. Che tu sia un utente Mac o PC, sarai probabilmente sorpreso da quanto sono arrivati i ragazzi di Redmond.
Un passato difficile
Non è un segreto che non sono mai stato un fan del team di progettazione di Microsoft. Nel maggio del 2010, ho scritto un lungo articolo su come possiamo imparare dai designer di Microsoft? non ripetendo i loro molti errori!
Questo non è il ranting meschino di un fan di Apple, è solo un'osservazione che, per tutto il loro capitale e talento software, Microsoft è una società che manca costantemente il marchio nel dipartimento di visual design. Storicamente, l'unica cosa coerente sulla loro identità visiva è che è completamente incoerente.
I venti del cambiamento
Questa notizia è per Microsoft? Assolutamente no. In effetti, scommetto che nel profondo di questa azienda risiede uno staff di designer frustrati che conoscono questi problemi meglio di chiunque altro. La buona notizia: stanno iniziando ad attaccarli a testa alta.
Per molti, il primo punto evidente in cui Microsoft ha finalmente deciso di intensificare e fare una dichiarazione di design audace era con Windows 8 e il nuovo? Metro? UI.
A differenza di qualsiasi altra cosa abbiamo visto dal team di Windows in anni, questo è stato audace ed estremamente diverso da qualsiasi cosa la concorrenza stesse facendo. Il design è un'incredibile fusione di layout minimalista e principi tipografici con una combinazione di colori Microsoft-centrica che lo rende divertente e accessibile.
Anche noi critici di Apple sono stati costretti a fare un passo indietro rispetto alla nostra solita critica e ammettere che Microsoft ha fatto qualcosa di eccezionale qui. Lo stile Metro non ha dimostrato di essere un altro esperimento di design casuale, ma il punto di partenza di un marchio Microsoft completamente nuovo e coeso. Il nostro tema principale oggi è come questa nuova impurità ha influenzato il loro marchio dal punto di vista del web design.
Microsoft.com
Con Metro in mente, possiamo facilmente capire perché il nuovo Microsoft.com ha lo stesso aspetto. L'array di rettangoli e quadrati viene estratto direttamente dal cuore della riprogettazione di Windows.
Questo sembra ovvio, quindi potresti non rimanere colpito, ma sono stupefatto. Microsoft ha fatto apparire il loro sito web come il loro software! Stanno stabilendo un marchio che è immediatamente riconoscibile in diverse posizioni e piattaforme. In breve, stanno iniziando a capire cosa sanno tutti gli studenti del design del primo anno. Scherzo, ma è un grande passo nella giusta direzione.
Come con Windows 8, trovo la homepage di Microsoft.com molto pulita e attraente. L'utilizzo di semplici dispositivi di contenimento rende il layout estremamente versatile e facile da consultare. Invece della confusione tipica di cui mi sono lamentato nel precedente articolo, troviamo contenuti chiaramente organizzati.
Per apprezzare come funziona, spogliamolo fino al wireframe di base:
Vedi com'è semplice? Davvero fermati e apprezzalo. La soluzione ai problemi di progettazione di un'azienda da un miliardo di dollari era davvero di poche scatole? Non c'è modo è così facile, giusto? Per avere una certa prospettiva, diamo un'occhiata al wireframe che di solito trovi su Apple.com.
Non è così diverso? Il motivo per cui questi layout funzionano così bene è che rappresentano un grande equilibrio tra modularità e semplicità. Una griglia di riquadri ti consente di evidenziare contenuti importanti limitandoti al disordine.
Stop Overdesigning
Con Metro, Microsoft sta finalmente raggiungendo un punto in cui stanno semplificando i loro progetti fino al minimo indispensabile. Questo non solo evidenzia meglio il contenuto, in realtà è meno lavoro! Considera i tipi di contenitori di contenuti che ho trovato sul loro sito due anni fa:
Ora confrontalo con le caselle di contenuto sulla loro home page attuale. Sono finiti l'esplosione di clipart e la grafica degli anni '90. Al loro posto si trovano colori solidi, colpi di prodotto di base ma di forte impatto e una forte enfasi sulla tipografia.
Questa strategia è familiare perché viene utilizzata in quasi tutti i marchi noti per design forte, semplice e pulito.
Sto implicando che Microsoft stia rubando da Apple? Lontano da esso. Il loro appraoch colorato rende il loro aspetto piuttosto unico. Tutto quello che sto dicendo è che stanno finalmente sottoscrivendo i principi di base del design che innumerevoli altre aziende hanno utilizzato per un decennio.
Sicuramente non penso che ogni marchio debba essere pulito e sterile, ma per Microsoft penso che sia una buona idea. E stanno mescolando con successo questo look con i lifestyle shot per renderlo più amichevole e umano.
Più di questo
Se ti guardi intorno nella vasta e apparentemente infinita rete di siti gestiti da Microsoft, sono ancora pieni di incoerenze, design scadente e sovraccarico. Ovviamente hanno ancora una lunga strada da percorrere prima di superare i problemi di progettazione che li hanno tormentati per anni.
Detto questo, non sono compiacenti. In realtà, sembrano avanzare abbastanza rapidamente. Dall'interfaccia del Metro e dalla homepage di Microsoft ad altri progetti come Xbox.com, ci sono molti esempi di design di cui dovrebbero essere orgogliosi per apporre il loro nome.
Non ho rispetto per un'azienda che va oltre l'ignoranza del buon design ignorando il bisogno per capire il buon design. Fortunatamente, Microsoft non sembra proprio adattarsi a questa descrizione. Piuttosto si stanno allontanando da uno stigma doloroso e stanno facendo progressi reali. Dato che questo è il caso, i cappelli ai lavoratori laboriosi dietro questi cambiamenti. Mantenere il buon lavoro!
Cosa pensi? Microsoft ha stancamente lottato con un web design pulito e coerente? Come sta cambiando ultimamente, se non del tutto? Voglio sentire i tuoi pensieri!