Jak vylepšit vizuální design, který není tak skvělý

"Jak se mohu zlepšit ve vizuálním designu?"

Tato otázka přichází hodně. Trénuji a mentoruji mnoho studentů v oblasti produktového designu tím, že doučuji pro Akademii umění v San Franciscu, kontroluji recenze portfolia AIGA, hostuji stážisty na Facebooku atd.

Existuje studentský pohled z pohledu profesionála. Pro většinu je zaručeno, že to bude směs strachu, vzrušení a zvědavosti, pepřená spoustou otázek.

"Co se stane, až se dostanu ven?"

"Jaké jsou designérské práce?"

"K čemu bych mohl být dobrý?"

"Co když nedostanu práci?"

"CO JAK JSOU ŽÁDNÉ PRÁCE?"

"Co teď mohu udělat, abych se připravil?"

Nedávno jsme na Facebooku hostili kritiku se studentem z Cornell, Jon Lee. V naší krátké interakci se Jonovi opravdu líbilo: je si vědom. Už ví, že má prostor pro zlepšení vizuálního designu. Ví to, protože na to dostal zpětnou vazbu od potenciálních zaměstnavatelů a on - stejně jako mnoho jiných studentů na pokraji své kariéry - je zvědavý, jak ho jeho dovednosti připraví na roli designéra. Chce vědět, jak se může zlepšit.

Být solidním produktovým návrhářem vyžaduje širokou škálu dovedností a vizuální řezání je velkou součástí této role, zejména na Facebooku. Jsem nadšený, že Jon je na tyto dovednosti zvědavý, a kdybych ho teď mohl odtáhnout stranou, položil bych Jonovi stejné otázky, jaké položím ostatním studentům, a dal mu rámec, který snad bude sloužit i mimo tento projekt.

Zde je rychlý pohled na návrhy, které Jon sdílel. V tuto chvíli se právě začal dívat na vizuální design.

Koncepce designu aplikace Nearspace od Jon Lee

Vizuální design často označujeme jako řemeslo a provedení na Facebooku. Abych zhodnotil současný stav Jonovy práce a povzbudil ho k promyšlenému designu, musím klást otázky. Vyšetřování by mělo být před soudem, protože to rozšiřuje porozumění něčí úmyslnosti.

Jaká je vaše typová hierarchie?

  • Prověřili jste své typové styly? Vidím dvě pouzdra (Title Case a UPPERCASE), nejméně tři různé velikosti písma, dvě barvy typu, centrované a zleva zarovnané.
  • Jaké styly patří mezi záhlaví? Které pro tlačítka? Které pro kopírování těla? Pro metadata?

Jaké vzory používáte?

  • Vidím textová tlačítka dvou velikostí, dvou výšek, dvou pouzder a tří barev a také tlačítka s ikonami.
  • Vidím dva různé styly seznamu. Jeden zřetelněji souvisí s existujícími vzory objevu (fotografie s obchodním názvem, kategoriemi a hvězdičkami) a ta, která vypadá jako drátový model (Poslední příspěvky).
  • Jaký je rozdíl mezi tlačítky a seznamy? Na stránce Profil používají karty, tlačítka a seznamy stejné bílé pozadí se šedým vzorem obrysu. Měly by být jiné?

Jak se to porovnává se stávajícími nebo zavedenými vzory?

  • Pokud jsou výběry přepínatelné, mohly by se automaticky přepínat? Je nutné zrušit a použít?
  • Je zpět stejný jako Storno? Stačilo by X v pravém horním rohu?
  • Vidím, že existuje resetovací tlačítko bez použití filtrů. Je to v tomto stavu nutné? Mohl použít nahradit Obnovit?
  • Měla by se spodní část navigace dostat do této části zážitku?
  • Mají produkty stejné vertikální podobu? Jsou některé z těchto užitečných?

Jaká jsou vaše marže a pravidla vycpávky?

  • Na obrazovkách Blízký a Profil vidím minimální okraje; Filtr má mnohem velkorysejší okraje.
  • „Y“ v poli Near v dolní části navigátoru se téměř dotýká okraje obrazovky.
  • Co je vaše mřížka?

Jsou vaše ikony jasné?

  • Vidím ikonu jediného sedadla a shluky 3 a 6. Je to počet sedadel nebo přibližná hodnota nebo rozsah? Existuje lepší způsob, jak to reprezentovat? Je to ekvivalent „dobré pro skupiny“? Existuje jiný způsob, jak to ukázat?
  • Proč neexistuje ikonický ekvivalent k opaku zásuvky? Pokud něco není důležité, proč byste měli naznačovat tento nedostatek důležitosti; nebyly by počáteční výsledky zahrnuty všechny dostupné možnosti?
  • Znamená koláč koláč? Nebo dezerty? Nebo jídlo? Znamená to pohár? Dalo by se předpokládat, že každé jídlo servíruje také nápoje? Jsou tady lepší seskupení?

Jak konzistentní jsou vaše možnosti výběru?

  • Vidím vzdálenost pomocí rozbalovací nabídky, zatímco další možnosti filtrování jsou tlačítka.
  • Některá tlačítka obsahují ikony a jiná obsahují text.
  • Jedna ikona používá perspektivu, zatímco ostatní ne. Ikona wifi má nejhrubší čáry; výtok nejtenčí. Některé jsou pixelovány; některé ne. Některé jsou černé; některé jsou šedé.
  • Většina karet a tlačítek používá stejný vzor: poloměr rohu, obrys, barevná výplň, typ. Jsou příliš konzistentní?

