Webes használhatóság és felhasználói élmény: Tudja meg, miért kellene ezt feltennie a webdizájn ellenőrző listájához

Közzététel: Támogatása segít fenntartani a webhely működését! Az ezen az oldalon javasolt szolgáltatások némelyikén referenciadíjat keresünk.


Bárki számára, aki ma weboldalakat készít, sok szempontot figyelembe kell vennie: a funkció és a szépség kiegyensúlyozása és a legújabb technológiai fejlemények követése, mindeközben a főnöke vagy ügyfele igényeinek szem előtt tartása nem könnyű feladat.!

Nem csoda, hogy a használhatóság gyakran egy utolsó pillanatban szereplő elem az ellenőrző listán, vagy valami, amit teljesen elfelejtettek. Végül is ez egyike azoknak a dolgoknak, amelyeket helyesen elvégzve soha nem vesznek észre.

Webhely használhatóság

A használhatóság azonban kulcsfontosságú tényező, amelyet szem előtt kell tartani a webhelyek tervezésekor és kódolásakor. Végül is nem számít, mennyire szép vagy jól kódolt webhelye, ha csalódást okoz a felhasználóinak!

Szerencsére ez egy forró kutatási téma, és annak megértése, hogyan viselkednek az emberek az interneten – és miért -, minden nap növekszik.

Ha rábírja, jobban fogja elvégezni a munkáját, és hosszú távon sok időt és energiát takaríthat meg. Ezért fontos, és rengeteg erőforrást kínál Önnek a játék felállításához.

Mi a használhatóság??

Ahogy a fogalomból valószínűleg kitalálható, a weboldal használhatóság azt is megmutatja, hogy a webhelyek milyen egyszerűen használhatók.

Ha webhelye könnyen kezelhető, hibátlanul működik, amit elvár, hatékonyan és kielégítően használható, akkor nagyszerű használhatósága.

De ha a felhasználók …

  • nehezen tudja kitalálni, hogyan lehet navigálni a webhelyén, vagy bizonyos funkciókat használni;
  • sokszor kattintania kell vagy át kell ugrani a karikain egy feladat végrehajtásához;
  • újból meg kell tanulniuk webhelyének használatát minden egyes visszatéréskor;
  • ugyanazokat a hibákat csinálja újra és újra;
  • frusztrált vagy hülyebbnek érzi magát a webhelyén

… Akkor rossz használhatósággal rendelkezik!

Ez nem olyan egyszerű és intuitív, mint amilyennek látszik. Előfordulhat, hogy a web-tervező vagy fejlesztő számára nyilvánvalónak és bolondnak tűnő funkciók megzavarják a felhasználókat, vagy olyan módon viselkednek, amelyben nem számítana rá.

Könnyű azt hibáztatni a felhasználót, hogy nem „szerezte meg”, de a valóságban a probléma gyakran a webhely használhatóságában rejlik..

Mi az UX Design??

Az UX a „felhasználói élményt” jelenti. Ez szorosan kapcsolódik a használhatósághoz, de nem ugyanaz. Míg a használhatóság az, hogy az emberek könnyen képesek elvégezni a feladatokat egy weboldalon, addig a felhasználói élmény az, hogy az emberek jól érezzék magukat azzal, amit csinálnak és kapnak egy webhelyről.

A használhatóság az UX tervezésének fontos része. További részletek: Használhatóság vs felhasználói élmény.

Mi az akadálymentesség??

A használhatóság egyik kulcseleme a hozzáférhetőség megtervezése. Ez azt jelenti, hogy megtervezjük azokat a felhasználókat, akik támaszkodnak a segítő technológiákra. Nem minden webhely felhasználói látogatják meg a webhelyet a tervező szándéka szerint. Néhány látogató vak vagy süket. Másoknak nehézségeik vannak a mutatóeszközök használatával. A használhatóság tervezésekor szem előtt kell tartani az akadálymentességet.

A webes használhatóság története

A webdizájn történetét két fő időszak jellemzi.

