Ce este ui design. De unde să începi să înveți designul UX. Ce face un designer UX?

Orice design, oricât de bun ar fi, va fi complet inutil dacă nu este design UX. Există sute de mii de resurse care creează design-uri de interfață uimitoare și design graficși folosiți serviciile celor mai buni profesioniști cu talent ireal, dar care nu își pot ocupa locul cuvenit în rețea. Și asta este tot, deoarece interacțiunea dintre site și utilizatori crește exponențial, ceea ce înseamnă că, pentru a găsi feedback de la utilizator, designerilor web trebuie să le pese de experiența utilizatorului (UX - User Experience - „interaction experience”). În acest stadiu, instrumentele de design UX vor veni în ajutor - excelent servicii online, care oferă designerilor sfaturi de proiectare a interfeței cu utilizatorul. Despre ele vom vorbi mai detaliat în acest articol.

Deoarece designerii trebuie să ia în considerare nu numai frumusețea și corectitudinea organizării elementelor, ci și factorii mai complexi asociați cu comportamentul vizitatorilor de pe site, ei recurg adesea la ajutorul instrumentelor de design UX care îi pot ajuta să automatizeze anumite sarcini sau în mod semnificativ. simplifica procesul de completare a acestora. Din fericire, designul interfeței nu mai este subiect nouși există sute de instrumente de design UX pe Internet. Desigur, nu le vom enumera pe toate. Pentru a vă ajuta, am selectat doar câteva dintre cele mai interesante și utile instrumente de design UX cu scurte descrieri pentru a le arăta principalele caracteristici și pentru a vă oferi posibilitatea de a-l alege pe cel care vi se potrivește cel mai bine.

Instrumente de design UX pentru modelarea și proiectarea de machete și prototipuri

Crearea de prototipuri a devenit o necesitate pentru toți designerii care doresc să reușească în fața designului UX și să îmbunătățească experiența utilizatorului. Crearea de machete, modele și prototipuri le permite să testeze orice idei în acțiune înainte de a investi timp, efort și bani în proiect. Cu aceste instrumente de design UX, vă puteți testa produsul pe parcursul întregului proces de producție și puteți face îmbunătățiri pentru a crea o experiență de utilizator robustă pentru dvs. publicul țintă.

Instrument de proiectare a interfeței Moqups

Aplicația Moqups isana HTML5 este concepută pentru crearea de machete, machete și prototipuri. Moqups oferă un număr mare de presetări și șabloane pe care le puteți folosi pentru a crea baza proiectului dumneavoastră. Puteți personaliza fiecare componentă și vă puteți seta propriile culori, dimensiunea textului, pictograme etc.

Wireframe

Acesta este un alt instrument pentru crearea diagramelor structurii paginii (wireframing) cu o interfață minimalistă convenabilă. Instrumentul este ușor de utilizat și include doar funcțiile minime necesare, simplificând pe cât posibil procesul de utilizare. Avantajul creării diagramelor folosind acest instrument este că utilizatorii le pot partaja cu ușurință altora. Fiecare diagramă sau machetă pe care o creați primește propria URL unică, pe care o puteți trimite clientului sau altor membri ai echipei.

Creion

Acesta este un instrument pentru crearea de prototipuri grafice. Deoarece este un instrument open source cod sursă, îl puteți instala pe dvs computer personalși începeți să creați prototipuri grafice chiar și fără acces la Internet. Desigur, nu ar trebui să vă așteptați la funcții avansate și funcționalități complexe de la acesta, dar face față destul de bine sarcinilor sale principale.

Balsamiq

Nu vrei să petreci ore întregi creând prototipuri? În acest caz, pur și simplu trebuie să încercați Balsamiq. Este simplu, dar foarte eficient când vine vorba de prototipare. Cu Balsamiq, utilizatorii pot crea mai multe machete pe care le pot testa și alege pe cea care produce cel mai bun rezultat.

PowerMockup

Ești un expert PowerPoint? Atunci vă va plăcea acest instrument, deoarece transformă PowerPoint într-un instrument puternic de design UX pentru crearea de machete. Aceasta înseamnă că nu va trebui să înveți deloc software nou. PowerMockup permite persoanelor fără abilități tehnice specifice să participe la procesul de proiectare și dezvoltare, ceea ce este cu siguranță unul dintre principalele sale avantaje.

Mockplus

Mockplus are tot ce ai nevoie pentru următorul tău proiect: de la interacțiuni frumos redate, 200 de componente încorporate și 3.000 de pictograme, până la editare colaborativă și testare în timp real pe dispozitive reale. Acest instrument de design UI vă ajută să vă transformați ideile în prototipuri complet funcționale eficient și fără efort. În plus, instrumentul de design Mockplus atinge un echilibru între ușurința de utilizare și disponibilitate. funcții complexe pentru a crea orice elemente prototip.

UXPin

Căutați un instrument care să vă permită să creați prototipuri și machete interactive? UXPin este un instrument intuitiv și ușor de utilizat. Folosind-o, vă puteți chiar face o idee despre cum va arăta produsul dispozitive mobile, doar schimbând dimensiunea ecranului browserului.

Solidifica

Gliffy

Gliffy nu este doar un alt instrument de design UX pentru crearea de prototipuri; este mult mai mult. Gliffy permite utilizatorilor să creeze diagrame de rețea, desene tehnice complexe, diagrame de flux, diagrame UML și multe altele. Interfața sa intuitivă vă permite să creați diagrame în câteva minute.

POP

Instrumente de testare A/B

Ideea din spatele acestor instrumente este de a crea două versiuni ale unei pagini și apoi de a le testa pentru a vedea care versiune are performanțe mai bune. Ratele de conversie, timpul mediu petrecut pe pagină și alte valori sunt câțiva dintre factorii pe care îi puteți folosi pentru a evalua performanța paginii unui site web.

Desinion

Nu sunteți sigur dacă creați un proiect pe care utilizatorii chiar doresc să-l vadă? Cu acest instrument de testare A/B, puteți pune orice întrebare care vă interesează și puteți obține un răspuns real de la utilizatori. Instrumentul are o funcție foarte utilă - discuție. Puteți începe o discuție pe site-ul dvs. pentru a implica utilizatorii în procesul de proiectare. În plus, puteți crea discuții private și le puteți partaja numai prietenilor sau colegilor.

Optimizator vizual de site

Este un instrument simplu, dar extrem de puternic, care vă permite să efectuați teste A/B nivel superior. Cu ajutorul acestuia, puteți efectua și testare multivariată și testare divizată. Raportarea segmentată și analiza veniturilor vor fi disponibile și în Visual Website Optimizer.

Optimizează

Este un instrument robust de testare A/B care permite utilizatorilor să ruleze un test fără a intra în detalii tehnice sau fără a necesita abilități speciale. Niciun cod și editarea vizuală completă îl fac foarte popular în rândul marketerilor.

Instrumente pentru testarea gradului de utilizare