Musí tam být všechno na obrazovce?

  • Vidím oddělovač nad vyhledávacím polem a oddělovače v každé možnosti dostupnosti.
  • Vidím jedno použití zelené barvy.
  • V navigaci vidím jak ikony, tak text. Jsou oba nezbytné?

Jak byste definovali svou paletu barev?

  • Paleta je docela ztlumená. Je v teple, kromě jasnějšího zeleného tlačítka. Máte pravidla ohledně toho, co použít, kde?

Máte pravopis, gramatiku a interpunkci správně? Uvažovali jste o obsahové strategii?

  • Jsem obeznámen s aplikací Near a Profile v dolní části navigace; co znamená Přidat? Přidat co?
  • „Dostupnost“ je chybně napsána.
  • Je slovo Dostupnost nutné?
  • Jak čte tok stránky (ať už prostřednictvím slov nebo vizuálů)? Název vaší stránky je Filtr a záhlaví sekcí jsou Vzdálenost, Dostupnost míst k sezení, Dostupnost Wifi, Outletová dostupnost a Dostupnost potravin / nápojů. Jak byste popsal, co můžete udělat na této stránce příteli? Jsou tyto postaveny ve správné hierarchii? Jsou pojmenovány správně?

Jak se to převede na jinou platformu?

  • Pokud jste to navrhli pro zařízení Android nebo pro stolní počítače, učinili byste výše uvedená rozhodnutí? Jaká rozhodnutí o designu byste udělali jinak?

Jak se mohu zlepšit ve vizuálním designu?

Odpovědět na tyto položené otázky je skvělé místo, kde začít. Být dobrým návrhářem - být dobrým vizuálním návrhářem - vyžaduje úmyslnost. To znamená, že přemýšlíte o těchto otázkách a odpovídáte na ně při rozhodování o designu, a to nejen tehdy, když se vás někdo na něco zeptá poté, co se to stalo.

Další věcí, na které budete pracovat, když budete na tyto otázky odpovídat úmyslně, je zajistit, aby úmyslnost byla založena na solidních konstrukčních principech a výzkumu a pozornosti k detailům, a ano, někdy takovým, jako je styl a preference. To může být složité, protože ne každý designér má tyto citlivosti nebo opodstatněné názory. A to je v pořádku, protože cesta ke zlepšení toho začíná tím, že pochopíme, že vaše práce tam ještě není.

Ira Glass má fantastický pohled na toto:

"Nikdo neříká lidem, kteří jsou začátečníky - a opravdu si přeji, aby mi to někdo řekl - je to, že se všichni, kdo děláme kreativní práci ... dostáváme do toho, protože máme dobrý vkus." Ale je to jako by tam byla mezera, že za prvních pár let, co děláte věci, to, co děláte, není tak dobré, dobře? Není to tak skvělé. Opravdu to není tak skvělé. Snaží se být dobrý, má ambice být dobrý, ale není to tak dobré. Ale tvůj vkus - věc, která tě dostala do hry - tvůj vkus je stále zabiják a tvůj vkus je natolik dobrý, že můžeš říct, že to, co děláš, je pro tebe trochu zklamání, víš, co tím myslím? “

Pokud máte chuť a tato chuť vám řekne, že máte prostor pro zlepšení, můžete vylepšit svůj vizuální design. Jak?

Pozorujete design ve světě a vyjadřujete názory na to, co je dobré a co není dobré. Upevňujete své názory na základní principy designu.

Díváte se na zavedené konstrukční systémy, jako je návrh materiálu a směrnice pro lidské rozhraní.

Cvičíte.

Procházíš webové stránky a aplikace a Dribbble pro vynikající designovou práci a ty je nekopíruješ, ale ptáš se sám sebe, proč to funguje? Hledáte odpovědi.

A ty cvičíš.

Svou práci ukážete lidem, kteří již mají citlivost - vizuální design - a posloucháte otázky, které mají ohledně vaší práce. (V Jonově případě je to přesně to, co udělal v naší kritice Facebook Design.) Přemýšlíte o své úmyslnosti za nimi a najdete odpovědi.

A položíte si otázky jako ty, které jsme právě prošli.

Teď bych mohl dát Jonovým reakcím, věci jako „vaše styly jsou všude“ nebo „že se zelené tlačítko cítí na místě“. Mohl jsem také předepsat řešení jako „zarovnat všechny vaše kategorie filtrů a tlačítka“ nebo „ zmenšete poloměr rohu svých tlačítek “nebo„ vyberte jasnější barvu značky. “Ale pokud se Jon chce zlepšit, chcete-li se zlepšit, zabere to jen leštění jednoho projektu.

Zpětná vazba a mentorství mohou být velmi podobné; nejlepší vývoj obvykle vychází z kladení otázek a vedení, spíše než předepisování.
Zlepšení vyžaduje praxi. Prokázaná schopnost vykonávat znovu a znovu je to, co získává studenty, že první role designu, a jakmile je tato první role vyložena, je to sebevědomí a pokrok, který ukazuje na trajektorii růstu.