8 felhasználói felület-tervezési tippek vagy hogyan lehet hatékonyan használni a felhasználói felületet? | SpdLoad

A hatékony felhasználói felület segít a felhasználóknak bizonyos műveleteket könnyedén, elégedetten és teljes ellenőrzéssel végrehajtani. Ezért kritikus fontosságú a jó felhasználói felülettervezési tippek követése. És tisztában kell lennie a különbséggel az UX és az UI kialakítása között.

Ha az UI tervezése sikeres, akkor láthatatlanná válik a felhasználó számára. Annyira ügyessé válik, hogy előre tudja milyen cselekedetet fog végrehajtani a felhasználó.

A felhasználói felület olyan elemeket és struktúrákat mutat be, amelyek segítik a felhasználót a sikeres és könnyű műveletek végrehajtásában. Úgy tűnik, hogy a látogatók még a felhasználói felületet sem veszik észre.

Osztom néhány tippet, amelyeket grafikusként utaztam. Megmutatom, hogy ezek az egyszerű tippek hogyan segíthetnek Önnek kiváló felhasználói felület kialakításában.

8 alapvetően jó felhasználói felület-tervezési tipp

Egy kezdő tervező és sok felhasználó számára az UI egyszerűen egy weboldal "kinézete". A valóságban ennél sokkal több.

A vizuális tervezés, az interaktív tervezés és az információs architektúra fogalmait foglalja magában.

Ezen felül olyan interfészek és kommunikációs pontok építése, amelyek zökkenőmentes, intuitív és ismerősé teszik a feladat elvégzését.

De mi különbséget tesz az MVP tervezésében a hatékony és haszontalan felhasználói felület között?

Nézzük meg 8 tippet.

Kezdje az UX felhasználói kutatással

A felhasználói felület kialakításában minden a felhasználótól kezdődik.

A felhasználók által könnyen kezelhető webhelyek létrehozásához tanulmányozza meg, hogyan viselkednek a felhasználók és hogyan működnek együtt a weboldalakkal. Ismerje meg munkafolyamataikat, folyamataikat, és nézze meg, hogyan közelítik meg feladataikat.

Minél többet ismeri a felhasználókat, annál jobban előre tudja jelezni a felhasználói igényeket és hatékonyan vigyáz rájuk.

A felhasználói kutatások lehetővé teszik, hogy megtudja, hogyan, mikor, hol és miért fogják használni a terméket a fájdalom megoldására.

Állítsa be a felhasználói felület tervezési elvárásait

A konzisztencia és a megismerés az UI tervezésének fontos fogalma.

A felhasználók megszokták, hogy bizonyos módon hozzáférjenek a weboldalakhoz és velük együttműködjenek.

Ha egy webhely felhasználói felületének tervezése eltér a megszokottól vagy elvárástól, ez kockázatot jelenthet.

Bátoríthatjuk őket, hogy kipróbálják egy ideig. A folyamat akadályai vagy frusztrációi azonban leállíthatják az egész dolgot. Az ügyfelek távoznak, valószínűleg soha nem térnek vissza.

Győződjön meg arról, hogy webhelye ismerős elemeket tartalmaz az ismerős helyeken. Jó megközelítés a prototípus használatának tesztelésének megkezdéséhez.

Amikor a tervezéssel kísérletezik, feltétlenül tájékoztassa a felhasználókat, mielőtt rákattintanak, melyik gomb fogja végrehajtani a műveletet.

Pl. Egy apró felbukkanó ballon, amely oktatási példányt tartalmaz. Sok olvasóalkalmazásban és webhelyen a címikon közelében a szív ikon fölé mutogatva olyan szavak jelennek meg, mint például: Kattintson a Mentés a Kedvencekbe lehetőségre.

Egy ilyen használati példány elég hatékonyan képes kezelni a felhasználói elvárásokat.

Hasonlóképpen, tudassa vele a felhasználókat, amikor olyan intézkedéseket terveznek végrehajtani, amelyeket nem lehet visszavonni. Például e-mail, oldal vagy webhely törlése. Kérdezze meg tőlük, hogy biztosak-e benne.

Ha vannak, akkor továbblépnek, ha nem, akkor a tényleges felhasználói felület csak megmentette őket véletlen kattintásoktól.

Gondoskodjon a felhasználói felület gyors reagálásáról

A felhasználói felület kialakítása a felhasználókkal való kommunikáció és kommunikáció pontja.

Ha rákattintok egy linkre, azt várom, hogy kinyílik. Egy gomb megnyomására számítom, hogy megváltozik a színe.

A felhasználói felület kialakításában az adás-vétel és a cselekvés és válasz folyamata dominál.

Amint a felhasználók kapcsolatba lépnek az Ön webhelyével, ügyeljen arra, hogy a weboldal gyors és gyors legyen a válaszaival. A görgetés zavartalan és szellős, a pozitív tevékenységeket kiemelik, és az összes linkre kattinthatóak - 3 másodperc alatt, felsőkkel.

Minden további másodpercben számolni kell az oldalmegtekintések számának csökkenésével és az alacsonyabb vevői elégedettséggel, ami végül a konverziók veszteségéhez vezet.

