Négy UX tervezési technika a felhasználó elkötelezettségének ösztönzésére
A felhasználók ösztönzése arra, hogy maradjanak és használjanak egy webhelyet, nem mindig tartalmaz karcsúbb kódot vagy szépebb grafikát. A legegyszerűbb elrendezések, mint például a Reddit, továbbra is a felhasználókat a tartalommal együtt viselik, és örömmel lépnek kapcsolatba a webhelypel.
A titok a felhasználói élményben rejlik a hogyan webhely funkciók. Az interakciók az oldalelemekből és az egy oldalról a másikra mozgó műveletekből származnak.
Ebben a hozzászólásban megnézem néhányat UX tervezési technikák amit alkalmazni lehet javítsa a felhasználói élményt és növelje a felhasználói elkötelezettséget. Ne feledje, hogy ezek nem mindig minden webhelyre érvényesek, és fontosabb megérteni, hogy miért működnek ezek a technikák, így használhatja a saját ítéletét.
A felhasználói élmény tárgya hatalmas, és türelmet igényel a teljes megértés érdekében. De minél többet gyakorolsz, annál többet fogsz érteni
A legjobb dolog, amit tehetsz játszani a kívánt webhelyeken és kitalálni amit akarsz róluk. Az Ön tapasztalatai alapján extrapolálhatja a következetes ötleteket, és kitalálhatja, hogy mi (és talán mások) megtartja a honlapot.
1. Használja a Kontrasztot a Figyelem felhívásához
Minden webhely egy maroknyi elemet tartalmaz a felhasználói interakcióhoz. Hiperhivatkozások, gombok, beviteli mezők, oldalsáv-widgetek, a lista folytatódik. De nem minden elemet kell egyenlővé tenni. Egyesek természetesen fontosabbak a látogatók bevonása szempontjából, és meg kell tervezni őket nagyobb kontraszt az oldal egyéb elemei közül kiemelkedik.
Ez az elképzelés a magas szín kontrasztból és az emberek vizuális adatmintáinak feldolgozásából ered. Amikor valami kiemelkedik a környezetéből, akár szín, méret, forma, akár térközzel a kontextus alapján fontosabbnak tűnik.
Használja a kontrasztot, hogy felhívja a figyelmet bizonyos oldalelemekre, amelyek a látogatókat egy adott feladathoz kapcsolják. Ha a cél az, hogy több hírlevelet regisztráljon, akkor az előfizetési mezőben lehet egy élénk animált bejelentkezési gomb vagy egy egyedi vektor ikon.
A cél az, hogy figyelmet szerezzünk egy olyan felület létrehozásával, amely a látogatókat a kívánt művelet (ek) végrehajtására vonzza.
Ha van ideje, érdemes néhány A / B esettanulmányt futtatni, hogy lássa, mely színek / elemek játszanak együtt a legjobban. A statisztikákat nehéz pontosan meghatározni, de meglepődhet, hogy mennyire lehet tanulni egy egyszerű osztott tesztből.
2. Ízléses UI / UX animáció
A közelmúltban megbotlottam egy olyan posztra, amit a Disney Know About Interface Animation című témakörben találhat. Ez magában foglalja az animáció létfontosságú pontjait és azt, hogy ezek hogyan játszanak a sík 2D-s képernyővel kommunikáló felhasználók pszichéjéhez.
Különböző típusú animációk bizonyos viselkedést jelenthetnek. Például, ha egy gomb fölé lebeg, előfordulhat, hogy ugrál, hogy megmutassa, hogy ez kattintható. A hibaüzenetek gyakran rázzák, hogy felhívják a figyelmet a felhasználóra.
Emlékezz arra Az UX animációnak láthatónak, de finomnak kell lennie. A vadon élő, felülről készült animációk inkább a TV-re és a filmekre vonatkoznak, mint interfészekre.
De ez nem jelenti azt, hogy az interfészeknek laposnak kell maradniuk. Valójában a legtöbb felhasználó Inkább van egyfajta animáció, mert ez egy simább élmény illúzióját adja. A digitális tervezés részben illuzórikus felület létrehozása, de a reálisabb úgy tűnik, minél többet szeretne használni a felhasználók.
3. Érzékeny tervezés mint követelmény
Igazságos azt mondani, hogy az internethasználók jó része böngészhet a mobiltelefonjukról. A szociális oldalakra, például a Facebookra és a Twitterre osztott linkeket gyakran látogatják az okostelefonokon és a táblagépeken.
Ez azt jelenti, hogy minden weboldalt valamilyen módon kell optimalizálni a mobilhoz - lehetőleg teljesen rugalmasan.
Amikor te vagy kénytelen figyelembe venni a képernyő méretét, azt a kritikus jellemzőket egy teljesen új fénybe helyezi. Mint tervezőnek ki kell választania, hogy melyek a legfontosabbak, és hogyan kell megjelenniük a kisebb képernyőkön. Ez az érzékeny tervezési stratégia időt igényel a tanulásra, de a legjobb módja az, hogy tanulmányozzon más weboldalakat és vegye fel a kívánt technikákat.
Az igazság az érzékeny tervezési munkák és a tervezői közösség minden évben elfogadja.
A felhasználók azt is várják, hogy a webhelyek teljes mértékben reagáljanak, így minden eszköz képernyőjére szolgálnak. Ha egy webhely nem illeszkedik szépen egy mobil webböngészőbe, akkor a felhasználói élményt kihasználhatja.
4. Egyszerűsítse az interakciós folyamatot
A Smashing Magazine a közelmúltban közzétette az egyik legjobb hozzászólást, amit olvastam az interfész-tervezés egyszerűsítése. Azt állítja, hogy senki nem akar átugrani a karikán, hogy használhassa webhelyét vagy alkalmazását. Az embereket csak az érdekli végeredmény, és a leggyorsabb módja annak, hogy odaérjünk.
Minden interaktív oldalelemhez UX folyamatábrát építek, amikor vázlatos rajzokat készítek. Ezek segítenek vizuálisan elképzelni, hogy a webhely hogyan néz ki és funkció.
De valójában nem számít, hogyan tervezed a tapasztalatokat. Csak győződjön meg róla, hogy tervezi a lehető leggyorsabb és legegyszerűbb élmény. Ha biztató tevékenységre van szükség, akkor fontos dolgokat akarsz a tervezésből következik.
Ha valaki leereszkedik a webappádra, és nem érti, hogyan kell azonnal regisztrálni, ez egy hatalmas probléma. Kétségtelenül nyilvánvalónak kell lennie a felhasználónak, hogy mit csinál a webhely, és hogyan lehet egymástól elválasztani.
A legjobb kiindulópont az UX tervezésének és a felhasználók interakciójának folyamatának vizsgálata. Innen következtetéseket vonhat le a saját projektjei szempontjából, és ideális esetben egyszerűsítheti a felületeket a legnagyobb potenciállal.
A kapcsolódó témakör témakörében felhasználói tevékenység, nézze meg ezeket a bejegyzéseket:
- Webes tervezési konvenciók törése = a felhasználói élmény megszakítása
- Használhatóság és felhasználói élmény archívum a Smashing Magazinban
- Webes tervezési koncepciók a felhasználói interakció behatolásához
Wrap-Up
Nem áll rendelkezésre egyetlen válasz arra, hogyan kell a webhelyeket tervezni (vagy javítani) a használhatóság fokozása érdekében. Igen, van néhány dolog, amit meg lehet próbálni, de minden egyes hely egy kicsit más, és az UX-tervezés nagyon bonyolult.
Remélem, hogy ez a cikk elkezdheti gondolkodni néhány, a leghasznosabb interfészek építésének technikájáról. A legjobb dolog, amit tehetsz, egy tipikus felhasználó cipőjébe helyezed magad, és próbáld meg meghatározni a felület fő hibáit. És ha felismeri a problémát, akkor már félúton van a megoldáshoz!