Când vine vorba de crearea unui design UX bun, este posibil să aveți nevoie de instrumente de testare a gradului de utilizare care să vă ajute să înțelegeți problema experienței utilizatorului și să determinați nevoile utilizatorilor țintă și psihologia acestora. Dacă puteți determina ce doresc cu adevărat vizitatorii și potențiali clienți, și construiți o interfață bazată pe aceste cunoștințe, apoi designul va impresiona și va activa cu siguranță publicul. Instrumente de testare a utilizabilității UX poate fi împărțit în instrumente de testare a utilizării la distanță și instrumente de feedback. În această secțiune am adunat ambele soluții, astfel încât să puteți alege care vi se potrivește cel mai bine.

Bucla11

Loop11 este un instrument simplu de testare a gradului de utilizare care nu necesită cunoștințe de cod HTML sau limbaje de programare. În cadrul instrumentului, puteți utiliza șabloane gata făcute sau puteți crea singur o temă. În plus, există mai multe modalități de a invita participanții să-ți testeze proiectele. Vă puteți crea propria listă de utilizatori pe baza rețelelor sociale, puteți crea o fereastră pop-up pe site pentru a găsi persoane interesate. Tot ce trebuie să faceți este să creați o listă de întrebări sau să includeți diferite modele din care să alegeți și apoi să trimiteți o invitație oamenilor, cerându-le să le răspundă. Pe baza rezultatelor, puteți face modificările necesare în design.

Ou nebun

Acest instrument vă va ajuta să vă faceți pagina mai ușor de utilizat și să creșteți conversiile prin crearea unei experiențe de utilizator potrivite. Acest lucru funcționează după cum urmează. Vă trimiteți designul, iar profesioniștii în utilizare și experiența utilizatorului îl vor analiza și vă vor oferi feedback pe care îl puteți folosi pentru a vă îmbunătăți site-ul.

Instrumente de utilizare

Este unul dintre cele mai utilizate instrumente de design UX și a câștigat o popularitate imensă în rândul designerilor și agenților de marketing datorită funcții utile. Acest instrument ajută la analiza paginilor site-ului web din punctul de vedere al utilizatorului. Acesta este un beneficiu imens pentru designer, deoarece oferă indicii specifice despre unde și ce modificări trebuie să facă designerul pentru a crește conversiile sau ce elemente trebuie mutate pentru a putea determina utilizatorul să întreprindă anumite acțiuni. Acest instrument de utilizare vă permite, de asemenea, să ajustați feedbackși obțineți feedback de la persoanele care folosesc efectiv produsul.

Appsee

Acesta este „software de analiză” care este utilizat pentru a urmări activitatea utilizatorilor aplicației. Acest instrument vă va ajuta să obțineți informații valoroase despre modul în care utilizatorii interacționează cu aplicația dvs. Caracteristica Înregistrare utilizator a acestui instrument este cea mai impresionantă. Înregistrează activitatea utilizatorului și, astfel, vă oferă o perspectivă excelentă asupra comportamentului utilizatorului. Este un instrument util pentru a îmbunătăți performanța generală a aplicației și pentru a crește conversiile.

Asistent

Acesta este un instrument de urmărire a comportamentului utilizatorilor care vă ajută să înțelegeți cum vede publicul țintă paginile site-ului dvs. Attensee vă oferă o indicație vizuală despre dacă oamenii observă elemente importante ale site-ului dvs. Acest lucru este direct legat de design, deoarece dacă descoperiți că un număr semnificativ de utilizatori nu se concentrează efectiv pe elemente importante precum bannere, butoane de îndemn, oferte speciale, Attensee vă va ajuta să remediați.

UserVoice

Acesta este un alt instrument puternic care vă permite să vizualizați și să analizați diverse actiuni utilizatorii în timp ce navighează pe site-ul dvs. Acest instrument vă permite să obțineți feedback direct de la utilizatori reali și să remediați problemele pe care le întâmpină.

MouseStats

După cum sugerează și numele acestui instrument, MouseStats ajută la urmărirea mișcărilor mouse-ului utilizatorilor. După cum probabil știți, mișcările mouse-ului imită mișcările ochilor utilizatorilor. Urmărirea mișcărilor cursorului și a derulării vă va oferi indicii importante despre modul în care utilizatorii interacționează cu designul dvs. Cel mai bun lucru la acest instrument este că oferă o reprezentare vizuală a activității utilizatorului și astfel ajută la efectuarea modificărilor necesare.

Instrumente de design UX pentru prototipare și design colaborativ

Munca în echipă este o necesitate atunci când vine vorba de a oferi un design UX bun pentru publicul țintă. Dacă sunteți obișnuit să lucrați în echipă, atunci trebuie să aveți acces la instrumentele potrivite care vă pot ajuta pe membrii echipei să colaboreze și să-și facă propriile sugestii în mod eficient și fără efort. Mai jos sunt instrumente de design UX pentru prototipare și co-design pe care le puteți găsi utile.

FileSquare

Este mai mult decât un simplu instrument de colaborare. Vă permite să creați un prototip interactiv și, în același timp, să colaborați cu alți membri ai echipei. Luați decizii creative și primiți feedback de la oameni în timp real.

Notism

Lucrezi la conținut vizual și cauți un instrument de colaborare? Atunci ai nevoie de Notism. Pentru ca comunicarea cu echipa să fie cât mai convenabilă posibil, se folosesc schițe și note. Notificările vin în timp real, astfel încât puteți primi feedback de la colegi și clienți de îndată ce cineva îl notează.

Pix roșu

RedPen face proiectarea colaborativă și prototiparea rapidă și ușoară. Acest instrument UX este conceput pentru modelarea și prototiparea de proiectare în colaborare. Este conceput special pentru a facilita colaborarea cu conținut grafic. Partajarea feedback-ului este foarte simplă: pentru a evidenția orice element și a lăsa o notă, utilizatorul trebuie doar să treacă cu mouse-ul peste el. După aceasta, apare un mic câmp de text în care vă puteți lăsa feedback.

Memosort

Cu Memosort, distanța nu va mai fi un obstacol. Acest instrument uimitor este unul dintre cele mai bune instrumente pentru design colaborativ. Vă ajută să vă conectați cu echipa și să colaborați în timp real. Toate notele din Memosort sunt salvate automat, astfel încât nu trebuie să vă faceți griji bună idee sau oferta poate fi pierdută.

Trello

Uită de lung și plictisitor e-mailuri Trello este aici pentru a simplifica procesul de colaborare și pentru a îmbunătăți comunicarea echipei. Avantajul acestui instrument este că este gratuit. În interiorul instrumentului Trello există carduri speciale care indică diferite proiecte. Tot ce trebuie să faceți pentru a adăuga persoane la un proiect este să îl trageți pe harta corespunzătoare. Instrumentul se actualizează și în timp real.

Invision

