UX-design - Mi az? Jelenleg a felhasználói felület iparág gyorsan növekszik, de az UX-design még mindig teljesen új világ a legtöbb vezetõ és vezető számára. Ez a terület feladata a felhasználó elégedettségének javítása a termékkel, javítja a használhatóságot, a rendelkezésre állást és az interakciót. Egyesíti a személy és a számítógép kölcsönhatásának hagyományos kialakítását, és úgy véli, hogy az egyéni kölcsönhatás minden aspektusa a termékkel vagy szolgáltatással.

A tervezők UX vezető szerepet játszanak a végfelhasználó alapvető igényeinek javításában, és megpróbálnak létrehozni egy olyan terméket, amely a közönség boldoggá teszi. Ez viszont egészséges befektetési megtérülést eredményez, és elősegíti a növekvő üzleti vagy szervezet fenntartását.

Mit csinál az UX tervező?

Az UX tervezők tanulmányozzák és értékelik, hogy a felhasználók hogyan tartoznak a rendszerhez, olyan dolgokat néznek, mint a könnyen használható, a rendszer értékének felfogása, hasznosság, hatékonyság a feladatok elvégzésében.

Az UX tervezői szintén figyelembe veszik a rendszeren belüli alrendszereket és folyamatokat. Például feltérképezhetik az e-kereskedelmi weboldal megrendelésének folyamatát, hogy megtudja, milyen könnyű az, hogy a termék vásárlási folyamatát a webhelyről. Az alrendszer komponenseinek tanulmányozásában mélyíthetők meg, például annak megtekintéséhez, hogy milyen hatékony és kellemes a felhasználók tapasztalata, amelyek a webes formanyomtatványban szereplő bemeneti mezőket töltenek ki.

UX-design - Mi az? Technológiai koncepció

Az UX kialakításának fontos koncepciója az a folyamat, amellyel a felhasználók képezik a tapasztalatot. Amikor a fogyasztó először szembesül a termékkel, egy pillanatnyi benyomás alakul ki, ami idővel változik. Ebben a folyamatban az észlelés, a cselekvés, a motiváció és a tudás kombinálódik, hogy felhasználói élményt képezzen. Ez a folyamat olyan érzelmi reakciókat okoz, amelyek nagymértékben meghatározzák, hogy a tapasztalat pozitív vagy negatív lesz-e.

Az UX tervezők szándékosan meg akarják hozni a folyamatot érintő tényezőket. Ehhez a fejlesztő UX úgy véli, hogy a kérdések három kategóriája van: mi, miért és hogyan.

Miért - Ez magában foglalja a felhasználók motivációját a termék elfogadásához és a vágy, hogy élvezze őket.

mit - Arra vonatkozik, hogy az emberek a termékkel és annak funkcionalitásával járhatnak.

hogyan - A rendelkezésre álló funkcionalitás és az esztétikailag kellemes módja.

Az UX Design a "Miért" kategóriával kezdődik, majd meghatározza, hogy "hogy" és végül "Hogyan" olyan termékeket hozhat létre, amelyekkel a felhasználók jelentős megjelenítéseket kaphatnak.

Történelmi retrospektív

Számos más tudományterülethez képest, különösen a webes rendszerekkel, az UX design viszonylag új. A „felhasználói élmény” vezette be, Dr. Donald Norman, a kutató kognitív tudomány, ami volt az első, hogy leírja, hogy fontos a felhasználó-orientált tervezés - a fogalom, hogy a projekt döntések alapján kell a fogyasztói igényeket. A koncepció közzétételétől kezdve elkezdte az UX-design történetét.

A függetlenségben az indítás vagy a nagy UX Designer Corporation munkája közvetlenül részt vesz a folyamatban, hogy a termék hasznos és élvezetes legyen a vállalat célpiacára. A termék létrehozásának folyamata számos fontos lépést tartalmaz:

fogyasztói kutatás;

termék dizájn;

tesztelés;

végrehajtás.

Tekintsük mindegyiket részletesebben.

Fogyasztói kutatás: Hol indítson el egy kezdő tervezőt?

A fogyasztói közönség elemzése és az azonosítások azonosítása magában foglalja a valódi felhasználókkal való kommunikációt a célpiacon. Ha a kutatás tárgya csak hipotetikusan létezik, és még nem hozták létre, a vita tárgya a versengő cégek hasonló termékei, előnyei és hátrányai. Ha a termék már létezik, a fogyasztóknak kínált kérdése van az emberek úgy érzik, ha navigálás az oldalon a jelenlegi tervezési, függetlenül attól, hogy könnyen megtalálják a szükséges információkat, amelyek az oldalak felépítését. Külön értékelte az írott és grafikai tartalmak minőségét és a webhely általános vizuális benyomását. A folyamat ezen részében a következő módszerek használhatók:

kérdőívek;

a fókuszcsoportokban folytatott megbeszélések;

online felmérések;

a feladatok elemzése.

Fontos megjegyezni, hogy ha a termék a gyümölcs tervező gondolkodás, és nem kapcsolódik a fejlesztési és végrehajtási és a felhasználói élmény és a visszajelzést, hogy nem az eredmény a UX-design.

Tervezés

A tervezési hipotézis fejlesztése magában foglalja azt az elképzelést, hogy az új termék vagy szolgáltatás hogyan alkalmazkodhat ahhoz, hogy az ügyfél már viselkedjen (ezt a felhasználói kutatás észleli). A terméktervezés a funkcionalitásra és a könnyű használatra koncentrál, és nem az, hogyan néz ki. Ebben a szakaszban a következőképpen használható:

információs architektúra;

• prototípus.

Tesztelés

A tesztelés azt jelenti, hogy a tervezési szakaszban végzett változások rendszeresen működnek, és megfelelnek feladataiknak. Ez egy nagyszerű módja annak, hogy megszabaduljon a felhasználók problémáitól vagy nehézségeiről, akik a tervezési szakaszban nem voltak láthatóak a végrehajtási szakaszban. Vannak különböző:

a / B tesztelése;

használhatóság;

távoli felhasználói tesztelés.

Értékesítés

A megvalósítás a webes fejlesztőknek a végső cél elérése érdekében szoros interakciót javasol. Webfejlesztési szakértők dolgoznak, hogy a tervezési ötleteket valós helyre fordítsák. Fontos, hogy a fejlesztők egy csapatban dolgozzanak az egész folyamat során, hogy ezt a végső fokozatot hatékonyabbá és optimálisabbá tegyék.



