Mi a különbség UI és UX között?

Kocsis Kata képe
Egy tipikus felhasználói felület



Két lépten-nyomon használt "buzz word" a webdesign világából, amelyek fontos fogalmakat takarnak, de csak kevesen vannak tisztában vele, pontosan mit is. Ebben a blogbejegyzésben megpróbálok rávilágítani a lényegre, lehetőleg úgy, hogy ne kelljen komoly rendszerszervezői, illetve termékfejlesztői tapasztalatokkal rendelkezni a megértéshez.

A webdesign tanfolyamra jelentkezők közel 20%-a meg van róla győződve, hogy a két rövidítés ugyanazt jelenti (pedig aki jelentkezik, az már mélyebben érdeklődik a honlapkészítés témaköre iránt).

Felhasználói felület - User Interface (UI)

Az a konkrét rendszer, amellyel a felhasználónak érintkeznie kell, amikor az adott terméket, vagy szolgáltatást igénybe veszi. Rendszerint vagy egy számítógépen, vagy valamilyen mobil eszközön megjelenő grafikus felület az első, amin keresztül a felhasználó kommunikálni tud. Nem biztos, hogy a tökéletesen megrajzolt, pixel-perfect gombok, fülek és hátterek jó felhasználói felületet biztosítanak. Sokkal fontosabb szempont, hogy a felhasználó igényeit felismerve, kényelmesen, erőfeszítések nélkül találja meg a válaszokat a kérdéseire, illetve a megoldásokat a problémáira. A jó felhasználói felület tervezésekor először a rendszerszervezői
agyunkat használjuk, és csak a rendszer kialakítása után van értelme elgondolkodni a grafikus elemeken.

A jó felhasználói felület ismertetőjegyei

Ha el szeretnél mélyülni a témában, az UI tippek alatt részletes, képernyőképekkel illusztrált tippeket találsz a jó konverziót produkáló felhasználói felület kialakításához. Ezek a blogbejegyzések úgy születtek, hogy tesztekkel bizonyítottuk a két verzió közötti különbséget, tehát nem teoretikus, hanem tapasztalati eredmények. Most csak négy olyan elméleti tényezőt emelek ki a sok ismérv közül, amelyeket én személy szerint a legfontosabbnak tartok.

1. Konzisztens
Következetesen használt grafikai elemek. Ugyanazt mindig ugyanolyan módon jelenítsük meg. Ha egy fonttípus címként jelenik meg az egyik oldalon, akkor az összes többin is ilyen szerepben használjuk. Alapvető a könnyen áttekinthetőség szempontjából, hogy vizuálisan jól elkülöníthetőek legyenek a kattintható elemek, a linkek és a gombok. Az akció gombok színe mindenhol ugyanolyan legyen. Mindezt megtámogatja a jól megtervezett és következetesen alkalmazott márka- és arculat-tervezés (brand és identity design).

2. Áttekinthető
Annak a felhasználónak is magától értetődő, nyilvánvaló a felület kezelése, aki először jár az oldalakon. Tiszta, átlátható, egyszerű képernyőképek és folyamatok jellemzik a jó felhasználói felületet. Ha gondolkoznia kell, ha várakoznia kell, akkor valamit nem jól csináltunk. Ha a rendszer bonyolult, akkor jöhetnek a videós "Hogyan...?" típusú oktató filmek, amelyek lehetőség szerint célközönség és probléma szerint, gyakorlati szemszögből mutatják be a rendszer használatát.

3. Hibatűrő
A felhasználó (sajnos vagy szerencsére?) nem a fejlesztő klónja. Önálló személyiséggel, és saját ötletekkel bír. Ami azzal jár, hogy a gombokat máshogy fogja nyomogatni, és képes lesz ctrl + alt + karaktereket bevinni a beviteli mezőkbe. Olyan felhasználói felületet kell biztosítanunk, ami lehetőség szerint nem engedi hibázni. Nem írhat be betűket a telefonszám mezőbe, nem léphet tovább a kötelező mezők kitöltése nélkül, és akkor sem történik katasztrófa, ha a kislánya rátenyerel a billentyűzetre.