Az első időszak az 1990-es évek elején kezdődött, a grafikus webböngésző megjelenésével, és tetőpontjában a flash alapú weboldal-tervezés népszerűsítése robbant fel. Ezt az első időszakot a webtervezés jellemezte, amelyet az a vágy tűzött ki, hogy a weben technikailag lehetséges határokat át lehessen húzni. Sajnos a műszaki szakértelemre való összpontosítás eltávolította a webhely-felhasználót mint elsődleges objektumot, amely körül a webhelyeket megtervezték.

2000 körül kezdve a dagály forogni kezdett, és a weboldal felhasználói visszatértek a webdizájn folyamatának középpontjába. Manapság a felhasználói élmény vagy az UX a modern tervezési gondolkodás középpontjában áll, és a használhatóság szempontjából történő tervezés elsőbbséget élvez a tervezési folyamat minden más aspektusa felett.

Miért fontos a használhatóság??

Ma már a gyors technológiának és az internetnek köszönhetően szoktuk meg az azonnali kielégülést. Bármit felnézhet az egér kattintással vagy egy okostelefon érintésével. Nem vagyunk hozzászokva, hogy türelmesek vagyunk, és időt veszünk igénybe, hogy megértsük a weboldal működését – csak azt akarjuk, hogy működjön, időtartam alatt! És ha nem, akkor egy másik webhelyre lépünk.

Lehet, hogy van a legszebb weboldal vagy a legtisztább kód az interneten, de ha a felhasználók frusztrálják, akkor az nem számít, mert nem fogják használni.

Noha józan észnek tűnik a webhely könnyen kezelhetővé tétele, a használhatóság elvei nem olyan nyilvánvalóak, mint gondolnád.

Tervezőként vagy kódolóként sokkal jobban hozzáért a technológiához, mint az átlagos internetfelhasználó. Az interneten való navigálás során a viselkedése különbözik az átlagos felhasználótól. Időnként nagyon nehéz előre látni, hogy az átlagos ember hogyan fog viselkedni az Ön webhelyén.

És akkor vannak olyan tényezők, mint az általuk használt eszköz. A használhatóság szintén nagyon különbözik attól függően, hogy valaki asztalon, táblagépen vagy telefonon navigál-e. Ami jól működik a billentyűzettel és az egérrel, hihetetlenül bosszantó lehet az okostelefonon. Valószínűleg maga is megtapasztalta ezt.

Azt gondolhatja, hogy ha jól megtervezett CMS-t használ, akkor nem kell aggódnia a használhatóság miatt, mert az Ön számára be van építve. De ez nem igaz – ezt még mindig szem előtt kell tartania. Ez olyan, mintha azt gondolnánk, hogy mivel a WordPress jó a SEO számára, nem kell tennie semmit, hogy a keresőmotorokban magas rangot szerezzen. Az alap létezik, de még mindig meg kell értenie az elveket és erőfeszítéseket kell tennie.

Ezért fontos megtanulni a használhatóság alapjait, és hogyan kell alkalmazni azokat a webhelyein, hogy a felhasználók boldogok maradjanak. Itt van, hogyan!

A felhasználói felület használhatósá tételének folyamata

A tervezők sok különféle iránymutatást dolgoztak ki annak meghatározására, amellyel a felhasználhatóságot mérik. Például egy webhely elsődleges funkcionalitását a tervezéssel kell meghatározni, és nem függhet a szöveg magyarázatától. Az implicit funkcionalitás tesztelése érdekében egyes tervezők olvashatatlanná teszik a szöveget (pl. „Pharetra cras odio tortor…”), majd a felhasználóknak specifikus feladatokat adnak a teljesítéshez..

Az internetes és okostelefon-alkalmazások tervezéséhez alkalmazott másik szabvány a „Két érintésű szabály”. Marissa Mayer, a Yahoo! vezérigazgatója készítette. Nagyon egyszerű:

Miután belépett az alkalmazásba, két érintéssel megteheti valamit, amit szeretne? Ha nem, akkor ideje újratervezni az alkalmazást.

