15 savjeta za dizajn kako naučiti od Applea
Ne postoji nedostatak tvrtki koje slijede popularne dizajnerske trendove da bi se dopale masovnom tržištu. Mnogo je rjeđa pasmina tvrtke koja zapravo postavlja trendove dizajna. Danas ćemo istražiti tehnike tvrtke koja zauzima vrh dizajnerskog prehrambenog lanca: Apple.
Ispod ćete pronaći 15 praktičnih načina kako slijediti Appleov primjer u stvaranju prekrasnih sučelja.
# 1: Neka bude jednostavno
Pogledajte Appleovu početnu stranicu i ne razmišljajte o onome što vidite, već o onome što ne vidite. Savjet ću vam dati, sve je to na ovoj web stranici (ne, ne baš na ovoj web stranici, glupo kliknite vezu). Odgovor naravno je vizualna nered. Početna stranica trebala bi reći korisnicima sve o vašoj tvrtki, detaljno komunicirati o svim vašim kategorijama proizvoda, nabrojati beskrajne značajke i prikazati vaš logotip što je moguće više. Pravo? Prema Appleu: pogrešno.
Appleova početna stranica jednostavno prikazuje najnoviji rad i pruža vam nekoliko lako razumljivih kategorija koje će vam pomoći da dođete do podataka koje želite vidjeti. Odobri se, šanse su da ne dizajnirate za izvanredno sveprisutnu tvrtku kojoj nije potreban uvod. Međutim, i dalje možete koristiti minimalan, ali atraktivan dizajn za povećanje upotrebljivosti.
Zamislite da se vozite do aerodroma. Dok vozite zajedno, istovremeno vas udari pet ili šest znakova koji sadrže mape s mjestima za sve, od terminala dolje do pristupačnih zahoda. Argument koji je izradio dizajner karte je da vam je dao sve potrebne informacije da biste stigli bilo gdje željeli otići. Bez sumnje biste odgovorili da je njegova greška bila što vam je to odjednom dao dok ste se vozili brzinom od 20 km / h. Zamislite da se nalazite u Sky Harboru, aerodromu Phoenix Arizona na nevjerojatno jednostavnoj navigaciji. Kad uđete unutra vidite znak na kojem piše "Pozdrav, dobrodošli u Sky Harbor. Postoje tri terminala ”. Zatim dok vozite zajedno stižete do više znakova, svaki sa kratkim opisom zrakoplovnih kompanija koje lete na svakom terminalu i kamo ići za dolaske ili odlaske. Osjećaj koji steknete dok se vozite u Sky Harbor je „Wow, ovo je lako!“
Apple koristi isti pristup dizajniranju sučelja. Umjesto da vas udaraju sa svime što imaju u ime upotrebljivosti, oni koriste manje dijelove informacija da bi vas odveli do mjesta na kojem se nalazi sadržaj koji stvarno tražite. Pogledajte web mjesto na kojem radite i razmislite kako složene informacije možete podijeliti na manje dijelove za koje korisnik neće pretjerati.
# 2: Koristite nevjerojatne fotografije proizvoda
Jedan od glavnih Appleovih razloga za smanjenje suvišne grafike na njihovim web stranicama jest stvarno prikazivanje onoga što je važno: njihovi proizvodi. Pogledajte samo snimke koje koriste; gotovo je nemoguće pogledati stranicu na Appleovoj web stranici i ne usmjeriti pogled na proizvode ni sekunde na kraju.
Postoji nekoliko stvari zbog kojih ovi proizvodi izgledaju tako nevjerojatno. Prva je da su očito netaknute. Ispisujte ovo do stručnjaka za digitalno snimanje. Nisam točno vidio kako to rade, ali kombinacija je vjerojatno mješavina fotografija, 3D modeliranja (uzmite mobitel: Modo, Lightwave, Maya itd.) I, naravno, Photoshop.
Sljedeće što čine jest natjerati ih na zauzimanje ogromnog dijela stranice. Ako provodite sate praveći prekrasan paket, a zatim ga dimenzionirajte na sličicu, to jednostavno nije toliko impresivno. Primijetite da Apple često uključuje više proizvoda raspoređenih na atraktivan način kao na gornjoj slici.
Ovdje je lekcija ne samo fotografirati svoj proizvod i nazvati ga na dan. Provedite vrijeme da izgleda fantastično. Bilo da se radi o limenci od raženog graha ili Lexusu, potrudite se napraviti sjajan junak.
Ne vjerujete da možete učiniti da vaš ne-tehnološki proizvod izgleda toliko dobro kao Apple stvari? Pogledajte Snimamo limenke kao dokaz da talentirani umjetnik može učiniti da bilo koji proizvod izgleda dobro.
# 3: Kontrast je ključan
Još jedna stvar zbog koje ti Appleovi snimci proizvoda izgledaju tako sjajno je jednostavno okruženje u koje se upadaju. Ljudski mozak voli kontrast. To je razlog zbog kojeg buljimo u planinske lance i horizont nad oceanom. To je i razlog što kažemo „oooooohhhh“ kada vidimo crni sjajni iPhone na ravnoj bijeloj pozadini. Trebali biste nastojati primijeniti selektivni kontrast u svakom pojedinom dizajnu koji stvorite. Potražite prilike za korištenje kontrasta boje, veličine, debljine fonta i bilo čega drugog s čim morate raditi.
Apple ne primjenjuje samo kontrast svojih fotografija. Pogledajte gornju sliku i razmislite o tome što vam iskače. To je vjerojatno veliki plavi gumb za preuzimanje. Vozite oko Appleove stranice i vidjet ćete da gotovo svaki put kad žele da nešto učinite (kupite, preuzmete, itd.) Pomoću svijetloplavog gumba privuku vašu pažnju.
# 4: Znojite male stvari
Apple je posvećen pažnji na detalje. Svaki mali dio njihove stranice dotjeran je do savršenstva. Nikada ne upadajte u zamku da kažete "nitko neće primijetiti" ili "dovoljno dobro." Dobri dizajneri često odvajaju mariju vremena utrošenog na najsitnije detalje.
Ne ulazite u argument sitnih stvari? Provjerite logotipe društvenih medija na početnoj stranici sustava Microsoft Office i recite mi da vas to ne zeza.
Osobno posjedujem vektorske datoteke svakog od ovih logotipa. Ako mogu to učiniti, zar ne mislite da su Microsoftovi dizajneri mogli uzeti vremena da pronađu bolje verzije ovih logotipa kako bi izbjegli neuredan izbor Photoshop Magic Wand-a? Izazivam vas da na Appleovoj web stranici pronađete bilo što loše izvedeno bilo gdje, a još manje na odredišnoj stranici jednog od njihovih najpopularnijih softvera.
# 5: Izbjegavajte Flash
Nikada se nisam pridružio mnoštvu Flash mržnje, ali činjenica je da ta masa raste. Vodeći u masi je nitko drugi nego izvršni direktor Applea i svjetski poznati tehnološki jasnovidac Steve Jobs. Pogledajte ovaj odlomak iz nedavnog ožičenog članka:
„O Adobeu: Oni su lijeni, kaže Jobs. Imaju sav taj potencijal da čine zanimljive stvari, ali oni to jednostavno odbijaju. Ništa ne postižu pristupima koje Apple zauzima, poput Carbona. Apple ne podržava Flash jer je toliko buran, kaže on. Kad god se Mac ruši češće nego ne, to je zbog Flasha. Nitko neće koristiti Flash, kaže on. Svijet se kreće u HTML5. " (Izvor)
To su snažne riječi čovjeka koji je cijenjen zbog vodstva u tehnološkom svijetu. Da budem iskren, mnogo toga što on kaže zvuči istinito. Online Flash sadržaj zasigurno nije najpouzdanija tehnologija vani i uvelike ovisi o dodatnom softveru i modernim dodacima koje korisnik može ili ne mora imati. Nadalje, HTML5 i CSS3 gledaju u budućnost u kojoj možete ostvariti bogato interaktivno multimedijsko iskustvo pomoću jednostavnog koda koji odgovara standardima.
Ako se kao programer pridružite Appleu u njihovom virtualnom Flash bojkotu, vjerojatno se nećete požaliti. Ne morate čak ni zauzimati aktivni stav protiv Flasha toliko jednostavno da izbjegavate korištenje gdje god je to moguće. Prilično vam jamči da će imati puno manje glavobolja od korisnika koji ne mogu pregledati vaš sadržaj.
# 6: Učinite to prijateljskim
Godinama je Apple označen kao kult koji je bio sve samo ne prijateljski. Posljednjih godina pokušali su ovu ideju očistiti tako što su reorganizirali svoj imidž kako bi mu bili pristupačniji. Najuočljivije mjesto koje vidite je u oglasima "Nabavite Mac". Mac je predstavljen kao svakodnevni tip, dok je PC poslovni čovjek "vani" koji uvijek ne donosi dobro. Uzvišeno, ove reklame govore da je Apple zaista otvorena zajednica i da će se svatko od tinejdžera do baka uklopiti u to.
Još jedna stvar koju su učinili su poboljšali dosadašnji rekord tehničke podrške. Sada svatko u većem gradu može samo zakazati sastanak u Apple trgovini na besplatnoj konzultaciji jedan na jedan kako bi se riješili svi problemi i / ili pitanja koja bi kupci mogli imati.
Sve su ove tehnike ojačane grafikom prijaznih, nasmijanih lica. Trenutno u Appleovoj trgovini blizu mene ima desetak kartonskih izreza zaposlenika Applea kao da govore "uđite, rado ćemo vam pomoći." Ove nasmijane zaposlenike možete uočiti i na nekoliko mjesta na Appleovoj web stranici kao što je prikazano na slici gore.
Apple radi na stvaranju ravnoteže između nevjerojatnog, ali ne i personaliziranog tehnološkog dizajna i pristupačnih nasmijanih lica. Bez obzira na to što prodajete, razmislite je li prikladno da to izgleda prijateljskije i razmislite o tome što možete učiniti da biste ga tamo doveli. Čak i jednostavan "Zdravo" u naslovu može ići dug put.
# 7: Koristite jaku mrežu
Gornja slika govori sama za sebe. Svaka stranica na Appleovoj web stranici pridržava se stroge strukture mreže; bilo jednostavno ili komplicirano, tu je. Svrha? Provjerite koliko informacija bacaju na gornju stranicu. Jednostavno se događa tona, ali nekako se čini privlačnim, umjesto prenaglašenim.
Razbijanje sporadičnih informacija u upravljane stanice drastično smanjuje vizualnu nered i zbunjenost. Primijetite da svaka ćelija sadrži i vizualnu referencu koja prati tekst. Sve ove vizualne reference izgledaju vrlo slično i uklapaju se u cjelokupnu Appleovu temu. Čak i ako koristite slike slika, pokušajte održati sličnu temu kako ne bi bilo vidnog nejednakosti u slikama razbacanim po cijeloj stranici.
# 8: Stvorite uputna pomagala
Kako bi pojačao poruku da je vrh miša zapravo površina s više dodira, Apple je stvorio gornju ilustraciju. Čak i bez naslova, gotovo svatko bi mogao shvatiti što se događa na slici i posljedično razumjeti kako koristiti potpuno novi dio tehnologije koji im je potpuno nepoznat.
Apple ide čak i dalje od ilustracija. Gotovo svaki komad hardvera i softvera na njihovoj web lokaciji ima prateći videozapis koji vam pokazuje kako to funkcionira. Ovaj put se smanjuje u vezi sa pitanjima tehničke podrške. Moje prijatelje (koji su se zbog mene pretvorili u Mac i koji me smatraju besplatnom tehničkom podrškom) često prenosim na ove videozapise jer oni pružaju mnogo bogatije i lakše razumljivo iskustvo nego što je telefonski razgovor ikada mogao. Pogledajte Appleovu biblioteku instruktivnih videozapisa kako biste vidjeli koliko su sjajni za sebe.
# 9: Budite dosljedni
Slika gore snimka zaslona iTunes trgovine. Izgleda poznato? Ako mislite da liči na Apple.com, u pravu ste. Sada pogledajte oko Mac OS X, posebno u Finderu. Opet vidimo jak dizajn temeljen na mreži, puno bijelih, metalnih tekstura i plave boje kao privlačenje pažnje (u odabirima). I na kraju, pogledajte cjelokupnu Appleovu liniju hardvera kako biste vidjeli te teksture i elemente dizajna uveli u stvarni svijet.
Apple-ov opći izgled ili "esencija marke" primjenjuju se na svaku pojedinu stvar koju dizajniraju. Prilično je zapanjujuće kad shvatite koliko njihov softver zapravo izgleda kao njihov hardver. Koliko se više možete integrirati? Ako vam se ikad zadaje posao razvoja branda, pogledajte sve aspekte tvrtke od televizijskih oglasa i web stranica pa sve do samih proizvoda. Razmislite kako možete integrirati sve te različite elemente da izgledaju kao pojedinačni dijelovi kohezivne cjeline.
# 10: Ne samo velika trgovina
Apple je sjajna studija slučaja u uspješnom mjestu za e-trgovinu. Primijetite da je cijela web lokacija opterećena utjecajem na kupnju i edukaciju o njihovim proizvodima. Međutim, stranica se ne osjeća kao jedna velika trgovina.
Što pod tim mislim na gore prikazanom snimkom zaslona. Gornji snimak je posvećena stranica Time Capsule. Apple voli izrađivati prekrasne stranice proizvoda s pametnim naslovima koji vas obavještavaju koliko su njihovi proizvodi izvrsni. Primijetite da ovo tehnički nije "trgovina". Ako kliknete gumb za kupnju, preusmjerit ćete se na stranicu na drugom zaslonu: stvarna internetska trgovina. Ovdje je Apple potpuno oduzeo vizualnu privlačnost i usredotočio se na upotrebljivost. Daju vam potrebne podatke bez ometanja i olakšavaju kupnju predmeta u nekoliko klikova.
Ako izrađujete internetsku trgovinu, vaša će prva ideja vjerojatno biti upravo to: izgraditi trgovinu. Ako imate vremena, proračuna, slobode itd., Razmislite o izgradnji web stranice koja će prikazati predmete u trgovini na način koji jednostavno ne bi bio učinkovit u samoj trgovini. Stvorite prekrasne posvećene stranice koje stvarno poboljšavaju vaš proizvod i uključuju vezu "kupi odmah" koja vodi kupce u vizualno dosadan, ali vrlo praktičan odjeljak stranice na web mjestu.
# 11: Budite sigurni
Priznajmo, Apple proizvodi su prilično nevjerojatni. Kliknite oko Appleove stranice nekoliko minuta i vidjet ćete da nisu baš skromni u vezi s tim. Naslovi su im ispunjeni pridjevima poput lijepih, moćnih, zabavnih, revolucionarnih, jednostavnih za upotrebu i naprednih. Njihovi opisi proizvoda govore kako je proizvod najbolja stvar u svojoj kategoriji. Ako ih prejedate, ovo može zvučati malo pogrdno. Međutim, kao povremeni posjetitelj vjerojatno biste bili impresionirani.
Bilo da se na vašoj web lokaciji oglašava proizvod, usluga ili jednostavno ideja, nemojte se prodavati kratko. Nikada ne upotrebljavajte riječ "dobro" kada možete reći "sjajno", nikad ne kažite "atraktivno", kad možete reći "lijepo". Ako ste sigurni u svoj proizvod, stvarno se trudite da ga komunicirate svojim posjetiteljima. Otkrićete da će se to obrušiti na njih i da će oni uglavnom imati mnogo pozitivniji prvi dojam ako je sve na vašoj web lokaciji usredotočeno na uvjeravanje koliko ste sjajni.
Kao i sve, tu je naravno i prijelomna točka. Neka netko koji nije uključen u web mjesto pročita vašu kopiju kako bi se uvjerio da ne polijevate samo pohvalom toliko gustom da to postaje neugodno.
# 12: Stavite legalnu kopiju na to mjesto
Ovaj je mali, ali važan. Ako radite za tvrtku koja je dovoljno velika da ima pravni odjel, znate da ljudi u pravnim odjelima rade naporno kako bi dokazali da nisu bezvrijedni. Obično to znači da vi kao dizajner nešto stvorite, pošaljete u pravni odjel i vratite dokument od 500 riječi prepun dodatnog sadržaja koji prema zakonu morate uključiti. Neizbježno dolazi psovka.
Važno je što radite s ovim sadržajem. Razmislite jesu li to podaci koje korisnik zapravo želi znati ili ne ili je to samo zla potreba koju nitko nikada neće pročitati. Ako je ovo posljednje, izvadite stranicu iz Appleove knjige (zalogaj iz Applea, tako da kažem) i bacite je na dnu stranice malim, ali čitljivim fontom koji se ne kontra previše s pozadinom. Vaš primarni cilj kao zaposlenika trebao bi biti učiniti ovaj sadržaj dostupnim, finim i čitljivim. Međutim, vaš cilj dizajnera jest osigurati da vaš dizajn ne ispuši ispunjavajući ga nebitnim neredom.
# 13: Sveobuhvatna navigacija po footeru
Pogledajte podnožje na gornjoj snimci zaslona. Apple je dno svake stranice pretvorio u izuzetno koristan navigacijski alat. Ovo je sjajan način da se smanje poteškoće u navigaciji do velikog mjesta. Umjesto da svoju primarnu navigaciju ispune vezom do svakog odjeljka na web mjestu, rezervirali su je za opće kategorije. Ako se pomaknete prema dolje na dnu stranice, unutar kategorije potražite mnogo opsežniju kartu mjesta u podnožju.
Obratite pažnju da nisu pošli izvan načina da to riješe. Dovoljno je da ga možete uočiti ako tražite nešto, ali dovoljno suptilno da ga ne dajete drugi pogled ako vam ne treba pomoć u navigaciji.
# 14: Stvaranje prekrasnih prilagođenih ikona
Uvođenjem OS X, Apple je uveo ikone u potpuno novo područje. Od tada je zapanjujući ikoni preplavio operativne sustave i prosuo se na web. Međutim, na internetu postoji nekoliko besplatnih seta ikona koji su dostigli takvu slavu da su postali klišeji.
Stoga prije nego što preuzmete skup ikona koje izgledaju kao i sve ostalo na webu, pokrenite to sami. Zapalite Photoshop i / ili Illustrator, ispraznite te vještine crtanja i napravite sebi izvrsne prilagođene ikone. Na kraju će se stvarno sjajiti od dizajna vaše web stranice. Dok ovladate umjetnošću dobrog dizajna ikona, primijetit ćete da ste puno manje ovisni o umjetnosti treće strane za izradu nevjerojatnih web lokacija (što je stvarno dobra stvar). Ako ništa drugo, uštedjet ćete te lude u pravnom odjelu od pokušaja otkrivanja zakonskih ograničenja za sve one "besplatne" ikone.
# 15: Interaktivni i dinamični sadržaj
Skoro svaka stranica Appleovog web mjesta sadrži automatski prezentaciju, animirani izbornik harmonike, videozapise ili interaktivnu galeriju fotografija. Cilj je ovdje zadržati pažnju korisnika. Statični sadržaj može biti malo dosadan i može natjerati korisnika da napusti web mjesto u potrazi za nečim zanimljivijim. Apple zadržava vašu pažnju dajući vam puno stranica s konstantno promjenjivim sadržajem ili bitovima interaktivnih značajki.
Ovakvoj vrsti sadržaja treba pristupiti s velikim oprezom iz više razloga. Prije svega, lako je ostaviti više od polovice posjetitelja ako programirate u značajkama koje zahtijevaju poseban dodatak. Pokušajte se držati široko podržanih tehnologija koje djeluju u više preglednika. Također, zaista se jednostavno možete oduševiti dinamičnim sadržajem. Iznimno je dobra granica između privlačnih i neugodnih i apsolutno morate naučiti gdje ta linija pada. U protivnom posjetiteljima zadajete glavobolju umjesto dobrog dojma na koji ste krenuli.
Još jedna stvar…
Ukratko, Apple Inc. je prilično sinonim za elegantan dizajn. Mnogo toga možemo naučiti iz promatranja ovih sjajnih dizajnera na djelu, što nadilazi samo otrcavanje hladnih odraz koji postavljaju na sve. Gore navedeni savjeti namijenjeni su općenitom primjenjivanju na vaš vlastiti rad na jedinstven način. Koristite ih kao inspiraciju za osvjetljavanje vlastitog puta u sjajnom dizajnu web stranica.
Kad god netko spomene Apple koji je dužan, evanđelisti i mrzitelji, željni dijeljenja svoje neslavne ljubavi ili duboke mržnje prema Appleovim dizajnerskim metodama. Koristite komentare u nastavku da nam kažete koji ste. Jeste li svi za minimalizam pomiješani sa sjajnim ikonama ili vam je muka s mrežom koja izgleda poput gomile jabučnih zečeva? Želimo čuti vaše misli.
