Deci, haideți să aruncăm o privire la site-urile web ale trei mărci majore, cum era atunci și cum arată ele acum, pentru a vedea exact cum s-a schimbat web designul de-a lungul anilor. Călătoria prin care au trecut poate duce la o anumită inspirație pentru propriile aventuri de design de site -uri web .

Apple

Aruncăm o privire la design-urile paginii principale ale Apple de-a lungul deceniilor, prin amabilitatea Wayback Machine.

1997

În favoarea sa, designul web Apple din 1997 a inclus sigla, a furnizat informații succinte și a avut o bară de navigare clară în partea stângă. Cu toate acestea, nu a avut flerul pe care îl asociem astăzi cu Apple ; fontul este foarte simplu, bara laterală ocupă mult spațiu și distrage atenția privitorului, iar designul general este aglomerat.

1999 – 2002

Apoi, Apple a creat un design profesional de pagină de pornire web care a fost atât de simplist memorabil încât a stat la baza tuturor designurilor viitoare . A prezentat o fotografie banner atrăgătoare completată de câteva imagini selectate de mai jos.

Fiecare dintre acestea a folosit spațiul alb la maximum de efect, fie că a fost cel mai recent produs sau un client mulțumit. O bară de navigare superioară simplă a ajutat vizitatorii să-și găsească cu ușurință produsul preferat.

2003 – 2006

În acest timp, designul curat a rămas, dar Apple a început să devieze și cu un fundal negru . Oricum, fundalurile dure ale paginilor de start au prezentat produsele foarte eficient.

Iar utilizarea unor căptușeli ciudate , cum ar fi „Prezentarea lui Mighty Mouse” a reflectat natura îndrăzneață a Apple.

2007 – 2010

Designul paginii de pornire din 2007 a scăpat cu totul de secțiunile inferioare – fără îndoială, astfel încât telefonul mobil ar putea crea un impact și mai mare. Acest lucru a continuat în 2008 și 2009, dar când iPad-ul a fost introdus în 2010, cea mai mare parte a paginii de pornire a fost dedicată celui mai nou copil al Apple.

2011 – 2013

Elementele principale de design nu s-au schimbat deloc. Designul web din 2013 pentru iPad Air merită totuși o mențiune specială – când punctul de vânzare unic al unui produs este subțirerea sa, ce modalitate mai bună de a arăta acest lucru lumii decât cu această imagine neobișnuit de unghiulară ?

Acum

Designul web de astăzi se bazează încă pe abordarea simplă folosită de la sfârșitul anilor 90 . Fotografia principală este convingătoare, dar produsul nu mai este prezentat izolat, ci este prezentat în mâinile unor oameni reali.

Fontul este modern, iar paleta limitată de culori complementare arată extrem de profesională .

Bara de navigare este acum bine fixată în partea de sus a paginii pentru a simplifica navigarea. Pe lângă utilizarea cuvintelor inteligente pentru a încuraja clicurile („ Care va fi versetul tău? ”), cele patru secțiuni de jos arată vizitatorului exact ce informații pot fi găsite în ele, accesibile cu un simplu clic.

Ce au făcut bine?

În loc să se concentreze asupra vânzării grele, ei se concentrează mai mult pe emoțiile oamenilor și pe conceptul de povestire incluzivă . Designerii web care doresc să creeze un impact similar cu noile lor site-uri web ar trebui să- și prezinte produsele folosind oameni reali .

Cu cât clienții își pot imagina mai mulți utilizând produsul și pot vedea cum le va beneficia stilul de viață, cu atât sunt mai multe șanse să-l cumpere.

DECALAJ

În continuare, ne uităm la un alt brand major, de data aceasta în industria modei.

1997

Jos pălăria designerilor pentru că au primit un mesaj clar prin designul lor . Bara de navigare de sus, în loc de o bară laterală, oferă mai mult spațiu pentru a prezenta produsele, iar aspectul general este curat și simplu .

Totuși, dezavantajul, rezumatul web designerilor a fost probabil să sublinieze cu adevărat faptul că clienții își puteau achiziționa hainele preferate GAP online , așa cum este indicat de logo-ul care apare de două ori, iar expresiile „magazin online” și „cumpără online” fiind înghesuite într-o singură pagină de pornire mică. .

2000 – 2009

Până în 2000, designul web a evoluat în bine. A fost marcat în mod clar cu logo-ul GAP cu utilizarea unei imagini principale atractive și a unei modeste bare de navigare în partea de sus. Dar să fim cu ochii pe bara de navigare pe măsură ce timpul trece înainte.

În 2004, imaginea principală a funcționat bine, la fel ca sigla GAP, acum încapsulată într-o cutie albastră strălucitoare pentru a-i oferi mai multă importanță . Dar unde erau opțiunile de navigare? Chiar în partea de jos prin link-uri de tip click-through. Cu siguranță un pas înapoi.

Bara de navigare a fost din nou în partea de sus a paginii de start în 2006. Compania a furnizat acum haine pentru copii ilustrate prin utilizarea modelelor de copii în fotografii. Sub fotografia banner-ului principal erau 4 secțiuni diferite care promovau o varietate de stimulente. Din păcate, designul fiecăruia nu a prezentat nicio conexiune, ceea ce a dus la un amestec dezordonat și confuz , ceea ce nu este ușor pentru ochi.