Este o combinație interesantă a unui instrument de colaborare și de prototipare. Cu el puteți crea prototipuri și modele interactive. Cu Invision, interacțiunea în timp real este posibilă. Tot ce trebuie să faceți este să trimiteți un link către design celorlalți membri ai echipei și ei pot, de asemenea, să lucreze la el și să facă sugestii.

Să rezumam

Deci, acestea sunt câteva instrumente de design UX care îi ajută pe web designeri să creeze proiecte online de succes în mod independent și în echipă, precum și să colecteze informații despre experiența utilizatorului în scopul auto-îmbunătățirii. Dacă cunoașteți alte instrumente utile pe care am uitat să le menționăm, asigurați-vă că scrieți despre ele în comentarii!

Designul este un concept destul de larg și vag. Când vorbește cineva? „Sunt designer”, nu este imediat clar ce face de fapt în fiecare zi. Există mai multe domenii diferite care intră sub umbrela designului.

Profesiile legate de design există într-o varietate de domenii - de la design industrial (design de mașini și mobilier etc.), design tipărit (reviste și alte publicații tipărite) până la design web (site-uri web, aplicații mobile).

Cu toate acestea, recent au apărut multe noi profesii de design care se concentrează pe dezvoltarea de interfețe pentru diferite tipuri ecrane. Joburile intitulate UX sau UI designers sunt de neînțeles pentru cei neinițiați și chiar adesea pentru designerii înșiși din alte domenii.

Să încercăm să înțelegem ce înseamnă fiecare dintre acești termeni.

Designer UX (designer EXPERIENȚĂ UTILIZATORULUI)

Un designer UX se concentrează în primul rând pe modul în care produsul „se simte” și este perceput de utilizator. Sarcina dată designerului nu are un singur răspuns corect. Designerii UX încearcă diferite abordări pentru a rezolva o problemă specifică a utilizatorului. Lista largă de responsabilități a unui designer UX include asigurarea faptului că produsul mută în mod constant clientul de la o etapă la alta. O modalitate de a realiza acest lucru este efectuarea de teste directe cu un utilizator real pentru a putea observa comportamentul acestuia. Prin identificarea obstacolelor verbale și non-verbale, designerii UX îmbunătățesc produsul și vin în mod constant la creare cea mai buna varianta interacțiunea utilizatorului cu produsul. Versiunea de testare este necesară pentru a asigura cea mai convenabilă utilizare a produsului.

Un exemplu de descriere a postului unui designer de experiență pe Twitter:

„Definiți modelele de interacțiune, fluxurile de sarcini ale utilizatorului și specificațiile UI. Prezentați diverse scenarii pentru desfășurarea evenimentelor, descrieți procesul de utilizare și modele de interacțiune de la început până la sfârșit și demonstrați mostre părților interesate. Colaborați cu directorul nostru de creație și designerii vizuali pentru a unifica identitatea vizuală a Twitter și a acesteia trăsături caracteristice. Dezvoltați sau mențineți design-uri, machete și standarde după cum este necesar."

Rezultatele muncii: layout-uri de imagini pe ecrane, storyboard-uri, plan site.

Instrumente: Photoshop, Sketch, Illustrator, Fireworks, InVision

Designer UI (designer INTERFACE UTILIZATOR)

Spre deosebire de designerii UX, care sunt responsabili pentru experiența generală a unui produs, munca unui designer UI se învârte în jurul modului în care este proiectat produsul. Acești specialiști sunt responsabili pentru designul fiecărei pagini sau ecran cu care interacționează utilizatorul și trebuie să se asigure că interfața de utilizare se potrivește vizual cu calea trasată de designerul UX. De exemplu, un designer de UI care creează un tablou de bord de analiză poate prezenta cel mai important conținut în partea de sus a paginii sau poate decide că un glisor sau un buton de control este mai potrivit pentru percepția utilizatorului despre ajustarea graficului.

De obicei, designerul UI este, de asemenea, responsabil pentru crearea unui stil consecvent și trebuie să se asigure că limbajul de design adecvat este aplicat în întregul produs.

Menținerea coerenței tuturor elementelor vizuale și definirea comportamentului (cum ar fi modul de afișare a erorilor sau avertismentelor) intră în competența unui designer de interfață de utilizare.

Linia dintre aceste două profesii este destul de neclară, iar companiile angajează adesea o persoană pentru aceste două posturi.

Instrumente: Photoshop, Schiță, Illustrator, Artificii

Designer vizual (designer grafic)

Un designer vizual este cineva care face grafică. Dacă întrebi pe cineva care nu proiectează ce este un designer, prima persoană care probabil îți vine în minte este un designer grafic. Designerii grafici nu au nimic de-a face cu modul în care ecranele comunică între ele sau cu modul în care cineva interacționează cu un produs. În schimb, se concentrează pe crearea de pictograme frumoase, controale și alte elemente vizuale și pe alegerea fonturilor adecvate. Designerii grafici lucrează la micile detalii la care alții nu le acordă atenție și lucrează adesea în Photoshop la 4X sau 8X.

De asemenea, este destul de obișnuit ca designerii de UI să facă o sarcină dublă și să creeze versiunea finală a elementelor de imagine. Unele companii decid să nu angajeze un designer grafic separat.

Instrumente: Photoshop, Schiță

Designer interactiv (designer de mișcare)

Îți amintești de acea animație aproape imperceptibilă când îți reîmprospătezi e-mailul pe iPhone? Aceasta este meseria unui designer de mișcare. Spre deosebire de designerii grafici, care lucrează cu elemente statice, designerii de mișcare creează animații în cadrul aplicațiilor. Ei se ocupă de ceea ce face interfața după ce utilizatorul o atinge. De exemplu, ei decid cum ar trebui să se extindă un meniu, ce efecte de tranziție ar trebui utilizate și cum ar trebui să răspundă un anumit buton. Designul de mișcare bine executat devine o parte integrantă a interfeței, oferind indicii vizuale despre modul de utilizare a produsului.

Descrierea postului Motion Designer la Apple:

„Înalt calificat în design grafic, grafică în mișcare, cunoștințe de artă digitală, bună percepție a fonturilor și culorilor, atenție generală la materiale și texturi, precum și o înțelegere practică a animației. Cunoștințe de iOS, OS X, Photoshop și Illustrator, de asemenea, familiaritate cu Director (sau echivalent), Quartz Composer (sau echivalent), modelare 3D, grafică în mișcare"

Instrumente: AfterEffects, Core Composer, Flash, Origami

Cercetator UX (Cercetator utilizator)

Scopul unui cercetător UX este să răspundă la două întrebări: „Cine este clientul nostru?” și „Ce vrea consumatorul nostru?” De obicei, responsabilitățile unui cercetător includ realizarea de interviuri cu utilizatorii, cercetarea datelor de marketing și, în general, colectarea de analize. Designul este un proces de îmbunătățire continuă. Un cercetător poate ajuta în acest proces efectuând teste A/B pentru a identifica care soluție de proiectare răspunde cel mai bine nevoilor consumatorilor. Un cercetător UX este de obicei un suport de bază în companiile mari, unde accesul la o cantitate imensă de informații îi oferă suficientă putere pentru a ajunge la concluzii semnificative.

