DIGITÁLIS TERMÉKEK TERVEZÉSE
A víziótól a megvalósuló termékig
Egy komplex digitális termék (legyen az portál, webáruház, alkalmazás vagy szoftver) felhasználói élmény tervezése sok, egymásra épülő lépésből áll és sosem a felhasználói felület dizájnjával kezdődik. A tervezés ott indul, hogy átgondoljuk, mit fognak tenni a website-on a látogatók, megfigyeljük hogyan viselkednek és kattintásról kattintásra megtervezzük a használat módját. Lássuk, hogyan is néz ki ez a felfedezőút, mik egy sikeres online terméktervezés legfontosabb lépései!
Hőtérképes vizsgálatok és forgalomelemzés
Meglévő portál átalakítása esetén hőtérképes és forgalomanalitikai elemzéseket végzünk, amely során a felhasználók viselkedését tárjuk fel (pl. mozgások, görgetések, kattintások). Az egyes oldaltípusok átvilágítása során azonosítjuk a konverziós lemorzsolódásokat és feltárjuk a fájdalompontokat. A kutatási eredményekből egy tervezési vezérfonal készül, amely kijelöli, hogy az ergonómiai tervezésnek az egyes felületek esetében milyen fókuszt kell venniük.
Best practice kutatás
Egy webes terméket jellemzően nem egyetlen alapötlet tesz kiválóvá, hanem sok elképzelés, apró, ámde egyedi megoldás. A best practice kutatás során mintaértékű megoldásokat gyűjtünk és rendszerezünk a készülő termék számára. Célja, hogy funkcionális ötletekkel és ergonómiai elképzelésekkel segítse elő a terméktervezést. Emellett fontos feladata, hogy tisztán lássuk: a konkurensek milyen megoldásokat alkalmaznak, ezekből mit érdemes adaptálnunk, és mivel válhatunk egyedivé?
Kvalitatív vizsgálatok
Buyer / user persona alkotással felállítjuk a felhasználókkal kapcsolatos hipotéziseket, a termékkel kapcsolatos elvárásokat, attitűdöket és a megoldandó élethelyzeteket pedig irányított felhasználói interjúkkal mélyítjük. Az információs architektúra kialakításához jellemzően a card sorting módszertanához nyúlunk, amely során kulcsfelhasználókkal csoportosíttatjuk a tartalmakat, majd azokat szoftveresen kiértékeljük.
Wireframe tervezés
Az ergonómiai tervezés döntések sorozata. Mit mutassunk meg egy képernyőn és mit rejtsünk el? Hogyan lehet egyszerűbbé tenni egy funkciót? Miként fókuszáljuk a felhasználó figyelmét egy adott irányba? Ezen kérdések eldöntéséhez drótvázakat (wireframe terveket) készítünk, amelyek gyakorlatilag a készülő webes alkalmazás felületek szabásmintái. A wireframe tervek tartalmazzák a portál valamennyi oldaltípusának összes állapotát, és egyértelműen orientálják a későbbi látványtervek elkészítését.
UI design
A tényleges látványvilág megtervezése az adott oldaltípus drótváz tervein alapszik. Egy kiválasztott layoutra webarculati koncepciókat készítünk, majd a legjobb variációt tökéletesre finomítjuk. Csak azt követően látunk neki az aloldalak, alsóbb szintű felületek grafikai tervezésének, ha már egy főképernyős design terv formájában véglegesítettük a felhasználói felület arculati jellemzőit. A UI design során a drótvázak alapján elkészítjük a látványterveket valamennyi releváns reszponzív állapotban.
Mikrointerakciók
Tökéletesen kidolgozott gombok, igényes hover hatások, elegáns, finom mozgatások. Ezektől élő és intuitív egy user interface. Nemcsak statikus látványterveket készítünk, de kialakítjuk a mikrointerakciókat és az animációs szabályrendszert. A precíz részletgazdagság kidolgozása ugyan tovább tart, de az eredmény mindig magáért beszél.
UI kit kialakítása
A UI kit a főbb design komponenseket és a projektre jellemző webarculati szabványokat definiáló állomány, amelyben az összes fontos visszatérő elem (gombok, formok, kiajánlók, boxok, stb.), valamint a készülő terméket meghatározó színvilág, tipográfia és ikonhasználat szabályrendszerét véglegesítjük. A UI kit biztosítja, hogy a visszatérő komponensek egységesek legyenek az összes felületen és a frontend fejlesztést is hatékonyabbá teszi.
Layout fejlesztés
A felhasználói élmény nem ér véget a design tervcsomag elkészítésével. Annak éppúgy része a frontend kialakítás, vagyis a pixelpontos megvalósítás, az animációk és a precízen kidolgozott reszponzivitás. A grafika és a sitebuild kéz a kézben járnak. A webdesign ma már egy technológiák által vezérelt szakterület, amelyhez szükséges a design érzékenységet támogató fejlesztői tudás. A felhasználói élményt ezért kompletten kivitelezett, jó minőségű frontend megoldásokkal tesszük teljessé.
Szuper kiváló és olcsó Acer Hp, Samsung, Huawei, Iphone mobiltelefonok, Laptop, Notebook akció: Asus, Acer, Lenovo, HP, smart full hd tv, Xbox one, PS5, ps4
Samsung, mobiltelefon, laptopok, Huawei Huawei, Acer, hp Notebook, laptop,mobiltelefonok, Samsung legjobb Samsung mobiltelefonok és tartozékok, laptopok, Huawei legjobb Samsung,Asus Hp laptop, notebook, Huawei mobiltelefon legjobb iphone okostelefon, laptopok, ps4, xbox, Samsung, Huawei legjobb Huawei mobil telefon, Samsung, Xbox, Ps5,Samsung legjobb televízió Wiki legjobb Huawei telefonok, Laptopok, Xbox one, ps4, ps5, Samsung legjobb xbox, laptopok, Ps4, mobiltelefonok, Huawei, Samsung kiváló mobil telefon, laptopok, xbox, Samsung, Huawei Szuper kiváló és olcsó Acer, HP Samsung, Huawei, Iphone mobiltelefonok, Laptop, Notebook akció: Asus, Acer, Lenovo, HP, smart full hd tv, Xbox one, PS5, ps4
A bejegyzés trackback címe:
Kommentek:
A hozzászólások a vonatkozó jogszabályok értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a Felhasználási feltételekben és az adatvédelmi tájékoztatóban.