Mi az UX és UI design - jellemzők és különbségek. UI, UX: Ki csinálja? Útmutató az UI UX interfészek tervezéséhez

Felhasználó. Felület. Tervezés vagy felhasználói felületcélja, hogy segítsen megszervezni a felhasználói interakciót egy eszközzel vagy programmal. Ez az, amit a felhasználó szembesül az eszközön vagy képernyőn: az interfész, gombok és navigáció grafikai elemeinek elhelyezkedése. A felhasználói felület, attól függ, hogy a webhelyet vagy az alkalmazást használó személy vágyától függ. A felhasználói lojalitás az interfész kényelmétől és vonzerejétől függ. Fényes design vonzza az embereket, és teszi őket a programba vagy a webhelyen. Ezért fontos, hogy az UI design intuitív.

Ahhoz, hogy kitaláljuk, mi az UX és UI design, képzelje el egy széket. Kerete feltételesen hívja az UX-designot, mivel a szék segítségével a szék segítségével megoldja a felhasználói problémát. Ugyanakkor a termék feltételes Ui-designja a lábak mennyisége, a hátsó vagy kárpit formája. A jó felhasználói felület tervezés figyelembe veszi a praktikus külső design, a példa a szék, ez azt jelenti, a választás nem csak szép, hanem kopásálló anyag a termék.

Így az UI-design célja a termék szükséges érzelmi érzékelésének kialakítása. Az UX-design a felhasználói segítségre alapul, amely egy erőforrással dolgozik.

Az UI és UX design kölcsönhatásának eredményeként a felhasználó egyetlen benyomást kap az interfész vizuális kialakításának és könnyűségének vizuális kialakításának esztétizmusáról az oldal kívánt műveletére.

Fogsz kapni

Minőségi módon végzett munka

Vonzó tervezés

A felhasználók érzelmi részvétele

Strukturált felület

Mi az UI design ára függ

  1. Az interfész koncepciók száma. Mi több, annál nagyobb az.
  2. Az interfész által kifejlesztett eszközök típusát. Ez lehet egy Android alkalmazási felület, egy iOS alkalmazás felület vagy egy webes alkalmazás.
  3. A kialakult szabályok jelenléte UX. Ha szabályokat kell kidolgoznunk - az ár emelkedik.
  4. Az illusztrációk létrehozásának szükségessége. Grafikusok és animáltak lehetnek. Az ár a mennyiségetől függ. Minél több az illusztrációk szükségesek, annál nagyobb az UI design költsége.

Rendelje meg a felhasználói felület tervezését a Branding Agency-ben Koloro.Meg fogjuk találni a projektet.

Design UI Fejlesztés: szakaszok

1.A probléma megfogalmazása:

  • az interfész által használt célok beállítása;
  • a felhasználói igények elemzése;
  • a platform kiválasztása, amelyen a projektet végre kell hajtani.

2. Az interfész vázlatok fejlesztése.
3. Prototípus létrehozása, Hogy értékelje az interfész kényelmét.
4. A kapott adatok elemzése és az optimális lehetőségek kiválasztása.

Az UI interfész tartalmaz ilyen elemeket:

  • információs architektúra;
  • tervezési interakció;
  • grafikai tervezés.

UI-terv létrehozása: Szabályok

  1. Az alkalmazáselemek megtervezése legfeljebb egyszerű és érthető.
  2. Felhasználó nem kellene teljes művelet vagy hosszú átmeneti láncok.
  3. Ajánlatos használni a szokásos elemek Menedzsment és érthető vizuális képek.
  4. Logikailag kapcsolódó elemekre van szükség egyesül ban ben menü és formák.
  5. Maga fontos elemek A felhasználói felületnek meg kell mennie első.
  6. Az interfésznek kell lennie egyben díszítettstílus.

Az UI mobil vagy webes alkalmazás tervezését figyelembe kell venni az "esztétika-uvabilitás" hatása (Esztétikai felhasználhatósági hatás). Az ő befolyása alatt egy személy úgy tűnik, hogy az alkalmazási felület, amely jobban néz ki, kényelmesebb. Tehát a felhasználói felület kialakítása harmonikusnak kell lennie kombinálja a szépséget és kényelem.

Rendelési interfész tervezés a branding ügynökségben Koloro.. Tudjuk, hogyan kell egyensúlyt tartani.