Facebook UX Researcher Descrierea postului:

„Colaborați îndeaproape cu echipele de produse pentru a identifica subiectele de cercetare. Efectuați cercetări care abordează simultan atât comportamentul consumatorului, cât și opiniile consumatorilor. Efectuați cercetări folosind o gamă largă de metode calitative și cantitative, cum ar fi anchetele.”

Designerii UX servesc periodic ca cercetători UX.

Rezultatele muncii: profilul utilizatorului, rezultatele testării A/B, cercetare/interviuri comportamentale ale utilizatorilor.

Instrumente: microfon, hârtii, documente

Dezvoltator front-end (dezvoltator UI)

Dezvoltatorii externi sunt responsabili pentru implementarea funcțională a interfeței produsului. De obicei, un designer de interfață de utilizator transmite o machetă statică unui dezvoltator extern, care apoi o transformă într-un produs interactiv, funcțional. Dezvoltatorii externi sunt, de asemenea, responsabili pentru codarea și aspectul graficelor interactive create de designerul de mișcare.

Instrumente: CSS, HTML, JavaScript

Designer de produs

Designer de produs este un termen atotcuprinzător pentru a descrie un designer care este în general implicat în procesul de creare a imaginii și percepției unui produs.

Rolul unui designer de produs nu este foarte bine definit și variază de la companie la companie. Un designer de produs poate face coduri minime, poate efectua cercetări asupra utilizatorilor, poate crea interfețe sau poate crea elemente vizuale. De la început până la sfârșit, un designer de produs ajută la identificarea problemei inițiale, la stabilirea unor criterii pentru rezolvarea acesteia și apoi la crearea, testarea și rafinarea diferitelor soluții. Unele companii care doresc să lucreze într-o colaborare mai „fludă” specifică acest post vacant atunci când caută un solicitant, pentru a crea în cele din urmă o echipă de designeri diverși și a lucra la percepția utilizatorului asupra produsului, a efectua cercetări despre utilizatori și a crea elemente vizuale.

Unele companii folosesc „UX designer” sau pur și simplu „designer” ca termen general. Citirea fișei postului este cea mai bună modalitate de a-ți da seama care va fi expertiza ta.

Descrierea postului de designer de produs pentru Pinterest

„Competență în toate domeniile de design: interacțiune, partea vizuală, lucrul cu produsul, aspectul. Crearea de șabloane pentru elementele de imagine și aspectul acestora.”

Caut designer

Cea mai frecventă expresie pe care o aud de la tinerii startup-uri. De obicei, ei caută pe cineva care poate face toate cele de mai sus. Ei caută pe cineva care să creeze pictograme frumoase, să creeze pagini de destinație, să ruleze teste A/B, să plaseze elemente UI în mod logic pe ecran și poate chiar să îndeplinească unele dintre sarcinile unui dezvoltator front-end. Datorită naturii generale a acestei poziții, auzim adesea că o companie dorește să angajeze doar un „designer” fără a aprofunda detaliile și specificul acestei profesii.

Granițele dintre fiecare dintre aceste tendințe de design sunt foarte neclare. Este de așteptat ca unii designeri UX să lucreze și la interacțiunea cu consumatorul, iar unii designeri UI să lucreze și la grafică. Cel mai bun mod de a găsi un designer este să descrii în detaliu ceea ce te aștepți de la el ca parte a lucrului pentru compania ta și să alegi un titlu de post care reflectă cel mai clar responsabilitățile designerului.

Există destul de multe domenii legate de design în industria IT. Cei mai des întâlniți dintre ei sunt designerii, ascunși în spatele acronimelor UX și UI. Ei bine, unii oameni chiar reușesc să includă dezvoltatori front-end ca designeri. Să încercăm să ne dăm seama cine sunt designerii în lumea IT, care este diferența dintre UI și UX și ce relație trebuie să creeze inginerii front-end.

Designeri

Dezvoltarea interfeței de aplicații, site-uri web sau jocuri este un proces destul de complex și necesită aplicarea cunoștințelor din diferite domenii: inginerie, psihologie și design. Designerii de interfețe cu utilizatorul sau UI se concentrează asupra modului în care este afișată funcționalitatea unui site (căutare, file, meniuri) și detaliile modului în care interacționează clientul și interfața. Scopul designerului UI este un design de produs modern, acceptabil din punct de vedere estetic. UX înseamnă User Experience, care înseamnă „experiență utilizator”. Un designer UX este mai concentrat pe utilitatea și înțelegerea interfeței de către potențial utilizator. Un astfel de specialist va efectua adesea cercetări și sondaje care vor constitui baza pentru crearea unui concept de design și, de asemenea, va testa concepte în timpul și după dezvoltare. De obicei, se concentrează pe structură, conținut, navigare și modul în care utilizatorul interacționează cu aceste elemente.

Produce hărți de site, prototipuri, care sunt structura de bază la creare software. Scopul muncii unui designer UX este ca utilizatorul să obțină rapid și fără durere de pe site pentru ce a venit aici. Cu toate acestea, astăzi este foarte comun să vedeți aceste două specializări scrise cu o bară oblică. Adică, sarcinile ambelor direcții sunt îndeplinite de un singur specialist. Un designer UX/UI proiectează interacțiunea utilizatorului cu interfața, decide exact ce trebuie să facă și este responsabil pentru modul în care va arăta această interfață ca rezultat.

Ce trebuie să știe un designer UX/UI

Editori grafici. Cele mai populare instrumente de pe piață sunt Adobe Photoshop, Adobe Illustrator, precum și Sketch, Figma. Alegeți un editor convenabil pentru dvs. și încercați mai întâi să desenați capturi de ecran ale unui site sau aplicație, modernizându-le puțin.

Instrumente de prototipare (Mockplus, Axure). Un instrument de prototipare este legătura dintre o idee și implementarea acesteia. Nu contează ce instrument folosești. Puteți încerca mai multe și vă decideți pe cel care se potrivește stilului și preferințelor dvs.

Psihologia utilizatorului. Deja în faza de proiectare, ar trebui să vă gândiți dacă va fi convenabil pentru dvs. sau altcineva să utilizați această interfață. Pune-te in pielea clientului, construieste o legatura puternica cu el si fii atent la nevoile lui. La urma urmei, un produs va avea succes dacă există cerere pentru el.

Veți avea nevoie și de cunoștințe teoria culorii. Știm unele lucruri din copilărie, mai ales cei care au mers la școala de artă. Cu toate acestea, există anumite specificități în ceea ce privește munca designerilor. Cunoștințele de bază pot fi obținute din cărți sau articole de pe Internet.

Este indicat să aveți o idee despre tipografie, un mijloc de a combina text și componente vizuale.

Compoziția și gradul de utilizare a site-ului.