4. Egyértelmű szöveges üzenetek
Mielőtt bármilyen kérdés merülhetne fel a felhasználóban, a címkék, tippek, buborékok már meg is válaszolják azt. Újságírói tapasztalat, hogy sokkal nehezebb egy mondatban elmondani valamit, mint egy bekezdésben. A szöveges üzeneteket az adott helyzetben mindenkinek értenie kell, a legjobb, ha egy csapat dolgozik rajtuk, és tesztelik is a felhasználókon.

Felhasználói élmény - User Experience (UX)

A felhasználói élménynek fontos része a jól kialakított, magától értetődő egyszerűséggel kezelhető felhasználói felület, de azért sokkal több ennél. Minden olyan érzelem, érzet, tapasztalat, amely a termék, vagy szolgáltatás használata közben a felhasználóban keletkezik a felhasználói élmény részét képezi. Az internetes szolgáltatások tervezése során egyre tudatosabban törekedtek rá, hogy a felhasználói élmény kiemelkedő legyen. Nagy előrelépés volt, amikor a honlaptervezés során már a felhasználói élmény is szemponttá vált.

Meg szoktam kérdezni a hallgatóimtól, mi az első felhasználói élmény egy webshopban való vásárlás során. Általában azt válaszolják, hogy amikor megnyitom a böngészőben a webshopot, akkor a címoldal az első felhasználói élmény. Én ennél sokkal komplexebb megközelítést alkalmazok. A felhasználói élmény már akkor elkezdődik, amikor először hallok az adott márkáról. Amikor elolvasom a Forbes cikkét a Manna szappan tulajdonosával. Amikor felfedezem egy női magazinban a Manna szappan reklámját. Amikor feliratkozom a hírlevelükre, akkor már van némi fogalmam, előképem, esetleg előítéletem a márkáról, illetve a termékről.

A UX design, azaz a felhasználói élmény tervezése azért olyan izgalmas feladat, mert az informatika, folyamatszervezési kérdéseken messze túlmutat. A jó UX tervező pszichológiai, érzékelési, marketing kutatási eredményeket is felhasznál, miközben az első pillanattól fogva megpróbálja kézen fogva vezetni a felhasználót. A befolyásolás és benyomáskeltés művészete ez, amelynek során megpróbálunk a másik ember értelme mellett az érzelmeire is hatni.

Éppen ezért a jó felhasználói élmény nagyon sokféleképpen lehet "jó". Egy fiatalokból álló célközönségnek mást tervezünk, mint az 50+ korosztálynak. A folyamatoktól kezdve, a felhasznált animált hatásokon át a fonttípusig mindenre lehet hatása a célközönségnek és a termék típusának. Tulajdonképpen ez az oka, hogy egyetlen kulcsfontosságú tényezőt emelnék ki, amely nélkülözhetetlen a tudatos és sikeres felhasználói élmény tervezéséhez. Meg kell ismerni és meg kell érteni a felhasználó viselkedését, attitűdjét, vágyait, céljait. Be kell azonosítani azokat az elemeket, amelyek a felhasználót befolyásolják, amelyek hatással vannak rá. Elemezni kell az adott termékcsoporthoz, szolgáltatáshoz, a technológiához való viszonyát, a vásárlási szokásait, a trendekhez illetve a márkákhoz való viszonyát.

Ha terméket fejlesztesz, vagy internetes vállalkozásban gondolkodsz, ne hagyd ki a felhasználói élmény óriáskerekét megmutató blogbejegyzést sem.

Miből tevődik össze a felhasználói élmény?



Szerző: Kocsis Kata

Hozzászólások

