it-swarm-eu.dev

Vizuální vývoj jazyka

Navrhoval jsem UI docela nepořádně, okamžitě jsem začal s maketami stránek, podrobně je popisoval a pak jsem přemýšlel, proč jsou moje návrhy většinou mizerné. Po přečtení „O obličeji“ Alana Coopera mám v úmyslu to ukončit, počínaje současným projektem.

Pozadí

(A rychlá kontrola zdravého rozumu pro mě.)

  • Vizuální jazyk je „stylem“ rozhraní. Zahrnuje takové vlastnosti, jako je barva, typ a myslím si také to, co se často nazývá „celkový vzhled a dojem“.
  • Návrh interakce popisuje chování rozhraní. Co se stane, když stisknete toto nebo toto tlačítko, jaké akce musíte provést, abyste něco udělali atd.

Vypadá to jako dobrý postup rozvíjet vizuální jazyk nezávisle na designu interakce. Tímto způsobem získáte flexibilitu (takže změna chování nenaruší váš styl) a plně se soustředíte na každý z těchto úkolů, abyste dosáhli lepších výsledků. Pokud existují dva týmy, pracují souběžně. Později, na konci procesu návrhu interakce, se vizuální jazyk „spojí“ s náčrtky.

Problém

Jak chápu, výsledkem návrhu interakce je obvykle spousta náčrtů.

Ale jak může být vizuální jazyk reprezentován? Jak může být abstrakce a nezávislost na designu interakce? Nemůže říkat něco jako „menu by mělo vypadat takto, řetězec strouhanky by měl vypadat takto ...“, protože styl by měl zůstat obecný, ne vázaný na konkrétní funkční nebo datové prvky rozhraní; a zároveň poskytnout dostatek „vzhledu a dojmu“, řekněme, k projednání se zúčastněnými stranami. Jaké postupy/pracovní postupy existují, jaké jsou doporučené čtení?

Doménou jsou zde většinou webové stránky a aplikace, pokud je to důležité.

PS. Opravte mě, jestli se tady mýlím něco zásadního. Jsem v tom úplně nový.

PPS. Také zveřejněno na ux.se .

2
Anton Strogonoff

Jedním ze způsobů, jak toho dosáhnout, by bylo mít náladové desky (více informací zde: http://www.viget.com/inspire/getting-moody/ ), zobrazující barevné palety, typografie, snímky, v podstatě cokoli souvisí s webem.

1
Liviu A