Az alkalmazás felületének jellemzői

A projekt céljától függően, és hozzárendeli az interfészt, a tervező kiválasztja a színsémát és a tervezést. Meg kellene fontolni színes pszichológia És hogyan befolyásolja az embereket. Az UI interfész színének kialakításakor használható hangsúlyozzák a minőséget Alkalmazások. Red társul erő és a szenvedély, zöld - a természettel, és a megfelelőséget, kék - a béke, a lila - a kreativitás és a bölcsesség.

Szükséges gondosan kidolgozni a projekt részleteit a korai szakaszokban, és kövesse a mobil felület fejlesztésének fő elveit. A legújabb tervezési trendek között olyan alkalmazások fejlesztése, amelyek az Androidon és az iOS-on dolgoznának. Az UI-tervezés azonban minden egyes mobilalkalmazáshoz külön fejleszteni kell. Tehát elkerülheti a hibákat és a helytelen működést.

Az UI interfész előtt vannak ilyen feladatok

  1. Biztosítani kölcsönhatásfelhasználó alkalmazással.
  2. Érzelmi elégedettség felhasználó a munkafolyamatban.
  3. Néz ki vonzónak.

Összetevők ui

  1. Vizuális dizájnVagy VD fontos a kiváló minőségű kijelző színek, betűtípusok és más site elemeire, hiszen megteremti az esztétika a helyszínen. A jó felhasználói felület csak az oldal tartalmának és funkcionális teljes egészében létezhet. Ezenkívül a vizuális tervezés célja a felhasználó vonzására és bizalomra építve a termékben vagy a szolgáltatásban.
  2. Tervezési rendszer- A felhasználói felület megtervezése az egyes interfészelemek rendszerein keresztül. Az újrafelhasználható minták fejlesztéséhez szükségesek.
  3. Prototípusez egy érvényes példa a tervezett felhasználói felületre. A munka utánzása ötlete az interfészelemek válaszairól a közvetlen fejlődésük előtt.
  4. Tartalom. Gadgets tanított a felhasználók munkáját multitasking módban, így a tervezés során a felhasználói felület, fontos, hogy gyorsan és helyesen bizonyítani a fő tartalmat és funkcionalitást az alkalmazás, és az összes másodlagos transzfer a háttérben, vagy eltávolítás.

  1. Fordított kommunikáció - Ez a program válaszának különböző tervezése vagy animációja a felhasználói műveletre. Ez azt jelenti, hogy egy személy megértette, hogy mindent ellenőriznek és helyesen működnek.
  2. Egy kézzel dolgozik. A jó felület kialakítását egy kéz irányításához kell igazítani. A legegyszerűbb kezelni a programot, ha a szükséges navigációs elemek a bal alsó sarokban találhatók. Továbbá, az interfész kényelmes kialakítása biztosítja a nagy gombok, francia bekezdések és a fontos elemek öntése érdekében az egyszerű interakcióhoz.
  3. Gyors bejárat. A töltési űrlapoknak: a minimális információmennyiség felhasználójának megkövetelik; Válaszoljon. Például, ha szükséges, megtudja, hogy milyen korú a felhasználó jobb használni a legördülő listából, de megtanulják a címet a szinkronizáció a helymeghatározáshoz. Általános ajánlás - Minimális kézi bemenet.

Design UI fejlesztés Koloro hoz

  1. Esztétikusan vonzó felület.A formatervezési elemek és a színes megoldások az alkalmazás koncepciójának megfelelően kerülnek kiválasztásra.
  2. Az egyszerűség és a használat megértése. Az emberek könnyen megértik, hogyan kell kölcsönhatásba lépni az interfészrel.
  3. Következetesség. Azokat az elemeket, amelyekről egyformán meg kell számolniuk. Ez megkönnyíti az alkalmazás használatát.

Az UI design fontos eleme az interfésznek. Ezzel kapcsolatba lép a programmal és a felhasználóval. Lépjen kapcsolatba a branding ügynökséggel Koloro És fejlesztjük a legkényelmesebb UI designt!

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 tervező gyümölcse, és nem kapcsolódik a fejlesztés és a megvalósítás a felhasználói élmény és a visszajelzések, akkor ez nem az UX-design eredménye.

    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 a felhasználói felület sablonok kidolgozásakor válassza ki a megfelelő elemeket (például a modul, a diavetítés fülek) bizonyos feladatokat, amelyek hatékonyságuk alapján jobb megoldást eredményeznek. 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 felhasználói felületek fejlesztése az illetékes megközelítéssel olyan módon épül, hogy a lehető legvonzóbb és kényelmes legyen, hogy optimalizálja a felhasználóval való interakciót.

