Kész a szoftver, de senki nem használja
A funkciók megvannak, a csapat mégis visszatért az Excelhez, mert a rendszerben több lépés ugyanaz a munka.
SZOFTVERFEJLESZTÉS
UX/UI tervezés, mielőtt drága lesz javítani
Kattintható prototípus, amin a csapatod végigmegy, mielőtt egy sor kód elkészül.
Miért előbb
A képernyőt olcsóbb átrajzolni, mint átírni
Egy rossz folyamat a prototípusban fél óra, a kész rendszerben két hét.
MegértésTervÁtadás
- Felhasználói interjúk
- Folyamat-feltérképezés
- Információs architektúra
- Wireframe vázlatok
- Kattintható prototípus
- Design system és komponensek
- Reszponzív nézetek
- Akadálymentesség ellenőrzés
- Fejlesztői átadás
A UX/UI tervezés nem a rendszer utolsó rétege, hanem az első döntési pont. Itt dől el, hány kattintásból végez a felhasználó, milyen adatot kér be a rendszer, és mi történik akkor, ha valaki hibázik. Ezeket a kérdéseket olcsóbb prototípuson megválaszolni, mint kész kódon. Nálunk a folyamat interjúkkal indul azokkal, akik ténylegesen használni fogják a rendszert, mert a megrendelő és a napi felhasználó ritkán ugyanaz. A kész terv kattintható prototípus és fejlesztésre átadható design system, nem képernyőkép-gyűjtemény.
Három tipikus ügyfélhelyzet
A fejlesztő kérdez, ti meg találgattok
Minden képernyőnél megáll a munka, mert nincs eldöntve, mi történjen a szélső esetekben.
Van egy ötlet, de nincs mit megmutatni
A befektetőnek vagy a vezetőségnek dönteni kell, de szóban nehéz eladni azt, amit még nem lehet kipróbálni.
Felhasználói interjúk
Beszélünk azokkal, akik napi szinten használni fogják a rendszert.
Folyamatábra
Végigrajzoljuk az útvonalat a belépéstől a befejezett feladatig.
Wireframe
Szerkezeti vázlat, ahol még a tartalom számít, nem a szín.
Kattintható prototípus
Végigjárható változat, amin a csapatod tesztel a fejlesztés előtt.
Design system
Újrahasznosítható komponensek, hogy a rendszer később is egységes maradjon.
Fejlesztői átadás
Méretezett, állapotokkal együtt átadott terv, nem képernyőkép-csomag.
[Helykitöltő] Ide kerül az ügyfél visszajelzése.
[Helykitöltő] név, pozíció
1/1—[Projekt neve]
[KÉPERNYŐ-SZÁM]Képernyők száma
Valós mérőszám kell ide.
[ÁTFUTÁS]Átfutási idő
Valós mérőszám kell ide.
[FELHASZNÁLÓ-SZÁM]Felhasználók
Valós mérőszám kell ide.
Hogyan dolgozunk
Megértés, vázlat, átadás
Megértés
Interjúk és folyamat-feltérképezés, mielőtt bármit rajzolnánk.
Vázlat és teszt
Wireframe, majd kattintható prototípus valós visszajelzéssel.
Átadás
Design system és fejlesztésre kész terv, állapotokkal együtt.
Gyakori kérdések
Amit a 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