În funcție de specificul lucrării, este posibil să aveți nevoie de o înțelegere a HTML și CSS sau (unele) limbaje de programare (linkuri către resurse pot fi găsite mai jos, în secțiunea „Ce ar trebui să știe un dezvoltator front-end”).

Dezvoltator front-end

Sarcina principală a unui dezvoltator front-end este să dezvolte partea client a interfeței. Adică, un astfel de specialist „revitalizează” ceea ce au proiectat designerii. El este responsabil pentru funcționarea și funcționarea interfeței și mai puțin pentru conținutul vizual. Un dezvoltator front-end trebuie adesea să găsească buna decizie

pentru interfața cu utilizatorul în stadiul dezvoltării acesteia, prin urmare interacționează adesea cu designerul UX/UI. Codul scris de dezvoltatorul front-end rulează în browserul utilizatorului (cum se spune, „pe partea clientului”). De asemenea, una dintre cele mai importante sarcini este de a verifica dacă site-ul sau aplicația web arată la fel pe toate platformele și browserele.

Ce ar trebui să știe un dezvoltator front-end De regulă, front-end-ul costă trei stâlpi : limbaj de marcare Pagini HTML , tabeleși limbajul de programare JavaScript. În plus, dezvoltatorul front-end trebuie să înțeleagă principiile de funcționare a protocolului HTTP, servere și browsere, precum și caracteristicile de afișare a interfeței pe diverse dispozitive care se află în prezent pe piață. Instrumentele și metodele de creare a interfețelor web evoluează și se schimbă constant, așa că dezvoltatorul trebuie să monitorizeze în mod constant acest lucru.

HTML și CSS (aspect)

Acesta este aspectul, chiar cărămizile din care este construit site-ul. Limbajul de marcare HTML dictează organizarea site-ului, conținutul și toate interacțiunile dintre ele. Vă permite să desemnați partea de sus pagini, jos, blocuri laterale cu conținut, anteturi, afișare text și elemente multimedia. Foile de stil CSS sunt folosite pentru a decora elemente HTML. Ei determină exact cum fiecare element grafic, care se află pe pagină. Cu ajutorul celor mai mulți ultimele versiuni Cu HTML5 și CSS3 puteți plasa componente video și audio pe o pagină, puteți crea imagini și animații 2D și chiar puteți scrie jocuri simple. Nu este nevoie să încercați să vă amintiți toate etichetele și stilurile simultan. Va fi util să înveți elementele de bază și să le pui imediat în acțiune. Foarte bun site de explorat Bazele HTMLși CSS - W3School. Dar numai dacă aveți cel puțin cunoștințe de bază de engleză. De asemenea, dezvoltatorul front-end trebuie să înțeleagă dezvoltarea cross-browser și cross-platform, aspectul adaptiv și receptiv.

Bootstrap

Este un cadru pentru HTML, CSS și JavaScript. Adică anumite șabloane din care, ca de la un constructor, poți asambla site-uri mult mai rapid decât fără ele. Dar, desigur, trebuie să-l personalizați pentru a se potrivi nevoilor dvs. Dacă știți engleza, vă recomandăm site-ul getbootstrap și aceleași w3schools.

JavaScript

Javascript este nucleul dezvoltării front-end. Acesta este primul și cel mai răspândit limbaj de programare a interfeței. Poate adăuga o mulțime de caracteristici site-ului. Pe nivel de bază această limbă vă permite să adăugați elemente interactive la o pagină. Este folosit pentru a crea hărți care se actualizează în timp real, jocuri interactive online și filme. În cursurile noastre senior JavaRush, învățăm puțin JavaScript. De asemenea, îl puteți studia la aceeași W3School sau puteți citi despre el în rusă pe site-ul web javascript.ru.

jQuery

jQuery este o bibliotecă Javascript care conține pluginuri și extensii care pot face dezvoltarea și mai ușoară și mai rapidă. În loc să scrie cod de la zero, bibliotecile vă permit să adăugați componente gata făcute, care pot fi apoi personalizate pentru un anumit proiect. Puteți folosi funcțiile de completare automată a formularelor de căutare, rearanjarea și redimensionarea grilei și setarea cronometrelor de numărătoare inversă. Curs practic jQuery la w3school

Cadre Javascript

Sunt diverse tipuri cadre, dar puteți alege unul dintre ele care vă va fi convenabil de utilizat. Cele mai cunoscute sunt Angular, Backbone, Ember și React. Ele reprezintă o structură gata făcută pentru cod. Ele ajută la accelerarea dezvoltării. Și în combinație cu bibliotecile pot minimiza dezvoltarea unui site web sau a unei aplicații de la zero. Revizuirea celor mai populare 5 cadre și biblioteci JavaScript din 2017

Sistemul de control al versiunilor Git

Sistemele de control al versiunilor pot urmări modificările aduse codului în timp. De asemenea, vă permite să vă întoarceți la versiunea anterioară proiect. Git este cel mai utilizat sistem de control al versiunilor. A ști cum să lucrezi cu Git este o abilitate importantă pentru fiecare dezvoltator.

Scurte concluzii

UI înseamnă User Interface, care înseamnă „interfață utilizator”. adica Designer UI este în primul rând responsabil pentru modul în care produsul este prezentat utilizatorului. El dezvoltă butoane, pictograme, selectează fonturi și pregătește un aspect. UX înseamnă User Experience. Aşa Designer UX proiectează designul unui site web, aplicație - sau orice altceva - astfel încât utilizatorul să fie confortabil și să înțeleagă ce este, și să poată obține de pe site ceea ce are nevoie cu un efort minim. Foarte des, ambele tipuri de lucrări sunt realizate de o orchestră unică: un designer UI/UX. Dezvoltatorul front-end înviorează munca designerilor, introducând dinamică în ea: butoanele încep să fie apăsate, iar imaginea începe să se schimbe. Trebuie să cunoască limbaje de programare, condimentate cu cadre, preprocesoare și biblioteci.

Când sunt întrebați care este diferența dintre un designer UX și un designer UI, oamenilor le place să răspundă negativ. Știi, un astfel de dispozitiv literar. De exemplu, „UX nu este despre interfață, nu este despre design grafic, nu este uzabilitate, nu este analitică, nu este un prototip.” Astăzi vom arăta pe scurt diferența, vom spune istoria apariției termenilor și vom explica de ce cele două concepte, chiar și după atâția ani, sunt îmbinate de bunăvoie într-unul singur - UX/UI.

Pe scurt despre diferență

Un designer UI (interfață utilizator) este un designer de interfață într-un mediu ideal care desenează butoane, pictograme, formulare, selectează fonturi și realizează un aspect armonios și frumos din toate. Un site web, o aplicație, orice cu care utilizatorul va interacționa - chiar și ecranul unui terminal al unei stații. Și nu se gândește la nimic altceva.

Un designer UX (experiența utilizatorului) nu este un designer, ci un designer (doar că în engleză cuvântul designer are doar al doilea sens). El studiază nevoile utilizatorilor, construiește logică lucru de interfață, testează prototipuri pe oameni vii, scrie specificații tehnice pentru proiectare. Cu alte cuvinte, acesta este un astfel de inginer de marketing: intrarea este analitica, rezultatul este principiile creării unei interfețe, logica de lucru, aspectul, conținutul. Nu se referă la desen ca atare.

