Bármilyen dizájn, bármilyen jó is, teljesen haszontalan lesz, ha nem UX formatervezésű. Több százezer erőforrás létezik, amelyek elképesztő felületet és grafikai tervezést hoznak létre, és a legjobb, irreális tehetséggel rendelkező szakembereket alkalmazzák, de nem tudják megszerezni a helyüket az interneten. És ez azért van, mert a webhely és a felhasználók közötti interakció exponenciálisan növekszik, ami azt jelenti, hogy a felhasználói visszajelzések megtalálása érdekében a webes tervezőknek gondoskodniuk kell a felhasználói élményről (UX - User Experience). Ebben a szakaszban fognak segíteni az UX tervezési eszközök - kiváló online szolgáltatások, amelyek tippeket adnak a tervezők számára a felhasználói felületek kialakításával kapcsolatban. Ebben a cikkben részletesebben beszélünk róluk.

Mivel a tervezőknek nemcsak az elemek szépségét és helyes megszervezését, hanem a webhely látogatóinak viselkedésével kapcsolatos összetettebb tényezőket is figyelembe kell venniük, gyakran olyan UX tervezési eszközök használatához folyamodnak, amelyek segíthetnek bizonyos feladatok automatizálásában vagy nagymértékben leegyszerűsítik végrehajtásuk folyamata. Szerencsére az interfésztervezés már nem új téma, és több száz UX tervező eszköz található az interneten. Természetesen nem soroljuk fel mindegyiket. Segítségünkre csak néhány legérdekesebb és leghasznosabb UX tervezőeszközt választottunk ki rövid leírással, amelyek bemutatják fő jellemzőiket, és lehetőséget adnak arra, hogy kiválassza a legmegfelelőbbet.

UX tervezőeszközök makett és prototípus modellezésére és tervezésére

A prototípus elkészítése elengedhetetlenné vált minden olyan tervező számára, akik sikeresek akarnak lenni az UX tervezés és a felhasználói élmény területén. Makett, modell és prototípus létrehozása lehetővé teszi számukra, hogy kipróbálják az ötleteket, mielőtt időt, energiát és pénzt fektetnének a projektbe. Ezekkel az UX tervezési eszközökkel tesztelheti termékét a teljes gyártási folyamat során, és fejlesztéseket végezhet, hogy robusztus felhasználói élményt nyújtson a célközönség számára.

Moqups felülettervező eszköz

A Moqups isana HTML5 alkalmazást makettek, makettek és prototípusok létrehozására tervezték. A Moqups hatalmas számú előre beállított sablont és sablont biztosít, amelyek segítségével megalapozhatja projektjét. Testreszabhatja az egyes összetevőket, és beállíthatja saját színeit, szövegméretét, ikonjait stb.

Drótkeret

Ez egy másik drótvázas eszköz felhasználóbarát minimalista felülettel. A szerszám könnyen használható, és csak a szükséges minimális funkciókat tartalmazza, így a használat a lehető legegyszerűbb. A diagramok ezzel az eszközzel történő létrehozásának előnye, hogy a felhasználók könnyen megoszthatják azokat másokkal. Minden létrehozott séma vagy modell saját egyedi URL -t kap, amelyet elküldhet az ügyfélnek vagy a csapat többi tagjának.

Ceruza

Ez egy grafikus prototípus -készítő eszköz. Mivel nyílt forráskódú eszközről van szó, telepítheti azt személyi számítógépére, és internetes hozzáférés nélkül is elkezdheti grafikus prototípusok készítését. Természetesen nem érdemes várni tőle a fejlett funkciókra és az összetett funkcionalitásra, de megbirkózik a fő feladataival.

Balsamiq

Nem szeretne órákat tölteni a prototípusokkal? Ebben az esetben egyszerűen meg kell próbálnia a Balsamiq -ot. Egyszerű, de nagyon hatékony a prototípusok készítésében. A Balsamiq segítségével a felhasználók több elrendezést is létrehozhatnak, amelyek tesztelhetők és kiválaszthatók, ami a legjobb eredményt biztosítja.

PowerMockup

Ön PowerPoint mester? Akkor szeretni fogja ezt az eszközt, mivel a PowerPointot hatékony UX tervezőeszközré alakítja makett készítéséhez. Ez azt jelenti, hogy egyáltalán nem kell új szoftvert tanulnia. A PowerMockup lehetővé teszi, hogy speciális technikai ismeretekkel nem rendelkező emberek vegyenek részt a tervezési és fejlesztési folyamatban, ami minden bizonnyal az egyik fő előnye.

Mockplus

A Mockplus mindent tartalmaz, amire szüksége lehet a következő projekthez, a gyönyörű vizualizált interakcióktól, a beépített 200 összetevőtől és a 3000 ikontól a közös szerkesztésig és valós idejű tesztelésig valós eszközökön. Ez a felhasználói felület tervező eszköz segít hatékonyan és egyszerűen ötleteit teljesen működőképes prototípusokká alakítani. Ezenkívül a Mockplus tervezőeszköz egyensúlyba hozza a könnyű kezelhetőséget a kifinomult funkcionalitással, hogy bármilyen prototípus elemet létrehozzon.

UXPin

Olyan eszközt keres, amely lehetővé teszi interaktív prototípusok és makettek létrehozását? Az UXPin intuitív és könnyen használható eszköz. Használatával még a böngésző képernyőméretének megváltoztatásával is képet kaphat arról, hogyan fog kinézni a termék mobileszközökön.

Szilárdulni

Gliffy

A Gliffy nem csak egy újabb UX tervezési prototípuskészítő eszköz; ez sokkal több. A Gliffy lehetővé teszi a felhasználók számára hálózati diagramok, összetett műszaki rajzok, folyamatábrák, UML diagramok és egyebek létrehozását. Intuitív kezelőfelülete lehetővé teszi, hogy néhány perc alatt diagramokat készítsen.

POP

A / B teszteszközök

Ezeknek az eszközöknek az ötlete az, hogy létre kell hozni egy oldal két verzióját, majd tesztelni kell, hogy kiderüljön, melyik verzió működik a legjobban. A konverziós arányok, az átlagos oldalon töltött idő és más mutatók azok a tényezők, amelyekkel mérheti az oldal teljesítményét egy webhelyen.

Elhatározás

Nem biztos abban, hogy olyan projektet hoz létre, amelyet a felhasználók valóban látni szeretnének? Ezzel az A / B tesztelési eszközzel bármilyen kérdést feltehet, ami érdekli, és valódi felhasználói választ kaphat. Az eszköznek nagyon hasznos tulajdonsága van - vita. Beszélgetést indíthat webhelyén, hogy bevonja a felhasználókat a tervezési folyamatba. Ezenkívül privát megbeszéléseket is létrehozhat, és csak barátaival vagy kollégáival oszthatja meg őket.

Vizuális webhelyoptimalizáló

Ez egy egyszerű, de rendkívül hatékony eszköz, amely lehetővé teszi a legmagasabb szintű A / B tesztelést. Segítségével többváltozós és osztott tesztelést is végezhet. A szegmentált jelentések és a bevételi elemzések a Visual Website Optimizerben is elérhetők lesznek.

Optimalizálva

Ez egy robusztus A / B tesztelő eszköz, amely lehetővé teszi a felhasználók számára a teszt elvégzését anélkül, hogy belemerülnének a technikai részletekbe, és nincs szükség speciális készségekre. A kód hiánya és a teljes vizuális szerkesztés nagyon népszerűvé teszi a marketingesek körében.

Használhatósági tesztelő eszközök

