A UX design a funkionalitásra koncentrál. A fő célja, hogy a tárgya jól működjön és könnyen használható legyen.
A UI design a megjelenésre koncentrál. A fő célja, hogy a tárgya vonzó legyen és kellemes, figyelemfelkeltő és megkapó.
Mi a különbség a UX design és a UI design között?
A UX design a funkcionalitást tartja szem előtt:
A UX designer olyan, mint egy építész. Ő gondoskodik a weboldal forgalmáról, és segíti, hogy a weboldal mérhető paraméterei javuljanak (csökkenti a visszafordulási arányt, javítja a CTR-t stb.). A UX designer érti a felhasználói viselkedés pszichológiáját, sokat tud az interfész ergonómiáról és képes elemezni az üzleti igényeket, valamint ezeket átvinni a felhasználói folyamatokba.
A UI design a megjelenésre koncentrál:
A UI designer olyan, mint dekorátor. Ő arról gondoskodik, hogy a felület hogyan tükrözi a márkát. Kévésbé mérhető dolgokról van itt szól (például, hogy milyen hangulatos a felület, elég stílusos-e, illeszkedik-e a cég arculatába, és így tovább). A UI designer a színek és a színkombinációk szakértője , tudja, hogyan kell olvasni az arculati kézikönyvet, és hogyan konvertálhatja az arculati kézikönyv elemeit a felhasználói felület részeivé.
A UX design, UI design téma legjobb videója:
Mi a UX design?
User Experience Design, azaz felhasználói élmény design.
A UX design a funkionalitásra koncentrál. A fő célja, hogy a tárgya jól működjön és könnyen használható legyen.
A wikipedia.com definíciója szerint:
A felhasználói élménytervezés (UXD, UED vagy XD) a termék felhasználói elégedettségének fokozása azáltal, hogy javítja a termékkel való interakcióban biztosított használhatóságot, hozzáférhetőséget és kívánatosságot.
Wikipedia.com
Miket tart szemelőtt egy UX designer?
- Stratégia
- Struktúra
- Funkcionalitás
- Elérhetőség
- Felhasználói kényelem
UX design részei
- Interakció tervezése: Vonzó interfészek létrehozása a jól átgondolt működéssel. Egyszerű és világos kommunikáció a felhasználók és a weboldal között. Az interakció tervezése felelős azokért a funkciókért, amelyek lehetővé teszik az emberek és az egyes felhasználói felületek közötti kapcsolódást.
- Drótvázak és prototípusok: Bemutatjuk a weboldal készítés alapvető elemeit mint a feladat modelljét vagy az interaktív prototípust a végső tervezés előtt. (Mellesleg, a drótváz nem vázlat és nem makett).
- Tartalom tervezése: A tartalom hatékony és fenntartható szervezése, felépítése és címkézése.
- Felhasználók elemzése: A felhasználói viselkedés, igények és motivációk megértése. Ez gyakran megfigyelési technikák használatát igényli. A felhasználók elemzése segít megérteni a közönséget, és alapvető betekintést nyújt az igényeik legmegfelelőbb kielégítéséhez. A UX designer által végzett kutatás során a teljes képet figyelembe kell venni: – Ki fogja használni az alkalmazást / weboldalt? – Mit akarnak elérni? – Mi lehet az út? – Melyek az ügyfél elsődleges igényei?
- Esetleírások: A felhasználó és a projekt közötti interakció leírása. Ezek a történetek nagyon fontosak egy felület megtervezésekor és a használhatóság tesztelése folyamán.
Mik egy webes UX designer feladatai?
- Piac felmérése
- Versenytársak elemzése
- Weboldal szerkezetének kialakítása
- Weboldal könnyű használatának lehetővé tétele
- Megfelelő tartalom kialakítása
- A weboldal működésének monitorozása a fentiekre tekintettel és a szükséges változtatások elvégzése
Mi a UI design?
User Interface Design, azaz felhasználói felülelt design.
A UI design a megjelenésre koncentrál. A fő célja, hogy a tárgya vonzó legyen és kellemes, figyelemfelkeltő és megkapó.
Miket tart szem előtt egy UI designer?
- Színek
- Formák
- Textúrák
- Érzelmi hatás
A UI design részei
- Vizuális design: Az termék általános esztétikájának megteremtése. A vizuális formatervezés fő célja az UX alakítása és fejlesztése illusztrációk, képek, tipográfia, tér, elrendezés és színek segítségével. „Vonal, alak, fehér tér, textúra” – a vizuális kialakításról szól.
- Színek: A megfelelő színek kiválasztása a projekthez nagyon fontos az adott színekhez kapcsolódó jelentések és érzelmek miatt. Fontos az is, hogy kövessük a márkaszíneket, és okosan használjuk őket a terméktől és a megosztani kívánt üzenettől függően.
- Grafikai tervezés: A grafikai tervezés felelős a képek, a tipográfia vagy a mozgási grafika kombinálásáért, hogy az ügyfelekszámára minél inkább vonzó legyen. Ezzel biztosítható, hogy a szövegek megfelelő színűek legyenek, és a színek megfeleljenek az arculati kézikönyv irányelveinek. A grafikai tervezés speciális tudományág, és a kiváló megjelenéshez megfelelő szintű kivitelezés és speciális készségek (például tipográfia és színelmélet) szükséges. Gyakran keveredik a vizuális dizájnnal.
- Prototípusok: A makett egy demonstrációs, tervértékelési, promóciós és egyéb célokra használt formatervezési méretarányos vagy teljes méretű modell. A makett a tervezés végső megjelenését jelentette a vizuális részletekkel, például színekkel és tipográfia segítségével. A drótvázok, maketek és prototípusok gyakran keverednek, de voltaképpen ugyanannak a tervezési folyamat különböző szakaszaira vonatkoznak. A drótváz egy elnagyolt módszer a formatervezés bemutatására, felvázolja a szerkezeteket és az elrendezéseket. A drótvázal ellentétben a makett inkább készterméknek vagy prototípusnak tűnik, de nem interaktív és nem kattintható. A makettek számos lehetőséget kínálnak a képernyők strukturálására az alkalmazásokban. Az elrendezések mellett elősegítik a tartalom rendezését és a felhasználói felület érthetőbbé tételét.
- Tipográfia: A tipográfia a kommunikáció művészetének minden formájában jelentős tényező. A betűtípus, megjelenés és szerkezet művészete és tudománya, amelynek célja az esztétikus és könnyen olvasható szöveg eljuttatása az olvasókhoz. A tipográfia hozzájárul ahhoz, hogy a nyomtatásos vagy képernyő alapú projektek üzeneteinek hatása megnőjön. A jó tipográfia: a) jól működik különböző méretekben; b) könnyen megkülönböztethető funkcionális karakterekkel rendelkezik; c) Felismerhető hierarchiával rendelkezik a jobb észlelés érdekében.
Mik egy webes UI designer feladatai?
- Weboldal színeinek kiválasztása
- Formavilág kialakítása
- Karaktertípus választása
- Képek kiválasztása
- Animáció
- Speciális effektek
Melyik fontosabb? A UX design vagy a UI design?
A fentiekből talán már kiderült, hogy a kettő igazán együtt hatékony. UX design nélkül semmi nem fog működni, tehát nyilván szükség van rá.
UI design nélkül pedig senkinek nem lesz kedve használni a termékünket, bármennyire is “jól fog működni”.
A UX design és a UI design nélkülözhetetlen
Webes projektekben ügyelni kell arra, hogy a termékünk UX design és UI design szempontból is kiváló legyen. A projekt ugyanis bármelyik ponton elbukhat.
Ha nem hozza a weboldalad azt a forgalmat azt az eredményt, amit szertnél, akkor el kell gondolkodnod, vajon hol a hiba? A UX design vagy a UI design területén?