A „Két érintéses szabály” nyilvánvalóan táblagép- és telefonrendszereken alapul. De a cél általánosabb: a digitális termékeket a lehető legkönnyebben használható és hatékonyabbá tenni. A használt iránymutatásoktól függetlenül, a használhatóság megtervezése azt jelenti, hogy a felhasználó-központú megközelítést kell alkalmazni a weboldal tervezésében.

A MeasuringU felhasználói élményt kutató cég szerint három fő alapelv vezérli a felhasználó-központú tervezési folyamatot:

  • Fókuszban a felhasználók és a feladatok a tervezési folyamat elején. A felhasználóknak a folyamat elején közvetlenül visszajelzést kell adniuk a tervező csapatnak.
  • Tervezze meg iteratív módon. A jó tervezők nem bankolnak azzal, hogy az első alkalommal tökéletes formát kapnak. Azt tervezik, hogy a tervezési folyamat során néhányszor visszatérnek a rajzhoz, hogy a felhasználói visszajelzések alapján jelentős változtatásokat hajtsanak végre.
  • Alaptervezési lehetőségek az empirikus méréseknél. Ne hozzon tervezési döntéseket az informális felhasználói visszajelzések alapján. Készítsen speciális mutatókat a használhatóság mérésére, és hagyja, hogy ezek az információk tájékoztassák a tervezési döntéseket.

Források a webhely használhatóságának megismerésére & UX Design

Sok forrás található a használhatóság és a felhasználói élmény szempontjából. Összegyűjtöttük a legjobbat.

Cikkek

Ezek a cikkek kiválóan alkalmasak kezdőknek, akik meg akarják tanulni az Ön weboldalainak egyszerű és élvezetes használatának alapjait:

  • Használhatóság 101: Bevezetés a használhatóságba: Jakob Nielsen rövid ismertető a kezdő képességekre a használhatóság alapjain.
  • Mit & A használhatóság miért: az Egyesült Államok Egészségügyi és Humán Szolgáltatási Minisztériuma kezeli ezt a weboldalt a használhatósággal kapcsolatban, rengeteg cikkel az alapokról. Feltétlenül olvassa el a Felhasználói élmény alapjait és a felhasználóközpontú tervezés előnyeit. A szószedet szintén hihetetlenül hasznos.
  • 8 Útmutató a kivételes webdizájnhoz, a használhatósághoz és a felhasználói élményhez: egyszerű kezdő útmutató arról, hogyan kell alkalmazni az alapvető használhatósági szabványokat a webdizájnban.
  • 9 általános weboldal-felhasználási hiba a webdesignban: ezt a Smashing Magazine cikket 2009-ben tették közzé, ám ezeket a hibákat továbbra is gyakran észlelik az interneten.
  • Hogyan befolyásolja a használhatóság, a tapasztalat és a tartalom a keresőmotorok rangsorolását: ez a Moz kiváló kezdő SEO útmutatójának 6. fejezete.
  • Weboldal-űrlapok használhatósága: 10 legnépszerűbb javaslat: bemutatja, hogyan kell megtervezni azokat a webhely-űrlapokat, amelyeket a látogatók valóban használnak.
  • 6 A WordPress Web Design projektek használhatóságának tesztelésének alapjai: a jó megjelenésű WordPress téma nem jó, ha senki sem tudja használni. Mielőtt elkezdené tervezni a WordPress programot, fejtse ki ezeket az alapokat.

Könyvek

