Share
Apple è uno dei più grandi marchi al mondo e con questa popolarità ha una grande influenza? Forse più di ogni altra azienda al mondo, Apple ha avuto un ruolo enormemente influente nel modo in cui sono progettati prodotti, applicazioni e siti web. In questo articolo parleremo dello stile di design generale di Apple e del modo in cui ha influenzato molti altri.
Gran parte della campagna di marketing complessiva di Apple viene dal loro sito molto popolare su Apple.com. Alexa classifica questo sito come il numero 32 in termini di popolarità, il che lo mette davanti a siti come BBC, Craigslist e PayPal: non male per un sito che è fondamentalmente solo un negozio online per un singolo marchio.
Il sito di Apple ha guadagnato una reputazione per la sua identità di marca attraente e layout pulito. Grazie a questa reputazione, ha influenzato l'ondata di altri siti a seguire l'esempio. Lo stile di design di Apple è quello che si estende dalla progettazione del prodotto e il packaging fino al modo in cui i widget della barra laterale sul loro sito sono progettati?
Questo articolo si concentrerà principalmente sulle più recenti iterazioni del sito Web di Apple? ma prima di scavare troppo lontano, facciamo una visita ad Apple.com nel corso degli anni (per gentile concessione di WaybackMachine). La cosa importante da ricordare qui è che Apple.com, proprio come il resto di Internet, è diventata piuttosto brutta secondo gli standard odierni. Fare clic su ciascuna immagine per vedere la cattura effettiva da wayback?
Bene, ora che ti abbiamo guidato attraverso il sito Apple negli ultimi 15 anni, esaminiamo cosa ha reso così incredibilmente influente nelle iterazioni più recenti del loro sito.
La più grande caratteristica del web design influente di Apple è il suo minimalismo. Apple semplifica l'uso di ampie aree di spazio bianco e ampi margini per concentrarsi su singole aree di contenuto.
La home page di Apple presenta normalmente un prodotto di grandi dimensioni con tagline singola e altre pagine collegate sotto la piega. Ad esempio, al momento della stesura di questo documento, Apple presenta una grande immagine dell'iPad di seconda generazione di Apple con un titolo ampio e un sottotitolo.
Il presupposto alla base di questa scelta progettuale è che Apple non vuole spingere tutto su di te in una sola volta. Invece, vogliono che tu faccia clic sulla singola pagina del prodotto dove possono mostrare più informazioni. Adottare questo approccio in contrasto con la homepage di Microsoft. Microsoft ha anche una grande immagine in primo piano, ma la pagina è limitata da più annunci e gli highlights in basso sono ancora più difficili da leggere.
Ci sono alcune aree del sito di Apple che devono trasmettere molte informazioni contemporaneamente. Sarebbe dispregiativo per l'usabilità se fosse diviso. Tuttavia, queste aree sembrano ancora molto pulite e organizzate grazie al fatto che tutto è limitato a una griglia.
L'attuale sito Apple di Apple presenta un'immagine di eroe scorrevole con tre piccoli quelli posizionati ordinatamente sotto. Questo terzetto si scompone in altri sei elementi che creano un senso gerarchico. Apple presenta il suo prodotto più importante (e per coincidenza, costoso) nella parte superiore e mostra i prodotti minori di seguito (come aggiornamenti software e accessori).
Questo effetto piramidale è evidente in tutto il sito di Apple.
Per la maggior parte delle marche, l'importanza del commercio al dettaglio è un mezzo pubblicitario vitale. Le persone potrebbero ritirare il tuo prodotto su un negozio e faranno una scansione della confezione per avere informazioni. L'esperienza di vendita al dettaglio di Apple è molto diversa e, dal momento che non vedi il prodotto prima di acquistarlo (praticamente in qualsiasi luogo), non è necessario riempire la confezione di testo e grafica pubblicitaria.
Tuttavia, la cosa interessante è che il sito Web di Apple è progettato nello stesso modo minimalista. Lo stile di Apple è visto in tutte le sue proprietà fisiche e virtuali in modo da poter identificare una scatola Apple (o anche un prodotto) come una Apple, proprio come si può fare per un sito web.
Come accennato in precedenza, Apple utilizza principalmente foto singolari e di grandi dimensioni dei suoi prodotti anziché multipli e più piccoli. Mentre visiti una delle loro poche pagine di prodotto, l'immagine è al centro dell'attenzione prima che vengano menzionati prezzi, caratteristiche o disponibilità. Questa particolare tecnica gioca molto bene nella teoria generale della gerarchia visiva portando innanzitutto il prodotto in primo piano.
Questa teoria è molto semplice ma molto efficace nel formare una buona immagine di un prodotto come prima impressione.
Come saprai, Apple è un crociato per i nuovi standard web come HTML5. Il loro sito riflette ciò offrendo una selezione di interattività alquanto nuova con l'uso di tecnologie web non Flash.
Sappiamo anche in prima persona che Flash è il motivo principale per cui Mac si blocca.
Queste piccole aree di animazione sembrano anche estremamente funzionali rispetto alle loro controparti Flash. La banda che odia Flash sta crescendo di giorno in giorno e il mio uso di Chrome dimostra regolarmente il crash del popolare plug-in di Adobe. Il fatto è che le altezze offerte da Flash prima di HTML5 vengono replicate con una migliore compatibilità nella quinta revisione di HTML.
Il boicottaggio virtuale di Flash è qualcosa che Apple non sta influenzando dal loro sito web. Invece, è una dimostrazione di ciò che può essere raggiunto solo con le tecnologie compatibili con i dispositivi mobili di Apple.
Il sito iPad 2 di Apple mostra una demo interattiva del suo accessorio Smart Cover in cui gli utenti possono cambiare il colore dell'iPad e della custodia, e scorrere o trascinare (a seconda del dispositivo) per piegare la cover. E nessun flash! Mentre navighi attraverso il sito di Apple, noterai che la maggior parte dei punti di marketing hanno immagini associate che danno una piccola visione del dribbling pubblicitario altrimenti noioso. Ad esempio, il sito Apple Mac OS X (nella foto sotto) utilizza una grande icona accanto alla sua sezione SO a 64-bit. Anche il resto dei punti Apple ha la propria icona.
Man mano che si approfondisce il sito di Apple, le icone iniziano a diventare più evidenti. Quando Apple tenta di dimostrare che questa interazione del loro software è del 40% più veloce, usano un'immagine per evidenziarlo. Questo rompe il contenuto e aggiunge un po 'di colore in più al design altrimenti semplice di Apple.
C'è un'icona per questo. Il sito Web di Apple è una cosa che crea una grande influenza sul design, ma il suo software ha un effetto simile. iOS utilizza una gamma di elementi di interfaccia unici che sono diventati evidenti sia sulle app Web che sui siti Web. Ad esempio, l'interruttore di attivazione / disattivazione di iOS può essere visualizzato in una selezione di app Web che utilizzano lo stile per attivare o disattivare un'azione.
Apple ha aperto la strada a una nuova era del design dell'interfaccia utente, una che è pulita e semplice da usare. L'influenza dell'interfaccia utente di Apple si traduce in una grande esperienza su applicazioni web che hanno preso l'idea di un'interfaccia minimalista e semplicistica con funzioni chiave facilmente identificabili attraverso il tipo di elemento utilizzato. Se vedi un interruttore a levetta, sai che ha due funzioni chiave - molto probabilmente on e off.
Mentre gli effettivi elementi dell'interfaccia utente generano la propria influenza sulle applicazioni Web, lo stile pulito e minimalista di UX può anche essere visto come un impatto sul design. Tutto dalle icone al gradiente sopra i menu in Mac OS X sembra fantastico. I sottili gradienti mostrati nell'immagine qui sotto rendono il design meno appiattito e mi ricordano molto del gradiente pulito di Chrome per Mac nella parte superiore.
I seguenti esempi sono una campionatura molto piccola della grande varietà di siti che sono stati direttamente influenzati indirettamente dall'approccio di Apple al web design.
La pagina dei prodotti di MacRabbit prende influenza dagli stili di interfaccia e design web monocromatici di Apple. Si noti inoltre che le stesse app e loghi di supporto vengono utilizzati qui come in Mac OS X.
Notare che tapbots utilizza la stessa grande immagine eroica dominata dalla pagina seguita da tre app minori illustrate di seguito.
Le icone sono un'altra grande caratteristica del web design di Apple. Ci sono un sacco di icone belle e ben progettate che si trovano su Apple.com e il sito di Pixelmator ne mostra altre. Ci sono alcune icone create da Apple, ma la maggior parte sono originali e si adattano bene allo shadowing del testo.
Symphony mostra lo stesso layout a Z utilizzato nelle pagine dei singoli prodotti Apple con un logo a sinistra, seguito dalla navigazione, seguito da una grande immagine di eroe.
Come blog di Apple, Cult of Mac prende molti spunti stilistici dalla grande A stessa. Le stesse sfumature sottili sono usate sul set post in evidenza e quelle più scure sulla barra dei menu.
Solo per guardare Gibson indica una sorta di influenza di Apple. Tutto dal trio Apple-ish di immagini in primo piano per l'inclusione in ogni "web design Apple-inflenced" sulle urla di rete Apple.
Il sito di promozione delle app di Checkout mette in gioco molti dei principi di progettazione di Apple tra cui sfumature grigie, grandi scatti di prodotto e persino il ticker di stile Hot News di Apple.
Versions è un web design oscuro ma che usa bene la teoria dello spazio bianco. Anche se lo spazio stesso non è bianco, utilizza grandi quantità di spazio vuoto da effettuare. Le icone personalizzate sono anche utilizzate per dimostrare il contenuto.
Accentsconagua