Amikor jó UX -tervezésről van szó, szükség lehet használhatósági tesztelő eszközökre, amelyek segítenek megérteni a felhasználói élmény problémáját, és azonosítani a célfelhasználók igényeit és pszichológiáját. Ha meg tudja határozni, hogy a látogatók és a potenciális vásárlók valójában mit akarnak, és ezen ismeretek alapján felépítést hozhat létre, akkor a design minden bizonnyal lenyűgözi és energizálja a közönséget. Felhasználhatósági tesztelő UX eszközök nagyjából felosztható távoli használhatósági teszteszközökre és visszajelző eszközökre. Ebben a szakaszban összegyűjtöttük mind ezeket, mind más megoldásokat, hogy kiválaszthassa a legmegfelelőbbet.

Hurok11

A Loop11 egy egyszerű használhatósági tesztelő eszköz, amely nem igényel HTML vagy programozási nyelvek ismeretét. Az eszközön belül kész sablonokat használhat, vagy saját maga készíthet témát. Ezenkívül többféleképpen is meghívhat közreműködőket a projektek tesztelésére. Létrehozhatja saját felhasználói listáját a közösségi hálózatok alapján, létrehozhat egy előugró ablakot az oldalon, hogy megtalálja az érdeklődőket. Mindössze annyit kell tennie, hogy létrehozza a kérdések listáját, vagy különböző formatervezési mintákat választhat, majd meghívót küld az embereknek, hogy válaszoljanak rájuk. Az eredmények alapján elvégezheti a szükséges tervezési változtatásokat.

Őrült tojás

Ez az eszköz segít Önnek, hogy felhasználóbarátabbá tegye oldalát, és növelje a konverziókat a megfelelő felhasználói élmény létrehozásával. A következőképpen működik. Elküldi a tervét, ezt követően a használhatóság és a felhasználói élmény szakemberei elemzik azt, és megosztják észrevételeiket, amelyek segítségével javíthatja webhelyét.

Használhatósági eszközök

Ez az egyik legszélesebb körben használt UX tervezési eszköz, és hasznos tulajdonságai miatt hatalmas népszerűségre tett szert a tervezők és a forgalmazók körében. Ez az eszköz segít a weboldalak elemzésében a felhasználó szemszögéből. Ez a hatalmas előny a tervező számára az, hogy konkrét támpontokat ad arra vonatkozóan, hogy hol és milyen változtatásokat kell végrehajtania a tervezőnek a konverzió növelése érdekében, vagy milyen elemeket kell áthelyezni ahhoz, hogy rávegye a felhasználót bizonyos műveletek végrehajtására. Ez a használhatósági eszköz visszajelzést és visszajelzést is lehetővé tesz azoktól az emberektől, akik ténylegesen használják a terméket.

Címzett

Ez az "analitikus szoftver", amely az alkalmazások felhasználóinak tevékenységét követi nyomon. Ezzel az eszközzel értékes betekintést nyerhet abba, hogy a felhasználók hogyan lépnek kapcsolatba az alkalmazásával. Ennek a hangszernek a "Felhasználói rögzítés" funkciója a leglenyűgözőbb. Rögzíti a felhasználói tevékenységeket, és így kiváló betekintést nyújt a felhasználók viselkedésébe. Ez egy hasznos eszköz az alkalmazás általános teljesítményének javításához és a konverziók növeléséhez.

Attensee

Ez egy felhasználói viselkedéskövető eszköz, amely segít megérteni, hogy a célközönség hogyan nézi webhelye oldalait. Az Attensee vizuálisan jelzi, hogy az emberek észreveszik -e webhelye fontos elemeit. Ez közvetlenül kapcsolódik a tervezéshez, mert ha úgy találja, hogy a felhasználók jelentős része valójában nem olyan fontos elemekre összpontosít, mint a szalaghirdetések, a cselekvésre ösztönző gombok, a különleges ajánlatok, akkor az Attensee segíthet ennek kijavításában.

UserVoice

Ez egy másik hatékony eszköz, amely lehetővé teszi, hogy megtekinthesse és elemezhesse a felhasználók különböző műveleteit, miközben böngészik a webhelyet. Ez az eszköz lehetővé teszi, hogy közvetlen visszajelzést kapjon a valódi felhasználóktól, és kijavítsa a felmerülő problémákat.

MouseStats

Amint ennek az eszköznek a neve is sugallja, a MouseStats segít nyomon követni a felhasználói műveleteket az egérrel. Mint valószínűleg tudja, az egér mozdulatai utánozzák a felhasználó szemének mozgását. A kurzor mozgásának és a görgetésnek a nyomon követése fontos információkat nyújt arról, hogy a felhasználók hogyan lépnek kapcsolatba a tervezéssel. A legjobb dolog ebben az eszközben az, hogy vizuálisan ábrázolja a felhasználói tevékenységet, és ezáltal segít a szükséges változtatások végrehajtásában.

UX tervezőeszközök a prototípusok készítéséhez és a közös tervezéshez

A csapatmunka elengedhetetlen, amikor a célközönség számára jó UX terveket kell kidolgoznia. Ha megszokta a csapatmunkát, akkor hozzá kell férnie a megfelelő eszközökhöz, amelyek segíthetnek a csapattagoknak hatékonyan és könnyedén együttműködni, és saját javaslataikat megfogalmazni. Az alábbiakban bemutatjuk az UX tervezőeszközöket a prototípus -készítéshez és a közös tervezéshez, amelyek hasznosak lehetnek.

FileSquare

Ez nem csak együttműködési eszköz. Lehetővé teszi interaktív prototípus létrehozását és egyidejűleg együttműködést a csapat többi tagjával. Kreatív döntéseket hozhat, és valós idejű visszajelzést kaphat az emberektől.

Notizmus

Vizuális tartalmakon dolgozik, és együttműködési eszközt keres? Akkor kell a Notizmus. Annak érdekében, hogy a kommunikáció a csapattal a lehető legkényelmesebb legyen, vázlatokat és jegyzeteket használ. Az értesítések valós időben érkeznek, így visszajelzést kaphat kollégáitól és ügyfeleitől, amint valaki megjegyzi őket.

piros toll

A RedPen segítségével az együttműködésen alapuló tervezés és prototípus -készítés gyors és egyszerű lesz. Ez az UX eszköz együttműködő tervezési modellezéshez és prototípuskészítéshez készült. Kifejezetten a grafikai tartalommal való együttműködés megkönnyítésére tervezték. Az értékelések cseréje nagyon egyszerű: az elemek bármelyikének kiválasztásához és megjegyzés elhagyásához a felhasználónak csak rá kell mutatnia. Ezt követően megjelenik egy kis szövegmező, ahol visszajelzést küldhet.

Memosort

A Memosort segítségével a távolság már nem akadály. Ez a csodálatos eszköz az egyik legjobb együttműködési tervezési eszköz. Ez segít a csapattal való kapcsolatteremtésben és a valós idejű együttműködésben. A Memosort összes jegyzete automatikusan mentésre kerül, így nem kell tartania attól, hogy elveszít minden jó ötletet vagy javaslatot.

Trello

Felejtse el a hosszú és unalmas e -maileket, a Trello itt van, hogy megkönnyítse az együttműködést és a kommunikációt a csapata számára. Ennek az eszköznek az az előnye, hogy ingyenes. A Trello eszközben speciális kártyák találhatók, amelyek különböző projekteket képviselnek. Ahhoz, hogy embereket adhasson hozzá egy projekthez, csak húzza át a megfelelő térképre. Az eszköz valós időben is frissül.

Látomás

