Nástroje pro lepší webdesign

Pokud se vám líbí (nebo nelíbí) design této nebo jakékoli webové stránky, můžete si prohlédnout zdrojový kód a zjistit, jak jej naši návrháři vytvořili – tato možnost je v nabídce Nástroje mnoha prohlížečů. Tato otevřenost je jednou z nejlepších věcí na webu, říká Scott Klemmer , profesor na Stanfordské univerzitě, který vede skupinu Human Computer Interaction. Ale dodává, že pokud nejste zkušený webový designér nebo kodér, je těžké zjistit, která část kódu co dělá. Klemmerova laboratoř vytváří nástroje, které začínajícím i zkušeným návrhářům pomáhají využívat stávající webový obsah k rychlejšímu vylepšování a přizpůsobování jejich návrhů.

Nejlepší způsob, jak vyvinout uživatelsky přívětivý design, který potěší kodéra, designéra a zákazníka, je vymyslet spoustu prototypů, z nichž většina bude vyhozena. Ale předělání návrhu metodou pokus-omyl trvá dlouho, a tak se Klemmer snaží proces automatizovat. Mnoho z jeho nástrojů si lze zdarma stáhnout z jeho laboratoře nebo od partnerů, včetně Adobe. Tisíce lidí si stáhly nástroj s názvem Modrotisk , který je nyní k dispozici jako zásuvný modul pro nástroje Adobe Flash a Flex Builder. Prostřednictvím Blueprintu mohou návrháři kódující stránku vyhledávat příklady kódu, aniž by se museli proklikávat stránkami s výsledky generovanými konvenčními vyhledávači. Experimenty Klemmerovy skupiny ukázaly, že profesionální programátoři používající Blueprint dokončili úkoly o 28 procent rychleji a psali kód s vyšším hodnocením než ti, kteří používají tradiční webové vyhledávače.

Další nástroj, Bricolage, který Klemmer a jeho studentka Ranjitha Kumar před několika měsíci vyvinuli, dokáže vzít jakoukoli webovou stránku a znovu ji vykreslit ve stylu jiné, a to díky algoritmu, který odděluje obsah stránky od jejích stylistických šablon. Cílem není umožnit lidem kopírovat návrhy velkoobchodně, ale usnadnit brainstorming. Na rozdíl od toho, že vytváření každé nové makety stránky trvá hodiny, můžete zjistit, zda je konkrétní směr zajímavý, říká. Bricolage lze také použít k rychlému přepracování stránky pro zobrazení na různých zařízeních, jako je stolní počítač, telefon Android nebo iPad.

V designu je tolik zúčastněných stran – technici, klienti, designéři – a návrhy je těžké popsat slovy, říká. Mít po ruce příklady pomáhá urychlit proces: Při kreativní práci odvozujete a budujete odbornost z pohledu na obrovský soubor příkladů. Klemmer poznamenává, že studenti umění se učí, co dělá dobrý obraz, nikoli studiem seznamů kritérií, ale sledováním příkladu za příkladem, dobrých a špatných obrazů. To, co dělá dobrý design, může být stejně obtížné formulovat jako to, co dělá dobrý obraz, zvláště když se lidé s různými slovníky – weboví návrháři, programátoři a zákazníci – snaží komunikovat.

Klemmer, kterému je 33, původně plánoval být výtvarníkem a grafickým designérem. Když dělal svou bakalářskou práci na Brownově univerzitě, říká, byl inspirován tím, jak moc mohou počítače udělat pro usnadnění kreativní práce. Stáž v think-tanku Interval Research spoluzakladatele Microsoftu Paula Allena upevnila jeho ambice vytvářet softwarové nástroje pro designéry. Klemmer říká, že jedním z cílů Intervalu bylo vyvinout generaci nástrojů uživatelského rozhraní, které by následovalo po grafickém uživatelském rozhraní.

Podobná ambice je základem dnešní Klemmerovy práce: chce učinit web přístupnějším. Dnešní uživatel webu pravděpodobně používá mobilní zařízení a jak populace stárne, více uživatelů webu bude mít omezený zrak nebo motorické dovednosti. Ale vytvoření nové verze webu pro každý typ uživatele nebo zařízení je neuvěřitelně časově náročné. Pomocí nástrojů, které vyvíjí, by návrhář mohl vytvořit jednu kanonickou verzi webu a poté vyvinout software, který automatizuje převod tohoto návrhu na verze, které fungují pro stále širší škálu lidí, kteří si jej mohou prohlížet.

skrýt