Asta este.

De ce trebuia să fie complicat?

Așa cum a fost înainte: designerul a primit sarcina de a „desena un site web”. Toate site-urile erau mai mult sau mai puțin la fel: acasă, despre companie, catalog, apoi în jos pe listă. Designerul a întrebat: „Când ne vor oferi conținutul?” Niciodată, tovarăș spirit, aceasta este o armată.

Iar designerul a fost numit pur și simplu „designer”. Fără prefixe de peste mări.

Ce s-a întâmplat mai târziu: agențiile au vrut să primească mai multi bani, iar lumea a început treptat tranziția de la „doar site-uri web” la servicii web complexe. Iar un serviciu nu este doar o interfață unică, ci și un proces de afaceri special în spatele lui. De exemplu, amintiți-vă de site-ul Airbnb - fără un studiu profund al subiectului, niciun designer grafic nu ar putea crea imediat o interfață.

Deoarece era mai multă muncă, a fost nevoie să se împartă o profesie în mai multe. Acum specialistul UX (să-i spunem așa pentru a evita confuziile) a cercetat și proiectat arhitectura informațională, prototipul a făcut partea funcțională, iar designerul grafic (UI) a creat produsul final: modern și plăcut la vedere.

Același lucru s-a întâmplat deja în industrie. De exemplu, „programatorii” erau pur și simplu împărțiți în „frontend” și „backend”. Și frontenderi în adevărați frontenderi și „doar designeri de layout”. Apropo, .

Motivul este întotdeauna același: o singură persoană nu este suficientă pentru un proces amplu. Să mergem mai departe.

Cine este un designer UX/UI

Ce este amuzant: locurile de muncă vacante includ adesea posturi de designer UX/UI, exact așa, cu o bară oblică. Chiar și Tinkoff caută un astfel de specialist în combo:

De cealaltă parte a baricadelor, toți designerii au început să se autodenumite UX/UI. Pentru că a fi doar un designer este ugh, la modă.

Cine este UX/UI într-o lume ideală? Un supraom care efectuează întregul ciclu de lucru UX și apoi reușește totuși să deseneze totul cu mai multe iterații de editări (realizează UI).

Ce este mai exact UX/UI? Doar un designer bun. Pentru cei care consideră că este de datoria lor nu doar să „realizeze machete”, ci să abordeze fiecare proiect individual, începând cu analize, întrebări, precizări, schițe, diagrame etc. Aceasta nu este o examinare UX cu drepturi depline, dar, de regulă, este suficient pentru a susține un serviciu gata făcut sau pentru a dezvolta „doar un site web”.

Deci, dacă vedeți un mutant UX/UI uimitor, știți asta:

• Acesta este un designer care abordează un proiect cu capul și nu doar făcând clic cu mouse-ul și ciocul.
• Acesta este un tip care a citit o mulțime de cuvinte inteligente și acum își spune UX/UI.

Se poate verifica simplu: cereți designerului să vă spună de ce a ales această aranjare specială a elementelor, această secvență de ecrane etc. Un designer bun nu ia o singură decizie de interfață așa - totul are o justificare logică.

Apropo

Acest articol este al doilea din seria „cum este diferit un specialist web de altul”. Ceea ce ne-a determinat la ideea de a face un director cu toate profesiile de pe web, cu diferite variații ale denumirilor lor. Pentru ca clientul (și noi toți, de altfel) să trăiască mai limpede.

Traducerea materialului Hubspot despre ce este designul UX, cum este creat, ce instrumente sunt folosite și de ce companiile au nevoie de design UX.

Care este beneficiul site-ului sau aplicației dvs.? Este ușor să colectați informații cu ajutorul acestuia? Sau cumpărați cu un singur clic și primiți mărfurile livrate mâine? Sau principalul lucru este să găsești rapid răspunsuri la întrebările necesare?

Gândiți-vă la oamenii care au dezvoltat acest site web sau aplicație. Care era scopul lor?

Au încercat să creeze o resursă web care să aibă tot ceea ce oamenii le-ar plăcea. Un site ușor de utilizat, care ar furniza rapid informațiile pe care le căutați și vă va ajuta să luați decizii informate.

UX, sau experiența utilizatorului, acoperă percepția și emoțiile pe care le evocă un produs sau serviciu software. UX se caracterizează prin ușurință în utilizare, accesibilitate și comoditate. Despre UX se vorbește adesea în context dispozitive electronice, smartphone-uri, computere, software sau site-uri web. Dar un astfel de concept nu este nou; este ceva care se schimbă rapid datorită progreselor tehnologice, a noilor tipuri de interacțiuni și a tendințelor de consum.

Utilizatorii caută modalități fulgerătoare de a rezolva problemele, așa că UX este extrem de important. Asigurați-vă că site-ul este clar și ușor de înțeles pentru utilizatori.

Dacă clienții nu găsesc resursa utilă și ușor de utilizat, se vor dezabona rapid. Majoritatea utilizatorilor decid într-un minut dacă închid un site.

În acest articol, aflăm mai multe despre industria UX în curs de dezvoltare, ce designeri angajează companiile și de ce designul inteligent aduce beneficii fiecărei afaceri.

Ce este UX design?

Designul UX, sau designul experienței de interacțiune, este ceea ce determină cât de mulțumit va fi utilizatorul cu un produs sau serviciu software; acest proces implică îmbunătățirea funcționalității, a gradului de utilizare și a confortului. UX design - creare produse software cu chibzuit si relevant experiența utilizatorului. Domeniul designului UX acoperă o mulțime de subdomenii care merită luate în considerare.

1. Design interactiv

Designul de interacțiune, sau IxD, este o subsecțiune a designului UX care definește interacțiunea dintre utilizator și produs; scopul acestor interacțiuni este o experiență bună pentru utilizator.

2. Design vizual

Designul vizual folosește ilustrații, fotografie, tipografie și scheme de culori pentru a îmbunătăți experiența utilizatorului final. În designul vizual, este important să urmați principiile direcției artistice. Acestea includ echilibrul, spațiul, contrastul... Culoarea, forma, dimensiunea și alte elemente influențează și ele designul.

3. Cercetarea utilizatorilor

Acesta este ultimul dintre elementele de bază ale designului UX pe care companiile le folosesc pentru a clarifica așteptările clienților lor. Un proiect web de succes servește unui scop specific și rezolvă probleme specifice, așa că un pas important este acela de a afla de ce are nevoie consumatorul. Fără aceasta, designul se bazează pe presupuneri și presupuneri.

4. Arhitectura informaţiei