Érdekes kombinációja az együttműködésnek és a prototípus -készítő eszköznek. Ezzel interaktív prototípusokat és modelleket hozhat létre. Valós idejű interakció lehetséges az Invision segítségével. Mindössze annyit kell tennie, hogy elküldi a tervezés linkjét a többi csapattagnak, és dolgozhatnak rajta, és javaslatokat is tehetnek.

Összegezve

Tehát ezek olyan UX tervezési eszközök, amelyek segítenek a webes tervezőknek sikeres online projektek létrehozásában önállóan és csapatban, valamint információkat gyűjtenek a felhasználói élményről önfejlesztés céljából. Ha tud más hasznos eszközt, amit elfelejtettünk megemlíteni, mindenképpen írjon róla a megjegyzésekben!

Ha fejlődni szeretne a tervezés területén, akkor természetesen folyamatosan fejlesztenie kell készségeit, lépést kell tartania a trendekkel, és ismernie kell a modern tervezési követelményeket, valamint a speciális feltételeket. Az egyik ilyen kifejezés az UX / UI design.

Valójában, amikor két évvel ezelőtt meg kellett találnom, hogy milyen „kanócok” és „ui” -k vannak, alaposan ásnom kellett, mielőtt megérteném, mi ez, és miben különbözik a másiktól. Sokat írtak erről, és ugyanakkor nem mindig világos. Ezért javaslom e fogalmak együttes megértését.

Kezdjük az UX -el. Az UX jelentése Felhasználói tapasztalat, ami szó szerint "felhasználói élményt" jelent. Ahogyan például egy webhely UX -kialakítását átgondolják, annál kényelmesebb a felhasználó számára a szükséges információk keresése vagy interakciója. Más szóval, az UX tervezés feladata az eszköz vagy erőforrás funkcionalitásának és kényelmének kérdéseinek megoldása.

A koncepció egyébként nemcsak az informatikai szférára vonatkozik, hanem gyakorlatilag bármely más területre is. Azt mondhatjuk, hogy a golyóstoll UX kialakítása az, hogy mennyire jól ír, mennyi írópaszta elegendő, segít -e a helyes kézírás kialakításában, kényelmes -e szállítani, védősapkával vagy automata ... általánosságban elmondható, hogy a termék milyen jól oldja meg azt a feladatot, amelyre szánták, és ugyanakkor fontos - mennyire egyértelmű a felhasználó számára.

A felhasználónak jól kell éreznie magát, és mindent meg kell értenie

Ami a felhasználói felület kialakítását illeti, ez ebben az esetben a rövidítése Felhasználói felület, ismét szó szerint - "felhasználói felület". Ez a fajta kialakítás határozza meg az elemek színét, alakját, méretét és helyét, a betűk nevét és méretét. Azaz a felhasználói felület egy vizuális összetevő, amelynek feladata, ha akarja, egy webhely vagy termék egyes elemeinek kiemelése és kiemelése. Vagyis, hogy egy termék vagy erőforrás kellemes legyen a szemnek és intuitív legyen. Például a szöveg felfogása attól függ, hogy hogyan van felosztva bekezdésekre, a betűtípus méretétől és típusától, a címsorok és illusztrációk jelenlététől, valamint a szöveget körülvevő helytől.

Különbségek az UX és a felhasználói felület tervezése között

E két fogalom látszólagos hasonlósága ellenére különböző funkciókat látnak el, szinte minden projekt szerves részét képezik. Az ilyen típusú tervezések közötti különbségek jobb megértése érdekében tekintsen egy példát - Yandex keresési eredmények.

Belső struktúra, hierarchia, hatalmas számú kiegészítő szolgáltatás ( Közvetlen, Metrikák, Wordstatés így tovább) az UX. De például az a tény, hogy a már követett linkek más színnel vannak kiemelve - ez a felhasználói felület. A felhasználói felülethez kapcsolódik az is, hogy a webhely tiszta fehér háttérrel, a keresési eredmények közötti behúzásokkal rendelkezik, amelyek elegendőek a kényelmes észleléshez, favicon -hoz, valamint a webhely jobb felső sarkában lévő levelezéshez bármikor.

UX tervezőátgondolja, hogy a felhasználó hogyan lép kapcsolatba a rendszerrel, hogy az megfeleljen az elvárásainak. UI tervező elgondolkodik azon, hogyan kell kinéznie: ikonok, képek, betűtípus, színkompozíció, könnyű észlelés általában. És gyakran ugyanaz a személy végzi ezt a feladatot, ezért gyakran a tervező megüresedett helyén a felhasználói felület és az UX a /-n keresztül íródik.

A fogalmak eltérőek, de hasonlóak, mivel a felhasználó kényelmét hivatottak biztosítani.

Alkalmazások

Amint fentebb említettük, az UI és az UX kifejezések nemcsak az informatikai területen alkalmazhatók. Valójában már az első termék megalkotásakor megjelentek. Vagyis nagyon régen. Például az UX tervezés egyik első áttörését tekinthetjük kerék.

A kifejezések közelmúltbeli megjelenése, a helyesírás és a hatókör hasonlóságai gyakran félrevezetőek. A blogom részeként nagyobb figyelmet fordítok a fejlesztéssel kapcsolatos témákra webes felületek és kereskedelmi tervezés.

Az UX / UI tervezés kérdéseinek megértéséhez nem elég egyszer elolvasni egy oktatóanyagot vagy néhány cikket, megérteni az alapokat és befejezni pár projektet. A webdesign területe szinte minden nap változik és fejlődik, ezért a követelmények és az a tény, hogy „ tegnap"Divat volt" Ma"Már nem comme il faut.

Hogyan lehet megérteni, hogy a tervezés megfelelő -e

Ha az értékesítés feladatáról beszélünk, akkor az UX kialakítás "helyességét" a segítségével ellenőrizni kell A / B tesztelés vagy fókuszcsoportok... Ez lehetővé teszi, hogy lássa, mennyire világos és kényelmes az interfész a felhasználó számára. Például a fókuszcsoport minden tagját felkérik, hogy keressen egy adott szakaszt az oldalon vagy regisztráljon. Az, hogy milyen gyorsan foglalkoznak vele, sokat elmond az UX tervezés minőségéről.

Az UI tervezési koncepció ebben az esetben inkább szubjektív, mivel gyakran a felhasználó igényességétől és ízlésétől függ. És ami az egyiknek szépnek tűnik, a másiknak fáj. Vannak azonban általános irányelvek (világos blokk elrendezés, szöveg a háttérrel ellentétben, kattintható elemek kiemelése vagy kiemelése stb.), Amelyeket mindenkinek be kell tartania, aki digitális termékeket tervez.

Írd meg kommentben Az alábbiakban az Ön véleménye, hogy sikerült -e nyilvánosságra hozni, és ha nem, akkor mivel egészítsem ki.

Minden a nagymama szivattyúzásának mértékétől függ. Ha nagyanyja UX / UI tervező, akkor valószínűleg nincs szüksége túlzott leegyszerűsítő metaforákra. Egy kevésbé kíváncsi nagymama számára ez ürügy lehet: "Mobil és online alkalmazásokkal dolgozom." Ha megpróbálunk olyan meghatározásokat összeállítani a szavakból, amelyeket egy átlagos nagymama megért, a lehető lakonikusan és szorosan tükrözve a jelentést, akkor ez lesz: "Javítom a digitális szolgáltatások (UX) minőségét, beleértve a pontok és csatornák kialakítását ezeket a szolgáltatásokat (UI). "

Tatiana Pchelintseva, in Az "UX / UI design" BHShD tanfolyam végzőse