Mielőtt a webes interfészek fejlesztői bármely projektben, a feladata, hogy pontosan egy barátságos felületet hozzon létre a felhasználó számára. Ez azonban nem mindig az egyszerű feladat, mivel az első pillantásra úgy tűnik, és néha nem igényel kis tervezési élményt. A fő követelmények itt a kényelem, a gyakorlatiasság és az intuitívség. Ebben a pillanatban az ilyen fogalmak, mint UX és UI design jönnek a játékba, amelyek gyakran zavarosak. Tekintsük mindegyiket egyedileg, és határozzák meg kulcsfontosságú pontjaikat.

UX design (UX Design)

Felhasználói élménytervezéslefordított eszközök "Interakció tapasztalat" És magában foglalja a különböző UX-komponenseket: információ architektúra, interakciós tervezés, grafikai tervezés és tartalom.

Általánosságban elmondható, hogy az UX Design integrált megközelítést alkalmaz a felhasználói interakcióhoz az interfészhez, legyen valami webhely, mobil alkalmazás vagy bármely más program. Az a személy, aki részt vesz ebben a munkában - Ux-digid(Újabban még hallja a nevét a UX-Architetor az UX-mérnök vagy szakértője, hiszen a „tervezés” szó ebben az összefüggésben inkább nominativus mint amit valójában megszoktuk érti ezt a szót) -, amikor Egy felület kialakítása Ha lehetséges, hogy maximálisan vegye figyelembe az összes kis dolgot, a felhasználói környezettől és az elektronikus eszköz típusától, és végződik a bemeneti és megjelenítési módszerekkel.

Egyszerű példa: Tegyük fel, hogy lenyűgöző pénzt fektetett be az erőforrás előmozdítására a keresőmotorok első soraiban, de kényelme sok kívánni kezd. Ebben az esetben a felhasználók lenyűgöző száma csak a webhelyről megy, és ennek hatása minimális lesz. Ezért van szükség az erőforrás-látogatók fellépéseinek állandó elemzéséhez, javítva honlapjukat, és követi a modern trendeket.

Az UX Design által megoldott fő kérdések:

  • A célok és feladatok meghatározása - mi végül el kell érnünk?
  • A megfelelő UX eszközök kiválasztása célok megvalósításához
  • Termékfejlesztés, maximális kényelmes és fény a célközönség észlelésében
  • A végeredmény elemzése - akár a termék megfelel-e az ügyfél elvárásainak, és mennyire magas a felhasználói elégedettség szintje.

Ez az összes rész kompetens átgondoltsága ezen a szakaszokban, hogy létrehozza a termék rajongói seregét. A fényes példa itt van az Apple, amely ezen az úton ment, és több ezer és milliók szívét nyerte meg.

UI design (UI design)

Felhasználói felület tervezési vagy felhasználói felület- Ez egy szűkebb koncepció, amely tartalmaz egy bizonyos grafikusan díszített műszaki elemeket (gombok, jelölőnégyzetek, választók és egyéb mezők). Feladata az, hogy segítsen a felhasználónak a program / webhely kölcsönhatásának megszervezésében. Jelenleg vannak néhány uI tervezési szabályok:

  1. Interfészelemek szervezése. Ez azt jelenti, hogy logikusan strukturáltnak kell lenniük és egymással összefüggenek.
  2. Csoportosító interfész elemek. Ez magában foglalja a logikailag kapcsolódó elemek kombinációját a csoportban (menü, formák).
  3. Az interfészelemek összehangolása. Nehéz elképzelni, hogy egy rosszul igazított felület kényelmes lehet valakinek!
  4. Egységes stílusú interfészelemek.A stílus dekoráció nem játszik utoljára, mert a felhasználó memóriájában tárolódik.
  5. Szabad hely jelenléte.Ez lehetővé teszi, hogy megkülönböztesse az információs blokkok között, összpontosítva valamit.