Designerii folosesc arhitectura informațiilor pentru a structura și a eticheta conținutul în moduri specifice, pentru a facilita găsirea de către utilizatori informatiile necesare. Arhitectura informației este utilizată în dezvoltarea web, dezvoltarea smartphone-urilor, dezvoltarea aplicațiilor și este văzută și în multe obiecte fizice. Ușurința în utilizare și accesibilitatea sunt două aspecte principale arhitectura informatiei.

Pentru a ilustra, luați în considerare o hartă a metroului din New York. Apropo, asta bun exemplu arhitectură informațională care îi ajută pe oameni să treacă de la punctul „A” la punctul „B”. Și, așa cum spune Institutul pentru Arhitectura Informațională, „Dacă faci lucruri pentru alții, faci arhitectură informațională”.

Procesele componente ale UX Design

Există trei etape ale designului UX: 1. căutarea publicului țintă 2. înțelegerea obiectivelor companiei - cum afectează astfel de obiective utilizatorul 3. gândirea în afara cutiei

De obicei, designul UX folosește o abordare centrată pe utilizator pentru a crea produsul final dorit în trei pași. Este mai simplu – ar trebui să țineți cont de nevoile celor pentru care este dezvoltat designul. O mulțime de soluții sunt folosite pentru a elimina tot felul de dificultăți și asperități; prototipurile sunt create și testate pe utilizatori.

Pe baza rezultatelor lucrării, este selectată cea mai bună dintre opțiunile dezvoltate. Dacă priviți lucrurile din punctul de vedere al utilizatorului și designul în funcție de preferințele acestuia, rezultatul va fi pe plac tuturor.

Principii de design UX

Industria de design UX se schimbă rapid, dar principiile fundamentale sunt încă aceleași. Designerii trebuie să înțeleagă de ce au nevoie în ceea ce privește echilibrul vizual. Concizia și claritatea sunt nuanțe importante; Principiul se aplică aici: cu cât mai puțin, cu atât mai bine. Încercați să vă asigurați că designul este intuitiv și, mai important, luați în considerare interesele și nevoile utilizatorilor.

Sfera de aplicare a UX tinde să se limiteze la noile tehnologii, dar în centrul tuturor se află principii la fel de vechi ca timpul care îi ajută pe designeri să rezolve tot felul de probleme printr-o metodologie consecventă și concentrată.

Luați în considerare contextul: utilizatorul trebuie să știe unde se află în momentul actual. Nu ar trebui să existe un sentiment de supraîncărcare de informații sau că unul este pierdut. Sarcina ta este de a solicita și a indica direcția corectă.

Fii om: Nimănui nu-i place senzația de a interacționa cu o mașină. Este mai probabil să construiți încredere dacă arătați latura umană a companiei dvs.

Disponibilitate: Nimeni nu vrea să-și piardă timpul. Designul UX de succes îmbunătățește navigarea.

Ușurință: consistența și simplitatea în design sunt întotdeauna bune. Construiți relații cu utilizatorii prin UX ușor de utilizat.

Simplitate: Fără calcule greșite sau descrieri inutile. Treci direct la obiect.

rezultat UX

Când un proiect UX este finalizat, designerul și echipa arată clientului și echipei lor o listă cu ceea ce s-a făcut. Este necesar să se arate procesul de lucru, o listă de idei implementate.

Aceasta este o parte importantă a procesului general. Acest lucru face mai ușor pentru designerii UX să găsească ceea ce caută, să-și demonstreze viziunea și să explice anumite recomandări de îmbunătățire.

1. Cercetarea utilizatorilor

Nevoile utilizatorilor, tendințele și motivațiile sunt toate descoperite prin diverse studii ale utilizatorilor. Acestea pot fi date cantitative și calitative obținute în timpul testelor, de exemplu, cu participarea focus-grupurilor; descriere detaliată procesul de înregistrare, onboarding și solicitări de servicii pentru clienți. Scopul este de a obține o analiză detaliată a ceea ce are site-ul și ce ar putea fi îmbunătățit - toate ideile sunt testate pe utilizatori reali.

Cercetătorii creează profiluri de consumatori pe baza datelor reale despre oameni, ceea ce ajută la determinarea exactă cine va interacționa cu un site web sau o aplicație.

Prin cercetarea utilizatorilor, designerii își găsesc și își definesc utilizatorul.

2. Evaluarea competitorilor

Evaluarea punctelor forte și punctele slabe concurenți - o modalitate de a vă extinde propria strategie UX. Cel mai bun mod de a proceda este prin intermediul rapoartelor analitice care evidențiază evoluții concurente. În esență, aceasta este o analiză detaliată a designului interactiv al concurenților, o listă de puncte slabe, calcule greșite și omisiuni, în general, ceea ce poate deveni un avantaj competitiv.

3. Design interactiv

Descrierea interacțiunilor utilizatorilor poate fi sub forma unui prototip - acest lucru facilitează înțelegerea modului în care utilizatorii vor îndeplini sarcinile cheie, vor găsi informații și, în general, vor folosi produsul. Este descris procesul de căutare a informațiilor și cât de convenabilă este dezvoltarea. Prototipul ar trebui să fie cât mai simplificat posibil și aproape de versiunea finală.

4. Arhitectura informaţiei

IA este procesul de preluare a informațiilor și de transformare a acesteia într-o formă digerabilă, ceea ce este deosebit de important pentru site-urile mari. Este important să înțelegeți în ce context vor folosi oamenii designul. Rezultatul final ar putea fi o hartă a site-ului cu instrucțiuni sau un eșantion de flux de utilizatori care arată cum se deplasează vizitatorii pe site.

Ce este User Interface Design?

Când Apple a introdus componenta de navigare Click Wheel pentru iPod, lucrul era intuitiv și extrem de funcțional – ca să nu mai vorbim de uimitor vizual. Acesta este un bun exemplu de interfață de utilizator de succes sau UI. UI este o modalitate de a interacționa cu computere, mașini, site-uri web, aplicații, dispozitive purtabile etc. Designul UI este ceea ce face ca toate aceste lucruri să fie cât mai simplificate și eficiente.

UI vs. UX

UX, experiența utilizatorului, se referă la mișcarea utilizatorului printr-un site web sau o aplicație. Designerii UX lucrează la forma și funcționalitatea unui produs sau tehnologie. UI sau interfata utilizator, se concentrează asupra modului în care arată și funcționează carcasa exterioară a unui produs. Domeniul de activitate al designerilor UI este componentele tangibile și vizibile ale acestui proces.

Elemente comune ale UI

UX și UI au multe în comun, dar este important de remarcat diferențele cheie dintre aceste două subiecte. Din nou, UI se concentrează pe aspectul produsului, în timp ce UX este mai preocupat de modul în care oamenii interacționează cu un site sau o aplicație. Iată cele mai comune elemente ale interfeței de utilizare pe care trebuie să le cunoașteți pentru a înțelege mai bine diferențele:

Componente informaționale: designerii UI folosesc componente de informații pentru a extinde așa-numitul. experiența cititorului - pentru a transmite mai multe informații. Exemplele de componente de informații includ indicatorii de stare, notificările și casetele de mesaje. Toate acestea sunt folosite ca confirmare: utilizatorul a finalizat o anumită sarcină. Sau pentru a anunța că este necesară o anumită acțiune din partea lui.