În 2009, principalele opțiuni de navigare au fost plasate cu viclenie într-o locație complet nouă – în cadrul imaginii principale . În timp ce aplaudăm designul inovator, majoritatea clienților se așteaptă să navigheze de la marginile unei pagini de pornire – de obicei prin bare în partea de sus sau, mai rar, spre stânga.

Cu cât este mai dificil pentru client să găsească ceea ce își dorește, cu atât este mai probabil să iasă de pe site.

2010 – 2012

GAP s-a apucat în sfârșit de ea până în 2010. Bara de navigare era ferm în partea de sus a paginii și a rămas acolo de atunci. Pagina de pornire din 2010 a fost, de asemenea, o îmbunătățire uriașă, deoarece a folosit un colaj de modele la modă cu adevărat atrăgător și bine conceput .

Poate că folosirea mai multor imagini pe pagina de pornire a fost un succes în rândul vizitatorilor, deoarece acest lucru a persistat în design-urile web din 2011 și 2012. Cu toate acestea, ambele au rămas îngrozitor de departe de țintă. Nu a existat o strategie clară în designul general , fotografiile nu s-au combinat și varietatea de culori a fost copleșitoare.

Acum

Se pare că GAP a făcut în sfârșit un bilanț al tuturor eforturilor sale anterioare și a creat un site web care are o gamă de elemente de design grozave într-o singură pagină de pornire plăcută. Acest site web este conceput pentru a atrage generația mai tânără cu aspectul său urban și alegerea imaginii principale . Cuvintele „LIVED IN” sunt împărțite în mod interesant în trei părți care captează atenția vizitatorului.

Bara de navigare este încă în partea de sus a paginii oferind o comandă rapidă ușoară către fiecare tip de îmbrăcăminte, iar funcția de căutare permite vizitatorului să găsească ceea ce își dorește cu adevărat. Geanta de cumpărături se află în colțul din dreapta sus, facilitând planificarea achizițiilor clienților, pe măsură ce se deplasează de la o pagină la alta.

Ce au făcut bine?

GAP a trecut printr-o serie de design-uri web pentru a fi acolo unde este astăzi, dar acum designerii de site-uri web de comerț electronic ar putea foarte bine să urmeze acest exemplu pentru a crea o experiență de cumpărare online ușor de utilizat. Nu este întotdeauna despre arătarea produsului din orice unghi; Utilizarea inteligentă a fotografiilor din stilul de viață poate ajuta vizitatorul să -și imagineze modul în care produsul le va îmbunătăți viața.

Heineken

În cele din urmă, să vedem cum se desfășoară Heineken în branding de design web. Imagini preluate de la Wayback Machine .

1997

Site-ul web funcționează bine în ceea ce privește brandingul și atrage ochiul, dar oferind vizitatorului site-ului o cantitate mare de butoane și opțiuni, cel mai probabil au provocat confuzie cu privire la ce ar trebui să facă clienții în continuare.

Nu există o navigare clară , prea multe fonturi și, sincer, cele suprapuse direct pe picăturile de apă sunt greu de citit.

2010 – 2012

Până în 2010, designul web Heineken a atins culmile perfecțiunii pe care le asociem astăzi. La prima vedere, pagina de pornire pare simplă, dar fundalul verde închis folosește un amestec eficient de forme geometrice și o stea interesantă udă de condensare alături de sticla de bere recunoscută în întreaga lume.

Tendința de astăzi pentru butoanele de navigare foarte simple era evidentă chiar și atunci, fiecare completată de o pictogramă vizuală.

Design-urile web din 2011 și 2012 urmează aceeași formulă de claritate. Dar au introdus, de asemenea, abordarea inovatoare a Heineken de a folosi videoclipuri și asociere cu filme de mare profil pentru a ajuta la vânzarea mai multă bere!

Acum

Fiecare pagină de pe acest site web este superb proiectată folosind niște fonturi grozave și unice și, din fericire, verdele Heineken a fost în mod continuu redus de la versiunea din 1997. Paginile web sunt atât de ordonate, încât sunt pozitiv minimaliste .

Acest lucru este apoi completat de câteva videoclipuri prezentate în designul lor web – o imagine în mișcare poate spune o mie de cuvinte. În loc de o bară de navigare derulantă obișnuită cu opțiuni, este afișată o imagine în miniatură a fiecărui articol, făcându-l mai distractiv.

Ce au făcut bine?

Designul general este modern, plin de viață și trebuie să atragă 20 de ceva la fel de mult ca și 60 de ceva iubitoare de Heineken. Videoclipurile se potrivesc perfect cu nebunia actuală a rețelelor sociale și sunt mai probabil să fie distribuite, crescând recunoașterea mărcii în întreaga lume.

Web Design Atunci

Din exemplele anterioare, în anii ’90, chiar și site-urile web ale celor mai mari companii păreau amatoare, prost proiectate și departe de design-urile web sofisticate de astăzi.