Professzionális webes tervezők és fejlesztők számára ezek a könyvek mélyebben belemerülnek a weba használhatóság elveibe és gyakorlati alkalmazásaiba.

  • Jakob Nielsen a Web Usability (1999) tervezése volt a végső útmutató a használhatóság szempontjából a világ vezető hivatalánál. Sokat megváltozott azóta, hogy ezt írta, de továbbra is szükséges tudás, amelyre épít. A könyvtárban mindenki számára kötelező, aki komolyan veszi a használhatóságot.
  • A Web használhatóság prioritása (2006), Loranger és Nielsen: ez a könyv évtizedekig tartó web-használhatóság-kutatást végez, amelyet a Nielsen Norman Csoport végzett, hogy azonosítsa a legfontosabb és tartósabb iránymutatásokat a jobb webhelyek készítéséhez.
  • A felhasználói élmény elemei: Felhasználóközpontú webes tervezés (2010), készítette: Jesse James Garrett: ez a könyv segít a webtervezőknek stratégiailag jobban gondolkodni a tervein, és megmagyarázni választásaikat a főnökök és az ügyfelek számára. Nagyszerű bevezetés az internet használhatóságához.
  • 100 dolog, amelyet minden tervezőnek tudnia kell az emberekről (Susan Weinschenk, 2011): pszichológia doktori fokozatú viselkedési tudós írta, ez a könyv a pszichológiát alkalmazza a kommunikáció és az online interakciók tervezésére. Alapvető olvasmány a használhatósággal foglalkozó webes tervezők számára.
  • Nielsen és Budiu mobil használhatósága (2012): Ez a könyv a nagy felhasználói élmény létrehozásának alapjait tartalmazza a mobil eszközökön. Noha a példák kissé elavultak, az alapelvek változatlanok.
  • A mindennapi dolgok tervezése: felülvizsgált és kibővített kiadás (2013), készítette: Don Norman: bár nem a weboldal használhatóságáról szól, ez a könyv lenyűgöző áttekintést nyújt a használhatóság elveiről, amelyek a pszichológiához és a mindennapi élethez kapcsolódnak..
  • Ne aggódjon, újraért: A webes használhatóság általános értelme (2014): Steve Krug: tele alapelvekkel és gyakorlati tippekkel a web-tervezés felhasználóközpontú megközelítéséhez, ez a könyv az egyik legnépszerűbb könyv a a webes használhatóság tárgya.

Blogok

A használhatóság forró kutatási téma, ezért fontos lépést tartani a legújabb fejleményekkel:

  • Nielsen Norman Group: az iparágvezető blog a használhatóságról, a Nielsen Norman Group mindent lefed a használhatósággal kapcsolatban, beleértve sok eredeti kutatást, minden készségi szintre, kezdőtől szakértőig.
  • UsabilityGeek: ez a blog széles körű felhasználhatósággal kapcsolatos témákat foglal magában, beleértve a felhasználói élményt, a konverzió optimalizálását, az ember és a számítógép közötti interakciót és az információs architektúrát. Néhány legnépszerűbb hozzászólásuk között szerepel a különbség (és kapcsolat) a használhatóság és a felhasználói élmény között, a követelmények összegyűjtése: lépésről lépésre történő megközelítés a jobb felhasználói élmény érdekében, és 15 használhatósági útmutató a webhely linkeinek megtervezéséhez..
  • UX Design a Smashing Magazine-on: az iparág vezető webdizájn blogja egy fejezetet foglal magában, amely csak az UX design-ra szól. Nézze meg útmutatásaikat a demencia-barát webhely kialakításáról, a jobb interfész-tervezésről: Bejelentkezés, menü, átváltás és egyéb képzelet-modul, és javítsa a felhasználói élményt a valós idejű szolgáltatásokkal.
  • UX Magazine: tartalmaz mélyreható cikkeket, valamint munkahelyeket és eseményeket az UX szakemberek számára. Nézze meg a megjegyzéseket egy fiatal UX-tervezőnek. és a jó tartalom felhasználói élménye.

Fórumok

Ha elakad és segítségre van szüksége, nézd meg ezeket a fórumokat és a Q kérdést&Szakértői tanácsadási webhelyek.

  • Felhasználói élmény Stack Exchange: kérdezzen és válaszoljon az UX és a Stack Exchange használhatóságának minden aspektusára.
  • UX Mastery Community: Egy barátságos, barátságos (és élénk!) Fórum az UX-vel és a használhatósággal kapcsolatos kérdések megvitatására.
  • UX Design Community on Slack: Slack közösség a jelenlegi vagy leendő UX tervezők és kutatók számára.

Eszközök a webhely használhatóságához & Felhasználói élmény kialakítása

Az automatikus weboldal-használhatóság tesztelését általában egy vagy több speciális eszköz használatával hajtják végre. Ezek az eszközök általában hasonlítanak egy felmérésre: a felhasználók grafikákat vagy felhasználói felület mintákat mutatnak be egy weboldalról, és a felhasználóknak meg kell válaszolniuk az UI-val kapcsolatos konkrét célzott kérdéseket..