„A nagymamámnak ... Kiderült, hogy még apám egészen a közelmúltig nem értette, mit csinálok. Volt egy vicces eset. Apa megkérdezte, kinek tanulok. Azt válaszoltam, hogy digitális termékeket gyártunk, javítva a felhasználói élményt. (Szünet) "Sajtot árul az interneten keresztül?" Hogy miért éppen sajtot, még mindig nem értem, de nagyon lenyűgözött. El kellett mondanom, hogy mindannyian UX tervezők vagyunk.

A szülők a közelmúltban javítottak a lakásban, felszerelve igényeiknek megfelelően: falpolcok azon a magasságon, amelyen az anyának kényelmes lesz könyveket rendezni, a kanapé olyan távolságra van a TV -től, hogy hatása a a szem minimális, a kávéfőző mindig jól látható helyen van ... Az UX tervező is foglalkozik tervezéssel, de nem annyira saját tapasztalatai, mint másoké: azonosítja a felhasználó / vállalkozás céljait, azonosítja fájdalmaikat és megoldásokat javasol. "

Denis Ushakov, bent BVShD végzős

„A legnehezebb dolgom az volt, hogy elmagyaráztam a nagymamámnak, aki a„ terméktervezés ”kifejezést egy élelmiszerbolthoz kapcsolódó dologként érzékeli, és folyamatosan azt kérdezi, hogy milyen termékekkel dolgozom. :)

Általában azonban mind a nagymama, mind a szülők számára az autó kormánykerék példáján alapuló magyarázat nagyon megfelelő: az UX kialakítás megmagyarázza a kormánykerék elhelyezkedését az autóban, és a kezelőfelület a megjelenését. "

Példa erre az egyik diákunk idei érettségi projektje - a Tele2 digitális bemutatója. Ez egy önkiszolgáló kioszk a Tele2 szalonokban, amely lehetővé teszi a szükséges szolgáltatások beszerzését, és időt takaríthat meg. A tanfolyam hallgatói azzal a feladattal szembesültek, hogy újratervezzék a digitális kirakat felhasználói felületét és felhasználói felületét, hogy ez a szolgáltatás kényelmes legyen, növeljék a konverziót és „digitalizálják” az előfizetők és a mobilszolgáltató közötti kommunikációt.

A "UX / UI design" tanfolyam hallgatóinak projektje BHSAD a Tele2 számára: digitális bemutató a Tele2 számára

A tervezők végiggondolták a vitrin funkcióinak listáját és azok sorrendjét, a navigáció helyét a képernyőn, valamint a szolgáltatás megszerzésének lépéseit. Ahhoz, hogy ezt hatékonyan megtehessük, nem elegendő egyszerűen lerajzolni a képernyőt, mindezt kutatások, tesztek és egyéb terméktervezési eszközök alapján fejlesztettük ki, amelyeknek az UX / UI tervezőnek rendelkeznie kell.

2. Milyen kompetenciákkal rendelkezik egy ideális UX / UI tervező?

A "felhasználói élménytervezés" (UXD) kifejezés megjelenésekor az "interfésztervezés" (UID) kifejezés már létezett, és egyértelmű, stabil listája volt a műtermékekről - a digitális termékfelület -tervező munkájának eredményeiről lehetővé tette egy felület létrehozását: ikonok, gombok, makettek készítése, felhasználói felület, betűtípusokkal, rácsokkal való munka, illusztrációk készítése stb.

Az UXD -kompetenciák bevezetése a digitális megoldások fejlesztésének területére egy olyan UX -tervezői csoportot hozott létre, akik új műtermékekkel egészítették ki ezt a folyamatot, amely a szolgáltatás -tervezés tudományosabb és metrikusabb megközelítéséhez kapcsolódik: használhatósági kutatás, felhasználói kutatás, információ -architektúra fejlesztés, felhasználó útvonal elemzése. Mintha egy bútortervező ergonómiával dolgozna, hogy ne csak szép és erős, de kényelmesebb székeket alkosson.

A szoftverek (Agile, Scrum) rugalmas megközelítésének megjelenésével a magasan specializált szakértők száma a csapatokban csökkenni kezd az egyes résztvevők kompetenciáinak számának növekedése miatt. Az agilis termékcsapatokban azonnal nyilvánvalóvá válik, hogy az UX és a felhasználói felület felelősségeinek szétválasztása megnöveli a fejlesztési időt, mivel a tervezők közötti munka „elfogadásának” követelményei folyamatosan változnak és nőnek. Végül az egyik tervező megbetegszik, majd az egész munka feláll. Ezért a termékcsapatok inkább olyan UX / UI tervezőket toboroznak, akik - bár felületesen - ötvözik mind az UXD, mind az UID kompetenciákat, nem pedig két mély szakértőt.

Az UX / UI tervezői kompetenciák kombinációja

Mennyit keresnek ezek a tervezők? A legpontosabb válasz erre a kérdésre a hh.ru. A szolgáltatás szerint ma a vállalatok készek havi 70 000 és 200 000 közötti UX / UI tervezőket ajánlani.

A pályát különböző kiindulópontokból építheti fel, de természetesen, ha grafikus tervezőből, szoftverfejlesztőből, digitális üzleti elemzőből, társadalmi vagy pszichológiai kutatóból indul ki, akkor ez a pálya rövidebb lesz, és az út gyorsabb lesz. A tervezőcsapatokban a kiegészítő jelleg és a kölcsönös tanulás eleme van. E folyamat hatékonysága érdekében úgynevezett "csillagtérképeket" készítenek, ahol a különböző kompetenciák birtoklásának mértékét jelölik. És például ha egy tervező nem rendelkezik animációval, akkor egy csapatba kerül, ahol ezt a készséget fejlesztik. Ezt tesszük tanulóinkkal, csak a modulok végén történik a rotáció.

Daria Salnikova, a Tele2 UX / UI tervezője

„A brit nyelvtanulás előtt grafikusként dolgoztam, voltak projektek a webszolgáltatásokon, de valamikor nem tetszett, hogy csak az utolsó szakaszban csatlakozom a termékhez, amikor már nem tudom befolyásolni használhatóság. Vagyis gombokat, ikonokat rajzol, a technikai feladatoknak megfelelően rendezi el, még akkor is, ha belsőleg megérti, hogy kényelmetlen lesz, vagy nem oldja meg a problémát.

Ezért úgy döntöttem, hogy mélyebben elmélyülök az UX / UI tervezésben, megértem, hogyan fejlesztik ki a terméket a semmiből, kutatásokat végeznek, tanulmányozzák a felhasználót, feladatait és viselkedését? és mindez hogyan befolyásolja a felületet. Először vettem egy bevezető online tanfolyamot az AIC -től, majd elmentem angolul gyakorolni. A Golden Crown és a Mail.Ru számos képzési projektje után elhelyezkedtem UX / UI tervezőként a Tele2 -nél. A portfólió mellett fontos volt, hogyan tudok csapatban dolgozni, milyen szerepeket töltöttem be ezekben a projektekben, milyen feladatokat tudok megoldani az interfészeken kívül más soft készségeket is.

Most a Tele2 ügyfelek hűségrendszerén dolgozom. Ez pedig teljesen más: elemzőkkel dolgozunk, és ha a felhasználói felületről van szó, akkor már érvelni tudok az egyes interfész elemek helyéről, formájáról, színéről. Volt olyan srác a tanfolyamon, aki nem a tervezés területéről érkezett (marketingesek, menedzserek, fejlesztők). A tanfolyamon elsajátították a prototípus -készítő eszközöket, megtanulták néhány felület elemeinek elkészítését. Világos, hogy nem rendelkeznek azonos tervezési háttérrel, mint a grafikusok. De olyan nagyszerű, amikor még a vezetők vagy a fejlesztők is megértik a tervezést, prototípust készíthetnek, javíthatnak egy bannert, egy ikont, és általában kezdik megérteni, hogy a tervezés sok munka. "

