Ugrás a fő tartalomhoz
SZOFTVERFEJLESZTÉS

UX/UI tervezés, mielőtt drága lenne változtatni

Átgondolt felhasználói folyamatokat, reszponzív felületeket és kattintható prototípust tervezünk, hogy a fontos döntések még a fejlesztés előtt megszülessenek.

Felhasználói folyamat

4 lépés

Belépés01
Kiválasztás02
Fizetés03
Visszaigazolás04
Miért előbb?

Előbb tervezzük meg a működést. Utána fejlesztjük le.

Egy folyamatot a prototípusban még gyorsan és költséghatékonyan lehet módosítani. A kész rendszerben ugyanez már fejlesztési idő, pluszköltség és csúszás.

MegértésTervezésÁtadás
  • Igényfelmérés és workshopok
  • Felhasználói folyamatok megtervezése
  • Információs architektúra
  • Wireframe-ek készítése
  • Kattintható prototípus
  • UI design és komponensrendszer
  • Asztali és mobilnézetek
  • Felhasználói tesztelés
  • Fejlesztői átadás

A UX/UI tervezés nálunk nem a felület „kiszínezését” jelenti. Először megértjük az üzleti célt, a felhasználók feladatait és a rendszer működését. Ezek alapján tervezzük meg a folyamatokat, a képernyők felépítését és az egyes állapotokat. A kattintható prototípuson a csapatod még a fejlesztés előtt végig tudja próbálni a legfontosabb folyamatokat. Így időben kiderül, ha valami hiányzik, nem egyértelmű vagy feleslegesen bonyolult. A jóváhagyott felületet rendezett Figma-tervként és újrahasznosítható komponensekkel adjuk át a fejlesztőknek.

Ismerős valamelyik helyzet?

Megvan az ötlet, de még nem állt össze a működés

Tudjátok, milyen problémát oldana meg a rendszer, de a funkciók, jogosultságok és felhasználói folyamatok még nincsenek pontosan kidolgozva. Segítünk ezeket közösen rendszerbe foglalni és kipróbálhatóvá tenni.

Minden fejlesztői kérdésnél új döntést kell hozni

Ha nincs elfogadott terv, a fejlesztés közben derül ki, mi történjen egy-egy képernyőn vagy szélső esetben. Ez lassítja a munkát és növeli a félreértések, valamint az utólagos javítások költségét.

Elkészült a rendszer, mégsem használják szívesen

A funkciók működnek, a felhasználók mégis nehezen igazodnak el, túl sok lépésből jutnak el a célig, vagy inkább visszatérnek az Excelhez és a manuális megoldásokhoz. Ilyenkor a meglévő folyamatokat és felületeket tervezzük újra.

Igényfelmérés és workshop

Az üzleti célok, a felhasználói igények és a szükséges funkciók közös feltérképezése.

Felhasználói folyamatok

Megtervezzük, hogyan jut el a felhasználó a belépéstől a feladat sikeres befejezéséig, a fontos állapotokkal és lehetséges hibákkal együtt.

Wireframe

A képernyők szerkezeti terve, ahol még elsősorban a tartalom, a sorrend és a működés a fontos.

Kattintható prototípus

Végigjárható felület, amelyen a fejlesztés előtt kipróbálhatók és pontosíthatók a legfontosabb folyamatok.

UI design és komponensrendszer

Egységes vizuális felületet és újrahasznosítható elemeket tervezünk, hogy a rendszer később is következetesen bővíthető legyen.

Fejlesztői átadás

Rendezett Figma-fájlt adunk át a szükséges nézetekkel, állapotokkal, komponensekkel és fejlesztői specifikációval.

Egy közösség karaktere. Arculatban és online.

A Running Latte Club számára új arculatot és Shopify-alapú oldalt készítettünk. A felhasználói utakat a klub megismerésétől a csatlakozáson át a vásárlásig terveztük meg.

Megnézem az esettanulmányt
Running Latte Club
ArculatEgy új márka saját karaktere

A Running Latte Club új márkájához arculatot terveztünk, amely a futás és a közösség élményét a weboldalon is felismerhetővé teszi.

UX/UIA megismeréstől a csatlakozásig és vásárlásig

Úgy építettük fel az oldalt, hogy a látogatók megismerhessék a klubot, megtalálják a csatlakozás lehetőségét, és könnyen eljussanak a termékekhez.

ShopifyA tervekből működő weboldal és webshop

Az arculatot és a felületterveket Shopify-alapú oldalként valósítottuk meg, ahol a klub bemutatkozása és a webshop egységes élményt ad.

Hogyan dolgozunk

A működéstől jutunk el a fejlesztésre kész felületig

Megértés és tervezési alapok

Workshopokon feltérképezzük az üzleti célt, a felhasználói csoportokat, a szükséges funkciókat és a jelenlegi folyamatokat. Ha már működő rendszerről van szó, annak problémáit és használati tapasztalatait is megvizsgáljuk.

Folyamatok és prototípus

Elkészítjük a felhasználói útvonalakat és a wireframe-eket, majd ezekből kattintható prototípust építünk. A fontos folyamatokat közösen végigpróbáljuk, és a visszajelzések alapján pontosítjuk.

UI design és fejlesztői átadás

Megtervezzük a végleges vizuális felületet, a reszponzív nézeteket és a komponensrendszert. A jóváhagyott terveket rendezett, fejlesztésre előkészített Figma-fájlban adjuk át.

Gyakori kérdések

Amit a UX/UI tervezés előtt érdemes tudni

Amit másképp csinálunk

Egyedi webalkalmazásokA tervezés után jövő lépés.Egyedi webalkalmazások
AlkalmazásfejlesztésHa mobilra tervezünk, nem böngészőbe.Alkalmazásfejlesztés
Weboldal készítésHa nyilvános oldal felületéről van szó.Weboldal készítés
Kezdjük el

Mutasd meg az ötletet vagy a meglévő rendszert, és tervezzük meg a következő lépést.