A lassú reagálású webhelyek nemcsak csalódást okoznak a felhasználók számára, hanem kétségessé teszik az embereket is abban, hogy a dolog elsősorban működik-e vagy sem.

Nem akarja, hogy ilyen kétségekkel társuljon. Kezelje ennek megfelelően webhelyének betöltési sebességét, valamint az elemek válaszidejét.

Az elem elhelyezése és mérete

Az UI kialakítása a kattintásokra, a csapokra és a görgetésekre vonatkozik.

Biztosítania kell, hogy minden alkalommal, amikor egy felhasználó a webhelyére kattint, a kattintás konverzióvá válik. Ahhoz, hogy ez megtörténjen, ügyeljen a webhely elem elhelyezésére és méretére.

Mindig tartsa a megfelelő méretet és az elhelyezést elég tágas legyen. Kerülni kell a kattintási hibákat. Ezenkívül tegye a gyakran használt gombokat - küldés, küldés, indítás - láthatóbbá és nagyobbá, mint mások.

Ugyanaz a főmenü listákkal. Helyezze őket magasabbra a hierarchiában, mint a kiegészítő menük, például kategóriák.

Megtanulja a hatékony felhasználói felületek észlelésére, amikor csak találkozik.

Tedd egyszerűvé a tervezést

Az összes projektnél, amelyen dolgoztam, ezt a tanácsot mindig sikeresnek találtam. Nincs semmi, amit egy egyszerű felhasználói felület kialakítása nem javít vagy javít.

Egy egyszerű kialakítás mellett a felhasználók kognitív folyamatainak nem szabad megsérülniük.

Könnyű döntéseket hozni, hatékonyan elvégezni a feladatokat, és nincs szükség felesleges elemekre.

A kezdő tervező olyan felhasználói felületeket hozhat létre, amelyek magas szintű tervezésűek, vizuálisan gazdagak, de a funkcionalitás szempontjából sok kérdés merült fel.

Az egyszerű webdizájn valójában egy tapasztalt, tapasztalt tervező jellemzője, és ezt rendkívül nehéz feladat elvégezni.

Az egyszerűbb tervezésnél sokkal inkább támaszkodnia kell a kreativitására és a tervezési ismeretekre, mint a felületes vizuális csapdákra.

Tehát, amikor elkezdi dolgozni a következő felhasználói felület kialakításán, keressen egy egyszerű felületet.

Arra törekszenek, hogy olyan mintát készítsenek, amely megkönnyíti a funkciót. Engedélyezze az embereknek, hogy vendégként kijelentkezjenek, amikor online vásárolnak.

A menü elrejtése helyett egyszerűsítse.

A blogkategóriák könnyebben hozzáférhetővé tétele helyett az egész oldalra csempészésével próbáljon meg rácsot használni, hogy az elrendezés szerkezetét adjanak.

Ezekkel az egyszerű csempészekkel (amelyek sok gondolatot igényelnek és néhány maroknyi Eureka! Pillanatot igénybe vehetnek) rövid időn keresztül tudják kivezetni a felhasználói felület tervezésének hatékonyságát.

Tervezés az akadálymentesség szempontjából

Egyik felhasználói felület kialakítása sem lehet igazán hatékony, ha nem felel meg a szélesebb közönség igényeinek. Beleértve azokat is, akiknek különféle akadálymentességük van.

Az ilyen közönség nagy része olyan felhasználókból áll, akik különféle látással kapcsolatos kihívásokkal szembesülnek. Mint például a színlátás különböző formái (CVD), csökkent látás, homályos látás és az életkorral kapcsolatos látásproblémák.

Ezen közönség felhasználói felülete nem lehet színközpontú, mint a legtöbb felhasználói felület kialakítása. Annak érdekében, hogy a felhasználók segítséget nyújtsanak a látás, a látás és a CVD kérdésében, kritikus fontosságú, hogy a felhasználói felület kialakítása színek és ikonok egyesítése legyen.

Konkrétan a CVD közönség számára a színek önmagukban nem szolgáltatnak elegendő információt.

Például, ha a rendszer riasztási értesítését kizárólag színekkel (zöld és piros) tervezték, akkor a vörös-zöld színű látássérült személyeknek nehéz lesz kitalálniuk, melyik gombra kattintanak.

Hasonlóképpen, és talán kevésbé súlyos skálán az e-kereskedelemmel foglalkozó webhelyek, amelyek nem jelenítik meg a színes információkat szöveges címkékkel, szolgálatot tesznek a szín-vak felhasználók számára.

Ha olyan emberekről beszélünk, akiknek csökkent látása vagy rossz látása van, akkor a szürkeárnyalatos webhelyek különösen rémálom. Ezek az oldalak esztétikai szempontból kellemesnek tűnnek, de nem felelnek meg a használhatósági előírásoknak.

Gyenge kontrasztarányok, kisebb és elhalványult tipográfia, valamint szürke-fehér témák esetén ezen oldalak néhány másodpercnél hosszabb böngészése fejfájást okozhat a látásproblémákkal küzdő személyek számára.

