Weboldal tervezése és fejlesztése Axure alapján

Axure tervezés online feladathoz

Az Axure tervezés akkor hasznos, ha a magánügyfél nem csak szép képet szeretne látni, hanem működési logikát, kattintható vázlatot és érthető felhasználói utat is. Egy jó online szakember ilyenkor nem találgat, hanem végigveszi a célokat, a tartalmat, a gombokat, az űrlapokat és azokat a pontokat, ahol a látogató dönt. Qjob.hu felületén magánszakemberek vállalhatnak ilyen távoli munkát, ezért a feladat leírása és az elvárt eredmény sokat számít.

Én azt látom, hogy az ügyfelek gyakran akkor keresnek Axure alapú tervezést, amikor már túl szűk egy egyszerű képernyőterv. Kell egy prototípus, amely megmutatja, mi történik kattintás után. Kell egy rendszer, ahol a menük, oldalak, állapotok és hibajelzések nem külön darabok, hanem egy gondolkodás részei. Ez nem csak nagy projektnél fontos. Egy kisebb bemutatkozó oldal, időpontfoglaló felület vagy szolgáltatási oldal is könnyebben készül el, ha előtte pontos a terv.

Az online munka előnye, hogy a brief, a referencia, a szöveg, a logó és a képek digitálisan átadhatók. A szakember visszakérdez, megosztja a prototípust, majd a javítások után olyan anyagot ad, amelyből a fejlesztés már kevesebb félreértéssel indul. Szerintem ez a pont az, ahol a tervezés ára később megtérül. Nem mindig látványosan, de kevesebb újrarajzolásban és kevesebb rossz döntésben.

Axure prototípus magánügyfeleknek

Az Axure prototípus legfontosabb feladata, hogy a weboldal működését még a fejlesztés előtt ellenőrizhetővé tegye. Nem végleges programozásról van szó, hanem egy kattintható modellről. Ebben látszik, milyen útvonalon jut el a látogató a fő információhoz, hogyan nyílik egy menü, mit lát egy űrlap kitöltésekor, és hol lehet bizonytalanság.

Tapasztalatom szerint a magánügyfelek sokszor csak azt tudják, hogy modern és átlátható oldalt szeretnének. Ez természetes. A tervező dolga nem az, hogy bonyolult szavakkal terhelje őket, hanem hogy a célból használható szerkezetet készítsen. Egy jó webtervező először megérti, milyen szolgáltatást kell bemutatni, kinek szól az oldal, milyen döntést kell segítenie, majd ezt lefordítja képernyőkre.

Volt olyan eset, amikor egy ügyfél csak egy egyszerű foglalási oldalt kért. A rövid beszélgetés után kiderült, hogy háromféle szolgáltatást kínál, mindegyik más előkészítést igényel, és a látogatónak más adatokat kell megadnia. A sima oldalvázlat kevés lett volna. Az Axure prototípus segített megmutatni, hol kell választani, mikor jelenjen meg további mező, és mit kapjon visszaigazolásként az ügyfél. A fejlesztő később szinte kész útmutatóként használta az anyagot.

Axure tervezés árak

Az ár főleg a képernyők számától, az interakciók mélységétől, a szövegezés állapotától és a módosítások számától függ. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent, mert a szakember ilyenkor nem tud elég időt szánni a logikára. De a drága ajánlat sem garancia. A lényeg az, hogy pontosan kiderüljön, mi van benne az árban.

A táblázat irányadó. Egy gyors, kevés képernyős munka olcsóbb lehet, de ha sok állapot, feltételes mező és külön látogatói út van, az idő rögtön nő. Én óvatos lennék azokkal az ajánlatokkal, ahol a tervező egy összetett folyamatot néhány mondat alapján, nagyon alacsony áron vállal. Ilyenkor később általában a javításnál jön ki a hiány.

Megfelelő Axure szakember választása

A megfelelő Axure szakember nem csak eszközt kezel. Érti a weboldal célját, kérdez a látogatóról, figyel az űrlapokra, és képes egyszerűen elmagyarázni, miért kerül egy elem oda, ahová kerül. Magánügyfélként nem kell minden szakmai részletet ismerni, de érdemes rákérdezni néhány pontra.

Nézd meg, van-e korábbi prototípusa, akár kitakarva vagy rövid részlettel. Fontos, hogy ne csak szép képet mutasson, hanem legyen mögötte működési logika. Kérdezd meg, hány javítási kör fér bele az árba, milyen formában adja át az anyagot, és mennyire részletesen írja le a fejlesztőnek szóló megjegyzéseket. Egy gondos tervező nem sértődik meg ezeken. Inkább örül, mert így tisztább lesz a feladat.

Sokan ott hibáznak, hogy csak az árat nézik. A legolcsóbb ajánlat elsőre vonzó, de ha a prototípus nem követhető, később a fejlesztő kérdez vissza, az ügyfél pedig újra fizet a javításért. Szerintem jobb egy közepes árú, nyugodtan kommunikáló szabadúszó, mint egy nagyon olcsó, de kapkodó kivitelező. Az online együttműködésben a válaszidő és a pontos fogalmazás különösen fontos.

