Evolucija Apple.com
Appleov dizajnerski tim slovi kao jedna od najtalentiranijih grupa dizajnera u današnjoj industriji. Trendove koje su postavili prati ne samo svaka druga velika tehnološka tvrtka, već i web dizajneri u svakoj zamislivoj niši proizvoda i usluga.
Pratite dok krećemo u uzbudljivo putovanje kroz vrijeme i svjedočimo razvoju Appleovog stila dizajna. Na Apple.comu dobit ćete nekoliko nevjerojatnih pogleda koji sežu sve do 1997. godine dok smo svjedoci uspona i pada nekoliko važnih dizajnerskih trendova.
Istražite dizajnerske resurse
Apple i dizajn
Slika iznad predstavlja kratki snimak Appleove web stranice kakav trenutno stoji. Savršena je slika svega što volimo o Appleovom smislu dizajna. Čist je i minimalan s jakim naglaskom na ljepoti proizvoda.
Ne postoji milijun različitih banera ili mega padajućih izbornika za razvrstavanje, već jednostavna navigacijska shema, istaknuti proizvod i četiri različita okvira sa sadržajem na dnu koji služe kao univerzalan način za isticanje drugih važnih proizvoda i informacija.
Primijetite i primjerak: kratak i jasan, s dozom hiperbole (gdje bi Apple bio bez njega?). Unatoč činjenici da iPhone 4S ima stotine značajki kojima se treba pohvaliti, oni su to smanjili na četiri osnovne točke, upravo toliko da zaustave vaš interes i potaknu vas da tražite dalje.
Je li to uvijek bilo tako?
Apple je već dugo poznat po svom smislu stila i vrhunskom dizajnu. Nepobediva inovacija prednjači u njihovom uspjehu, ali njihov uspjeh potiče usko integrirani imidž branda koji je nepovratno ugrađen u proizvode, reklame, web stranice, pa čak i trgovine.
Dok Apple.com gledamo kao možda najistaknutiji i često ažurirani puls za Appleov vizualni brend, ne mogu se ne zapitati o putovanju. Kako se razvijala ova marka? Kako su izgledale rane verzije Apple.com? Jesu li bili slični? Jesu li dijelili iste jednostavne estetike ili su skloniji odražavanju zauzetih stilova web dizajna prije desetak godina?
Apple u tisku
Da bismo stekli osjećaj za razvoj Appleove marke, trebali bismo ukratko razmotriti vrijeme prije nego što je Apple.com uopće postojao. Iz geneze tvrtke, Jobs je uvijek snažno naglašavao jednostavnost. Međutim, tada je taj izraz imao vrlo različit vizualni prijevod. Mac Mothership ima izvrsnu kolekciju vintage Apple reklama koje nam daju pogled na sliku Appleove marke u kasnim 70-ima, kao što vidite, to je daleko od Apple.com-a danas.
Ovi oglasi su ispunjeni prodajnim mjestima i informativnom kopijom. To može biti potrebno zlo za nove kategorije proizvoda, ali to nadilazi više. Čak i logotipi pokazuju evoluciju Appleove definicije samog sebe. S lijeve strane je originalna slika Newtona ispod stabla, a ažurirana verzija s desne strane šarena je duva koja puca preko stranice. Obje su daleko složenije od jednostavnog i sveprisutnog simbola kojeg danas vidimo.
Sljedećih dvadeset godina Apple bi koketirao s velikodušnom količinom bijelog prostora, ali samo nakratko između oglasa koji su slijedili iste osnovne teške pristupe kopiji koje vidimo gore.
Moglo bi se reći da je najvažniji skok prema jednostavnosti marke Apple kakvu poznajemo danas, došao iz tvrtke TBWA \ Chiat \ Day, agencije koja stoji iza originalne reklame za Macintosh iz 1984. godine i potom jedne od najpoznatijih reklamnih kampanja svih vremena: Razmislite Drugačiji.
Apple je do 1997. godine otkrio svoj identitet. Tijekom više od desetljeća, kampanja Think Different nije ostarila dan. Ne osjeća se starinski kao u originalnim Appleovim oglasima, umjesto toga je bezvremenski i dovoljno moćan da utječe na mnoge sljedeće generacije.
Natrag na web
Think Different promijenio je sve za Apple (ta optužba je, naravno, vođena povratkom Jobsa u 1996.-97.). Pružao je nevjerojatan identitet ne samo Appleu, već i svojim kupcima. Vizualno je to uvrstilo Appleov stil marke u ono što danas znamo.
Nigdje ovo nije jasnije nego na Apple.com. Koristeći divnu vremensku mašinu Internet Archive, možemo se vratiti u prve dane Appleove web stranice. Mislite da je 1997. drugačiji hit, pa ako se naša pretpostavka pokaže istinitim, to bismo trebali vidjeti kao godinu promjene mjesta. Evo pogleda na Apple.com sredinom 1997. godine:
Nije baš ono što biste očekivali od Applea? Kao i oglasi za rani ispis, i ovdje vidimo vrstu i puno njih. Da budemo fer, u usporedbi s tadašnjim općim stanjem web dizajna, to je zapravo bio prilično minimalan dizajn. Zaista je sve lijepo postavljeno, ali ima tona sadržaja. Zapravo, ono što ne vidite na snimci zaslona je da ti odlomci vijesti idu na kilometre (kliknite ovdje za živu verziju).
Imajte na umu da je ovaj dizajn drugačiji od razmišljanja. Prethodni dizajni Apple.com dijelili su ovo estetsko. Krenimo sada na maj 1998. godine, prvo intktno mjesto Apple-a, različitog Applea, koje sam mogao pronaći.
Razlika između dvije estetike je nevjerojatna, čak se čini da nisu iz iste tvrtke (suočimo se s tim, stvarno nisu). Tamo gdje smo nekad našli nered i prekomjerno obilje informacija, sada nalazimo bijeli prostor; tona i tona bijelog prostora. Tamo gdje smo nekad nalazili stranicu koja se kilometrima kretala, sada pronalazimo sažetost.
Jednostavan naslov samo kaže "Apple", snimak proizvoda doveo je do heroja, a čak je i impresivna animacija iMac-a koji se okreće na čudu animiranog GIF-a.
Misli isto
Najnevjerojatniji dio dizajna iz 1998. godine je koliko je sličan onome što Apple trenutno koristi ulazi u 2012. godinu! Tipografija, logotip i mrlje u boji služe kao važna lekcija dizajna u vrsti elemenata za koje možete očekivati da će vremenom ostariti u vašem dizajnu, ali ovdje je osnovni izgled šokantno blizu onome što danas vidimo na Apple.com.
Gornji dio web mjesta rezerviran je za glavnu značajku proizvoda (u ovom slučaju originalni iMac), a dno je podijeljeno u nekoliko vodoravnih pravokutnika koji sadrže druge važne proizvode.
Ključne razlike
Kao što sam spomenuo, tipografija je glavni element koji se ističe u ovoj evoluciji. Postoji razlog zašto sans-serif tipove nazivamo "modernim", jasno možete vidjeti kako Appleov trenutni font donosi vremenski dizajn u odnosu na klasični serif iz starog stila iz 1998. godine.
Jedna od najvažnijih promjena koje ovdje vidim je navigacija, primjetite koliko je stranica dolje. Ovih dana toliko smo navikli da se nalazite na vrhu navigacije da bi ovaj dizajn mnogim korisnicima ponudio petlju (možda čak i beskonačnu). Apple je očito naučio da je pomaganje kod dolaska na mjesto na kojem se nalazi doslovno gotovo glavni prioritet.
Vrlo važna komponenta izgleda koju ne vidite sa obrezane slike zaslona gore je da sadržaj fiksne širine leži na lijevoj strani zaslona. Ovih dana moderne web lokacije obično usredotočuju izgled, tako da je izvorište sredina prozora preglednika.
Vrijedno je spomenuti i vijest o Apple vijestima, koja je godinama ostajala osnovna stranica na web mjestu i uklonjena je tek početkom ove godine.
Naprijed: 1999
Do listopada 1999. Apple se još uvijek služio istim dizajnom. Proizvodi se razvijaju, ali dizajn stranice gotovo je potpuno isti kao prije godinu dana. Primijetite krik u Pixar's Toy Story 2 pravo na Apple.com, možete li reći da je Steve na čelu obiju kompanija?
Primjetite i veliku promjenu u logotipu, Apple je do sada ubio dugu u korist čvrstog bijelog Applea. Apple bi se pokazao snažnim liderom u pokretu za pojednostavljenje logotipa koji traje i danas. Više o tome možete pročitati u našem članku, Pepsi vs Coke: Moć branda.
2000
Kad pogodimo svibanj 2000., vidimo se nekoliko velikih promjena. Za početak, cijeli je izgled sada usredotočen na preglednik. Nadalje, navigacija je konačno premještena na vrh i vrlo nalikuje sučelju aqua stila koje je Apple proslavio s OS X. Primjetite koliko je navigacija s dva sloja veza.
Sjajni gumbi i jezičci bili su ogroman pomak u web dizajnu i bili su standardna „cool“ nekoliko godina. Trenutna opsesija web dizajnera jednostavnim, minimalnim tipkama ravnih boja ili suptilnim gradijentima izravan je odgovor na ovaj više ukrašen stil
2001
Brzo prema novembru 2001. i vidimo još nekoliko važnih skokova. Aqua stil je prošao do feeda vijesti, sans-serif tip se počinje zadržavati (primijetite podnaslov) i okviri sadržaja dramatično su se razvili. Skočili smo na četiri umjesto na tri, a kutije su sada potpuno prepoznatljivih oblika sa zaobljenim uglovima poput onih koje vidimo na karticama na vrhu. I danas su zaokruženi, ali Apple se drastično povukao na granici radijusa.
Iako je Adobe zauzeo središnju pozornicu u ovom snimku zaslona, 2001. godina je za Apple bila monumentalna godina zbog izdavanja iTunesa i iPoda. Ovo je prvi korak u generaciji netradicionalnih uređaja koji bi u potpunosti redefinirali tvrtku. Ovo je bila godina u kojoj su skočili na OS X, što je presudan potez ka puno prijateljskijem i intuitivnijem sustavu koji bi mogao biti od pomoći u pobjedi nad korisnicima Windows-a koje je Mac privukao svojom ljubavlju prema iPodu.
2004
Krajem 2004. godine Apple je počeo eksperimentirati s istaknutim glavnim dijelom sadržaja s kutijom okruglog okvira s čvrstom bojom u boji. Tipičnije, ovaj okvir biste vidjeli u crnoj boji, što je postiglo lijepi kontrast s bijelom pozadinom, ali šareno oglašavanje iPoda obilježilo je prigodu da život uđe u stranicu.
Još jedan vrlo važan aspekt dizajna 2004. godine: napravili su skok do svih vrsta sans-serif. Ovo je glavna prekretnica u napretku trendova u dizajnu.
2005
Koketiranje s crnom 2004. dovelo je do velikog eksperimenta za izdavanje Tigra 2005. godine. Ovdje vidimo većinu početnih stranica Apple.com preplavljene crnom bojom. Trend koji se odnosi na mnoge stranice proizvoda.
Do 2005. godine bili su također vrlo važni odrazi proizvoda, vidljivi na dnu ove stranice s iPodima. U potpunosti se sjećam kako sam ih vidio i odmah sam ih otkidao za projekte na kojima sam u to vrijeme radio.
2007
Apple trendovi ostali su prilično statični sljedećih nekoliko godina, tek krajem 2007. napokon su napravili ogroman i vrlo dobrodošao skok prema mjestu koje danas poznajemo.
Početna stranica web stranice potpuno je obnovljena. Oni su značajno proširili sadržaj i ubili staru aqua navigaciju, zamijenivši je sa znatno pojednostavljenom verzijom koristeći glatke gradijente koje sam već spomenuo da bi slijedili aqua trend većine dizajnera. Proširena širina sadržaja definitivno se može pripisati širokim zaslonima koji su sada bili prisutni na većini radnih površina i prijenosnih računala. Vrlo je važno ostati svjestan razvoja hardvera koji mogu i trebaju utjecati na trendove dizajna korisničkog sučelja.
Također primijetite da se traka za pretraživanje konačno nalazi na vrhu stranice. Bila je to posljednja misao predugo bačena na dno i bilo je sjajno vidjeti kako bi napokon dobila pažnju i istaknutost kakvu je zaslužila.
2011
Apple je postigao napredak s prethodnim dizajnom i ostao je gotovo nepromijenjen do siječnja 2011., impresivan po svim standardima!
Početkom ove godine vidjeli smo Apple kako korakuje i vraća navigaciju sjajnom izgledu, premda ažuriranom tamnom kraju. Također su počeli eksperimentirati s nekom suptilnom tekstom pozadinske buke, što je po mom mišljenju bio bolan potez zbog kojeg je njihov vodeći dizajnerski tim izgledao kao da skaču na popularne trendove koje su postavili bezbroj drugih prije njih. Kliknite sliku dolje da biste vidjeli teksturu izbliza.
Što je sljedeće?
Teško je predvidjeti gdje će Appleova početna stranica biti sljedeća, ali vidimo neke zanimljive eksperimente koji će se dalje odvijati na tom mjestu. Unatoč činjenici da je početna stranica ispustila teksturu buke, trenutna stranica iPhonea uvela je puno goru primjenu teksturirane pozadine, s umetnutim područjem proizvoda.
Tu su i neke doista impresivne animacije iPhonea koje lete unutra i izvan pogleda. Oni zamjenjuju animirane GIF-ove 1998. modernim web tehnologijama, ali srce ideje je definitivno isto.
Naprijed ćemo vidjeti kako se Apple vraća starim trikovima poput animiranih proizvoda i sjajnih gumba? I hoće li se oni zalagati u svojoj primjeni teksturiranih pozadina, možda uvodeći više tekstura koje vidimo u iOS-u? Vaša pretpostavka je dobra kao i moja!
Zaključak
Ova studija evolucije Apple.com mnogo je više od pogleda na ćud pojedinih tvrtki, ali služi kao važna lekcija o nekoliko glavnih trendova web dizajna za sve tvrtke u posljednjem desetljeću. Bili smo svjedoci pojednostavljenja izgleda i smanjenja teksta, porasta sans-serif tipa i višegodišnje ljubavne veze sa sjajem s kojima se i danas igramo usprkos ponovnom rođenju minimalizma.
Lako možemo uočiti i druge trendove, poput povećanja važnosti traka za pretraživanje, spoznaje da bi navigacija trebala biti istaknuta i laka za pronalaženje i bogatstvo koje nove web tehnologije donose u web dizajn u eri nakon bljeska. Apple je odgovoran za poticanje HTMl5 i CSS3 možda otvorenije od bilo koje velike tehnološke kompanije u izravnom napadu protiv Adobeove vladavine.
Ogromna zahvalnost duguje se ljudima iz Internet Arhiva za očuvanje ovih i bezbroj drugih važnih dijelova povijesti dizajna. Veoma se radujem kada ću vidjeti da li će Apple u godinama koje predstoje biti vodeći ili sljedbenik trendova u web dizajnu.