A hatékony felhasználói felület kialakításának megteremtése érdekében, figyelembe véve az akadálymentességet és a kompromisszumok nélküli vizuális szépséget, vegye figyelembe a következő bevált gyakorlatokat:

  • Ismerje meg, melyik színkontraszt jobb és rosszabb a CVD és más eltérő képességű közönség számára. Online kontraszt- és szín-ellenőrző eszközöket használhat: - Szín Oracle, Sim Daltonizmus és Kontraszt-ellenőrző stb.
  • Mindig jelölje meg a színeket a termékképeiben / leírásaiban, ha e-kereskedelemmel foglalkozik.
  • Ügyeljen arra, hogy linkeit mindig aláhúzza, mivel a színhiányos közönség csak a színváltozást hagyhatja el.
  • Adjon hozzá mintákat, textúrákat és alakváltozásokat, hogy kiegészítse a színeket az adatmegjelenítő táblázatokban és grafikonokban.
  • Győződjön meg arról, hogy a webhely elsődleges gombjai megfelelően meg vannak különböztetve a többi gomból. Mint egy jó forrás, amely segít megérteni az akadálymentesség kialakítását, itt található egy hasznos link.

Hozzon létre egy rugalmas webhelyet

A Google már régóta elindította a webhelyek első mobilindexelését a keresési oldalain, tovább fokozva a mobil felhasználók és az asztali felhasználók figyelmét.

Ez a váltás minden olyan vállalkozást megmozdított, amely meg akarja tartani a jó SEO-t és az erős konverziós arányt, és elkezdi reagáló webhelyek létrehozását.

Folyékony kialakítású, amely átrendezi és beállítja azt, hogy illeszkedjen minden olyan képernyőhöz, amelyhez hozzáfér.

Megőrzi a felület szerkezeti és vizuális minőségét, miközben a felület optimális megtekintését biztosítja, függetlenül a képernyő méretétől vagy az eszköz típusától.

Míg a reagáló kialakítás önmagában nem felel meg a web akadálymentességére vonatkozó irányelveknek, az újabb és modern felhasználói felület kialakítása egyre inkább befogadóvá válik.

Számos példát látunk olyan webhelyekre, amelyek nemcsak reagálóak, de elérhetők is. Például,, és a reformáció, most a fejem tetején.

Természetesen hosszú távon ilyen webhelyek lesznek a nagyobb forgalommal, szélesebb körű és potenciálisan több konverzióval.

Ha olyan felhasználói felületet tervez, amelynek célja a forgalom átalakítása, logikus értelme olyan tervezési stratégiákat alkalmazni, amelyek sok ember és sok eszköz számára működnek.

Gyakorolja a szemét a jó tervezésre, és gyakorolja, gyakorolja, gyakorolja!

Ezen tippek egyike sem lesz hasznos, ha nem fekteti be a gyakorlatot és annak kutatását. Tegye szokássá a jó tervezés észlelését, amikor az oldalakat böngészi. Keressen olyan funkciókat, amelyek működnek egy webhelyen, és azokat, amelyek nem.

És nézd meg, hogyan tenné másképp.

Ezenkívül fektessen idejét és bármilyen erőforrását a felhasználói kutatásba. Beszéljen a felhasználókkal a tervezés különböző szakaszaiban. Ők lehetnek a legjobb információforrások, ha folytatják az MVP fejlesztésével folytatott munkájukat.

Figyelje meg, hogyan működnek együtt a felhasználói felülettel, és vannak-e hiányosságok, amelyeket javíthat, javítandó elemek, vagy akadályok, amelyeket kiküszöbölhet.

Gondoljon továbbá felmérésekre és fókuszcsoportokra. Ez utóbbi különösen hasznos lehet az ütköző nézőpontok összegyűjtésében, amelyek végső soron elősegítik a formatervezést.

A felmérések a leggazdaságosabb és legmegfizethetőbb felhasználói kutatási lehetőségek. Felmérheti a kollégáit is az alapkutatás céljából, majd gondolkodhat úgy, hogy fektessen be pénzeszközöket ahhoz, hogy nyerjen olyan nehéz tényeket, amelyek elősegítik a tervezési folyamatot, és szilárd alapot nyújthatnak.

Végül, de nem utolsósorban, a gyakorlat. Őszintén szólva, ez a legjobb tanács, amit adhatok. A gyakorlat nem teszi tökéletesévé, de biztos, hogy közelebb hozza Önt.

Hatékony felhasználói felület - mi következik?

Szóval megvan

8 személyesen tesztelt és ellenőrzött tervezési tipp, amelyek egy időben megmentettek a bőröm. Remélem, hogy ők is ugyanolyan hasznosak számodra.

Fontos megjegyzés, hogy nincs hibátlan felhasználói felület kialakítás. Ez egy folyamatos tanulás a felhasználóktól, és nemcsak azt adja meg nekik, ami megfelel a céljaiknak, hanem javítja a folyamataikat is.

Tehát folytasd a tanulást.

Eredetileg a https://spdload.com webhelyen tették közzé.