Dmitry Ershov, a MegaLabs JSC felhőszolgáltatások vezetője

„A MegaLabsnak több csapata van, amelyek között a MegaFon termékeit forgalmazzák. Például most tervezőket keresünk a MegaFon.Bank és a MegaFon.TV csapatokhoz. Amikor már megnéztem a portfóliót és beszéltem egy UX / UI szakemberrel, először ellenőrzöm az elméletismeretemet: összetétel, tipográfia, szín. Mindegyik témához több kérdést teszek fel, és ha a tervező azt válaszolja, hogy "én így látom" - azonnal mínusz 1 pont. De ha például felajánlja, hogy triádsémával választ egy színt, akkor világossá válik, hogy ismeri a szín alapjait.

Az elmélet igazolása után kiderül, hogy a Jess Garrett -modell szerinti öt UX -szint közül melyik a leginkább "pumpált" a jelölt számára, és a szinttől függően több problémát is adok. A MegaFon terméktervezői olyan emberek, akik a vállalat ügyfelei céljainak és igényeinek megfelelően hoznak létre felületet. Előnyben részesülnek azok, akik megértik a problémákat, és több megoldást kínálnak a helyszínen.

A fejlesztési kérdéseket mindig felteszik az interjúkban. Általában több webhelyet mutatok, és megkérdezem, hány oszlop van a rácsban, vagy miben különbözik a JS a CSS -től. A tervezőnek meg kell tudnia magyarázni mindezt annak érdekében, hogy "csomagolja" ötleteit a fejlesztők által érthető nyelven. "

3. Nehéz munkát találni?

Egyrészt az iparban hiány van ilyen szakemberekből, és készen áll a sok fizetésre, másrészt most sok tervező keres munkát, és sokáig nem talál tisztességes munkát. Mi a probléma mindkettővel?

Először is meg kell változtatnia a gondolkodását. A "hogyan készítsünk gyönyörű portfólióképernyőket" -től a "hogyan tegyük boldogabbá az embereket egy termékkel való interakció után". Előfordulhat, hogy egyáltalán nem kell képernyőket rajzolni, és az emberek ezt megköszönik. Ezen műalkotások létrehozásához tényleges tervezési eszközöket és módszereket használnak: Tervezési gondolkodás, Felhasználói történet -leképezés, Felhasználói folyamatok leképezése, Ügyfélút -térképezés, Osztott tesztelés, Használhatósági tesztelés, mennyiségi kutatás és még sok más. Bár néha rossz úton juthat a megfelelő eredményekhez. Az új szakmák piacán a helyzet instabil, most meglehetősen keresett és nyereséges foglalkozás, de a kereslet kínálatot teremt.

Evgeny Zasimenko, BHSAD -diplomás, az Avito terméktervezője

„Néhány hónappal a tanfolyam vége előtt elkezdtem munkát keresni terméktervezőként. Ez nem azt jelenti, hogy nagyon aktív, de Avitóban tetszett, amikor ott voltunk egy kiránduláson Britankából. A toborzási folyamat meglehetősen szabványos volt a tervezőiparban: portfólió felülvizsgálat, tesztelési megbízás, két interjú, és kaptam egy ajánlatot.

A termékfejlesztés mindenekelőtt csapatmunka, amelyben a tervezőnek kezdettől fogva részt kell vennie, és metrikákon és kutatásokon alapuló interfészek rajzolásával kell foglalkoznia, prototípusokat kell készítenie a tesztekhez, együttműködnie kell a fejlesztőkkel és fontos, hogy segítsen elérni a közös célt. "

A terméktervezőt igénylő vállalatok folyamatai megemelik a belépési szintet: a tervezési eszközök megértése mellett gyakorlati tapasztalatokra van szükség a használatukban, valamint a csapatmunka képességére is. Ezért a jelenlegi eszközök és módszerek mellett valódi eseteket adunk hallgatóinknak a nagy márkáktól, és egyesítjük őket többfunkciós csapatokká.

Ez év során mintegy 20 projektet sikerült befejeznünk különböző típusú vállalatok számára: a várt fintech -től - Alfa -Bank, MTS, MegaFon - a mezőgazdasági technológia területén induló vállalkozásokig. Sok diák talált munkát a projektek védelme eredményeként azokban a vállalatokban, amelyeknél a projektet elvégezték, mert a folyamatban lévő ügyfelek látják kompetenciáikat és gyakorlati tapasztalataikat.

Denis Ushakov, BHShD diplomás

„A projektünk az AgroClick mobilalkalmazás kifejlesztése volt az Exact Farming számára. Az agronómus robogóalkalmazás segít abban, hogy az összes növényadatot egy helyen tartsa, strukturálja és gyorsan megoszthassa. A megoldás lényege, hogy felgyorsítja a kommunikációt egy robogó agronómus között, aki egész nap a területen tartózkodik, és információkat gyűjt a terményekről, és egy speciális agronómus között, aki kulcsfontosságú döntéseket hoz az irodában, például növényvédő szerek vásárlásával kapcsolatban.

Most tovább dolgozom a projekten, mint terméktervező már a vállalat személyzetén. Az ügyfél maga felajánlotta nekem a terméktervezői pozíciót, mivel ők már látták, mire vagyok képes, van tapasztalatunk a közös munkában. Úgy tűnik számomra, hogy majdnem minden osztálytársa tanulmányai végére az UX / UI -val kapcsolatos állást kapott olyan vállalatokban, mint a Raiffeisenbank, a Sberbank Technologies, a Tele2, a Mail.ru, az IBM Russia és mások. "

4. A következő 5 évben tovább fog nőni az ilyen szakemberek iránti kereslet?

Tekintettel arra, hogy a különböző cégek vállalkozásait - a bankoktól az éttermekig - digitalizálják, a házon belüli fejlesztés növekedésére és az egyedi fejlesztésű terméksínekre való áttérésre lehet számítani. Ezért nagy szükség lesz az UX / UI tervezőkre. Nem ígérhetek aranyhegyeket, mivel az új szakmák piaca egyre gyorsabban alkalmazkodik a kereslethez, mint a big data, a gépi tanulás, a blokklánc és más területek szakemberei esetében, de egy képzett terméktervező, jó portfólióval és eredményekkel. ma drága és igényes az egész világon.

„Azt hiszem, ez nem annyira az„ UX / UI-design ”névről, hanem a funkcionalitásról és a felelősségről szól. A kereslet persze nem fog esni, de kinek? Hullámokat figyelnek meg: először mindenki sokoldalú embert keresett - tervezőt, elrendezéstervezőt, szövegírót. Ez annak volt köszönhető, hogy a cégeknek vagy nem volt pénzük erre, vagy nem értették, miért kellene tervezőkre költeniük. Aztán elkezdődött az UX-felhajtás, megjelentek a házon belüli kutatási és tervezési részlegek, és használatba kerültek a nem annyira gombok, mint inkább a felhasználói élmény fogalmai. Elkezdtünk játszani a teszteléssel, a tervezési gondolkodással, a szemkövetőkkel. A folyamatokban kezdtek gondolkodni, nem a képernyőkön.