Mi a felhasználói élmény?

A weboldalak és alkalmazások egyre nehezebbek, mint a technológiai promóció. Ami az egyoldalas statikus környezet volt, széles interaktív élménysé vált.

De nem számít, mennyire változott a termelési folyamat, a weboldal sikere még mindig az egyik dologtól függ: hogyan érzékelik a felhasználók. - Ez az oldal értéket ad nekem? Könnyen használható? Szép itt? - Ezek azok a kérdések, amelyeket a felhasználók megkérnek magukat, amikor kölcsönhatásba lépnek a vállalat termékeivel, és ez a tapasztalat alapján, általában a vásárlásról döntenek.

A felhasználói felület (rövidített UX) a tervezésben - valami, mint egy személy úgy érzi, hogy kölcsönhatásba lép a rendszerrel. A rendszer lehet webhely, webes alkalmazás vagy asztali szoftver. A modern kontextusban ezt gyakran emberi és számítógépes interakciónak nevezik.

A felhasználói élmény fogalma kiterjed a végfelhasználó kölcsönhatásának valamennyi aspektusára a vállalat, szolgáltatásai és termékeivel. Fontos megkülönböztetni a projekt általános kialakítását a felhasználói felületről, bár a felhasználói élmény rendkívül fontos része a tervnek.

Szükséges továbbá az Ux és az egyszerű használat megkülönböztetése: A felhasználói felület minőségi attribútumának meghatározásával összhangban, amely magában foglalja a tanulást, a felhasználás hatékonyságát, az élményességet, a vizuális elfogadhatóságot, a tervezés esztétikáját.



Szakmai kompetenciák

Az UX tervező felelős a folyamat minden szakaszában és a fent leírt végrehajtásukért. Számos szakmai kompetencia van, amelyek nagy figyelmet fordítanak a tervező tanításakor:

vezetés;

• projektmenedzsment;

  hatékony kölcsönhatás a csapattal.

Ezek a szakmai jellemzők nagyon fontosak a sikeres munkához.

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

User Interface tervezők (UI) Fókuszban az elrendezés és a tényleges tervezés minden elem, amellyel a felhasználó interakcióba, míg a tervei a felhasználói élmény (UX) összpontosít felhasználói interakciók ezt az elemet, valamint egy átfogó megjelenítés. A tervezők az UI és UX gyakran együtt dolgoznak, valamint egy csapat webfejlesztővel, hogy olyan terméket hozzanak létre, amely vizuálisan vonzó és élvezetes.

Mit csinál az UX tervező?

Az UX tervezők különböző funkcionalitást hajtanak végre a projekt és a fejlesztési fázis függvényében. A projekt korai szakaszában a szakértők előzetes tanulmányokat végeznek a felhasználói tapasztalatokról, majd tervezzen interakciót egy kereten keresztül, és prototikus projektjeiket, amelyeket különböző heurisztikus technikákkal ellenőrzik.

A fejlesztés során a tesztelés és a felhasználói felület fejlesztése továbbra is javítja a terméket és az interakciós élményt a fogyasztóval.

A projekt megkezdése után az UX tervező elemezheti az egyéni mutatókat a munkájának eredményeinek nyomon követéséhez, visszaadása és az iteráció folytatása érdekében, hogy javítsa a tervező megoldás gyenge helyeit.



Feladatok és módszerek

A tervezők UX különböző feladatokat végeznek a folyamat különböző pontjaiban. Az alábbiakban a főlista:

A jelenlegi rendszer becslése.Ha a rendszer már létezik, a professzionális UX holisztikusan értékeli a jelenlegi állapotát. A problémákat azonosítják, és a korrekciókat a kutatási adatelemzés alapján kínálják.

A / B tesztelés.A szakember kidolgozhat egy tanulmányt, hogy összehasonlítsa a különböző felhasználói felületek tapasztalatának hatékonyságát és minőségét. Ezt a hipotézis kiterjesztésével végezzük (például a "zöld gomb vonzóbb, mint a piros"). Ezután több design verziót kínálnak, és a "legjobb élményt" a tesztelés határozza meg (például a zöld gomb jobb, mert a felhasználók gyakrabban kattintottak.).

Szavazások. Az UX-fejlesztő a rendszer meglévő és potenciális felhasználói felmérését végzi, hogy megkapja a leghatékonyabb tervezési döntést. Mivel az egyetlen felhasználó tapasztalata szubjektív, a legjobb módja annak, hogy a közvetlen információkat tanulmányozzák és kölcsönhatásba lépjenek a csoportos véleményekkel.

Keretek és prototípusok.Következtetései alapján az UX szakértői különböző elrendezések és prototípusai nagyobb pontosságot fejleszthetnek.

Egyéni áramlások.Tervezze meg, hogy a felhasználóknak navigáljanak a rendszeren keresztül, egy másik népszerű eszköz.

Tervezési sablonok

A sablonok biztosítják a következetességet és módszert a leghatékonyabb "eszköz" eléréséhez. Például, amikor a fejlődő felhasználói felület sablonok, válassza ki a megfelelő terméket (például a modul, diavetítés lapokat) az egyes feladatok alapján azok hatékonyságát vezet egy jobb megoldást. Az UX fejlesztők nem csak olyan tervezési sablonokat kínálnak, amelyeket más weboldalakon használnak, hanem a jelenlegi projekt sablonjaikat is fejlesztik.

Programok

Számos népszerű és könnyen megközelíthető program van az UX-design számára a munka és a képzés számára. Az eszközök nem csak az UX tervezők számára készültek. A programozók és a webmesterek is használják őket.

Az UX-Design tanfolyamok prototípusú eszközöket használnak - a kezdeti szakaszban, fogantyúval és papírral végezhetők. Ez az olcsó és hozzáférhető eszköz a tervező a gyakorlatban való tanulásához lehetővé teszi, hogy gyorsan prototípust alakítson ki, és folytassa a tervezést.

Néhány szoftver keret és prototípus létrehozására szolgáló szoftver:




A képzés során az UX-design alapjai az A / B tesztelést használják, más néven különálló vagy többváltozós tesztek. Ez az eszköz összehasonlítja az oldal különböző verzióit. A tesztelés több program bármelyikével is végrehajtható.

