User Experience Design ( UX Design← English User Experience, vagy UXD, vagy UED, vagy XD← English User Experience Design ) [1] magában foglalja a hagyományos ember-számítógép interakciót (HCI), beleértve a termék minden aspektusát, ahogyan a felhasználók észlelik őket. [2] .
Az UX-dizájn egy többdimenziós definíció, amely a tudás széles területét fedi le, és jellemzi az online erőforrásokkal való interakció felhasználói élményét [3] , és számos összetevőt tartalmaz: interakciótervezés, információs architektúra, vizuális tervezés, használhatóság és ember-számítógép interakció. Az UX-tervezés célja a felhasználói elégedettség és hűség javítása azáltal, hogy hasznosságot, egyszerű használatot és élvezetet kap az internetes erőforrásokkal való interakció során [4] . A felhasználói élmény kialakításának folyamata magában foglalja a versenyelemzést, olyan minták kidolgozását, amelyek értékesek lesznek egy adott célközönség számára. Az UX tervezés felelős a felhasználó funkcionális észleléséért és az erőforrással való interakciójáért [5] .
A felhasználói élmény tervezése olyan tudományos területeket érint, mint a koncepcionális tervezés, előzetes tervezés, ergonómia [6] . Az ötletre épül a konceptuális tervezés [7] , valamint az UX tervezés. Az előtervezés is rutinmunka, ahol magukat a kódokat fejlesztik, megrajzolják és összeállítják a felület megjelenését stb. [8] Az ergonómia ezzel szemben egy személy és egy rendszer más elemeinek kölcsönhatását vizsgálja; alapelvei és módszerei a rendszerfejlesztés minden szakaszára vonatkoznak : elemzésre, tervezésre, fejlesztésre, tesztelésre, értékelésre és így tovább . [9] A kapcsolódó tudományok mindezen összetevőit alkalmazzák az UX tervezés megvalósításában. Fontos a jövőbeli felhasználó bevonása a tervezésbe, a külföldi gyakorlatban a részvételi tervezés kifejezést használják .
A felhasználói élmény tervezése nem lehet fűthető, mindig az emberi tényezőkön múlikés ezért gyakran egyértelműen észlelik.
Az UX-dizájn létrehozásának célja a termék fejlesztése a következő irányok egyikében vagy mindegyikében [10] :
A 90-es évek elejét jogosan tekintik a felhasználók „aranykorszakának”. Ebben az időben a számítógépes grafika erőteljes fejlődési lendületet kapott a személyi számítógépek árának teljes csökkenése miatt [11] . Azóta a felhasználói interakciós tervezés fejlesztése a szakemberek munkájának szerves részévé vált. Donald Norman a környezet iránti érdeklődésével összefüggésben alkotta meg az "UX design" kifejezést [12] , és széles körben elfogadottá tette [13] . Úgy vélte, a felhasználói felület, valamint a használhatóság túl szűk fogalom, a „felhasználói élmény” kifejezés pedig tágabb, mivel a felhasználó és a rendszer közötti fizikai interakcióra is utal [14] .
A "felhasználói élmény"/UX kifejezés közvetlenül azonosítható a "felhasználói élmény tervezésével", szorosan kapcsolódik a felhasználó-központú tervezéshez és az ember-számítógép interakcióhoz , és magában foglalja ezek egyes összetevőit.
Az alapvető különbség az UX tervezés és a design között, hogy az előbbi egy adott termékkel vagy rendszeren belüli egyes elemekkel kapcsolatos problémákat old meg, amikor a webdesignerek a teljes projektet egészében tervezik [12] .
A felhasználói élmény tervezése számos elemből áll, beleértve a tervezést, a használhatóságot, az információs szerkezetet, a kutatást stb. A felhasználói élményre összpontosító kutatás kritikus fontosságú az UX tervezésében [15] . Az alábbiakban rövid elemzést adunk az alkotórészeiről.
A vizuális kommunikáció a tervezésben lehetővé teszi, hogy információt közvetítsen művészi képeken keresztül, bizonyos vizuális észlelést teremtve a felhasználó számára [16] .
A vizuális kommunikációs tervezést felhasználói felület tervezésnek is nevezik ., kommunikációs tervezés . Az interfész elemek grafikus feldolgozását gyakran vizuális kommunikációs tervezésnek tekintik. A felhasználói élmény kutatása nélkül végzett munka azonban csak grafikai finomítás marad. A vizuális kommunikáció tervezésének célja a vizuális elemek: színek, képek, szimbólumok stb. helyes használata, bizonyos üzenetek közvetítése rajtuk keresztül a közönség felé. Szintén egy UX-tervező munkájában a tervezési-fejlesztési készségek mellett hasznos lehet a gestalt pszichológia alapelveinek ismerete , amely segíti a hatékony vizuális kommunikáció megvalósítását [17] .
Az információs architektúra a weboldalakon és szolgáltatásokon található információk strukturálásának és rendszerezésének tudománya, amely szorosan kapcsolódik a használhatósághoz [18] . Az információs architektúra feladata egy online erőforrás töredékeinek egymáshoz viszonyított helyzetének és összekapcsolásának megtalálása [19] . Az információs architektúra objektumok a webhelyektől a szoftveralkalmazásokig, képekig stb. Az információs struktúra egy elektronikus forrás kialakításához kapcsolódik a felület kialakítása, a navigáció és a keresés szempontjából, aminek köszönhetően az információk egy elektronikus oldalon belül vannak rendezve. Az információs struktúra kialakítása során több szakaszban zajlik a munka: adatok strukturálása, rendszerezés, címkézés, navigáció szervezése.
Adatok strukturálása, rendszerezése, címkézése
Strukturálás az adatok elemzését és csoportosítását foglalja magában [20] . Az UX tervezője feldolgozza az információkat, kialakítja az építőelemeket, majd összekapcsolja őket. A szervezés magában foglalja ezen blokkok egyedi és értelmes csoportosítását. A jelölés segíti a kényelmes navigálást a forrásoldalon vagy az oldalak között, a megfelelő megfogalmazás jelölőként leegyszerűsíti a navigációt és a keresést.
NavigációA navigáció célja az információs objektumok közötti kapcsolatok azonosítása a konkrét felhasználói problémák megoldása érdekében [21] . A választott navigációs modell nagymértékben meghatározza, hogy az online forrás felhasználóbarát lesz-e [22] . Vannak további navigációs modulok is, amelyek a következőket tartalmazzák: webhelykeresés, portáltérkép, regisztráció/engedélyezés stb. [23] Ha az oldal látogatói nem találják meg a keresett információkat a keresősáv lekérdezése nélkül, akkor az információs architektúra navigációja nem működik kielégítően.
A design egy olyan kifejezés, amely az elmúlt évtizedben vált különösen népszerűvé, és az UX design fejlesztésének egyik összetevőjévé vált. A fő tervezési probléma az, hogy hogyan valósítsuk meg pontosan az összetett interaktív rendszerek viselkedését. Az online áruházak vagy egy bevásárlókosárral rendelkező mobilalkalmazás tervezésénél hasznos lesz figyelembe venni a hasonlóságot a fizikai üzletben a vásárlói tevékenységekhez szükséges tér megszervezése és az interaktív termékbe történő átvitel között [24] .
A tervezési folyamatok leírják, hogyan lehet megérteni és meghatározni a felhasználói követelményeket, hogyan lehet ezeket a követelményeket tervezési struktúrává alakítani, és végül hogyan lehet a tervezési elveket és mintákat a legjobban alkalmazni meghatározott beállításokra [25] .
A tervezés közvetlenül kapcsolódik az interfészhez, melynek kiértékelésének fő szempontja az időszakos használhatósági tesztelés legyen [26] .
A tervezés során 3 komponenshez ragaszkodnak: célkitőzés, koncepcióalkotás, modellezés [27] .
Az interakciótervezés megértéséhez számos kulcsfontosságú tényező van. A PCI tervezésében azonban a tapasztalat vált az egyik alapfogalommá, egyrészt magában foglalja a mindennapi szituációkat, amelyekben a felhasználó elmerül, másrészt az általa megszerzett speciális készségek halmazát. high-tech termékekkel való munka [28] . Egy online erőforrás tervezését kritikus szemszögből vizsgáljuk, hogy ennek eredményeként megfeleljen a felhasználó elvárásainakés a jelenlegi felhasználói felület sablonok szabványai szerint készült. A PCI tervezése során az UX tervezők számos tényezőt figyelembe vesznek. Néhány közülük:
Az elmúlt néhány évben az UX-tervezők szerepe a felhasználói felület részleteinek finomhangolása felé tolódott el, és a fejlesztőkkel karöltve az UX-tervezők nagyobb szabadságot kaptak a felületek tervezésében. [30] Emiatt a felhasználói interakciós tervezés a tervezés interdiszciplináris ágává fejlődött, amely interdiszciplináris technikai szempontokat foglal magában a tervezéstől az animációs tervezésig.és animáció a programozáshoz
A használhatóság azt jelenti, hogy egy terméket bizonyos felhasználók bizonyos célok elérése érdekében, hatékonysággal, teljesítménnyel és elégedettséggel képesek elérni egy adott használati kontextusban [31] . A weboldal használhatósága egy webes erőforrás egyszerű és kényelmes használata a látogatók által [32] .
A használhatóság minden ember által használt eszközre vonatkozik, és kiterjed mind a digitális, mind az analóg eszközökre. Így ez a felhasználói élmény egy részhalmaza, de nem teljesen. A használhatóság keresztezi a felhasználói élmény kialakítását, és arra utal, hogy az emberek képesek-e használni egy rendszert vagy alkalmazást. A jó használhatóság elengedhetetlen a pozitív felhasználói élményhez, de ez önmagában nem garantálja azt [33] .
Az akadálymentesítés egy általános kifejezés, amely egy termék azon tulajdonságát írja le, hogy a lehető legtöbb felhasználó használja [34] . A rendszer hozzáférhetősége azt írja le, hogy milyen könnyen lehet elérni, használni és megérteni. A felhasználói élmény tervezése szempontjából ez összefüggésbe hozható az információk és szolgáltatások általános érthetőségével is. Segít lerövidíteni a rendszerhez kapcsolódó tanulási görbét. A hozzáférhetőség sok összefüggésben összefüggésbe hozható a fogyatékkal élők könnyű használatával, és összhangban van a használhatósággal [35] .
A Human-Computer Interaction (HCI) az emberek (felhasználók) és a számítógépek közötti interakcióra összpontosító számítógépes technológia tervezését és használatát tárja fel.
A számítógéppel való emberi interakció megszervezésének kérdése napjainkban számos fejlesztés szerves részévé válik a különböző területeken. Itt a kényelmes használat és a barátságos felület megszervezése kerül az első szintre, a technikai eszközök bonyolultabbá válásával, funkcionalitásuk szélesedésével biztosítani kell a technológiai alkalmazás megőrzését, sőt hatékonyságának növelését [36] [37]. .
Az UX-tervezők fő célja a végfelhasználók problémáinak megoldása és kényelmes élmény biztosítása az erőforrással. Ezért fontos kommunikálni a tervezés koncepcióját az érintettekkel és a fejlesztőkkel – ez kritikus a projekt egészének sikere szempontjából [38] . Ami az UX specifikációs dokumentumokat illeti, ezek a követelmények a termékfejlesztésben részt vevő ügyféltől vagy szervezettől függenek. Négy fő dokumentum: címlap, bevezető, prototípusok és verziótörténet [39] . A projekt típusától függően a specifikációs dokumentumok tartalmazhatnak folyamatmodelleket, kulturális modelleket, karaktereket, felhasználói történeteket, címkéket, navigációt, menüket, szóközöket, szkripteket és bármilyen korábbi felhasználói kutatást. [40]
Az UX tervezési projekt végleges jóváhagyásához a következők szükségesek:
A grafikusok a tervezés esztétikai vonzerejét helyezik előtérbe. Az információk szövegen és képeken keresztül jutnak el a felhasználókhoz. Nagy jelentőséget tulajdonítanak annak, hogy a szöveg és a képek hogyan néznek ki, és hogyan vonzzák le a felhasználókat. A grafikus tervezők határozzák meg a színek, a betűtípusok, a betűtípusok és a képelhelyezés stíluskészletét. A grafikus tervezők arra összpontosítanak, hogy megragadják a felhasználó figyelmét a design megjelenésével. Vizuális koncepciókat készítenek számítógépes szoftver segítségével vagy kézzel, hogy olyan ötleteket közvetítsenek, amelyek inspirálják, tájékoztatják és lekötik a fogyasztókat. Kidolgozzák az általános elrendezést és a gyártási tervezést számos alkalmazáshoz, például reklámokhoz, brosúrákhoz, magazinokhoz és vállalati jelentésekhez. [42]
A Visual Designer (VisD) biztosítja, hogy a terv vizuális megjelenítése hatékonyan közölje az adatokat, és utaljon a termék várható viselkedésére. Ugyanakkor a látványtervező felelős azért, hogy a termékben közvetítse a márkaideálokat, és pozitív első benyomást keltsen; ezt a felelősséget megosztják az ipari tervezővel, ha a termék berendezéshez kapcsolódik. A látványtervezőnek alapvetően a webhely maximális használhatóságára kell törekednie, maximális vonzerővel párosulva. [43]
Az interakciótervezők (IxD-k) valamilyen facilitátorok. Ők felelősek azért, hogy megértsék és meghatározzák a termék viselkedését. Ez a munka több fontos vonatkozásban átfedésben van a látvány- és ipari formatervezőkkel. A fizikai termékek tervezése során az interakciótervezőknek már korán együtt kell működniük az ipari tervezőkkel, hogy meghatározzák a fizikai erőforrásokra vonatkozó követelményeket, és megértsék a mögöttük álló mechanizmusok viselkedési hatásait. Az interakciós tervezők munkája átfedésben van a látványtervezőkkel a projekt során. A látványtervezők megbeszéléseket vezetnek az élmény márkájáról és érzelmi vonatkozásairól, az interakciótervezők pedig az információkat, az áramlást és a funkcionalitást helyezik előtérbe egy felületen. [44]
A tervezés során fontos az összes megállapodás dokumentálása és a specifikációk karbantartása. Közlik a tervezésről a fejlesztőket, az érintetteket, és gyakran maguk a tervezők is, minden információt a projekt feladatainak megvitatása óta hozott döntésekről. [45] [46]
Az UX/IxD tervezők alapelvei:
A használhatósági tesztelés a legáltalánosabb módszer, amelyet a tervezők használnak terveik tesztelésére. A használhatósági teszt fő gondolata annak ellenőrzése, hogy a valós felhasználók hogyan lépnek kapcsolatba egy szoftvertermékkel, a lehető legközelebbi körülmények között [50] . A használhatósági tesztelés során két dolgot ellenőriznek: jó-e a termék dizájnja, és ha nem, hogyan lehet javítani. Amíg a tervezők tesztelik, a tervezést tesztelik, nem a felhasználót. Ezen kívül minden formatervezés fejlődik. A tervezők a tervezési folyamat minden szakaszában használhatósági tesztelést végeznek.
Az online felhasználói élmény javítása érdekében azon kell dolgoznunk, hogy a felhasználói élményt a fejlesztői kultúra alapjává tegyük [51] .