Azt hiszem, a következő hullám az UX alapkoncepcióinak és elveinek tudatosítására és megvalósítására összpontosít minden termékalkotó szakmában. Vagyis olyan szakemberekre lesz szükség, akik DNS szinten megértik a kutatás elveit, a felhasználók és folyamatok elemzésének alapvető módszereit, valamint a tapasztalatok megtervezését. És ez nem zárja ki a magas tervezési készségeket. Hiszek a tervezési kompetencia növekedésében, mert a tervező jó, de a szépérzet a szó széles értelmében nem szűnt meg. "

5. Hogyan tükröződik egy UX / UI tervező munkája a mindennapi életben?

Ha feltételezzük, hogy szinte mindent, amit használunk, a tervezők találták ki, akkor majdnem minden tömeges digitális szolgáltatást - mobil webhelyeket, webszolgáltatásokat és másokat - most a Digital Product Designer talál ki. Banki alkalmazások, távközlési szolgáltatások, e -kereskedelem, társkereső szolgáltatások, földrajzi helymeghatározás és információs szolgáltatások ... Hosszasan folytathatja - könnyebb megnyitni a mobiltelefon asztalát vagy a laptop asztalát, és átnézni a telepített alkalmazásokat Mindezek digitális termékek, logikai és vizuális szempontból amelynek UX / UI tervezői dolgoznak.

Az "UX / UI design" tanfolyam hallgatóinak projektje BHSAD for MTS: mobil útmutató az MTS alkalmazottai alkalmazkodásához és fejlesztéséhez

A munka lehet egy teljesen új termék létrehozása vagy a meglévő szolgáltatások digitalizálása. Például diákjaink készítettek egy esetet az MTS -nek - mobil útmutató az új alkalmazottak alkalmazkodásához és fejlesztéséhez a játékrendszerrel és más funkciókkal. Az alkalmazkodási rendszer mindig is létezett: a szokásos HR -osztálytól a HR -szolgáltatásokig és a mentori rendszerig, de ez egy digitális megoldás, ami valami új. Rugalmasabb, hatékonyabb, és lehetővé teszi a vállalat különböző feladatainak megoldását egyetlen szolgáltatáson keresztül: hálózatépítés, képzés, az alkalmazottak munkájának megszervezése.

A nyereséges üzleti modellek élettartama gyorsan csökken. A talpon maradáshoz folyamatosan új és új meglévő digitális termékeket kell létrehoznia. Azok a márkák, amelyek nem tudnak alkalmazkodni a sebességhez, elhagyják a pályát. Ezért a modern vállalatok az állandó változások gyors alkalmazkodási ciklusaira lépnek. Ez csak a hírhedt agilisről és Scrumról szól. Tervezés-fejlesztés-tanulás és újra körben. Következésképpen e kör részeként a tervezési szakértelem alapvető fontosságúvá válik.

Alina Ermakova, a Sberbank-Technologies felhasználói interakció elemző kutatási osztályának vezetője

„Pár hete tértem vissza a San Francisco -i Enterprise UX konferenciáról. A nagy cégek arról beszéltek, hogyan tervezik a kormányzati szolgáltatásokat vagy a nagy fintech rendszereket, vagy például arról, hogyan tartja fenn az Uber a következetességet, a világ 77 országában. Az UX / UI már benne van a DNS -ükben. Ez nem színpad, nem módszer, ez egy normális gyártási folyamat. Például nincsenek tervezési gondolkodási szertartások.

A termékek létrehozásának teljes folyamata a tervezési gondolkodás. A csapat a megfelelő módszereket használja ott, ahol jól érzi magát. Ez a munka része. És nem fiatal csípőtervezőket béreltek fel arra, hogy felületeket rajzolhassanak, hogy belépjenek a színre. Voltak 45 év feletti bácsik és nagynénik, üzlettulajdonosok, vállalatok ügyvezető igazgatói. Mert ez már a józan ész szintjén van. "

6. Mely módszerek a legnépszerűbbek jelenleg?

Oroszországban a terméktervezés kultúrája csak most alakul ki. A Design Thinking keretrendszer már szerves részévé vált a belső vállalati képzési programnak nagyvállalatainkban és vállalatainkban: Rosatom, Sberbank, Alfa-Bank és mások.

A Design Thinking származékok hagyományosan népszerűek a digitális vállalatokban - a Google Ventures Design Sprints, az IBM Design Thinking, valamint a különböző Design Thinking instrumentális részek - karaktermodellezés, néprajzi kutatás, érdekelt felek térképei, ügyfélút -térképezés és mások. Viszonylag új, de figyelemre méltó a Jobs To Be Done keretrendszer, ahol a terméket nem annyira a felhasználó tulajdonságai, hanem a helyzete alapján fejlesztik ki. A módszertan relevanciája a vállalat hatókörétől és a belső folyamatoktól is függ. Ugyanazon Scrum megvalósítása nagyvállalatnál hosszabb és nehezebb, mint egy induló vállalkozásnál, de minden reális, a lényeg az a vágy, hogy nagyszerű terméket készítsünk az emberek számára.

Dmitry Ershov, a MegaLabs JSC felhőszolgáltatások vezetője

„Azoknál a termékeknél, amelyek nem változnak, a klasszikus vízesés -fejlesztési modellt használjuk, a folyamatosan fejlődő termékeknél pedig a SCRUM -ot választjuk. Az új termékeket vagy funkciókat a használati eseti diagramok segítségével írjuk le, de megpróbáljuk a Jobs To Be Done koncepciót, amelyben az ilyen diagramokra nincs szükség.

Új kiadások tervezésekor értékeljük a funkcionalitást a felhasználók, az üzleti élet és a munkaerőköltségek szempontjából. A legnehezebb rész a felhasználók fontosságának felmérése. A nagyobb objektivitás elérése érdekében a HEART keretrendszert használjuk. Segít új funkciók megtekintésében a felhasználói célok szemszögéből.

Néha viták merülnek fel, például a termék tulajdonosa nem ért egyet a tervezővel. Ilyen esetekben egyidejűleg különböző lehetőségeket dolgozunk ki és indítunk annak érdekében, hogy értékeljük mindegyikük hatékonyságát. A leghatékonyabb megoldást a felhasználói viselkedés statisztikái határozzák meg. "

7. Mely iparágakba integrálják az UX / UI tervezési technikákat a jövőben?

Ha a globális gyakorlatot vesszük, akkor a leglassabban fejlődő területek azok, ahol alacsony a verseny, például a kormányzati szolgáltatások - van, ahol kezet kell tenni. Hazánkban a hagyományosan alacsony pénzügyi és jogi műveltség, ennek köszönhetően, nem olyan gyorsan, mint szeretnénk, vannak olyan termékek, amelyek a vagyonkezelést és mindenféle jogi szolgáltatást céloznak meg.

A tanfolyamon sok fintech -t végzünk, az egyik legutóbbi eset egy mobilszolgáltatás, amely segít az embernek a pénzügyeinek kezelésében és a befektetésekben. A bank és a felhasználó közötti kommunikáció akadályainak megszüntetése érdekében a diákok úgy döntöttek, hogy olyan eszközt készítenek a chatbot formátumban, amely bármilyen felhasználóbarát üzenetküldőben működhet.

A BHSAD UX / UI tervező tanfolyamának hallgatóinak projektje az Ak Bars bank számára: személyes pénzügyi asszisztens, eszköz bármilyen kényelmes hírvivőbe történő befektetéshez.

Az IDEO hosszú évek óta a tervezési gondolkodás elismert motorja. Legutóbbi eseteikből látható, hogy ezt a módszertant aktívan kezdik alkalmazni az oktatás, a hordható elektronika fejlesztése és a globális problémák megoldása területén.