Alapvetően az A / B tesztelő szoftver megszakítja a weboldal forgalmát két egyenlő szegmensre. Egy csoport látja az A verziót, és a B. statisztikák, például a konverziós faktor és a kudarc sebességét, az egyes verziók nyomon követésére. A megosztott tesztelés meghatározza, hogy melyik verzió jobb, és ez a döntés statisztikai adatokon alapul. Az egyik legnépszerűbb A / B tesztelési alkalmazás a Google Webhely-optimalizáló.

Vezérlési tartalom

Ha az UX-design karcolását tanul, számos tartalmi leltár-módszert alkalmazunk. A kiszolgáló alkalmazás használatával a webhelyen (amelyre szüksége van a webszerverhez) a legjobban megfelel a gyártási helyeknek. A forráshoz közelebb, mint a harmadik féltől származó szoftver, ezek az alkalmazások pontosabbak és hatékonyabbak. Ebből a célból egy egyszerű Excel eszközt lehet használni a tartalom leltár létrehozására és kezelésére, például a GetuxIndex () sablonhoz).

A tartalomkezelő rendszerekkel létrehozott weboldalak, mint például a WordPress és a Drupal, egy szabály, beépített eszközök, amelyek bemutatják a meglévő webhely kártyáját.

Közvélemény-kutatások és fidabeck

A felhasználói felmérés egy másik népszerű UX Design feladat. Ennek leghatékonyabb és gazdaságosabb módja egy felméréshez és visszajelzéshez vagy távoli felhasználók teszteléséhez.

A közvélemény-kutatások vezetésének általános eszközei, például a Polldaddy, rugalmas megoldások, amelyek más feladatokhoz is használhatók. Vannak visszajelzési eszközök a könnyű használatra, például a használhatóságra és a távoli felhasználói tesztelési szolgáltatásokra, például a felhasználó-Hab-ra, amely tesztelési rendszert ad.

Példák

Példa UX-Design - Mi az? A felhasználói felület kialakítása olyan termékek létrehozásának folyamata, amelyek értelmes és kísérleti élményt nyújtanak. Ez magában foglalja a termék óvatos kialakítását és egyszerű használatát, esztétikai élményt az alkalmazásból és a kiterjedt funkcionalitásból.

Így az olyan termék, amely kiváló felhasználói felületen (például egy iPhone a legjobb példa az UX-tervezés), célja nem csak fogyasztásra vagy a termék használatára, hanem az egész megszerzése, birtoklása, sőt hibaelhárítás.

A Hubspot anyag átadása arról, hogy az UX-design milyen, hogyan hoz létre, milyen eszközöket használnak és miért UX-Design Business.

Mi a webhely vagy alkalmazás előnyei? Könnyű információgyűjtés? Vagy vásároljon egy kattintással, és holnap kapja meg az áruk szállítását? Vagy a legfontosabb dolog - gyorsan megtalálja a választ a szükséges kérdésekre?

Gondolj arra az emberekre, akik kifejlesztették ezt az oldalt vagy alkalmazást. Milyen célt találtak?

Megpróbálták, hogy olyan webes erőforrást készítsenek, amelyen mindenki lenne, ami szereti őt. Egy könnyen használható webhely, amely gyorsan megadta a kívánt információkat, és segített a döntések súlyozására.

UX, vagy interakciós élmény, fedezetek - észlelés és érzelmek, amelyek szoftverterméket vagy szolgáltatást okoznak. Az UX-t könnyű használat, elérhetőség és kényelem jellemzi. Az UX-t gyakrabban beszélt az elektronikus eszközök, okostelefonok, számítógépek, szoftverek vagy weboldalak kontextusában. De egy ilyen fogalom nem új; Ez az, ami gyorsan változik a technológiai fejlődés hatása, az új típusú kölcsönhatások és a fogyasztói trendek hatása alatt.

A felhasználók villámcsapásokat keresnek a problémák megoldására, így az UX rendkívül fontos. Vigyázz, hogy a webhely érthető és könnyen érthető felhasználók.

Ha az erőforrás nem tűnik hasznosnak és könnyen használhatónak, akkor gyorsan megtagadják az előfizetést. A legtöbb felhasználó egy percig eldönti, hogy bezárja az oldalt.

Ebben a cikkben többet mondunk a fejlődő iparágról UX-ről, arról, hogy milyen tervezők vannak a kereskedelmi szervezetek bérbeadása, és miért juttatják el az átgondolt tervezés minden üzletet.

Mi az UX-design?

UX-design, vagy az interakciós élmény kialakítása, amely attól függ, hogy mennyi a felhasználó elégedett a szoftvertermékkel vagy szolgáltatással; Ez a folyamat javítja a funkcionalitást, a használhatóságot és a kényelmet. Az UX-design a szoftverek létrehozása átgondolt és releváns felhasználói élményekkel. Az UX-tervezési terület kiterjed az alfejezetek tömegére, amelyet figyelembe kell venni.

1. Interaktív tervezés

Interaktív kialakítás, vagy IXD - UX-Design alszakasz, amely meghatározza a felhasználó és a termék közötti kölcsönhatást; Ezeknek a kölcsönhatásoknak a célja jó felhasználói élmény.

2. Vizuális tervezés

A vizuális tervezésben az illusztrációk, fotók, tipográfia és színsémák alkalmazandók - mindez kiterjeszti a végfelhasználó közötti kölcsönhatás tapasztalatait. A vizuális tervezésben fontos betartani a dekoráció elveit. Ezen - az egyensúly, a tér, a kontraszt ... A szín, az alak, a méret és más elemek is befolyásolják a designot.

3. Felhasználói kutatás

Ez az UX-tervezés utolsó összetevő elemei, amelyekkel a vállalatok megtudják ügyfeleik elvárásait. A sikeres webes projekt konkrét célként szolgál és megoldja a konkrét feladatokat, így fontos lépés az, hogy megtudja, mi a fogyasztói igények. Ennek nélkül a tervezés alapja csak találgatások és feltételezések.

4. Információs architektúra

A tervezők olyan konkrét módon használják az információs architektúrát, hogy a felhasználók könnyebben megtalálják a szükséges információkat. Az információs architektúra a webfejlesztésre, az okostelefonok fejlesztésére, az alkalmazásokra, amelyek sok fizikai tárgyban néznek. Az egyszerű használat és a hozzáférhetőség az információs architektúra két fő szempontja.