Az összes szabály által kifejlesztett felhasználói felület jelentősen javítja az erőforrás hatékonyságát, és versenyelőnyöket nyújt.

Információs architektúra (IA)

Különben szeretnék mondani néhány szót Információs architektúra (IA). Tevékenysége az adatszervezetre összpontosul, vagyis, hogy az információk hogyan strukturálják a felhasználó szempontjából, és nem technikai vagy rendszerszabályokat. Meghatározza az elemek elhelyezését az oldalra, maguk az oldalak csatlakoztatása. Az Ia kompetenciája inkább a menü és a navigáció és az illetékes végrehajtásuk.

Összefoglalva, szeretném észrevenni, hogy a különböző dolgokat különböző forrásokban értjük az UX Design alatt, de általában mindannyian azt jelentik, hogy a cikkben leírt munkát jelenti. És mit jelent az UX?

29.09.2017

Felhasználói élmény (interakciós élmény) vagy UX - Ez a technológiai és tervezési iparágak népszerű jelenlegi ciklusa. Mivel az UX továbbra is fejleszti és meghatározza, sok ember még mindig nem biztos abban, hogy mit jelent az UX, és hogyan kell használni ezt a kifejezést helyesen.

Valószínűleg gyakran hallottál az UX-ről, amikor a webhelyek vagy a mobilalkalmazás interfészek. Részben helyes, de az UX mélyebb megjelenése szükséges ahhoz, hogy teljes mértékben megértsük, miért olyan fontos az interakciós élmény, és miért olyan fontos, hogy tudjon róla.

Mi a felhasználói élmény (UX)?

Az UX-t "felhasználói élményként (interakciós élmény)" dekódolják. Az interakciós élmény az emberek kölcsönhatásba lépnek a termékkel.

Mindenütt Ux találkozik. Elméletileg mindent, amit kapcsolatba lép, a szoftvertől kezdve, és az ON / OFF gomb és az űrlapja végződik, az UX létrehozására szolgáló elemek példája. A termék kölcsönhatásainak összege a terméket használó tapasztalatsá válik.

A körülöttünk lévő összes tárgyat a kölcsönhatás tapasztalata - a kioszkok érintőképernyőjéből a metróban az elit kávéfőzőgépekhez, amelyek lehetővé teszik, hogy öntsön egy csésze kávét az ínyencekhez. A mobiltelefon vagy bármely más eszköz használatának képessége javítja az UX-t, valamint az érintőképernyős és hangparancsok segítségével történő kölcsönhatásban az autóvezérlés megkönnyíti és kényelmesebbé teszi az autót.

A termék sikere azon alapul, hogy a felhasználók hogyan érzékelik. A termék használata, az emberek általában becsülik az interakciós élményüket az alábbiak szerint:

  • Használtam ezt a terméket?
  • Könnyen használható?
  • Örülök, hogy használd?

Ez lesz az emberek, akik a termék állandó és hű felhasználóként közvetlenül a kérdésekre válaszolnak ezekre a kérdésekre.

Elemek UX.

Don Norman, társalapító Nielsen Norman Group, az első, aki bemutatta a "felhasználói élmény" fogalmát a 90-es években, mondván "Az interakció tapasztalata magában foglalja a felhasználói kölcsönhatás valamennyi aspektusát a vállalatnál, szolgáltatásaival és termékeivel."

"Ezzel a kifejezéssel jöttem fel, mert úgy vélte, hogy az emberi interfészek és a használhatóság túl keskeny fogalmak. Szerettem volna megragadni az emberi interakciós élmény minden aspektusát a rendszerrel, beleértve az ipari formatervezést, a grafikát, az interfészeket és a fizikai interakciót. "

Ebben a videóban Don Norman megosztja véleményét az UX kifejezés forrásairól.

Új cikksorozatot mutatunk be. A ciklus ezen részében figyelembe vesszük az UX / UI tervező álláspontját - a termék megjelenésének és logikájának való megfelelésért felelős szakembert.

UX / UI tervező - szakember, aki részt vesz a felhasználói felületek tervezésében.

Tipikus munkanap magába foglalja:

  • a kiemelt feladatok (tervezés, rajz);
  • kommunikáció az ügyféllel;
  • szerkesztés.

Előnyök és hátrányok

A szakma vonzza a tervezők lehetőséget, hogy jobbá tegyék a világot, valamint az ígéretes és kereslet a piacon:

"Szeretem azt gondolni, hogy képes megoldani a nagy közönség problémáját, vagy legalábbis a tartalom érzékelésének folyamata kellemesebbé és érdekesebbé válik. Érdekes felvenni az embereket, és megpróbálja megérteni, hogy mit kell rájuk, majd feltalálni, hogyan kell végrehajtani. "

"A gömb nagyon érdekes, mert a tervező helyes döntései jelentősen egyszerűsíthetik és javíthatják az olyan emberek csoportjának életminőségét, amelyekre egy bizonyos terméket vagy projektet fejlesztenek. Sokat is megtanulhat a világ különböző típusú üzletágairól, amely hasznos lehet a saját vállalkozásának alapításához és egy globális pillantást a világra. "

"Személyesen tájékoztatja a hülye alkalmazásokat, a liftek gombjai kényelmetlen helyszíneit, a rosszindulatú autó-interiorokat - szeretem valamit, ami javíthatja azt. Ez a világ annyira tökéletlen (nem a természet - minden tökéletes és kiegyensúlyozott), hogy mindig lesz egy intelligens tervező számára. "

"Tanultam egy programozó-Sisadmin, de mindig érdekes volt valamit a Photoshopban. Korábban nem volt ilyen oktatóanyagok, videó oktatóanyagok és cikkek, amint azt most, a legtöbb funkció és lehetőség, elsajátítottam a jelen módszert. Később úgy döntött, hogy megpróbál egy illusztrátort, sokkal bonyolultabb a Photoshop, de gyönyörű vektor létrehozása. Szeretek valami újat létrehozni, valami hasznos és szép, szeretné javítani és látni az elért eredményt. A tervezés kialakítása lehetővé teszi, hogy mindent megvalósítson. Érdekes módon mind a trendek változása, új programok és funkciók is megjelennek, mindig figyelemmel kell kísérni és folyamatosan fejleszteni. "

"UX / UI design Szeretem, mert ez egy nagyon ígéretes irány. A technológiák nagyon gyorsan fejlődnek, az új interfészek az új, és mindegyiküknek meg kell tervezni. Itt nemcsak arra gondolhatsz, hogy az interfész szépen néz ki, hanem milyen kényelmes, és milyen kényelmes lehet megoldani egy személy problémáját (hogy gyorsan megtalálja-e a kívánt kávézót, hogy foglaljon jegyet egy koncertre, vagy segítsen kedvenc étel készítése). Az interfészek mindenhol: az orvosi berendezések az autók. Amikor az autók repülnek, szükség lesz rá, hogy valaki átgondolta az interfész kölcsönhatását egy személyrel. És ezek WE - UX / UI tervezők.

Egy másik plusz az a képesség, hogy távolról dolgozzon (az összes tervező 20% -át), a szabadsáruló projektek nagy választéka.

A mínuszok között A szakmák tervezők hívják a kommunikációt olyan ügyfelekkel, akik nem tudják, mit akarnak, valamint a kollégák alulértékelését:

"Az esetek 80-90% -ában TK nélkül kell dolgozni a típuskövetelményekkel:" Megacsi és megalonfigurciumok készítése ".

"Úgy gondoljuk, hogy a szakma hátránya az ukrán tervezéshez és tervezők számára. Valamilyen oknál fogva mindenki úgy véli, hogy ha egyszer megnyitották a Photoshopot, akkor automatikusan megtervezők lehetnek, és maguk döntenek, mennyi ideig hagyja el a tervezést. Ez különösen a tapasztalatlan vezetők és programozók bűnei (az újonnan érkezők egyik vezetője azzal érvelt, hogy 30 percen belül megtette volna a feladatot, de nem volt ideje a művészetért). "

"Hátrányok - bármely komoly iskola hiánya és az illetékes folyamatok és módszerek megértésének hiánya a piacon. A kiszervezésben - az eredmény nyomon követése, a saját legjobb gyakorlataik növelése. A termék néhány monoton, az érett és teljes káosz számára az indítók számára. "

"Hátrányok, mint mindezen - ülő munka, szemtől szenved, és néha az ügyfélnek, aki meg kell tennie a fehér #ffffff még fehér :)"

Hogyan válhat és hol mozoghat