Nyilvánvaló, hogy a különböző típusú vállalkozásokban megnövekedett verseny arra kényszerítette a vállalatokat, hogy digitalizálódjanak. Ezért ha ma azt látjuk, hogy az agrotechnika, az orvostudomány, az éttermi üzletág és más offline szférák elkezdtek online szolgáltatásokat nyújtani, akkor holnap szükségük lesz a módszereinkre, hogy új funkciókat és termékeket kínálhassanak a piacnak, gyorsabban találjanak ki és frissítsenek digitális megoldásaikat, és legyen rugalmasabb, és boldogabbá tegye ügyfeleit.

„A legtöbb vállalat még mindig szolgáltatásként, külön megrendelhető vagy bérelhető szolgáltatásként fogja fel az UX / UI kutatást, a tervezési gondolkodást és más kreatív technikákat. A tervezőként való gondolkodást nem lehet megvásárolni, el kell kezdeni. Mindenki =) " - mondja Alina Ermakova, a Sberbank -Technologies felhasználói interakciók elemző kutatási osztályának vezetője.

A tervezés meglehetősen tág és homályos kifejezés. Amikor valaki azt mondja: „tervező vagyok”, nem azonnal világos, hogy mit csinál nap mint nap. Számos iparág tartozik ebbe a koncepcióba.

A tervezési feladatok különböző területekre terjednek ki, az ipari formatervezéstől (autó, bútorok), a nyomtatástól (magazinok és egyéb kiadványok), a webdesignig (weboldalak, mobilalkalmazások). Mivel a közelmúltban beáramlott a csúcstechnológiai vállalatok képernyőfelületek létrehozására összpontosított, sok új munka jelent meg a tervezésben. Az UX vagy felhasználói felület tervezőjének helyzete nemcsak a beavatatlanok számára érthetetlen lehet, hanem maguknak a tervezőknek is, akik más iparágakból származnak.

- Erre a kérdésre nincs egyetlen helyes válasz.

Próbáljuk kitalálni, hogy ez valójában mit jelent az IT -iparban.

UX tervező

Az UX tervezői elsősorban azzal foglalkoznak hogyan hat a termék a felhasználóra... Erre a kérdésre nincs egyetlen helyes válasz. Az UX tervezők különböző megközelítéseket fedeznek fel egy adott felhasználói probléma megoldására. Az UX tervező fő feladata annak biztosítása, hogy a termék logikusan áramoljon egyik lépésről a másikra. Az egyik módja annak, hogy egy UX -tervező ezt kitalálja, az, ha személyesen teszteket végez, és tanul az érzéseikből. A verbális és nem verbális buktatók azonosításával javít és iterál, hogy „jobb” élményt nyújtson a felhasználó számára. Egy példa félelmetes bevezetés létrehozása egy új felhasználó számára.

„Határozza meg az interakciós modelleket, a felhasználói feladatokat és az interfész sajátosságait. Forgatókönyvek, végpontok közötti interakciók, interakciós modellek, grafikus felhasználói felület fejlesztése. Kreatív igazgatónkkal és grafikusunkkal együttműködve ötvözhetjük a Twitter vizuális oldalát és funkcionalitását. Szükség szerint drótvázakat, maketteket és specifikációkat dolgozzon ki és tartson karban. "

Példa egy UX tervező által tervezett alkalmazásképernyőre
Forrás: Kitchenware Pro Kit Wireframe, Neway Lau a Dribbble -n.

Feladat: Képernyők drótvázai, forgatókönyvek, helyszínrajz

Műszerek: Photoshop, vázlat, illusztrátor, tűzijáték, InVision

Valószínűleg hallottál tőle: " A regisztráció befejezése után a felhasználónak látnia kell a "Köszönöm" oldalt. "

UI tervező

Ellentétben az UX tervezőkkel, akik aggódnak a termék általános megítélése miatt, a felhasználói felület tervezői számára ez fontos hogyan néz ki a termék... Ők felelősek minden olyan képernyő vagy oldal megtervezéséért, amellyel a felhasználó interakcióba lép, és biztosítják a vizuális felhasználói felület részét, amelyet az UX tervező tervezett. Például egy kezelőfelület -tervező, aki irányítópultot hoz létre, fontosabb információkat hozhat fel, vagy eldöntheti, hogy a csúszka vagy a műszerfal a leginkább intuitív módon hozzáadható a diagramhoz. A felhasználói felület tervezője általában felelős egy teljes tervezési útmutató elkészítéséért is, amely koherens tervezési nyelvet biztosít, amely magában foglalja a teljes terméket. A vizuális elemek konzisztenciájának megőrzése és annak meghatározása, hogy melyik irányba kell dolgozni. Például a hibák vagy figyelmeztetések megjelenítése a felhasználói felület tervezőjének hatáskörébe tartozik.

„Az Airbnb.com vizuális nyelvének koncepciója és megvalósítása. Kiterjesztett stílusútmutató készítése. "

A felhasználói felület és az UX tervező közötti határvonalak meglehetősen homályosak, és a vállalatok nagyon gyakran úgy döntenek, hogy kombinálják ezeket a szerepeket.

A felhasználói felület tervezője határozza meg az alkalmazás általános megjelenését.
Forrás: Metro Style Interface 4, Ionut Zamfir, Dribbble.

Műszerek: Photoshop, vázlat, illusztrátor, tűzijáték

"Az" enter "és a" register "mezőket a jobb felső sarokba kell helyezni."

Grafikus

"A grafikusok olyan apró részleteken dolgoznak, amelyekre mások nem figyelnek."

A grafikus olyan személy, aki grafikával foglalkozik - valószínűleg egy nem tervező válaszol, ha megkérdezi tőle, mit csinál egy tervező. A grafikusokat nem érdekli, hogy a képernyők hogyan hivatkoznak egymásra, és az sem, hogy valaki hogyan lép kapcsolatba egy termékkel. Ehelyett a középpontban a gyönyörű ikonok, kezelőszervek és látványtervek tervezése és a megfelelő megjelenés kialakítása áll. A grafikusok olyan apró részleteken dolgoznak, amelyeket mások nem látnak, és gyakran 4x és 8x nagyítással dolgoznak a Photoshopban.

„Kiváló minőségű vizuális projektek készítése: a koncepciótól a kivitelezésig, beleértve a különböző felbontású asztali, webes és mobileszközöket is (ikonok, grafikák és marketing anyagok). Olyan erőforrások létrehozása és iterálása, amelyek tükrözik a márkát, szépítik a terméket és életet lehelnek belé. "

Az UI-tervezőknek gyakran nemcsak saját munkájukat kell elvégezniük, hanem pixel-tökéletes elrendezést is kell készíteniük. Egyes vállalatok úgy döntenek, hogy nem rendelkeznek külön személlyel a grafikus tervező szerepére.

A grafikus tervez, irányít és beállít minden pixelt a tökéletes végeredmény biztosítása érdekében.
Forrás: IOS 7 Guide Freebie PSD Seevi kargwal és Dribbble.

Műszerek: Photoshop, vázlat

Valószínűleg hallottál tőle:"Csökkentse a csomózást, és mozgassa a gombot 1 képponttal balra!"

Mozgástervező

Emlékszik a finom mozdulatokra, amikor meghúzza a képernyőt az iPhone leveleinek frissítéséhez? Ez a mozgástervező feladata. Ellentétben a grafikus tervezőkkel, akik általában statikus tárgyakkal foglalkoznak, a mozgástervezők animációkat készítenek egy alkalmazáson belül. Foglalkoznak mit tesz a felület, miután a felhasználó megérinti... Például eldöntik, hogyan kell csúszni a menünek, milyen effektusokat kell használni az átmenetekhez, és hogyan kell megnyomni a gombot. Ha jól csináljuk, a mozgás a felület szerves részévé válik, vizuális jelzéseket adva a termék használatáról.