Illusztrálja, fontolja meg a New York-metró térképét. By the way, ez egy jó példa egy olyan információs architektúrára, amely segít az embereknek az "A" feltételtől a "B" tételhez jutni. És mint az információs építészet intézményének posztulátuma, "ha valamit mások számára teszel, akkor az információs építészetet alkalmazza."

Összetett folyamatok UX-Design

Az UX-design három szakasza megkülönböztethető: 1. Keressen egy célközönséget 2. A vállalat céljainak megértése - hogyan befolyásolja az ilyen célokat a felhasználó által.

Általában az UX-design megközelítést alkalmaz, amelynek középpontjában a felhasználók - három szakaszban a kívánt végtermék jön létre. Könnyebb - figyelembe kell vennie azok igényeit, akiknek a tervezést fejlesztették ki. A tömeges megoldások érvényesek, hogy megszüntessék az összes nehézséget és érdességet; Prototípusokat hoznak létre, amelyeket a felhasználókon teszteltek.

A munka után a munkavállalók közül választhat. Ha megnézed a dolgokat a felhasználó szempontjából, és dolgozzon ki egy design, a preferenciákra összpontosítva, tetszeni fogok az eredményhez.

UX-Design elvek

Az UX-design ipar gyorsan változik, de az alapelvek mindegyike ugyanaz. A tervezőknek meg kell érteniük, hogy mit kell a vizuális egyenleg szempontjából. Rövidség és világosabb - fontos árnyalatok; Itt az elv alkalmazható - minél kisebb a jobb. Törekedjen arra, hogy a tervezés intuitív legyen, és még fontosabb, fontolja meg a felhasználók érdekeit és igényeit.

Az UX hatóköre általában új technológiákra csökken, de az összes régi, mint a világ alapja, az elvek, amelyek segítenek a tervezőknek, mindenféle problémát megoldanak a következetes és tárgyi módszertan miatt.

Figyelembe véve a kontextust: A felhasználónak tudnia kell, hogy hol van. Nem lehet az információ túlterhelésének érzése, vagy elveszett. Az Ön feladata, hogy nyomja meg és adja meg a megfelelő irányt.

Légy humán: Senki sem szereti az érzést, amely kölcsönhatásba lép az autóval. Ön nagyobb valószínűséggel bonyolít egy megbízható kapcsolatot, ha megmutatja cégét az emberi oldalról.

Elérhetőség: Senki sem akarja eltölteni az idejét. A sikeres UX Design javítja a navigációt.

Könnyű: A tervezés sorrendje és nem egyszerűtlensége mindig jó. A felhasználókkal való kapcsolatokat egy kényelmes UX rovására építed.

Könnyű: Nincs szükség hozzárendelés vagy felesleges leírások. Azonnal menjen a főre.

Az eredmény UX.

Amikor az UX projekt befejeződött, a tervező és a csapat megmutatja az ügyfél és a csapatuk listáját arról, hogy mit tettek. Meg kell mutatni a munkafolyamatot, a végrehajtott ötletek listáját.

Ez az általános folyamat fontos része. Tehát az UX-tervezők könnyebben találják meg a kívánt értéket, bemutatják a látomásukat, magyarázzák meg bizonyos ajánlásokat a javításra.

1. Felhasználói tanulmány

Szükségletek, trendek és felhasználói motiváció - mindez különböző felhasználói kutatások során kiderül. Ezek lehetnek mennyiségi és minőségi adatok a vizsgálati idő alatt, például a fókuszcsoportok részvételével; A regisztráció, a fedélzeti és lekérdezések részletes leírása az ügyfélszolgálatban. A cél az, hogy részletes elemzést kapjon arról, hogy mi van a webhelyen, és mi más lehet javítani - minden ötletet valós felhasználókon tesztelik.

A kutatók fogyasztói portrékat hoznak létre az emberekre vonatkozó tényleges adatok alapján, amelyek pontosan meghatározzák, hogy ki lépjen kapcsolatba a honlapon vagy az alkalmazással.

Az egyéni kutatások használata, a tervezők megtalálják és meghatározzák a felhasználójukat.

2. A versenytársak értékelése

A versenytársak erősségeinek és gyengeségeinek értékelése - a saját UX-stratégiájának bővítésének módja. A legjobb, ha olyan analitikai jelentések segítségével jár el, amelyekben a versenytárs fejleményeket lefedik. Lényegében ez egy részletes elemzést az interaktív tervezés versenytársak listáját hiányosságok, számolási és kihagyások, általában mi lehet a versenyelőny.

3. Interaktív kialakítás

A felhasználói kölcsönhatások leírása prototípus formájában lehet - könnyebb megérteni, hogy a felhasználók kulcsfontosságú feladatokat hajtanak végre, megtalálják az információkat, és általában a terméket használják. Az információ megtalálásának folyamata leírása, és mennyire kényelmes. A prototípusnak a lehető legegyszerűbbnek és a végső verzióhoz kell lennie.

4. Információs architektúra

Ia az információ megszerzésének folyamata, és egy érzékelő nézetbe fordul, ami különösen fontos a nagy helyszínek számára. Fontos megérteni, hogy milyen kontextusok fogják használni a tervezést. A végeredmény lehet egy webhelytérkép, vagy a felhasználói patakok mintája, amely megmutatja, hogy a látogatók hogyan mozognak a webhelyen.

Mi a felhasználói felület kialakítása?

Amikor az Apple bemutatta az Click Wheel navigációs alkatrész iPod, ez a dolog intuitív és rendkívül funkcionális - nem beszélve a vizuális elem. Ez egy jó példa a sikeres felhasználói felületre, vagy az UI-re. Az UI egy módja annak, hogy kölcsönhatásba lépjenek a számítógépekkel, gépekkel, webhelyekkel, alkalmazásokkal, visel eszközökkel, stb.

Ui vs. UX.

UX, interakciós élmény, a felhasználó oldalára vagy az alkalmazásra utal. UX tervezők dolgoznak a termék vagy a technológia formájában és működésében. Az UI, vagy a felhasználói felület, összpontosul a termék külső burkolatának és funkcióinak. Az UI-tervezők hatóköre - a folyamat kézzelfogható és látható komponensei.

Általános UI elemek

Az UX és az UI sok közös, de fontos megjegyezni e két helyiség legfontosabb különbségeit. Ismét az UI a termék külső összetevőjére koncentrál, míg az UX jobban kapcsolódik, hogy az emberek hogyan lépnek kapcsolatba a webhelyen vagy az alkalmazással. Íme az UI leggyakoribb elemei, amelyeket tudnod kell, hogy jobban kitaláljuk a kontrakciókat:

