15 design Tipy učit se od Apple
Neexistuje žádný nedostatek společností, které sledují populární trendy v designu a oslovují masový trh. Mnohem vzácnější je plemeno společnosti, která ve skutečnosti určuje trendy designu. Dnes prozkoumáme techniky společnosti, která zaujímá vrchol potravinářského řetězce designu: Apple.
Níže naleznete 15 praktických způsobů, jak následovat příklad společnosti Apple při vytváření krásných rozhraní.
# 1: Zachovejte to jednoduché
Podívejte se na domovskou stránku Apple a nemyslete na to, co vidíte, ale na to, co nevidíte. Dám vám nápovědu, je to po celém tomto webu (ne ne tento web, klikněte na odkaz hloupě). Odpovědí je samozřejmě vizuální nepořádek. Domovská stránka má uživatelům sdělit vše o vaší společnosti, podrobně sdělovat všechny kategorie vašich produktů, vypsat nekonečné funkce a předvést své logo co největší. Že jo? Podle Apple: špatně.
Domovská stránka Apple jednoduše předvede jejich nejnovější práci a poskytuje vám několik snadno srozumitelných kategorií, které vám pomohou získat informace, které chcete vidět. Je pravda, že nejste projektování pro pozoruhodně všudypřítomnou společnost, která nepotřebuje žádné představení. Stále však můžete použít minimální, ale atraktivní design pro zvýšení použitelnosti.
Představte si, že jedete na letiště. Během jízdy jste současně zasaženi pěti nebo šesti značkami obsahujícími mapy s umístěním všeho od terminálů až po handicapované toalety. Argument, který by návrhář mapy učinil, je, že vám poskytl všechny informace, které potřebujete, abyste se dostali kamkoli jste chtěli jít. Nepochybujete, že jeho chyba spočívá v tom, že vám to všechny dala najednou, když jste jeli rychlostí 20 km / h. Nyní si představte, že jste na Sky Harboru, Phoenixu, Arizoně, na pozoruhodně snadno navigovatelném letišti. Když vtažíte, uvidíte znamení, které říká: „Dobrý den, vítejte v Sky Harboru. Existují tři terminály “. Poté, co jedete, dosáhnete více značek, každý se stručným popisem toho, co letecké společnosti létají do každého terminálu a kam mají jít pro přílety nebo odlety. Pocit, který dostanete, když jedete do Sky Harbor, je „Páni, to je snadné!“
Apple má stejný přístup k návrhu rozhraní. Namísto toho, aby vás bili se vším, co mají ve jménu použitelnosti, používají menší kousky informací k tomu, aby vás dovedli na místo, kde se nachází obsah, po kterém opravdu jste. Podívejte se na web, na kterém pracujete, a zvažte, jak můžete rozložit komplexní informace na menší kousky, které uživatel nenajde ohromující.
# 2: Použijte úžasné produktové snímky
Jedním z hlavních důvodů společnosti Apple snižování nadbytečné grafiky na jejich webu je opravdu ukázat, co je důležité: jejich produkty. Stačí se podívat na záběry, které používají; je téměř nemožné podívat se na stránku na webu Apple a nechat své oči soustředit se na produkty po dobu několika sekund.
Existuje několik věcí, díky nimž tyto produkty vypadají tak neuvěřitelně. První je, že jsou zjevně nedotčené. Křídou tohoto až k odborníkům na digitální zobrazování. Neviděl jsem přesně, jak to dělají, ale tato kombinace je pravděpodobně směsí fotografií, 3D modelování (vyberte si: Modo, Lightwave, Maya atd.) A samozřejmě Photoshop.
Další věc, kterou dělají, je přimět je, aby zabrali velkou část stránky. Pokud trávíte hodiny pořizováním krásného balíčku a poté jej zmenšujete na miniaturu, prostě to není tak ohromující. Všimněte si, že Apple také často zahrnuje více produktů uspořádaných atraktivním způsobem jako na obrázku výše.
Lekce zde není jen vyfotit váš produkt a zavolat na den. Trávit čas, aby to vypadalo fantasticky. Ať už se jedná o plechovku z fazolí nebo Lexus, udělejte vše pro to, abyste udělali skvělý výstřel hrdiny.
Nevěříte, že můžete svůj netechnický produkt vypadat stejně dobře jako věci Apple? Vyzkoušejte We Shoot Cans jako důkaz, že talentovaný umělec dokáže, aby jakýkoli produkt vypadal dobře.
# 3: Kontrast je klíč
Další věc, která způsobuje, že tyto snímky produktů Apple vypadají tak zatraceně skvěle, je prosté prostředí, do kterého je vloží. Lidský mozek miluje kontrast. To je důvod, proč se díváme na pohoří a horizont nad oceánem. To je také důvod, proč říkáme „oooooohhhh“, když vidíme černý lesklý iPhone na plochém bílém pozadí. Měli byste se snažit aplikovat selektivní kontrast v každém jednotlivém designu, který vytvoříte. Hledejte příležitosti k použití kontrastu s barvou, velikostí, tloušťkou písma a čímkoli jiným, s čím musíte pracovat.
Apple nejen aplikuje kontrast na jejich produktové záběry. Podívejte se na obrázek výše a přemýšlejte o tom, co na vás vyskočí. Je to pravděpodobně velké modré tlačítko pro stažení. Plavba po webu společnosti Apple a uvidíte, že téměř pokaždé, když chtějí, abyste něco udělali (koupit, stáhnout atd.), Upoutají vaši pozornost jasně modrým tlačítkem.
# 4: Pot Pot Small Stuff
Apple je o pozornosti k detailům. Každý malý kousek jejich stránek je dokonalý do dokonalosti. Nikdy nespadejte do pasti slova „nikdo si toho nevšimne“ nebo „dostatečně dobrý“. To je často doba, strávená na nejmenších detailech, která odděluje dobré návrháře od těch nejlepších.
Nekupujte do argumentu pro malé věci? Podívejte se na loga sociálních médií na domovské stránce Microsoft Office a řekněte mi, že vás nezpůsobí krčením.
Osobně vlastním vektorové soubory každého z těchto log. Teď, když to dokážu, nemyslíte si, že by návrháři společnosti Microsoft mohli vzít čas na vysledování lepších verzí těchto log, aby se vyhnuli nedbalému výběru Photoshop Magic Wand, který se děje? Vyzývám vás, abyste našli něco špatně provedeného kdekoli na webu společnosti Apple, mnohem méně na vstupní stránce jednoho z jejich nejpopulárnějších kusů softwaru.
# 5: Vyhněte se Flash
Nikdy jsem nebyl jedním, kdo by se přidal k davu Flash Hater, ale faktem je, že dav roste. Vedoucí masy nejsou nikdo jiný než Apple CEO a světově proslulý technologický jasnovidec Steve Jobs. Podívejte se na tento výňatek z nedávného článku v kabelové síti:
„O společnosti Adobe: Jsou líní, říká Jobs. Mají celý tento potenciál dělat zajímavé věci, ale prostě to odmítají. Nedělají nic s přístupy, které Apple používá, jako je Carbon. Apple nepodporuje Flash, protože je tak buggy, říká. Kdykoli Mac havaruje častěji než ne, je to kvůli Flash. Nikdo nebude používat Flash, říká. Svět se přesouvá do HTML5. “ (Zdroj)
To jsou silná slova od muže ctěného za vedení ve světě techniky. Abych byl upřímný, hodně z toho, co říká, zazvoní. Obsah online Flash rozhodně není nejspolehlivější technologií a je vysoce závislý na zvláštním softwaru a aktuálních pluginech, které uživatel může nebo nemusí mít. HTML5 a CSS3 dále nahlédnou do budoucnosti, kde můžete dosáhnout bohatě interaktivního multimediálního zážitku pomocí jednoduchého kódu vyhovujícího standardům.
Jako vývojář, pokud se připojíte k Apple ve virtuálním bojkotu Flash, pravděpodobně ho nebudete litovat. Nemusíte dokonce zaujmout aktivní postoj proti Flashu tak, jak se jen můžete vyhnout použití, kdykoli je to možné. Jste do značné míry zaručeni, že budete mít mnohem méně bolesti hlavy od uživatelů, kteří si váš obsah nemohou prohlížet.
# 6: Make It Friendly
Po celá léta byl Apple označován za kult, který byl něco jiného než přátelského. Opravdu se snažili tuto myšlenku v posledních letech očistit tím, že restrukturalizovali svůj image tak, aby byl přístupnější. Nejviditelnější místo, které vidíte, je v reklamách „Získejte Mac“. Mac je vylíčen jako každodenní typ chlapa, zatímco PC je obchodní muž „venku“, který je vždycky k ničemu. Subliminalně tyto reklamy říkají, že Apple je opravdu otevřená komunita a každý od teenagerů až po babičky se do něj vejde.
Další věcí, kterou udělali, je zlepšení jejich dříve propastné technické podpory. Nyní si může kdokoli ve velkém městě domluvit schůzku v obchodě Apple a získat bezplatnou osobní konzultaci, která bude řešit případné problémy a dotazy zákazníků.
Všechny tyto techniky jsou posíleny grafikou přátelských, usmívající se tváře. V současné době má obchod Apple blízko mě asi tucet kartonových výřezů zaměstnanců Apple v okně, jako by řekl: „Pojďte dál, rádi vám pomůžeme.“ Tyto usměvavé zaměstnance můžete také spatřit na několika místech na webu Apple, jak je znázorněno na obrázku výše.
Společnost Apple vytváří rovnováhu mezi úžasným, ale neosobním designem založeným na technologii a přístupnými usmívajícími se tvářemi. Bez ohledu na to, co prodáváte, zvažte, zda je vhodné, aby to vypadalo přátelštěji, a přemýšlejte o tom, co můžete udělat, abyste se tam dostali. Dokonce i jednoduché „Ahoj“ v titulku může jít dlouhou cestu.
# 7: Použijte silnou mřížku
Obrázek nahoře mluví za sebe. Každá stránka na webu společnosti Apple dodržuje přísnou strukturu mřížky; ať už je to jednoduché nebo složité, je to tam. Účel? Na výše uvedené stránce se podívejte, kolik informací na vás házejí. Jde prostě o tunu, ale zdá se, že to vypadá přitažlivě místo ohromující.
Rozdělení sporadických informací na zvládnutelné buňky drasticky snižuje vizuální nepořádek a zmatek. Všimněte si, že každá buňka také obsahuje vizuální odkaz doprovázející textový popis. Všechny tyto vizuální reference vypadají velmi podobně a zapadají do celkového tématu Apple. I když používáte obrázky na skladě, zkuste zachovat podobné téma, takže na obrázcích roztroušených po celé stránce nejsou žádné vizuální rozdíly.
# 8: Vytvoření vzdělávacích pomůcek
Abychom posílili zprávu, že horní část myši je ve skutečnosti povrchem s více dotyky, vytvořil Apple výše uvedený obrázek. Dokonce i bez nadpisu by téměř kdokoli mohl pochopit, co se děje na obrázku, a následně pochopit, jak používat zbrusu nový kus technologie, se kterou nejsou zcela obeznámeni.
Apple však jde ještě dále než ilustrace. Téměř každý kus hardwaru a softwaru na jejich webu má doprovodné video, které vám ukáže, jak to funguje. Tím se sníží počet otázek technické podpory. Na tato videa často odkazuji své přátele (kteří mě všichni převedli na Mac, a proto mě vidí jako bezplatnou technickou podporu), protože poskytují mnohem bohatší a snáze srozumitelnější zážitek, než jaký kdy mohl telefonní hovor. Podívejte se na knihovnu instruktážních videí společnosti Apple a zjistěte, jak jsou skvělá pro sebe.
# 9: Buďte důslední
Obrázek výše je snímek obrazovky obchodu iTunes. Vypadat povědomě? Pokud si myslíte, že to vypadá podobně jako Apple.com, máte pravdu. Nyní se podívejme na Mac OS X, konkrétně ve Finderu. Opět vidíme silný design založený na mřížce, spoustu bílých, kovových textur a modrou jako uchopovač pozornosti (ve výběru). A konečně se podívejte na celou řadu hardwaru společnosti Apple a podívejte se, jak se tyto textury a designové prvky dostaly do skutečného světa.
Obecný vzhled Apple nebo „podstata značky“ se aplikuje na každou jednotlivou věc, kterou navrhují. Je to docela ohromující, když si uvědomíte, jak moc jejich software vypadá jako jejich hardware. O kolik integrovanější se můžete dostat? Pokud jste někdy pověřili vývojem značky, podívejte se na všechny aspekty společnosti, od televizních reklam a webových stránek, až po samotné produkty. Zvažte, jak můžete integrovat všechny tyto rozdílné prvky a vypadat jako jednotlivé kusy soudržného celku.
# 10: Nejen velký obchod
Apple je skvělá případová studie na úspěšném webu elektronického obchodování. Všimněte si, že celý web se zaměřuje na to, aby vás ovlivňoval při nákupu produktů a jejich vzdělávání. Místo se však necítí jako jeden velký obchod.
To, co tím myslím, je znázorněno na obrázcích výše. Horní snímek je vyhrazená stránka Time Capsule. Apple miluje výrobu krásných produktových stránek s chytrými titulky informujícími o tom, jak skvělé jsou jejich produkty. Všimněte si, že to technicky není „obchod“. Pokud kliknete na tlačítko koupit, dostanete se na stránku na druhé obrazovce: skutečný internetový obchod. Zde Apple zcela odstranil vizuální přitažlivost a zaměřil se na použitelnost. Poskytují vám potřebné informace bez rozptylování a usnadňují nákup položky několika kliknutími.
Pokud děláte internetový obchod, vaším prvním nápadem bude pravděpodobně právě to: vybudovat obchod. Pokud máte čas, rozpočet, svobodu atd., Zvažte vytvoření webové stránky, která prezentuje položky v obchodě způsobem, který by v obchodě sám o sobě nebyl efektivní. Vytvářejte krásné specializované stránky, které skutečně vylepšují váš produkt, a obsahují odkaz „koupit nyní“, který zákazníky přivede k vizuálně nudné, ale vysoce praktické části obchodu na webu.
# 11: Buďte si jistí
Přiznejme si to, produkty Apple jsou docela úžasné. Po pár minutách klikněte na web společnosti Apple a zjistíte, že k tomu nejsou úplně skromní. Jejich titulky jsou plné přídavných jmen, jako jsou krásné, silné, zábavné, revoluční, snadno použitelné a pokročilé. Jejich popisy produktů vás informují, že položka je nejlepší ve své kategorii. Pokud to overanalyzujete, může to znít trochu povýšeně. Jako náhodný návštěvník by vás však asi jen ohromil.
Ať už váš web inzeruje produkt, službu nebo prostě nápad, neprodávejte se krátce. Nikdy nepoužívejte slovo „dobrý“, když můžete říci „skvělý“, nikdy neříkejte „atraktivní“, když můžete říci „krásný“. Pokud jste si jisti svým produktem, opravdu se jej snažte sdělit svým návštěvníkům. Zjistíte, že se jim to podaří a že obecně budou mít mnohem pozitivnější první dojem, pokud je vše na vašem webu zaměřeno na to, abyste je přesvědčili, jak jste skvělí.
Stejně jako cokoli, je zde samozřejmě bod zlomu. Nechte někoho, kdo není zapojen do tohoto webu, aby si přečetl vaši kopii, aby se ujistil, že neléváš na sebe-chválu tak silnou, že se stává nepříjemností.
# 12: Vložte legální kopii na toto místo
Tenhle je malý, ale důležitý. Pokud pracujete pro společnost dostatečně velkou, aby měla právní oddělení, víte, že lidé v právních odděleních opravdu tvrdě pracují, aby dokázali, že nejsou bezcenní. To obvykle znamená, že vy jako designér něco vytvoříte, pošlete jej právnímu oddělení a dostanete zpět 500-ti slovní dokument plný zvláštního obsahu, který musí zákon obsahovat. Nevyhnutelně následuje kletba.
Co děláte s tímto obsahem, je důležité. Zvažte, zda to jsou informace, které uživatel chce vědět, nebo zda je to jen zlá nutnost, kterou nikdo nikdy nebude číst. Pokud se jedná o druhou možnost, vyjměte stránku z knihy Apple (řekněme kousnutí z Apple) a hodte ji do samého spodku stránky malým, ale čitelným písmem, které příliš kontrastuje s pozadím. Vaším hlavním cílem jako zaměstnance by mělo být zpřístupnění, nalezení a čitelnost tohoto obsahu. Vaším cílem jako designéra je však zajistit, aby váš návrh nezatrhl tím, že jej naplní nedůležité nepořádky.
# 13: Komplexní navigace na zápatí
Podívejte se na zápatí na snímku výše. Apple změnil spodní část každé stránky na velmi užitečný navigační nástroj. To je skvělý způsob, jak snížit obtížnost navigace na velkém webu. Místo toho, aby vyplnili svou primární navigaci odkazem na každou sekci na webu, rezervovali ji pro obecné kategorie. Pokud v rámci kategorie přejdete na konec stránky, najdete v zápatí mnohem komplexnější mapu webu.
Všimněte si, že neodešli ze své cesty, aby to vydrželi. Stačí, když si to všimnete, pokud hledáte něco, ale jemně natolik, že mu nedáte druhý pohled, pokud nepotřebujete pomoc s navigací.
# 14: Vytvořte krásné vlastní ikony
Se zavedením OS X přinesl Apple ikony do zcela nové říše. Od té doby ohromující design ikon zaplavil operační systémy a rozlil se na web. Existuje však několik bezplatných sad ikon online, které dosáhly takové slávy, že se staly klišé.
Než stáhnete sadu ikon, která vypadá jako všechno ostatní na webu, zkuste to sami. Spusťte aplikaci Photoshop a / nebo Illustrator, zbavte se těchto dovedností kreslení a udělejte si nějaké skvělé vlastní ikony. Nakonec opravdu vyleští vaše návrhy stránek. Když ovládáte umění dobrého designu ikon, všimnete si, že jste mnohem méně závislí na umění třetích stran při vytváření úžasných webů (což je opravdu dobrá věc). Pokud cokoli, zachráníte ty blázny v právním oddělení před pokusem zjistit zákonná omezení u všech těchto „bezplatných“ ikon.
# 15: Interaktivní a dynamický obsah
Téměř každá stránka webu společnosti Apple obsahuje automatickou prezentaci, animovanou nabídku harmonik, video nebo interaktivní fotogalerii. Cílem je udržet pozornost uživatele. Statický obsah může být trochu nudný a může způsobit, že uživatel opustí web a hledá něco zajímavějšího. Apple udržuje vaši pozornost tím, že vám dává spoustu stránek s neustále se měnícím obsahem nebo kousky interaktivních funkcí.
K tomuto druhu obsahu je třeba přistupovat velmi opatrně z několika důvodů. Především je snadné zanechat více než polovinu návštěvníků, pokud programujete funkce, které vyžadují speciální zásuvný modul. Zkuste se držet široce podporovaných technologií, které fungují ve více prohlížečích. S dynamickým obsahem je také velmi snadné se unést. Mezi poutavými a otravnými je extrémně jemná hranice a musíte se bezpodmínečně naučit, kde tato linie padá. Jinak dáte návštěvníkům bolesti hlavy namísto dobrého dojmu, který jste hledali.
Ještě jedna věc…
Stručně řečeno, Apple Inc. je do značné míry synonymem pro elegantní design. Z pozorování těchto skvělých designérů v práci se můžeme hodně naučit, což jde dále, než jen ošizování skvělých odrazů, které na všechno dali. Výše uvedené tipy mají být obecně použity na vaši vlastní práci jedinečným způsobem. Použijte je jako inspiraci k tomu, aby vám přinesla vlastní cestu ve skvělém designu stránek.
Kdykoli se někdo zmíní o Apple, musí být evangelisté a nenávisti, kteří se chtějí podělit o svou nehynoucí lásku nebo hlubokou nenávist k designovým metodám Apple. Pomocí následujících komentářů nám sdělte, kdo jste. Jste všichni pro minimalismus smíchaný s lesklými ikonami nebo jste z toho webového vzhledu jako banda Apple wannabes? Chceme slyšet vaše myšlenky.