Acest lucru poate fi explicat prin faptul că designerii web s-au confruntat cu mult mai multe limitări tehnologice în urmă cu 25 de ani, cum ar fi internetul ridicol de lent și opțiunile limitate de fonturi, precum și date insuficiente despre ceea ce a făcut o experiență de site web plăcută pentru vizitator .

Tendințele de design care s-au stins

Pe măsură ce designerii web obțin mai multe instrumente la dispoziție pentru a crea site-uri web mai sofisticate și cu aspect profesional, unele tendințe nu au putut supraviețui condițiilor și de atunci au dispărut de la utilizare. Acestea includ:

1. Animație flash – Animația flash de pe o pagină de pornire poate fi considerată dinamică în urmă cu câțiva ani, dar vizitatorii s-au plictisit. Animația flash pare ieftină și neplăcută, vizitatorilor site-ului web nu le place, iar optimizarea pentru motoarele de căutare devine mai dificilă atunci când pagina de pornire are o introducere flash. Nu este pentru design modern de site-uri web.
2. Muzică de fundal – ritmuri și balade minunate, idee grozavă. Jingle-uri care zbârnâie cu nervii, nu atât de mult (utilizatorii anilor 90 ar ști cum se simte). Tăcerea este de aur când vine vorba de designul web de astăzi.
3. Conținut excesiv – Unele companii au simțit că site-ul lor necesită o mulțime de pagini care să explice în detaliu despre compania lor, filozofia și produsele lor. Adevărul este că prea multe informații pot fi confuze și de-a dreptul enervante – cei mai mulți dintre noi vrem doar faptele simple. În 2014, designul minimalist și utilizarea fotografiilor și pictogramelor înlocuiesc paginile cu text.

Ce funcționează astăzi

Cele mai populare și mai eficiente site-uri web de astăzi sunt cu adevărat captivante și memorabile , folosind adesea imagini evocatoare sau mult umor . Sunt bine structurate și încurajează vizitatorul să facă o achiziție la fiecare pas. Fiecare site ar trebui să respecte câteva reguli de bază pentru a-l ajuta să se apropie de perfecțiune. Dar dacă designerii web chiar doresc să țină pasul cu vremurile, iată câteva elemente cheie esențiale:

1. Bare de navigare fixe – Acestea ar putea fi o tendință destul de nouă, dar au sens complet. Vizitatorul poate naviga până la pofta inimii și nu pierde niciodată din vedere unde se află.
2. Font unic – Utilizarea unui font neobișnuit sau unic poate ajuta într-adevăr un site să-și vândă mesajul. Designerii web nu ar trebui să se mulțumească cu aceleași vechi când vă așteaptă fonturi noi și interesante.
3. Glisoare – Tendința de alunecare a fotografiilor banner este una grozavă. Fiecare imagine este mare și poate impresiona cu adevărat vizitatorul. Și, pe măsură ce imaginile se schimbă automat, spectatorul este tratat cu o gamă de imagini extraordinare fără a fi nevoit să facă nimic.
4. Fotografii personalizate – Dacă nu este absolut necesar, designerii web ar trebui să evite fotografiile de stoc și să opteze pentru fotografii profesionale personalizate pentru a face dreptate site-ului și a-l face mai unic.
5. Butoane de apel la acțiune – De ce să vă mulțumiți cu butoanele plictisitoare „Contactați-ne” când există o mulțime de butoane interesante din care să alegeți? Cu cât butonul este mai captivant, cu atât este mai probabil ca vizitatorul să facă clic pe el.
6. Modele de defilare / carduri infinite – Pinterest poate fi lider în acest tip de design web, dar este acceptat de multe companii, deoarece este o modalitate excelentă de a prezenta informații individuale.
7. Design plat vs skeuomorfism – Indiferent dacă preferați designul plat atât de iubit de Microsoft (gândiți-vă la pictogramele simple minimaliste) sau skeuomorfismul, care folosește efecte 3D mai tradiționale, vestea bună este că ambele sunt în tendințe acum.
8. Panglici web – Le iubesc sau le urăsc, aceste panglici 3D, concepute pentru a îmbrățișa o cutie de informații sau o fotografie, arată pur și simplu frumos și oferă un finisaj profesional oricărui design

Concluzie

Designerii web ar trebui să aibă în vedere și cea mai ingenioasă și importantă schimbare în designul web din ultimul sfert de secol, care face ca experiența site-ului să fie cât mai plăcută posibil . Cu o mulțime de mărci care concurează unele împotriva altora , site-urile web care transmit fapte simple nu mai fac acest lucru.

În zilele noastre, cele mai populare site-uri web sunt cele care distrează sau uimesc în timp ce oferă informații relevante. Design-urile web Apple, Gap și Heineken ilustrează perfect această abordare inovatoare. 25 de ani de World Wide Web au dus designul web la cote care nu au fost niciodată considerate o posibilitate în 1989. Și cine știe cât de mult va crește designul de site-uri web în următorii 25 de ani!

Ai o părere despre subiect? Distribuiți-le mai jos cu noi.