Információs alkatrészek: Az UI-tervezők az információs összetevőket használják az úgynevezett bontással. Olvasási tapasztalat - Transzfer További információ. Az információs összetevők példái: Állapotjelzők, értesítések és üzenetek üzenetekkel. Mindez megerősítésként szolgál: a felhasználó konkrét feladatot hajtott végre. Vagy annak értesítése, hogy a részéről bizonyos cselekvés szükséges.

Navigáció "kenyér morzsák"

Ez egy tervező eszköz, amely vizuálisan javítja a webhely használhatóságát.

Tehát az emberek látják a helyüket a weboldalon, hierarchikus struktúrájában. Nincs szükség zavaró design elemre, csak meg kell mutatnia, amelyben a webhely melyik szakasza a felhasználó. Általában az ilyen linkek az online áruházak weboldalának tetején vagy más erőforrásokon vannak elhelyezve.

Adja meg a menedzsment elemeket: A felhasználók számos lehetőséget biztosítanak a megadott kérdés megválaszolásához. Ezek lehetnek a kórok leállítása listák és kapcsolók. Az információnak rövidnek és tömörnek kell lennie ahhoz, hogy megkönnyítse az igényeket.

Az interakciós élmény vizsgálata

Kutatás nélkül nem lehet megtudni az emberek igényeit és preferenciáit. Az UX-tanulmány az, hogy megtalálja a felhasználóknak; A kapott adatok UX-designon alapulnak. A vállalatok és a tervezők kutatást alkalmaznak arra, hogy bizonyos következtetéseket vezessenek be, mi működik és mi a jobb változás. Számos opció van az UX-tanulmányokhoz.

Használhatósági tesztelés

Az ilyen tanulmány feladata, hogy megtudja, mennyire sikeres a termék; A felhasználók részt vesznek a tesztelésben. Tehát a vállalatok valódi információkat kapnak arról, hogy az emberek hogyan használják a terméket vagy a rendszert, vagy mint ez a termék vagy rendszer munka. Két alapvető vizsgálati módszer létezik.

Használhatóság tesztelése véletlen felhasználó egy gyors és olcsó módja a vállalatok és a kutatók információkat szerezni, akik nem tudják, hogy a termék. Az alkalmi emberek élvezik a terméket, és megosztják véleményét.

Távoli használhatóság tesztelése lehetővé teszi a vállalatok, hogy végezzen kutatást körülmények között, amikor a felhasználók a természetes környezetben (például, otthon vagy az irodában).

Használhatósági tesztek szerszámai

Ezek az eszközök lehetővé teszik, hogy megtanulják a felhasználók véleményét, elemezni Fidbeck, és bizonyos módosításokat adatok alapján. Ha olyan eszközt keres, amely segít abban, hogy megtudja, milyen egyszerű az Ön webhelyének vagy alkalmazásának használata, akkor két lehetőség van:

Az Adobe Fireworks CS6 lehetővé teszi a webes tervezők számára, hogy grafikákat hozzanak létre a weboldalakhoz anélkül, hogy a programkód vagy design finomságába kell mennünk. Az Adobe Fireworks számos előnye van. Ez az eszköz egy lenyűgöző pixel pontossággal vannak kép tömörítési lehetőség (JPEG, GIF, stb), amely lehetővé teszi a felhasználók számára, hogy a funkcionális területek és építmények vektorok.

Az Adobe XD használatával tervezési helyeket és mobil alkalmazást, valamint prototípusokat, keretmodellezést és vektoros grafikákat hozhat létre. Megoszthatja interaktív prototípusokat több platformon, beleértve a Windows, Mac, iOS és Android - Az eszköz ideális a csapatmunka számára.

AXURE RP Pro egy másik jó eszköz az UX Design számára, és továbbá ingyenes. A tengely több opciót valósított meg, beleértve a. Prototípus és dokumentáció. Még létrehozhat egy sémát a felhasználók és térképek mozgatásához. A tengely ideális webes és asztali alkalmazások létrehozásához, a felhasználók képesek gyorsan exportálni PDF-re vagy HTML-re.

Ez egy komplex szoftver, amely számos speciális funkcióval rendelkezik, beleértve. Disconstruktív szerkesztés (ez azt jelenti, hogy a vázlat nem változtatja meg a munka képpontsűrűségét). Export kód, pixel pontosság, prototípusozás, vektorszerkesztés - ezek a vázlat fő előnyei.

6. Szoftver a finomításhoz

Kíváncsi lehet, hogy az UX-designnak szüksége van egy storyboardra. De ez egy jó módja annak, hogy vizuálisan megjósolhassa, hogy a felhasználó széles kontextusban lépjen kapcsolatba a termékével. Számos eszköz van a szálaknak, különböző funkciókkal és nehézségekkel.

Storyboarder - Ingyenes fejlesztés alapvető funkcionális, amely alkalmas minden tervező számára, függetlenül azok képzettségi szintjétől. Ez a szoftver gyorsan létrehozza a vázlatot vagy az ötleteket, hogy leírja a tervet vagy az ötletet. Egy másik eszköz a Toon Boom Storyboard Pro. Egyesíti a rajzot, az animációt, a kamera-ellenőrzést és az éves vagy havi díjat. Széles funkcionalitás, bonyolult stormitelling és részletes előkészítő munka. Mindez alkalmas olyan tervezőknek, akik keresik a lehetőséget, hogy vizuálisan elmondják a történelmüket az interfész segítségével.

Hogyan lehet UX-Designer?

Ha szereted a tervezést, a kutatást és az emberekkel való munkát - Hallgasd meg mások történetét a tapasztalatairól, akkor talán az UX Design karrierjére gondolsz. Ebben az esetben a terv fogalmi vonatkozásaira kell összpontosítania; Hozzon létre minőségi interakciós élményt más felhasználók számára.

Számos fontos lépés az UX tervező karrierje felé. Számos egyetem a világon kínálja a tanfolyamokat, de annak érdekében, hogy regisztráljanak, 4 év oktatási területen általában előfeltétel. Rugalmasabb programok vannak, mint például QuinniPiac University Graduate program a felhasználói élménytervezésben. Vannak tanúsítási programok szakemberek számára is. Sokkal függ a képzés időtartamától és a készítmény szintjétől.

