A terjedelmet leginkább a képernyők száma és az határozza meg, mennyire egyedi működés kell rajtuk, például egy foglalási folyamat vagy egy szűrhető termékkatalógus. Ehhez jön, hogy van-e kész szöveged és arculatod, és hogy a fejlesztést is tőlünk kéred, vagy a saját fejlesztődnek adjuk át a terveket.
1. A terjedelmet mozgató tényezők
| Tényező | Kisebb terjedelem | Nagyobb terjedelem |
|---|---|---|
| Képernyők száma | Néhány sablonoldal, amelyekből a többi aloldal felépül. | Sok egyedi aloldal, mindegyik saját tartalmi szerkezettel. |
| Működés | Bemutatkozó oldal kapcsolati űrlappal. | Foglalás, szűrés, fiókkezelés vagy fizetés, sok állapottal és hibaüzenettel. |
| Tartalom | A szövegek és a képek készen vannak. | A szövegeket és az oldalak felépítését is közösen alakítjuk ki. |
| Arculat | Van kész arculat, a felület erre épül. | Az arculat is a tervezés része, vagy most újul meg. |
| Nézetek | Desktop és mobil nézet a fő oldalakra. | Desktop és mobil minden oldalra, design systemmel és kattintható prototípussal. |
| Fejlesztés | A terveket átadjuk a saját fejlesztődnek. | A fejlesztést is mi vállaljuk, ez opcionális, külön tétel. |
A képernyők számánál érdemes különbséget tenni a sablonok és az egyedi oldalak között. Egy blogbejegyzés vagy egy referencia aloldal egyszer megtervezve bármennyi tartalommal feltölthető, egy foglalási folyamat viszont minden lépésénél külön döntéseket kér, a hibaüzenetektől a visszaigazolásig.
2. Mikor melyik terjedelem illik hozzád
A kisebb terjedelem elég, ha
- egy szolgáltatást mutatsz be, és a fő cél a megkeresés
- a szövegeid és az arculatod már készen vannak
- van saját fejlesztőd, aki a terveket megvalósítja
- később szívesen bővítenéd új aloldalakkal
A nagyobb terjedelem éri meg, ha
- a weboldalon keresztül foglalnak vagy vásárolnak
- sok aloldal kell, amelyeknek egységesen kell működniük
- több csapat fog dolgozni rajta, és kell egy közös design system
- a felületet élesítés előtt felhasználókkal is kipróbálnád
3. Egy példa a munkáinkból
Urban Oasis UX/UI design Az Urban Oasisnál több stúdió és egy oktatói akadémia került ugyanarra az oldalra, ezért a terjedelmet a sok, egységesen működő aloldal határozta meg, az óratípusoktól az ajándékutalványokig. Megnézem az esettanulmányt 4. Hogyan tudod te is alakítani
A legtöbbet azzal spórolhatsz, ha a tervezés előtt eldöntöd, mi a weboldal legfontosabb célja. Ha ez világos, a képernyők száma is csökkenthető, mert minden aloldalról kiderül, szolgálja-e ezt a célt.
Sokat számít a kész tartalom is. Ha a szövegek és a képek még nincsenek meg, a tervezés közben derül ki, mekkora helyet kapnak, és ez később módosításokat okozhat. Ilyenkor érdemes a szövegírást is a tervezéshez kapcsolni, így a kettő együtt készül el.
Érdemes azt is eldönteni, mi készüljön el az induláshoz, és mi várhat egy második körre. Egy blog vagy egy karrieroldal később is ráépíthető a meglévő rendszerre, ha a design system már megvan.
Ha nem tudod, mekkora terjedelem kell, egy UX/UI tanácsadás vagy egy audit jó kezdés. Ebből kiderül, mit érdemes megtartani a mostani oldaladból, és mire kell új terv.
5. Amit a tervezés végén kapsz
Egy teljes UX/UI tervezés végén négyféle anyagot kapsz kézbe. A felhasználói utak megmutatják, honnan hová jut el a látogató, a kattintható prototípuson pedig a működést a fejlesztés előtt kipróbálhatod.
A design system a felület építőköveit rögzíti, a gomboktól az űrlapmezőkig, a fejlesztésre átadható képernyőtervek pedig desktopra és mobilra is elkészülnek. Ez a két anyag az, ami a későbbi költségeidet is csökkenti, mert egy új aloldalt a meglévő elemekből már gyorsan össze lehet rakni.
Ha egy ajánlatból hiányzik a design system, az első oldalak gyorsabban elkészülhetnek, de minden későbbi bővítés újratervezéssel indul. Egy hosszabb távra tervezett weboldalnál ezért érdemes az elejétől számolni vele.
6. Mire figyelj, amikor ajánlatokat hasonlítasz össze
- Hány oldal tervét kapod meg kidolgozva desktopra és mobilra.
- Benne van-e a kattintható prototípus, amelyen a működést a fejlesztés előtt kipróbálhatod.
- Kapsz-e design systemet, amelyből a későbbi oldalak is felépíthetők.
- A fejlesztés része-e az ajánlatnak, és ha igen, milyen rendszerben készül az oldal.
7. Gyakori kérdések
Miért nem tesztek ki árlistát?
Mert két weboldal terjedelme nagyon különböző lehet, és egy átlagár félrevezető lenne. Az első beszélgetés után írásos ajánlatot küldünk a leszállítandókkal és az ütemezéssel.
A fejlesztést is vállaljátok?
Igen, ha kéred. A fejlesztés opcionális, a terveket fejlesztésre átadható formában a saját fejlesztődnek is odaadjuk.
Lehet szakaszosan haladni?
Igen. Gyakran a főoldallal és a legfontosabb aloldalakkal indulunk, és a design systemből a többi oldal később gyorsabban elkészül.
Min nem érdemes spórolni?
A mobilnézeten és a legfontosabb útvonalon, például a foglaláson vagy a pénztáron. A látogatóid jó része telefonról érkezik, és ezen a néhány képernyőn dől el, hogy megkeresés vagy vásárlás lesz-e a látogatásból.
Webshopnál mi számít még?
A termékek száma kevésbé, a folyamatok inkább. A kosár, a szállítási és fizetési lépések, a szűrés és a fiókkezelés mind külön képernyőket és állapotokat jelentenek, ezek határozzák meg a terjedelmet.
