Webes prototípus tervezés

Kategóriák: Fejlesztések, Tippek

Amióta az eszemet tudom egy honlap kódolása előtt mindig készítettem papíron vagy grafikus módon egy drótvázat, és ebből következően a specifikációk mellé minden alkalommal csatolok wireframe terveket. Nem is gondoltam volna, hogy  “Magyarországon nincs igazán kultúrája, gyakran kifelejtik a munkafolyamatból (vagy nem veszik elég komolyan).”, ahogy azt Dunder Krisztián írta egyik cikkében.

Mivel csak webes felületek tervezésével foglalkozom, engem tökéletesen kiszolgál az Adobe Fireworks. Egyszerűen, gyorsan és kényelmesen tudok vele impresszív terveket készíteni, mint amilyen például a következő:

Tudásportál: Wireframe

A napokban mégis úgy döntöttem, hogy kipróbálok más prototípus tervező eszközöket. A választásom elsőként a Mozilla által vezetett Pencil Project-re esett. Pencil Project: LogoA program telepíthető Firefox kiterjesztésként és önálló asztali alkalmazásként is. Rövid használat után be kellett látnom, hogy nem egy rossz eszköz. Bár nagyon intuitív és hamar elsajátítható az UI használata, az egyes paraméterek finomhangolása számomra kényelmetlen. Sokkal többet kell kattintanom az éppen szükséges opciók eléréshez, mint a Fireworks-ben, így több időt is vett igénybe ugyanazon vázlat elkészítése, ami ráadásul kevésbé volt impresszív. Ezen kívül még hiányoltam belőle a layerek csoportosíthatóságát és összevonhatóságát, illetve egy panelt, ahol nyomon követhetem azt, hogy az egyes layerek mely szinten helyezkednek el. Viszont amellett, hogy kevésbé memóriaigényes, egyik nagy előnye, hogy a hivatkozásokkal kapcsolatot lehet teremteni az oldaltervek között.

Cacoo: LogoTovábbi ingyenes wireframe-tervezők után kutatva találtam rá a Cacoo online csoportmunkát is támogató webalkalmazásra, ami gyors, egyszerű, és első ránézésre szinte mindent tud, amit az előbb említett Pencil. Például érzésre sokkal kényelmesebben igazítja az egyes formákat a lap hálójára, továbbá az egyes elemek beállításai is kevesebb kattintással érhetőek el. Szerintem a Cacoo-t még sokat fogom használni a jövőben!

Cacoo: Teszt Wireframe

Hozzászólás: » 1 « • Írta: Péter (2010/08/29 12:43)

Hozzászólás írása a “Webes prototípus tervezés” című bejegyzéshez:

Kötelező!

Kötelező!

:D :-) :( :o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen:

Hozzászólások a “Webes prototípus tervezés” című bejegyzéshez:

  1. Írta: Lorem Ipsum generátor Fireworks-höz | Susnya Blog (2010/09/05 08:09) • »»

    […] rég említettem, hogy foglalkozom drótvázak tervezésével, ezért talán az sem meglepő, hogy a közérthetőbb végeredmények érdekében szükséges a […]