„Szükséges a grafikai tervezés, a mozgástervezés, a digitális művészet ismerete, a szín- és tipográfiaérzék, az anyagok / textúrák általános ismerete és az animáció gyakorlati ismerete. Az iOS, az OS X, a Photoshop és az Illustrator firmware ismerete, valamint a Director (vagy azzal egyenértékű), a Quartz Composer (vagy ezzel egyenértékű), a 3D -s számítógépes modellezés, a mozgásgrafika ismerete. "

Műszerek: AfterEffects, Core Composer, Flash, Origami

Valószínűleg hallottál tőle:"A menünek balról kell felbukkannia 800 ms -ban."

UX kutató

Az UX kutató mindent tud a felhasználók igényeiről.

Az UX kutató mindent tud a felhasználók igényeiről. A kutató célja két fő kérdés megválaszolása: "Kik a felhasználóink?" és "Mit akarnak felhasználóink?" Jellemzően ez magában foglalja a felhasználói felméréseket, a piackutatást és az adatelemzést. A tervezés az állandó iteráció folyamata. A kutatók ebben a folyamatban segíthetnek A / B tesztek futtatásával, hogy megtudják, melyik tervezési lehetőség felel meg a legjobban a felhasználók igényeinek. Az UX kutatói általában a nagyvállalatok alappillérei, ahol a nagy mennyiségű adathoz való hozzáférés bőséges lehetőséget biztosít számukra statisztikailag jelentős következtetések levonására.

„Szoros együttműködés a fejlesztői csoportokkal a kutatási témák azonosítása érdekében. Kutatási tervezés, amely a felhasználói műveletekre és észlelésekre vonatkozik. Kutatások folytatása különféle módszerek, például felmérések alkalmazásával és alkalmazásával. "

Az UX kifejezés 1993 -ban keletkezett az Apple Corporation központjában, az átirat úgy hangzik, mint a User eXperience. A mobil eszközök növekvő népszerűségével ez a koncepció divatossá vált, és mindenütt elkezdték használni. De még most sem mindenki tudja biztosan válaszolni, hogy mi az UX -tervezés, miben különbözik a felhasználói felület -tervezéstől, és miért említik gyakran ezeket a dolgokat együtt. Segítünk kitalálni.

Mi az UX design

Oroszul az UX design felhasználói élménytervezés. Ez az egyik első lépés a termék létrehozásában, és arra szolgál, hogy az alkalmazás logikus, kényelmes és hasznos legyen. és a webhelyek határozzák meg, hogy milyen benyomásokat szerez egy személy azok használatakor, hogyan fogja pontosan használni ezeket a termékeket.

Hol jobb elhelyezni a személyes fiók bejáratát? Hány lépést kell végrehajtania a felhasználónak ahhoz, hogy feliratkozzon hírlevélre vagy rendeljen? Honnan fogja tudni, hogy a művelet sikeres volt? Ilyen kérdésekről dönt az UX tervező.

Az UX design különböző összetevőket tartalmaz:

• információs architektúra;
• interaktív tervezés;
• használhatóság (a termék egyszerűségének, kényelmének és hatékonyságának mutatója a felhasználók szemében).

Az UX tervező megérti a felhasználók pszichológiáját és érzelmeit, elemzi a termékkel szembeni elvárásaikat, és kitűz egy elérendő célt. Ezután kiválasztja a megfelelő eszközöket, és olyan alkalmazást vagy webhelystruktúrát állít elő, amely megfelel az összes szükséges paraméternek.

A webhely vagy alkalmazás durva ötlete olyan, mint egy szétszedett rejtvény az irodánkban. Az UX tervező akaratából ezekből a darabokból világos szerkezet alakul ki.

UX -tervezőként nincsenek monoton feladatok, ezért a különböző projektekhez gyakran különböző területeken jártas emberekre van szükség. Egész laboratóriumok vannak hatékony technikai eszközökkel, amelyekben több fős csapat dolgozik a kutatásokon. Az ilyen laboratóriumokban vannak olyan eszközök, amelyek rögzítik a felhasználók pszichofizikai reakcióit (például a tekintet mozgását és a szívverést), felméréseket végeznek, megfigyelik a felhasználókat a mellékelt és nem tartalmazott módszerrel stb.

Fontos, hogy az UX tervezők képesek legyenek:

• végezzen felhasználói kutatásokat;
• drótvázakat és webhelyek és alkalmazások prototípusait hozza létre. Ez segít felmérni, hogy milyen irányba kell fejleszteni az alkalmazást vagy webhelyet. Sőt, a rajzolás képessége egyáltalán nem kötelező készség egy modern UX tervező számára. Sok prototípus-készítő eszköz létezik, ahol kész elemeket használhat a felület hozzáértő megjelenítésének létrehozásához (például Axure, Balsamiq vagy UXPin);
• tervezési interakció, vagyis képzeld el, hogy pontosan milyen személy fogja használni a terméket. Ehhez térképeket készítenek a felhasználói útvonalakról az alkalmazásképernyők mentén, a webhelyek és alkalmazások különböző interaktív drótkereteit különböző tervezési lehetőségekkel;
• tesztelje a terméket;
• végezzen elemzést. A különböző mérőszámok (például Webvisor, Hotjar, Mixpanel, UXcam vagy Appsee) használata segít megérteni a tervezés hatékonyságát, és finomítani a terméket a valós adatok alapján.

Az UX interfész tervezésének alapelveiről és alapjairól itt olvashat bővebben.

Mi az UI design

A felhasználói felület vagy a felhasználói felület kialakítása az UX tervezés vizuális megtestesítője. Feladata, hogy bizonyos alkalmazásokat, webhelyeket vagy más termékeket intuitívvá, vonzóvá és a lehető legkönnyebben használhatóvá tegyen bizonyos grafikus megoldások segítségével.

A felhasználói felület tervezője felelős az egyes képernyők vagy oldalak megjelenéséért. Feladatkörébe tartoznak a grafikus vezérlők, például gombok és jelölőnégyzetek, betűtípusok, színsémák és különböző látványtervek.

Hogyan kell kinéznie a gombnak, hogy megkönnyítse a kattintást? Milyen betűméretet válasszak, hogy olvasható legyen a szöveg? Hogyan formázhatom a hibaüzenetet úgy, hogy felkeltse a figyelmet, de ne zavarjon? Az interfészek felhasználói felületének kialakítása segít megtalálni a választ ezekre a kérdésekre.

A felhasználói felület tervezője különböző grafikus szerkesztőket használ munkájában: Photoshop, Illustrator, Sketch, Fireworks, Adobe XD, Gravit Designer, Affinity Designer, Figma

Miközben azon dolgozik, hogy az alkalmazás hogyan fog kinézni a modul képernyőjén, a felhasználói felület tervezője a mobilplatformokra vonatkozó iránymutatásokra összpontosít - az Apple és a Google ajánlásainak halmazára, amelyeknek köszönhetően a harmadik féltől származó alkalmazások következetesek és zökkenőmentesen illeszkednek az általános koncepcióba.

Ha nagyon egyszerű analógiát vonunk le az életből, akkor az UX design a lakás elrendezése és a kommunikáció, a felhasználói felület pedig a tapéta és a padló kiválasztása. A gyakorlatban azonban az UX és a felhasználói felület tervezése szorosan összefügg egymással, a második logikusan követi az elsőt, és gyakran ugyanaz a személy foglalkozik mindkettővel. Ezért a két fogalom közötti határ elmosódott, és együtt jelzik őket.