Egykoron, ha kimondtad a “design” szót, nagy valószínűséggel a grafikai tervezésről beszéltél. Manapság azonban a digitális világ egyre bonyolultabbá válik, és rengeteg új munkakör jelenik meg, ami zavart okoz a designiparon kívüli vagy abban újonnan dolgozó emberek számára. Íme egy gyors áttekintés a design négy különböző elsődleges formájáról, hogy könnyebben megértsd, mit is jelentenek.
kép by: Netizen Experience
A Wikipedia szerint “A felhasználói élménytervezés (UXD, UED vagy XD) a felhasználói elégedettség fokozásának folyamata a felhasználó és a termék közötti interakcióban nyújtott használhatóság, hozzáférhetőség és élvezet javítása révén. A felhasználói élménytervezés magában foglalja a hagyományos ember-számítógép interakció (HCI) tervezést, és kibővíti azt azzal, hogy a termék vagy szolgáltatás minden olyan aspektusával foglalkozik, amelyet a felhasználók érzékelnek.”
AUX tervező az a személy, aki felelős a termékek “logikájának” létrehozásáért drótvázak és prototípusok segítségével olyan szoftvereken keresztül, mint az Axure, JustInMind, Mockplus stb. A kommunikáció a UX-tervezők egyik kritikus készsége. Emellett kutatásokat, versenyelemzéseket végeznek az elején, valamint használhatósági tesztelést és A/B tesztelést a projekt elindítása után. A UX-tervezők elsősorban azzal foglalkoznak, hogy a termék milyen érzést kelt. Ha a webhely vagy az alkalmazás nehezen használható, a felhasználók valószínűleg frusztráltak lesznek, és továbblépnek valami másra. Ha viszont nagyszerű élményben van részük, nagyobb valószínűséggel térnek vissza, és elmondják a barátaiknak, milyen nagyszerű az alkalmazásod.
Az eredmények: Wireframe-ek, prototípusok, Storyboardok, Oldaltérkép, írásos specifikációk.
A szakma eszközei: Sketch, Axure, Mockplus, Fireworks, UXPin
UI Design (User Interface Design)
Kép készítője: Jesse James Garrett, az Adaptive Path – egy felhasználói élményt nyújtó tanácsadó cég szerzője és alapítója úgy definiálja a felülettervezést, mint ami a felhasználó által elérni kívánt feladatnak megfelelő felületelemek – például szöveg, gombok, szövegmezők, színkódolt listák, stb – kiválasztását és a képernyőn való elrendezését úgy, hogy azok könnyen érthetőek és könnyen használhatóak legyenek. A cél az, hogy a felhasználó interakciója a lehető leghatékonyabb és legegyszerűbb legyen.
A felület elemei közé tartoznak többek között:
Bemeneti vezérlők: gombok, szövegmezők, jelölőnégyzetek, rádiógombok, legördülő listák, listamezők, kapcsolók, dátummező
Navigációs elemek:
Tájékoztató komponensek: tooltipek, ikonok, előrehaladási sáv, értesítések, üzenőmezők, modális ablakok
Containerek: harmonika
Szerszámok: Photoshop, Sketch, Illustrator, Fireworks, InVision
IA (információs architektúra)
imgae by: ga-core.s3.amazonaws.com
Az információs architektúra (IA) magában foglalja a weboldal/alkalmazás felépítését és a tartalom szervezését. A cél az, hogy segítse a felhasználókat az információk megtalálásában és a feladatok elvégzésében. “Más szóval az információs architektúra egy olyan struktúra létrehozása egy weboldal, alkalmazás vagy más projekt számára, amely lehetővé teszi számunkra, hogy megértsük, hol vagyunk felhasználóként, és hol van a kívánt információ a helyzetünkhöz képest. Az információs architektúra webhelytérképek, hierarchiák, kategorizálások, navigáció és metaadatok létrehozását eredményezi. Amikor egy tartalomstratéga elkezdi a tartalmak szétválasztását és kategóriákba sorolását, akkor információs architektúrát gyakorol. Amikor egy tervező felvázol egy legfelső szintű menüt, hogy segítsen a felhasználóknak megérteni, hol vannak a webhelyen, szintén információs architektúrát gyakorol.”- az uxbooth.com-ról
Az IA néhány minősítése:
1. Tapasztalat komplex digitális tulajdonságok dokumentálásában (weboldalak, mobilalkalmazások, termékek és rendszerszolgáltatások)
2. Rendkívül részletes dokumentáció, képesség az ellentmondások, repedések, stb. megtalálására a komplex webhely dokumentációja között
3. Jártas az Axure, OmniGraffle, Keynote, valamint a Visio és bármely más, az IA-hoz közvetlenül kapcsolódó program használatában
4. A rendelkezésre álló információk és eszközök elemzése az optimális IA megközelítés felmérése érdekében
Erős kommunikációs készség (írásban és szóban), valamint képesség az ügynökség és az ügyfelek munkatársai előtt történő hatékony prezentációra
5. Analitikusnak, szorgalmasnak, kreatívnak, kíváncsinak és érdeklődőnek kell lennie az emberek és az ötletek iránt
6. Magabiztos és motivált öntevékeny embernek kell lennie
IxD (Interaction Design)
Az IxD definíciója: “Az interaktív tervezés (IxD) az interaktív rendszerek felépítését és viselkedését határozza meg. Az interakciótervezők arra törekszenek, hogy értelmes kapcsolatot teremtsenek az emberek és az általuk használt termékek és szolgáltatások között, a számítógépektől a mobileszközökön át a készülékekig és azon túl. Gyakorlataink a világgal együtt fejlődnek.” – az ixda.org
IxD designer a weboldalak/alkalmazások mozgó elemeinek & interakciókért felelős emberei. Ha láttál már egy klassz animációt egy weboldalon vagy alkalmazáson, amire azt mondtad, hogy wow, vagy ami nagyon király, akkor ez az, amit a mozgástervezők csinálnak.
Az IxD designer munkaköri leírása a Google-nál:
Az interakciótervezői szerepkörben összetett feladatokkal foglalkozol, és azokat intuitív, elérhető és könnyen használható dizájnná alakítod át világszerte emberek milliárdjai számára – az első alkalommal felhasználóktól a kifinomult szakértőkig. E cél eléréséhez a tervezői, kutatói, mérnöki és termékmenedzseri csapatokkal való együttműködésre van szükség a teljes tervezési folyamat során – a felhasználói folyamatok és drótvázak létrehozásától a felhasználói felület mockupok és prototípusok elkészítéséig. Minden egyes fázisban előre látja, hogy mire van szüksége a felhasználóknak, kiáll értük, és biztosítja, hogy a végtermék meglepje és gyönyörködtesse őket.
Túlságosan leegyszerűsítve és felhasználóbarát dióhéjban tehát a UX Design azt jelenti, hogy a felhasználó hogyan érzi magát az alkalmazásokban, a UI Design azt, hogy mit, hol és hogyan dolgoznak az elemek az alkalmazásokban, az Information Architecture azt, hogy hogyan szerveződik egy alkalmazás, az Interaction Design pedig azt, hogy a felhasználó és az alkalmazás hogyan viselkedik és reagál egymásra.
Az utolsó, de nem utolsósorban a határok e különböző tervezői szerepek között nagyon képlékenyek. Az IxD megközelítésében eléggé hasonlít az UX tervezéshez, mivel az UX tervezési ciklus része, így bizonyos esetekben ezek a szerepek sok átfedést mutathatnak.