Ha készen áll az álmod megtestesítésére és UX-tervezővé válni, szükség lesz egy folytatásra és fényes portfólióra. Olyan erőforrásokat használunk, mint a dribbleble vagy a be. Megmutathatod a munkáját a saját webhelyén létrehozott tervezővel, például a Squarespace segítségével.

Ne hagyja ki a következő árnyalatokat a látómezőből:

Vizuális vonzerő

A bemutató minden. A munka meg kell beszélnie magától ... show, de ne mondd! Színválasztás, tipográfia - Mindez fontos.

Adjon hozzá egy oldalt "magadról"

Miért kell valaki felvennie? Milyen újak lehetnek bármely szervezetbe? Bizonyítsák egyedi látás-toborzókat, vagy mi inspirálja Önt.

Az álmaid alkalmazottjának nem szabad nehézségekbe ütközni a portfólió oldalán. Az Add partíciókban, mint például a kapcsolatok, összefoglalók, portfólió, rólam stb. A navigáció egyszerűsítése érdekében.

Magyarázza el, hogyan hozhatja létre az UX-et a jövőbeni munkáltatója meg akarja érteni a gondolkodásmódját. Adjon hozzá olyan információkat, amelyek megmondják a toborzónak az UX-tanulmány, a brainsstorming, a tervezési vagy prototípus létrehozásának folyamatát.

Hozzon létre további portfóliót

Használjon más eszközöket, hogy rendelkezésre álljon webes erőforrásokon, ahol a tervezők és azoknak, akik bérelni akarják őket.

A kérdésre, mi az UX tervező és az UI-tervező közötti különbség, szeretik a megtagadást. Tudod, egy ilyen irodalmi fogadás. Úgy tűnik, hogy "az UX nem az interfészről szól, nem a grafikai tervezésről, akkor nem használható, nem elemző, nem prototípus." Ma, akkor rövid időre a különbség, mondja a történet a megjelenése szempontjából, és miért a két fogalom még ennyi év után egy ilyen vadászat egybeolvadt - UX / UI.

Röviden a különbségről

Az UI-Designer (felhasználói felület) egy interfész tervező, amely egy ideális környezetben, amely gombokat, ikonokat, formákat készít, felveszi a betűtípusokat, és kihasználja az összes harmonikus és gyönyörű elrendezést. Helyszín, alkalmazások, legalábbis, azzal, amit a felhasználó kölcsönhatásba lép - még akkor is, ha az állomás termináljának képernyője. És már nem gondolkodik.

Az UX-Designer (felhasználói élmény) nem tervező, hanem egy tervező (csak angolul, a tervezőnek csak egy második jelentése van). Tanulmányozza a felhasználók igényeit, logikai interfész működési rendszereket épít, teszteli az élő emberek prototípusait, írja a TK-t a designra. Más szóval, ez egy ilyen mérnök-marketing: a bemeneti analitikában, a kimeneten, az interfész létrehozásának elvei, a munka logikája, az elrendezés, a tartalom. A rajz, mint ilyen, nem érinti.

Ez minden.

Miért szükséges volt mindent megnehezíteni

Mint korábban: a tervező megkapta a "Rajzoljon egy webhelyet". Minden webhely többé-kevésbé azonos: a fő, a cég, a katalógus, majd a listán. A tervező megkérdezte: "És mikor megy hozzánk a tartalom?". Soha, elvtárs szellem, ez egy hadsereg.

És a tervező egyszerűen "tervező" volt. Tengerentúli konzolok nélkül.

Mivel ezután lett: az ügynökségek több pénzt akartak kapni, és a világ fokozatosan kezdte át az átmenetet a "csak helyszínekről" a komplex webes szolgáltatásokra. És a szolgáltatás nem csak egyedi felület, akkor is érdemes neki egy különleges üzleti folyamat. Például emlékezzen az Airbnb webhelyre - a téma mély vizsgálata nélkül, egyetlen grafizelő sem tudta megtenni az interfészt.

Miután a munka többre lett, szükség volt arra, hogy egy szakmát többre kell osztani. Most a UX specialista (fogjuk nevezni, így nincs zavar) feltárni és tervezése információs architektúra, a prototypist nem funkcionális része, és a grafikus (UI) tervező megalkotta a végtermék: a modern és kellemes szemet.

Ugyanez már az iparágban volt. Például egyszerűen "programozók" osztottak "Frontend" és "Backend". És az elülső tartók az igazi fronters és az "egyszerűsítő". Mellesleg,.

Az ok mindig egyedül van: egy személynek nincs nagy folyamat. Tovább.

Ki az UX / UI-Designer

Milyen szórakoztató szórakoztató: az UX / UI tervező pozíciói gyakran villogtak az álláshelyeken, mintha a slashen keresztül. Még Tinkoff is keres egy ilyen Kkkombo szakembert:

A barikádok másik oldalán a tervezők az utolsó név kezdett hívni UX / UI-ként. Mert csak egy design - fu, valószínűtlen.

Ki az UX / UI a tökéletes világban? Superman, aki az UX Works egész ciklusát tölti, majd még mindig időt arra, hogy mindent rajzoljon a házimunka több iterációjával (do ui).

Ki valójában Ux / UI? Csak egy jó tervező. Azok, akik nemcsak a "Figabach elrendezésekhez" tartják, hanem az egyes projektek egyenként megközelítését, elemzéssel, kérdésekkel, pontosításokkal, vázlatokkal, rendszerekkel stb. Ez nem teljes körű UX-vizsga, hanem általában, hogy támogassa a készterméket vagy a "csak egy webhely" fejlesztését, elegendő.

Tehát, ha látsz egy csodálatos UX / UI mutánsot, tudd, hogy:

• Ez egy tervező, aki megközelíti a projektet egy fejjel, és nem csak az egérre és a csőrre kattint.
• Ez egy whisch, amely az intelligens szavakat olvasott, és most UX / UI-t hív.

Ellenőrzött elemi: Kérdezze meg a tervezőt, hogy mondja meg, miért választotta pontosan az elemek helyét, egy ilyen szekvenciát stb. A jó tervezőnek nincs interfész döntése egyszerűen, így minden logikai igazolás.

Mellesleg