Sleep apnea is a very difficult thing to live with, both for the sufferer and for people living and sleep with him or her. If you fit into either of these categories, then you know just how frustrating it can be. Read through the tips found in this article to learn the best way to survive this problem! Skip sleeping pills if you are prone to bouts of sleep apnea. You may feel you need them to get to sleep, but they have a similar effect as alcohol on the body. They also have additional side effects besides the obvious ones. Stay away if you want to lessen your sleep apnea symptoms. Try your best to lay off tobacco and nicotine products. Cigarette smoke can irritate your upper airway causing it to swell up, subsequently hindering your ability to breath during the night. Quitting smoking could therefore, significantly improve your sleep apnea symptoms and will also improve your body's overall health and your feelings of well-being. If you suffer from sleep apnea, it is vital to avoid consuming alcohol before bedtime. Alcohol acts as a sedative, therefore, it will naturally slow down your breathing. In addition, it will relax all the muscles in your body, including those in your throat that help to keep your airway open. Understand the effects that smoking and drinking alcohol have on sleep apnea, if you are trying to get a grip on your quality of sleep. Smoking enlarges airways, while alcohol can relax them too much, both of which will contribute to the symptoms of sleep apnea severely. Consider making the necessary cut-backs that will cut down on your sleep problems. Clear up your nasal passage before heading to bed. If you suffer from sleep apnea and have problems with a "stuffed up" nose, using a nasal spray or device can help clear your nasal airway. This is not a permanent solution, but one you can use when your apnea symptoms are the worst. Remember to keep your medical ID upon your person if you make use of a CPAP for your sleep apnea. If you are in need of medical attention, it is important that the people helping you realize you have sleep apnea and use CPAP therapy. With your ID you can inform medical personnel about your sleep apnea and your CPAP device. The most important aspect of dealing with sleep apnea is understanding exactly what it is. Unlike simple snoring, it is when a sleeper stop's breathing for a short period of time while he is sleeping. If your sleep partner tells you that sometimes you stop breathing, there is a good chance you have apnea. If simple changes in your lifestyle, such as regular sleep hours and losing weight, have not eliminated your sleep apnea episodes, it is time to consult with a sleep specialist. The specific causes of your sleep apnea can be evaluated, and an individual treatment plan can be designed for you. Sleep apnea can cause many problems beyond just the inability to get a good night's sleep. If you let your condition go untreated, it may get worse over time. Getting enough sleep is crucial to your overall level of health, so start using the tips you have read in this article right away to find relief. <a href=https://www.viagrasansordonnancefr.com/>viagrasansordonnancefr.com</a>

Új hozzászólás

Kocsis Kata

programtervező matematikus, webdesign oktató
Kocsis Kata, programtervező matematikus, webdesign oktató

Életem legfantasztikusabb döntése volt a sok kompromisszummal terhelt alkalmazotti lét feladása. Nagyon büszke vagyok négy éve alapított saját cégünkre, ami az én szememben életforma, hivatás, közösség és gyönyörű célok együttese. A Kreatív Webdesign Tanfolyamok nem egyszerűen online tanfolyami termékek a számomra. A szaktudáson, a tapasztalaton túl olyan értékeket is szeretnék közvetíteni, amelyek a mai társadalomban hiánycikknek számítanak. A vizuális kultúra és igényesség fejlesztése, a művészet és az alkotás becsempészése a hétköznapokba, az együttműködésben rejlő erő megtapasztalása azoknak a hallgatóknak is nagyon sokat adhat, akikből végül nem is lesz webdesigner.

Melyik témák érdekelnek a legjobban?

* kötelező mezők



Ezek a témák érdekelnek

Kicsi a bors csomag - Honlaptervezés kisvállalkozásoknak

Az akció keretében a Webdesign Workshop modul mellé a Kicsi a bors honlaptervezés csomag részeként megkapod ajándékba a Felhasználói élmény tervezés modul teljes anyagát. Egyetlen modul árával megegyező összegért 6 havi tudásanyagot kapsz, ha december 23.-ig rendelsz.

A kisvállalkozások igényeire szabva

ÁR: 48.260 Ft + áfa

Minden gyakorlati feladat a saját honlapodra vonatkozik.

Tovább a részletekre ->

Go to top