Navigare prin breadcrumb

Acesta este un instrument de design care îmbunătățește vizual gradul de utilizare a unui site web.

Așa își văd oamenii locația pe o pagină web, în ​​structura sa ierarhică. Nu sunt necesare elemente de design sofisticate, trebuie doar să arătați în ce secțiune a site-ului se află utilizatorul. De obicei, astfel de link-uri sunt plasate în partea de sus a paginii web a magazinelor online sau pe alte resurse.

Controale de intrare: utilizatorilor li se oferă mai multe opțiuni pentru a răspunde la întrebarea care le este adresată. Acestea pot fi casete de selectare, liste derulante și comutatoare. Informațiile ar trebui să fie scurte și concise pentru a facilita identificarea nevoilor.

Experienta de cercetare

Fără cercetare, este imposibil să știm despre nevoile și preferințele oamenilor. Cercetarea UX este despre a găsi ceea ce au nevoie utilizatorii; Datele obținute formează baza designului UX. Companiile și designerii folosesc cercetarea pentru a trage concluzii despre ceea ce funcționează și ce trebuie schimbat. Există mai multe opțiuni pentru cercetarea UX.

Testare de utilizare

Scopul unei astfel de cercetări este de a afla cât de succes este produsul; Utilizatorii participă la testare. Acest lucru oferă companiilor informații reale despre modul în care oamenii folosesc un produs sau un sistem sau despre cum funcționează acel produs sau sistem. Există două moduri principale de a testa.

Testarea de utilizare cu utilizatori aleatori este o modalitate rapidă și ieftină pentru companii și cercetători de a obține informații de la oameni care ar putea să nu cunoască despre produsul lor. Oameni aleatoriu folosesc produsul și își împărtășesc opiniile.

Testarea de utilizare de la distanță permite companiilor să efectueze cercetări în timp ce utilizatorii se află în mediul lor natural (de exemplu, acasă sau la birou).

Instrumente de testare a utilizării

Astfel de instrumente vă permit să aflați opiniile utilizatorilor, să analizați feedback-ul și să faceți anumite modificări pe baza datelor. Dacă sunteți în căutarea unui instrument care să vă ajute să vă dați seama cât de ușor este de utilizat site-ul sau aplicația dvs., aveți două opțiuni:

Adobe Fireworks CS6 permite designerilor web să creeze grafică pentru pagini web fără a fi nevoiți să se adâncească în complexitatea codului sau a designului. Adobe Fireworks are o serie de avantaje. Instrumentul are o precizie impresionantă a pixelilor și are opțiuni de compresie a imaginii (JPEG, GIF etc.) care permit utilizatorilor să creeze site-uri web funcționale și construcție vectorială.

CU folosind Adobe XD poți crea site-uri web și aplicații mobile, precum și prototipuri, wireframes și grafica vectoriala. Prototipurile interactive pot fi partajate pe mai multe platforme, inclusiv Windows, Mac, iOS și Android - ideale pentru colaborarea în echipă.

Axure RP Pro este un alt instrument bun de design UX și este gratuit. Axure oferă mai multe opțiuni, inclusiv: prototipare și documentare. Puteți chiar să creați modele de călătorie a utilizatorului și hărți ale site-ului. Axure este ideal pentru crearea de aplicații web și desktop, oferind utilizatorilor posibilitatea de a exporta rapid în PDF sau HTML.

Acesta este un software complex cu multe funcții specifice, inclusiv. editare nedistructivă (aceasta înseamnă că Sketch nu va schimba densitatea pixelilor imaginii cu care lucrați). Export de cod, precizie pixeli, prototipare, editare vectorială - acestea sunt principalele avantaje ale Sketch.

6. Software pentru storyboarding

S-ar putea să vă întrebați de ce este nevoie de un storyboard în designul UX. Dar este o modalitate bună de a prezice vizual modul în care un utilizator va interacționa cu produsul dvs. într-un context mai larg. Există mai multe instrumente de storyboarding disponibile, cu diferite caracteristici și niveluri de dificultate.

Storyboarder este o dezvoltare gratuită cu funcționalități de bază, care este potrivită pentru toți designerii, indiferent de nivelul lor de calificare. Acest software creează rapid schițe sau figuri pentru a descrie un plan sau o idee. Un alt instrument este Toon Boom Storyboard Pro. Combină desenul, animația, controlul camerei și alte numeroase opțiuni - pentru o perioadă anuală sau taxa lunara. Funcționalitate largă pentru povestiri sofisticate și lucrări pregătitoare detaliate. Toate acestea sunt potrivite pentru designerii care caută o oportunitate de a-și spune vizual povestea folosind o interfață.

Cum să devii designer UX?

Dacă îți place designul, cercetarea și lucrul cu oameni - îi asculți pe alții vorbind despre experiențele lor, atunci poate că merită luată în considerare o carieră în design UX. În acest caz, va trebui să vă concentrați pe aspectele conceptuale ale designului; creați o experiență de interacțiune de înaltă calitate pentru alți utilizatori.

Există câțiva pași importanți pentru a deveni un designer UX. Multe universități din întreaga lume își oferă cursurile, dar pentru a te înscrie la ele, 4 ani de studii în domeniul designului este de obicei o condiție prealabilă. Există programe mai flexibile precum Programul de absolvire a Universității Quinnipiac în Designul experienței utilizatorului. Există și programe de certificare pentru profesioniști. Depinde mult de durata antrenamentului și de nivelul de pregătire.

Dacă sunteți gata să vă realizați visul de a deveni designer UX, veți avea nevoie de un CV și un portofoliu puternic. Resurse precum Dribbble sau Behance vor fi utile. Vă puteți demonstra munca pe propriul site web, creat folosind constructori precum SquareSpace.

Ține cont de următoarele detalii:

Atractie vizuală

Prezentarea este totul. Lucrarea ar trebui să vorbească de la sine... arată, nu spune! Alegerea culorii, tipografia sunt importante.

Adăugați o pagină „despre”.

De ce ar trebui să te angajeze cineva? Ce lucru nou poți aduce oricărei organizații? Arată-le recrutorilor viziunea ta unică sau ceea ce te inspiră.

Un angajat al companiei de vis nu ar trebui să aibă dificultăți în navigarea pe site-ul portofoliu. Adăugați în meniu secțiuni precum contacte, CV, portofoliu, despre mine etc. pentru a facilita navigarea.

Explicați cum vă creați UX Viitorul dvs. angajator dorește să vă înțeleagă modul de gândire. Adăugați informații care îi spun recrutorului despre cercetarea dvs. UX, brainstorming, procesul de proiectare sau prototip.

Creați un portofoliu suplimentar

Folosiți alte instrumente pentru a vă face munca disponibilă pe web, unde designerii și cei care doresc să-i angajeze își petrec timpul,