Az UI rész első és fő készsége a grafikus szerkesztő elsajátítása. A legnépszerűbb eszközkészlet az Adobe Photoshop, a vázlat, a Princite, az Adobe Illustrator, a hatások után. Először megpróbálhatja újratervezni a mobilalkalmazás vagy webhely képernyőképeit. De nem csak másolat (bár szükséges, hogy képes legyen), de észrevenni néhány kellemetlenséget, és javasoljon megoldást, hogyan kell jobban csinálni.

Fontos továbbá megérteni a szín, a tipográfia, az összetétel, az ergonómia (az interfészek felhasználói elveit), valamint a marketing, az üzleti elemzés, a pszichológia alapjait. A fejlesztőkkel való hatékonyabb kommunikáció érdekében hasznos lesz a fejlesztők, az elrendezés készségek (HTML / CSS) és a JavaScript és a keretrendszerek alapismerete.

Az UX tanulmánya megkezdődik a módszertan ismeretével, olvasva Nielsen Norman, Alan Cooper, Jef Raskin, Steve Circle, Alistair Kobern. Több alkalmazott irodalom - "A felhasználói élménycsoport: egy kutatás és design túlélési útmutató" Leah Baley.

- A sokféle lehetőségek modern világában. Vettem és továbbra is vásároltam online tanfolyamokat olyan platformokon, mint a Coursera, Udemy, Edx. Online konferenciákat nézek az Adobe, a Google, a Technical Irodalom, a Dribble, BECHANCE, AWWARDS elemzésével.
"Az UX / UI tervezőnek meg kell tanulnia a felhasználói felület klasszikusait:" Ne tegyenek meg engem "Steve Circle," a szokásos dolgok tervezése "Norman, olvassa el Luke Wromblevski. Folyamatosan gyakorolni kell, tegye magát a felhasználó helyére. Keressen egy mentort, amely hibákat jelez, tanácsot ad és elősegíti a növekedést. "

A pályafutását szabadúszóra kezdheti különböző angolul beszélő platformokon, hasznos lesz a bajnokságon, például DEV kihívásban. Ez segít a portfólió befogadásában.

UX és UI készségek és kompetenciák ()

A személyes tulajdonságok fontos:

  • előnyösen;
  • kitartás;
  • kreatív gondolkodás;
  • perfekcionizmus;
  • a tanulási és fejlesztési vágy;
  • képesség hallgatni a kritikát.
"Az a személy, aki interfészeket tervez, mérnök, erős analitikus gondolkodásnak kell lennie, rendelkeznie kell egy erősen fejlett empátiás készséggel, és képes behatolni a dolgokra a dolgok lényegébe. Természetesen még mindig gyakorlati készségek vannak - ez a különböző technológiák és eszközök birtoklása, de általában a második helyen van, a személynek mérnöknek kell lennie. És ez nem nehéz, ha nehéz keményen dolgozni, olvassa el a könyveket és cikkeket a tervezésről (összetétel, virágtudomány, tipográfia) és pszichológiában (meg kell értened, hogy egy személy milyen választást tesz, és hogyan működik az agya), menj előadások és workshopok és sokat gyakorolni ".

Lehetséges karrierpályák UX / UI tervező:

  • javít, mint tervező, rait (ha freelancer);
  • a szomszédos irányok elsajátítása, terméktervező, VR tervező, VFX tervező, játéktervező;
  • a művészeti igazgató álláspontjához (tervezési vezető);
  • úgy alakul ki, mintha a tervezésből a termékmenedzsment egészére szeretne váltani;
  • legyen, ha érdekes az emberek összehangolása;
  • tegye, ha a technikai szempont sokkal érdekesebb;
  • mester programozás és UI fejlesztővé válik;
  • próbáld ki magad a marketingben vagy.
"A technológiák nagyon gyorsan fejlődnek, és valami új megjelenés jelenik meg minden alkalommal, mert mindenre szüksége van a saját konkrét design, vannak követelményei és jellemzői. És mi, a tervezők segítenek mindezen, hogy jobban, szebbé és kényelmesebbé váljanak :)

Köszönjük, hogy a Julia Bondarenko, a Maxim Palyod, a Marina Popovichenko és a 25 ukrán tervező segítségével írta meg a cikket, aki elmondta a pozíciójukat. A cikkben szereplő idézetek történeteikből származnak.