Online tervezési folyamat Axure-ben

Az online Axure tervezés általában rövid egyeztetéssel indul. Az ügyfél leírja, mire kell az oldal, milyen tartalmak állnak rendelkezésre, van-e meglévő arculat, és milyen műveletet vár a látogatótól. Ezután a tervező készít egy szerkezeti javaslatot. Nem kell azonnal minden részletet véglegesíteni, de az irányt korán érdemes tisztázni.

A következő lépés a képernyők felépítése. Ilyenkor dől el, hol lesz a fő üzenet, hogyan épül a menü, milyen sorrendben jönnek az információk, és mikor jelenik meg cselekvésre ösztönző elem. A kattintható változat után jönnek a javítások. Egy jó folyamatban az ügyfél nem csak annyit mond, hogy tetszik vagy nem tetszik. Konkrétan jelzi, melyik rész nem egyértelmű, hol hiányzik információ, és milyen döntést szeretne jobban támogatni.

Az átadás lehet megosztott prototípus, exportált fájl, képernyőlista vagy fejlesztői jegyzet. A fontos az, hogy a végeredmény ne csak a tervező gépén legyen érthető. A fejlesztőnek, a szövegírónak és az ügyfélnek is követnie kell. És ha később módosul a tartalom, legyen világos, melyik részhez kell nyúlni.

Brief és anyagok Axure munkához

Az Axure munka gyorsabb, ha az ügyfél nem üres kézzel indul. Nem kell tökéletes dokumentum. Elég egy rövid célleírás, néhány példa, a fő szolgáltatások listája, a fontos szövegek vázlata és az, hogy milyen eredményt vár a látogatótól. Ez lehet ajánlatkérés, foglalás, vásárlási szándék, kapcsolatfelvétel vagy egy letöltés.

A brief legyen egyszerű. Írd le, kinek készül az oldal, milyen problémára ad választ, és mi a legfontosabb információ az első képernyőn. Ha van meglévő oldal, azt is érdemes elküldeni. Ha nincs, akkor néhány hasonló példa is segít. Nem másolás miatt, hanem irány miatt. A tervező így látja, milyen hangulat, szerkezet vagy funkció áll közel az elképzeléshez.

Én azt tapasztalom, hogy a hiányos anyag nem mindig baj, ha az ügyfél elérhető és gyorsan válaszol. De ha nincs szöveg, nincs cél, nincs döntés, akkor a szakember csak feltételez. Ez lassítja a munkát. Az online projektben a tiszta fájlnevek, a rendezett képek és a rövid visszajelzések többet érnek, mint egy hosszú, bizonytalan leírás.

Gyakori hibák Axure prototípusnál

A leggyakoribb hiba, hogy a megrendelő túl sok mindent akar egyetlen képernyőre tenni. Minden fontosnak tűnik, ezért a látogató végül semmit sem ért meg gyorsan. Az Axure prototípus pont arra jó, hogy ez még időben kiderüljön. A szerkezeten könnyebb javítani, mint egy már elkészült weboldalon.

Másik gyakori gond a javítások rendezetlensége. Egyik üzenetben a menü változik, másikban az űrlap, harmadikban a szöveg, majd visszakerül egy korábbi ötlet. Ez nem csak a szakembert zavarja. Az eredmény is széteshet. Jobb egy javítási listát írni, fontossági sorrenddel. Röviden, egyértelműen.

A harmadik probléma a túl korai látványkritika. Az Axure alapú tervezés gyakran szerkezettel kezdődik, nem végleges grafikával. Ha az ügyfél már ekkor színeken és képeken vitatkozik, könnyen elcsúszik a munka. Előbb a logika, aztán a részletesebb megjelenés. Ez nem merev szabály, inkább józan sorrend.

Jó végeredmény Axure tervezés után

A jó végeredmény nem attól jó, hogy látványos minden képernyő. Attól jó, hogy érthető. A látogató tudja, hol van, mit kell tennie, mi történik a következő lépésben, és mit kap a folyamat végén. A webtervező feladata, hogy ezt a rendet megteremtse, a magánügyfél feladata pedig az, hogy időben elmondja a valódi célokat és korlátokat.

Egy átgondolt prototípus segít abban, hogy a fejlesztés ne vakon induljon. Látszanak az oldalak, az állapotok, a kattintások és a problémás részek. A szabadúszó szakember így nem csak rajzol, hanem döntéseket készít elő. Ez különbség. Szerintem az Axure tervezés akkor éri meg igazán, ha az ügyfél nem csak képet kér, hanem működő gondolatmenetet.

A munka végén érdemes mindent egy helyen ellenőrizni. Megvan-e az összes képernyő. Látszanak-e a fontos állapotok. Egyértelmű-e a navigáció. Van-e külön jegyzet a fejlesztőnek. És érti-e az ügyfél is, hogy miért ilyen lett a szerkezet. Ha ezekre igen a válasz, akkor a következő lépés már sokkal nyugodtabb.