Od skicování k realitě

06. ledna 2011 | Autor: Martin | komentáře

Nedávno jsem psal článek o rané fázi návrhu webu za pomoci skicování. Dnes bych rád volně navázal praktickou zkušeností na zajímavém projektu dárkového průvodce pro MALL.cz.

Start

Asi nikoho nepřekvapí, že jsme projekt zahájili skicováním. V prvním kole jsme se víceméně seznámili se zadáním projektu, tím, že každý prezentoval svůj návrh (skicu) kolegům. Jednotlivé koncepce jsme měli načrtnuty a slovně okomentovány, což nám pomohlo uspořádat si nejen myšlenky, ale začít se i ladit na stejnou vlnu.
Osobně se domnívám, že cílem prvního kola je skutečnost, že tým pochopí celé zadání do hloubky.

Prototyp

Po dalších dvou kolech skicování jsme měli společnou představu, jak celý projekt chceme realizovat. Výsledná skica je samozřejmě plná bílých míst, nejsou na ní dořešeny detaily, a proto jsme v dalším kroku přistoupili k prototypování.
Nejčastěji používaným postupem je wireframing - prototypování stránek v programech typu AXURE, ten jsme pro vizuální a funkční jednoduchost projektu nezvolili. Místo toho jsme vyrobili papírový prototyp dárkového průvodce.
Nespornou výhodou zvolené metody je krátký čas potřebný na výrobu, nevyžaduje speciální software a jediné co potřebujete je papír, tužka, nůžky a případně lepidlo. Dalším bonusem je snadná prezentace koncepce zákazníkovi a celému týmu, který projekt bude realizovat.

Krásné, ale…

Faktory, jako je doba odezvy, snadnost implementace a další mohou ukázat, že navržená představa nemusí být tak dobrý nápad, jak to vypadá na papírovém prototypu. Tato úzká místa snadno odhalíte HTML prototypem. Nejenom, že jsme pomocí tohoto plně funkčního, graficky minimalistického prototypu komunikovali se zákazníkem, ale přímo na něm probíhalo i uživatelské testování a odhalování případných slepých cest.

Verdikt

Ať se nám to líbí nebo ne, návrh uživatelského rozhraní není jen o tom, co vidíte na obrazovce, ale je to ucelený zážitek, který v sobě kloubí nejen UXD (user experience design), grafiku ale i dobu odezvy na dotazy nebo AJAX aktualizace.
Posuďte sami, jak jsme svěřený úkol postavit dárkového rádce zvládli: http://darky.mall.cz/.