Ez a cikk már a második a sorozatban ", mint egy webes szakember különbözik a másiktól." Mi az a gondolat, hogy az összes szakmáról szóló referencia könyv az interneten, különböző lehetőségek a nevükre. Ahhoz, hogy az ügyfél (és mindannyian, mit kaphatok világosabban élni.

Az UX-design az emberi pszichológia ismerete köré épül, és a felhasználók tanulmányozásának éve, a psziché sok törvénye, amelyet meg kell tudni, hogy megjelent az interfész megtervezése során.

UX-design: Fitts Act

A cél elérésének ideje a cél és a méret közötti távolság függvénye. 1954-ben, a pszichológus Paul Fitts, aki tanulmányozta az emberi motorrendszeren, azt mutatta, hogy a szükséges idő megadása a cél távolságtól függ, hogy a cél, és az is a fordított függőség a méret a cél. E törvény szerint a gyors mozgások és a kis célok több hibát eredményeznek. A fitts törvényt széles körben használják az UI és UX-ben. Például, e törvény szerint az interaktív gomboknak nagyobbnak kell lenniük, mert nehezebb kattintani a kis gombokra, és több időt vesz igénybe.

Törvény hika

A döntési idő növekszik a választások számának és összetettségének növekedésével. Minél több stimulista, annál hosszabb ideig választja meg, hogy melyiket lépjen kapcsolatba. Ha a felhasználók bombázzák a választott lehetőségeket, meg kell fizetniük az értelmezést és a döntéshozatalt, amelyet nem akarnak tenni.

Jákób törvény

A felhasználók több időt töltenek más webhelyeken. Ez azt jelenti, hogy a felhasználók előnyben részesítik a webhelyedet, hogy működjenek, valamint azokat a webhelyeket, amelyeket már tudnak. Jacob törvényét Jacob Nielsen, a Nielsen Norman-csoport koordinázja, amely hatalmas hozzájárulást tett az UX-hez, feltalálta a heurisztikus értékelés módszerét.

Büntetés törvénye

Az emberek észreveszik és értelmezik a kétértelmű vagy összetett képeket a legegyszerűbb formában, mert ez az értelmezés kevesebb kognitív erőfeszítéseket igényel. Ezt a törvényt 1910-ben nyitották meg egy pszichológus Max Vertheimer, amikor látta a lámpákat a vasúti átkelés közelében. Olyan volt, mintha bekapcsolni és ki a fényeket a jelenet körül. Úgy tűnik, hogy a megfigyelő úgy tűnik, hogy ez ugyanaz a fény, amely a villanykörtől a villanykörtől mozog, bár valójában egyszerűen egy sor izzó, amely bekapcsol és kikapcsol.

UX-design: a közelség törvénye

Az egymáshoz közel álló objektumok közel vannak a csoportban. Ez a törvény szintén a Gestalt Pszichológia egyik fő része, és megnyitotta Verheimer. Észrevette, hogy egy gyors eseménysorozat létrehozza a mozgás illúzióját. Például a filmek a keretek gyors mozgása, amelyet szilárd vizuális élménynek tekintenek.

Miller törvénye

Átlagosan egy személy megtarthatja a memóriában 7 ± 2 elemet a munkamemóriájában. 1956-ban George Miller, hogy az azonnali memória és abszolút ítélet tartománya az információ körülbelül 7 részét korlátozta. Az információ fő egysége a bit, a két egyenlő valószínűségű alternatíva közül választhat. Vagyis 4 bites információ 16 páros alternatíva (4 egymást követő bináris oldat) között. Az a lényeg, amelyben a zavartság rossz ítéletet okoz, a csatorna sávszélessége.

Parkinson törvény

Minden feladat minden alkalommal elfoglalt. E törvény szerint az idő, a tér vagy a költségvetés korlátozása a termelékenység és a hatékonyság növeléséhez vezet.

Soros helyhatás

A felhasználók emlékszelnek a sorozat első és utolsó objektumára. Manipuláció soros elhelyezés létrehozása a jobb felhasználói élmény használják számos népszerű minták sikeres vállalatok, mint az Apple, az Electronic Arts és a Nike.

UX-design: Testor törvénye

A teszter törvénye, vagy a bonyolultság megőrzésének törvénye azt állítja, hogy bármely rendszer esetében van egy bizonyos, amely nem csökkenthető. Az 1980-as évek közepén Larry Tescher rájött, hogy az alkalmazásokkal való felhasználók kölcsönhatása olyan fontos, mint az alkalmazások. Azt mondja, hogy sok esetben a mérnöknek egy további hetet kell költenie az alkalmazás egyszerűsítésére, és nem kényszeríti a több millió felhasználót arra, hogy egy extra percet töltsön egy komplex program használatához. Azonban Bruce Tognazzcini azt állítja, hogy az emberek ellenállnak az életük egyszerűsítéséhez. Ezért, ha az alkalmazás egyszerű, a felhasználók elkezdenek törekedni a bonyolultabb feladatokra.

UX-design: hatása háttérfelújítói

A felhasználói interakcióval való együttműködés segíti a terméket vagy az üzleti tevékenységet új szinten történő visszavonásának, mivel az UX Designer úgy gondolja ki a termék működésének logikáját, és segít elérni a céljaikat.

Az UX-design tanulásának megkezdéséhez meg kell érteni, hogy bármely digitális projekten dolgozzanak, és amelyre ez a tervező felelős a fejlesztésért.

Ki az UX tervező, mint ő

Az UX Designer egy tervező, aki a digitális termékeket világos és logikus. Tanulmányozza a felhasználói interakció tapasztalatait a termékkel - az oldal, az alkalmazás, a program. Az UX tervező célja, hogy segítsen a felhasználónak elérni a célját. Ehhez a projekt szakaszokra oszlik, és mindegyikük dolgozik.

Először is, a tervezők elemzik a termék közönségét, vizsgálják céljait és félelmeit. Ezután töltsön be egy interjút valódi emberekkel, nézzen webhelyeket és versenytársak alkalmazásait. Ezt követően a prototípusok létrehozzák őket, mutasd meg őket a felhasználóknak és a fájlokat a fejlesztőknek.

Ha részletesen figyelembe veszi ezeket a szakaszokat, akkor könnyű megérteni, hogy hol kezdheti el az UX-design tanulását.

Ki lehet UX-Designer

Gyakran az UX-ben jönnek az internetes tervezők, akik úgy döntöttek, hogy elmélyítik a felhasználói interakció területén. Már dolgoztak a felhasználókkal, ismerik az alapelveket, és vizualizálhatják az információkat.

Az UX-ben való munkavégzés azonban opcionális. Az ezen a területen végzett összes folyamat elsősorban a logikára épül, hogy kritikusan gondolkodjanak, kommunikáljanak az emberekkel és az elemzésre.

A Google egyik tervezője, Fiona Yong, azt mondta, hogy a csapatában - csak néhány szakember a tervező képződésével. A többiek a szomszédos régiókban vagy más iparágakban dolgoztak. Valaki kognitív tudományokkal foglalkozik, és valaki pszichobiológia.

Ezért az építészek, a mérnökök és a programozók jó tervezőkké válhatnak. A legfontosabb dolog az, hogy kitaláljuk az interaktív kialakítás alapjait, és megértsék, hogyan épül fel az UX-ben való munka logikája. Ezt önállóan vagy speciális UI / UX-Design tanfolyamokon lehet elvégezni.

Hol kezdődik

Elkezdheti az UX-design tanulását a tanfolyamokból, könyvekről és cikkekről. A legfontosabb dolog az, hogy a megfelelő tanulási terv, a célok megfogalmazása és a privátra való áttérés.

A terméken dolgozó folyamat több szakaszból áll. Mindegyiküknél az UX tervező különböző dolgokat vesz részt. Ahhoz, hogy megértsük, milyen ismeretekre van szükség a munkához, részletesen meg kell fontolnia az egyes szakaszokat:

• tanulmány,
• adatelemzés,
• tervezés,
• tervezés,
• a metrika elemzése.

Tanulmány

Az UX tervező azt teszi, hogy a jövőbeni webhely vagy alkalmazás hasznos akciót értékesített, hirdetett, segített felhasználók.

De nehéz létrehozni egy jó projektet, ha nem érti a feladatot. Ezért először a tervező adatokat gyűjt a jövőbeni termékről. Fedezze fel a versenytársakat, a tervek funkciókat, a munka logikáját gondolja.

A jó kutatási módszer a valódi felhasználókkal folytatott beszélgetés. A jegyek vásárlásakor jobb, ha az állomásra megy, és interjút tölthet az utasokkal. Annak megállapításához, hogy könnyebbé válik, hogy jegyeket vásároljon az interneten keresztül, kényelmes fizetni a kártyától, mivel az autóba kívánnak helyeket választani.

A kutatás szakaszában az UX tervezőnek aktívan beszélnie kell a potenciális felhasználókkal, és megkérdeznie kell, hogy mit kell.

Adatelemzés

Amikor a termékfeladatok világosak, a tervező az interakciós logikát gondolja.

A célközönségből válassza ki a legélénkebb képviselőket, és mondja el nekik. Próbáld elképzelni, hogy mi fontos ez a személy a termékben. Milyen feladatokat fog eldönteni, hogy milyen módon. Ez a szakasz, a személyek létrehozása segít a tervezőnek, hogy bemutassa a konkrét embereket és dolgozzon számukra.

Nem lesz képes megfelelni az egész célközönség követelményeinek, de a legélénkebb képviselők vágyain dolgozhat. Ezután az esély növeli, hogy a többi is kényelmes lesz a termék használatához.

Minden személy esetében a tervező a használat forgatókönyvet hoz létre. Fontos itt elképzelni, hogy egy adott személy hogyan léphet kapcsolatba a termékkel. Milyen funkciókra van szükség, és az első szakaszban elhagyható.

A szkriptek létrehozása segít az alkalmazás vagy a webhely struktúráján keresztül, valamint az alapelemeket.

Tervezés

Ebben a szakaszban az összegyűjtött adat látható. Alkalmazási struktúra létrehozása, az egyes képernyőhöz.

A tervezés nem egy kész terv létrehozása. Ezek a gyors vázlatok, amelyek a felhasználókat mutatják. Tesztelés és megtanulja, hogy a termék megoldja-e a feladatot ebben az űrlapon.

Az elrendezések ebben a szakaszban teljesen eltérőek lehetnek - alacsony részletes és fekete-fehér vagy fényesek és interaktívak lehetnek. Valaki papírral és fogantyúval dolgozik, valaki speciális programokat használ. Egyes tervezők azonnal dolgoznak a szerkesztőkön.

A tervezési szakasz jelentős időt takarít meg. Gyorsabb, hogy megmutassa a felhasználónak a felhasználót, és kérdezze meg véleményét, mint húzni és programozni a terméket a semmiből, majd megszünteti a hiányosságokat.

Tervezés

A végleges verzió létrehozása az UI-tervezőben van. De gyakran felhívja maguk végleges verzióját. Ezért hasznos az alapvető készségek és az UI-design megszerzése.

A prototípusok és a wirframes stádiumában vizualizálást hoz létre, színes, összetételű és tipográfia, tervezési tartalom.

Ez alkalmas grafikus szerkesztők, amelyekben a tervezők dolgoznak:

• Adobe Photoshop,
• Adobe XD,
• Vázlat,
• Figma.

Az UX tervező feladata az egyes elemek és oldalak egészének használhatóságának követése. Nézd, hogy a vizuális hatások hozzáadásával a termék alapvető jelentése nem veszik el.

A mutatók elemzése

Az UX tervező termékének első munkaprogramjának közzététele után a felhasználók valódi viselkedése figyeli. Ehhez az analitika és a különböző metrikus rendszerek.

A terméken dolgozunk - ezek az USEABRITI- ÉS A / B-tesztek végzünk. A felhasználói élmény javítása, új funkciók hozzáadása.

Hogyan tanulhatunk UX-Design-t

Az UX-design különböző irányokból és tudományokból áll. Ez egy vizuális kialakítás, és a felhasználókkal dolgozik, és teszteli eredményeket. Egyes UX szakemberek egy irányban dolgoznak, néhányban.

Az UX-design megtanulása, meg kell képviselnie a teljes termékfejlesztési útvonalat, és javítja az egyes szakaszokhoz szükséges készségeket. "

Az elmélet tanulmányozásakor ne felejtsd el a gyakorlati készségeket. Hozzon létre egy webhely elrendezést, vagy jöjjön létre egy mobil alkalmazással. Oszd meg a projektet darabokra, és gondosan dolgozzon ki: Töltsön el a tanulmányt és az elemzést, majd tegye meg a tervezést és a designt. Csak a gyakorlat segít a tervezőnek, hogy jó szakemberré váljon.