A felhasználói visszajelzéseket statisztikailag gyűjtik és dolgozzák fel, pontos eredményeket szolgáltatva a feltett kérdésekről.

A weboldal használhatóságának eszközei különböző tesztelési alapú megközelítéseket használnak, néhány eszköz megköveteli, hogy saját tesztelőit toborzza be a közösségi médiába történő beküldés integrált támogatásával, míg más eszközöknek már van egy beépített tesztelői hálózata, amely ellenőrzi az Ön webhelyét, és visszajelzést nyújt Önnek..

Számos eszköz alapfunkciókat kínál időben korlátozott ingyenes próbaverzióként, míg a legfejlettebb szolgáltatások csak fizetett előfizetéssel érhetők el.

Vessen egy pillantást néhány elérhető és használható UX-tesztelő eszközre:

  • A Helio úgy van megtervezve, hogy megkönnyítse a design képernyőképeket a felhasználókkal. A Helio 100 000 globális tesztelőt kínál Önnek, amely készen áll a munkájának ellenőrzésére, sőt kiválaszthatja a tesztelők demográfiai adatait, hogy megfeleljen a célközönségnek. Ezzel az eszközzel néhány órán belül megkaphatja a teszteredményeket, felgyorsítva a munkafolyamatot. A Helio szép jelentéskészletet kínál, így a teszt adatok rugalmas és könnyebb bemutatása.
  • A UsabilityHub gazdag webhely-használhatóság tesztet kínál. A szolgáltatások egy része ingyenes, de ha az ingyenes kiadást használja, meg kell találnia a saját tesztelőjét. A fizetett tagság biztosítja a tesztelőket.
  • A CanvasFlip alapszintű ingyenes csomagot és fejlett fizetett csomagokat is kínál. Feltöltheti saját terveit és kipróbálhatja azokat saját tesztelőivel. A hőtérkép felhasználói videók is támogatottak.
  • Preely úgy tűnik, hogy tökéletesen testreszabott a mobil eszközökhöz, támogatva az ellop követését és a kattintási hőtérképeket. Használhatja saját tesztelőit, vagy a TestLab tesztpanelt, ahol kiválaszthatja a tesztelők demográfiai adatait, amelyek áttekintik a projektet.
  • OptimalSort: használja ezt a kártya-válogató szoftvert a tartalmak szervezésének és bemutatásának legjobb módjának megismeréséhez.
  • Használhatósági központ: különféle távoli felhasználói tesztelő eszközök, amelyek segítségével megtudhatja, hogy a valódi élő emberek hogyan használják az Ön webhelyét.
  • Figyelemre méltó: kapjon visszajelzést a tervezési folyamat során, hogy megbizonyosodjon arról, hogy a terve már a kezdetektől felhasználó-központú-e.

Következtetés: tegye prioritássá a használhatóságot!

A webfejlesztés és -fejlesztés legújabb technológiájának és trendjeinek figyelemmel kísérése nem könnyű feladat, de a használhatóságnak a lista tetején kell lennie. A legjobb eredmény akkor érhető el, ha a tervezést és a kódolást először a felhasználó szem előtt tartja, nem pedig utólag. Ha időt és erőfeszítést fektet be a használhatóság megismerésére, rájön, hogy munkája egésze javul.

Több érdekes cucc

Több útmutató, oktatóanyag és infographics található a kódoláshoz és a weboldal fejlesztéshez:

  • CSS3 – Bevezetés, útmutatók & Források: ez egy remek hely a weblapok elrendezésének megtanulására.
  • JavaScript: és itt kezdjük el megtanulni, hogyan lehet interaktív weboldalakat létrehozni!

HTML kezdőknek

Ha igazán szeretne HTML-t tanulni, akkor készítettünk egy könyv hosszúságú cikket, HTML kezdőknek. És ez valójában a végső útmutató; az elejétől a mesterig elvisz.

HTML kezdőknek - Végső útmutató
HTML kezdőknek

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map