Këta janë dizajnerë UX që kundërmojnë. Pse dëshironi të filloni një dizajn UX? Njohuri të mira ux UI

Dizajni është një kuptim për të arritur më të gjerë dhe të parëndësishëm. Nëse doni të flisni? "Unë jam një dizajner", jo njëherësh çuditërisht, pse duhet të jem i zënë me një ditë të lëkurës. Për të gjetur një rreth të rajoneve të ndryshme, të përbashkëta nga koncepti i "dizajnit".

Profesionet që lidhen me dizajnin gjenden në fusha shumë të ndryshme - nga dizajni industrial (dizenjimi i makinave dhe mobiljeve etj.), Dizajni i punuar me dorë (revista dhe miqtë më të mirë) deri te dizajni i uebsajteve (faqet e internetit, celularët).

Megjithatë, në orën e fundit, u shfaq një mungesë e profesionistëve të rinj të dizajnit, të fokusuar në zhvillimin e ndërfaqeve për një lloj tjetër ekranesh. Punët e titulluara UX - ose dizajnerët UI nuk janë inteligjentë për të painiciuarit dhe shpesh për vetë projektuesit nga fusha të tjera.

Le të përpiqemi të kthehemi tek ajo që do të thotë të lëkurosh me terma.

Dizajner UX (Dizajneri i PËRVOJËS SË PËRDORIMIT)

Dizajneri UX në radhë të parë përqendrohet në atë se si produkti "shihet", si rezultat. Projektuesi është pajisur me jo më pak se një lloj të ri ekrani. Dizajnerët UX po përpiqen të zgjidhin problemin, por unë mendoj për problemin specifik të problemit. V listë e gjerë Kërkesat për një projektues UX për të hyrë në një ndryshim në mënyrë që një produkt të transferojë së fundi një klient nga një fazë në tjetrën. Një nga mënyrat për ta arritur këtë është kryerja e analizave të pandërmjetësuara me një koristik të vërtetë, në mënyrë që nëna të mund të mbështesë sjelljen e tij. Tranzicionet verbale dhe joverbale, dizajnerët UX plotësojnë produktin dhe vijnë të fundit deri në fund të versionit më të përshtatshëm të ndërveprimit me produktin. Versioni i testimit është i nevojshëm për të siguruar që produkti të përpunohet sa më shpejt që të jetë e mundur.

Unë do të përshkruaj robotët e stilistëve të përvojës në Twitter:

“Modelet e ndërveprimit të Visnachate, përcaktimi për rrjedhën e ndërtesave dhe specifikat e UI. Për të identifikuar opsionet e zhvillimit për zhvillimin e pod, përshkruani procesin e vërtetimit dhe modelet e ndërveprimit nga dhe për dhe demonstrojini personave të arsimuar. Bisedoni me drejtorin tonë krijues dhe dizajnerët vizualë për të krijuar një identitet vizual të Twitter dhe veçorive të tij karakteristike. Zhvilloni ose ruani faqosjet, api-n e modelit dhe standardet sipas nevojës "

Rezultatet e robotit: modele të imazhit në ekrane, korniza, plani i faqes.

Mjetet: Photoshop, Sketch, Illustrator, Fishekzjarre, InVision

Dizajnuesi i ndërfaqes së përdoruesit (projektuesi i NDËRFAQJES SË PERDORIMIT)

Nga këndvështrimi i projektuesve UX, sa i përket vend sekret produkti, roboti i projektuesit të ndërfaqes së përdoruesit po rrotullohet rreth asaj se çfarë është produkti i dizajnit. Fakhivtsi të tillë janë tregues i dizajnit të anës së lëkurës së ekranit, me disa ndërlidhje të koristuvach-it dhe thurjes së të korrave, në mënyrë që UI të përputhet vizualisht me thurjen e vendosur nga projektuesi UX. Për shembull, një projektues UI, i cili hap një panel analitik, mund të tregojë përmbajtjen më të rëndësishme në anën e faqes, nëse është virtyt, është pozunok ose butoni i kontrollit ka më shumë gjasa të shkojë në ekran për rregullimin e grafikut. .

Emërtoni projektuesin tuaj të ndërfaqes së përdoruesit gjithashtu nuk e di se si ta bëjë këtë. ¢ një stilі zobov'yatsyyatsya në faktin se dizajni i përbashkët "mova" zasosovyatsya në të gjitha produktet.

Ruajtja e konsistencës së të gjithë elementëve vizualë dhe dizajnit të sjelljes (për shembull, si të shfaqni një shënim ose ta ruani atë) bie nën kompetencën e projektuesit të UI.

Kordoni është një vend ku dy profesione të ndryshme mund të arrijnë kufirin e madhësisë dhe shumica e kompanive punësojnë një person për dy vende të lira pune.

Mjetet: Photoshop, Sketch, Illustrator, Fishekzjarre

Dizajner vizual (dizajnues grafik)

Një dizajner vizual është ai që bën grafikë. Yaksho vie power kogos, hto mos të angazhohen në dizajn, kush është një dizajner i tillë, mabut, që do të vijë në rosum si një dizajner grafik. Dizajnerët grafikë nuk janë të lidhur me njëri-tjetrin, sepse ekrani përdoret një nga një, jo sepse është në lidhje me produktin. Zëvendësoni erën e përgjithshme të imazhit në parvazët e ikonave, elementët e kontrollit dhe elementet vizuale dhe zgjidhni fontet vizuale. Dizajnerët grafik punojnë në detaje të vogla, pasi ato nuk kanë shumë rëndësi, dhe shpesh punojnë në Photoshop në modalitetin 4X ose 8X.

Situata zgjerohet gjithashtu, nëse projektuesit UI shohin nën-robotin dhe krijojnë opsionin e fundit për elementët e imazhit. Kompanitë e mira marrin vendimin të mos punësojnë një dizajner grafik të hapur.

Mjetet: Photoshop, Sketch

Dizajner interaktiv (projektues i lëvizjes)

Mos harroni se sa i pakëndshëm është animacioni shtesë nëse e përdorni në iPhone tuaj? Tse e një roboti projektuesi lëvizjeje. Nga këndvështrimi i dizajnerëve grafikë, të cilët punojnë me elementë statikë, dizajnerët e lëvizjes krijojnë një animacion të të gjitha mediumeve. Erë se mund të kesh të drejtë për këtë, trego ndërfaqen, në mënyrë që të mos mund të trokasësh. Për shembull, erë e keqe e nuhatjes, si renditja e menysë, menysë, sepse kalimi është efektiv, sepse është faji i butonit. Dizajni i mirë i lëvizjes Vikoniy nuk do të përdoret nga shumë pjesë të ndërfaqes, ai do t'ju japë sugjerime vizuale si produkti vikoristovuvati.

Përshkrimi i një roboti projektuesi lëvizjeje në Apple:

“Cilësia Visoka në dizajn grafik, grafikë në lëvizje, njohuri në artin dixhital, zbukurim të shkronjave dhe ngjyrave, do të respektoj materialet dhe teksturat, si dhe inteligjencën praktike të animacionit. Njohuri të iOS, OS X, Photoshop dhe Illustrator, gjithashtu njohuri të Regjisores (ose analoge), Quartz Composer (ose analoge), modeleve 3D, grafika në lëvizje"

Mjetet: AfterEffects, Core Composer, Flash, Origami

UX Doslіdnik (Doslіdnik koristuvachіv)

Meta e UX-së së prezantuesit është si më poshtë: "Kush është shoku ynë?" і "A do të doje mikun tonë?" Lërini udhëzimet e lexuesit të përfshijnë kryerjen e një interviste me koristuvachi, marrjen e homazheve të marketingut dhe anketimin e një analisti të huaj. Dizajni - i gjithë procesi i post_yaynogo voskonalennya. Prezantuesi mund të ndihmojë në të gjithë procesin, duke kryer testimin A/B, testimin schob, si një zgjidhje projektuesi, shumicën e kohës i kënaqur me konsumatorët. Personi i lavdëruar nga UX është mbështetja kryesore në kompanitë e mëdha, qasja në sasinë e madhe të informacionit dhe mundësitë e mjaftueshme për të dalë përpara ngjarjeve të rëndësishme.

Një përshkrim i robotit UX të Facebook:

“Filloni të punoni me ekipet për të lançuar produktin, por edhe për temën e mesazhit. Kaloni seancën tjetër, nëse menjëherë shtriheni deri në sjelljen e lumtur, si dhe derisa të mendoni për të. Kryeni një gamë të gjerë metodash novatore dhe themelore, për shembull, praktikë. "

Dizajnerët UX kontrollojnë periodikisht preferencat UX.

Rezultatet e robotit: portreti i një koristuvach, rezultatet e A / B-testimit, sjellja e koristuvachiv / intervistë.

Instrumentet: mikrofon, paperu, dokument

Zovnishny rozrobnik (UI rosrobnik)

Emrat e zhvilluesve janë përgjegjës për integrimin funksional të produktit në ndërfaqe. Zvychay, projektuesi UI i dorëzoi një model statik një shitësi të ri, i cili në një transformim të rremë në një produkt praktik dhe interaktiv. Zhvilluesit e njohur janë gjithashtu përgjegjës për kodimin, paraqitjen e grafikave interaktive, si projektues lëvizjesh.

Mjetet: CSS, HTML, JavaScript

projektuesi i produktit

Një projektues produkti është një kuptim gjithëpërfshirës, ​​një mënyrë për të përshkruar një stilist, si në sfondin e përfshirjes në procesin e krijimit të një imazhi dhe marrjes së një produkti.

Roli i një projektuesi produkti nuk është më pak i mirëpërcaktuar dhe i rëndësishëm në kompanitë e biznesit. Një projektues produkti, sipas minimumit, mund të përfshihet në kod, të kryejë shenja për një nëpunës të një mesazhi, të konfigurojë një ndërfaqe ose të konfigurojë elemente vizuale. Nga veshi deri në fund, projektuesi i produktit do t'ju ndihmojë të gjeni problemin, të vendosni disa kritere për datën e re dhe më pas do të jeni në gjendje ta provoni atë dhe ta zgjidhni atë siç duhet. zhvillimin... Ato kompani që duan të jenë të suksesshme në kuadrin e një sporti më të madh “rrjedhës”.

Veprimet e kompanisë janë "UX-designer" ose thjesht "projektues" në kuptimin e një termi gjithëpërfshirës. Leximi i përshkrimit të punës është një mënyrë e shkurtër për të kontaktuar, e cila do të jetë brenda kompetencës suaj.

Duke përshkruar një projektues produkti robotik për Pinterest

"Volodinnya në të gjitha sferat e dizajnit: ndërveprim, pjesë vizuale, robot me një produkt, paraqitje. Krijimi i shablloneve për elementët e imazhit dhe paraqitjes ".

shaka projektuesi

Fraza Nayposhirenіsha, pasi mund të nuhas llojin e startupeve të rinj. Zazvychay erë e keqe e bilbilit të faktit se çdo gjë është ndryshe. Era e faktit që ka shumë ikona të bukura, shumë pika referimi, nisja e testimit A / B, është logjike të shfaqen elementet e UI në ekran, dhe mund ta gjeni punën nga aksesorët e shpërndarësit të distributori. Nëpërmjet karakterit zagalny, si të veshim një tsya posada, ne shpesh ndihemi të sikletshëm, por kompania dëshiron të gjejë vetëm një "dizajnues", duke mos humbur në detajet dhe specifikat e profesionit.

Midis lëkurës dhe lëkurës direkt në dizajn, ajo është edhe më e madhe. Transferimi i gjërave te dizajnerët UX mund të funksionojë gjithashtu se si të punojnë së bashku, dhe gjërat e stilistëve të UI do të angazhohen gjithashtu në grafikë. Mënyrë e shkëlqyer njihni një stilist - përshkruani në detaje se si do të jeni në gjendje të zbuloni në kornizën e robotit për kompaninë tuaj dhe të vibroni titullin e vendit të lirë, informacionin më të mirë në lidhje me dizajnin e stilistit.

29.09.2017

Përvoja e përdoruesit (dosvid vzaєmodii) në UX- më i popullarizuari në orën daneze të termave në industritë teknologjike dhe të dizajnit. Pra, ndërsa UX do të zhvillohet dhe do të fillojë, ka ende shumë njerëz që ende nuk këndojnë, që do të thotë UX, dhe si terma zëvendësues të saktë.

Veçërisht, shpesh lexoni për UX nëse flisni për faqet e ndërfaqes. suplemente celulare... Shpesh është e drejtë, një vështrim pak më i madh në UX është i nevojshëm për inteligjencën e përgjithshme të atij që është kaq i rëndësishëm për fisnikërinë.

Pra, edhe Përvoja e Përdoruesit (UX)?

UX deshifrohet si "përvoja e përdoruesit (dosvid vzaєmodii"). Dosvid vzaєmodії - tse ato, pasi njerëzit ndërveprojnë me produktin.

Shikoni UX kudo. Për Idenë, gjithçka është në kontakt, rregullim siguria e softueritі përfundon me butonin e ndezjes / vimicannya і ії formë, є prapanicë e elementeve, kështu ux. Shuma e ndërveprimeve tuaja me produktin do të bëhet e dyshimtë, të cilën ju do ta hiqni produktin e vikaristit.

Të gjitha objektet rreth nesh mund të shohin një mesazh komunikimi - nga kioskat me ekran me prekje në metro deri te makinat elitare të kavave, të cilat ju lejojnë të derdhni një filxhan kawi për gustatorët. fuqia e vikoristovuvati celular Për çdo pajisje në lëvizje, unë do të pikturoj UX, si dhe do të ndërveproj me makinën për komandat shtesë të ekranit me prekje dhe zanore për të grabitur keruvannya me makinën më të thjeshtë dhe më efikase.

Suksese që produkti të përgatitet në mënyrën se si lind. Produkti Vikoristovuchi, njerëzit thërrasin për të vlerësuar dozën e tyre në mënyrën e mëposhtme:

• Po sikur të hiqja qafe pamjen e një produkti?
• Chi easy yogo vikoristovuvati?
• Mirë yogo vikoristovuvati?

Ata që do të bëhen njerëz të varur përgjithmonë dhe përgjithmonë nga produkti nuk do të mund të qëndrojnë në krye të furnizimit me ushqim.

Elementet UX

Don Norman, sp_vsasnovnik i Nielsen Norman Group, i cili ishte i pari që prezantoi "përvojën e përdoruesit" në vitet '90, tha "Dosvid vzaєmodii gjuan të gjitha aspektet e vzamodii koristuvach me kompaninë, shërbimet dhe produktet її."

"Unë dola me një term të tërë, duke respektuar që ndërfaqet njerëzore dhe ndërfaqja e përdoruesit përdoren nga mirëkuptimi i universitetit. Unë dua të dua të gjitha aspektet e ndërgjegjësimit njerëzor në ndërlidhjen e sistemit, duke përfshirë ndërfaqen, dizajnin industrial, grafikun

Don Norman ka shumë video për të ndarë mendimet e tij mbi raundet e termit UX.

Për ushqimin, cili është ndryshimi midis një projektuesi UX dhe një projektuesi UI, për të dashur pamjen përmes listës. E dini, një priyom i tillë letrar. Në kshtalt "UX nuk ka të bëjë me ndërfaqen, as me dizajnin grafik, as me përdorshmërinë, e cila nuk është analitike, e cila nuk është një prototip." Ky vit po tregon shkurtimisht një rritje, historia e termave shfaqet dhe është e qartë pse dy njerëz mund të lundrojnë nëpër stilet e rock-ut me një dëshirë të tillë për të zemëruar në një - UX / UI.

Shkurtimisht për shitjen me pakicë

UI-designer (ndërfaqja e përdoruesit) është një projektues i ndërfaqeve në mes ideal, si butona të vegjël, ikona, forma, fontet e zgjedhura dhe për të përdorur një paraqitje harmonike dhe të bukur. Në faqe, shtesa, unë do të doja të, për çfarë do të jetë e ndërlidhur koristuvach - Unë do të doja ekranin e terminalit të stacionit. Nuk e mendoj më.

Një projektues UX (përvojë përdoruesi) nuk është një projektues, por një menaxher projekti (vetëm në anglisht, fjala projektues ka një kuptim tjetër). Vin vivchak konsumojnë koristuvachiv, unë do diagramet logjike robotë në ndërfaqe, testoni prototipe mbi njerëzit e gjallë, shkruani specifikimet teknike për dizajnin. Me fjalë të tjera, një inxhinier qendror marketingu: në hyrje të analitikës, në hyrje është parimi i vendosjes së ndërfaqes, logjikës së robotit, paraqitjes, përmbajtjes. Maluvannya jak një gabim i tillë nuk tkurret.

Nga dhe gjithçka.

Tani gjithçka është e nevojshme

Yak bulo më herët: projektuesi duhej të krijonte një "faqe namalyuvati". Të gjitha faqet që ngacmojnë burrat e mëdhenj janë të njëjtë: kreu, rreth kompanive, katalogu, lista pas liste. Dizajneri mendoi: "dhe nëse na jepni përmbajtje?" Nikoli, shoku shpirt, tse ushtri.

Projektuesi i parë quhet thjesht "projektues". Nuk ka parashtesa të huaja.

U bë pak më shumë: agjencitë donin të merrnin më shumë para dhe pak nga pak ata kaluan nga "vetëm faqet" në shërbimet e palosshme të internetit. Dhe shërbimi nuk është vetëm një ndërfaqe unike, por është një proces i veçantë biznesi. Për shembull, merrni me mend faqen e Airbnb - pa një paraqitje të shkurtër të një subjekti, një grafdizayner nuk do të ishte në gjendje të krijonte një ndërfaqe.

Pasi roboti të jetë bërë më i madh, nuk ka më nevojë të shpërndahet një profesion për zinxhir. Tani UX-fakhіvets (le ta quajmë kështu, përveç kësaj, nuk kishte shumë mashtrues), ai është projektuar në arkitekturën e informacionit, prototipi është i fuqishëm në një pjesë funksionale dhe projektuesi grafik (UI) ka krijuar një produkt kreativ dhe i shijshëm:

E njëjta gjë ishte tashmë në galuzy. Për shembull, vetëm "programe" u shpërndanë në "front-end" dhe "back-end". Dhe pjesët e përparme në pjesën e përparme të referencës dhe "vetëm paraqitjet". Para fjalimit,.

Ka vetëm një arsye për këtë: një person nuk sfidohet për një proces të madh. Demo dha.

Çfarë lloj projektuesi UX / UI

Është argëtuese: vendet e lira shpesh pulsojnë për të mbjellë një projektues UX / UI, si ai, përmes një prerje. Navit Tinkoff shukak një kombinim të tillë fakhivtsya:

Në anën tjetër të barrikadave, projektuesit të gjithë pa përjashtim filluan ta imagjinojnë veten si UX / UI. Tom scho bootie është thjesht DesignRu - fu, jo në modë.

Çfarë lloj UX / UI në botën ideale? Nadlyudin, i cili do të kryejë të gjithë ciklin e UX robotik, dhe më vonë, shiko të gjitha përsëritjet në anën e djathtë (UI e zhvillimit).

Kim є për UX / UI? Thjesht një stilist i mirë. Tim, hto vvazhaє me ob'yazhaє e tij jo vetëm "përshtatet me modelin", por shkoni në projektin e lëkurës individualisht, rregulloni atë për analiza, ushqyerje, sqarime, skica, diagrame, etj. Çmimi nuk është povnotsinna provim UX, megjithëse, si rregull, mjafton për përgatitjen e një shërbimi të gatshëm ose shpërndarjen e "vetëm një faqeje".

Pra, pse, Bach, mutant i mrekullueshëm UX / UI, ju e dini mirë:

• Tse është një stilist që mund t'i qaset projektit me kokën e tij, dhe jo vetëm të klikojë me një arush dhe dziob.
• Tse whip, i cili ka lexuar shumë fjalë të zgjuara dhe tani po e quan veten UX / UI.

Është elementare të ndryshosh: pyesni projektuesin për një kërkesë, pse nuk zgjodhët të ndryshoni elementet, e kështu me radhë? Një projektues i mirë nuk duhet të shqetësohet për një pjesë të ndërfaqes ashtu siç është - gjithçka është logjike.

Para fjalimit

Tsya stattya tashmë një mikeshë në serialin "çfarë shohin një web fahivets nga një". Ajo që na solli në idenë e rritjes ishte ndjekësi i të gjithë profesionistëve nga interneti, me versione të ndryshme të emrave të tyre. Miku i klientit (se dhe usim, kush tjeter) u be inteligjenca e jetes.

Për ata që janë një stilist.

Shoqja ime dukej se e dinte se donte të bëhej stiliste, por humbi mundësinë për t'u bërë stiliste. Fillova të këndoja shumë mirë її, por nuk është një ide e mirë, sepse jam aq i pamend për dëshmitë më të bukura. Në fakt, shumë stilistë ishin në gjendje të arrinin dizajnin UX pa ndonjë kontribut formal.

Boshti jak tek unë është i gjithi tse dbuvalosya, croc pas croc:

1. Ka kuptim të gjithë dizajnit

Є stilistë vizualë, projektues të ndërveprimit, dizajnerë të mediave Koristuvalnitskiy (UX), dizajnerë të ndërfaqeve (UI), dizajnerë produktesh, grafikë etj. Є y universali, unë i njoh të gjitha gjilpërat. Filloni duke qenë në gjendje ta përdorni atë, si një specializim për ju.

2. Lexoni artikuj mbi dizajnin UX / UI në rrugën drejt robotit

4. Bëni një pushim nëse hasni në vështirësi

do të humbisni herët, por do të jeni të humbur, të mbidozuar dhe të dërrmuar - blini një lloj nuselale latte! Qeshni veten për atë robot të rëndësishëm, ndërsa kontribuoni në varësinë tuaj. Behu pozitiv.

Ditën do ta mendoj me një buzëqeshje, pasi e njoh mikun tim, por nuk mendoj se nuk mund ta kuptoj, sikur të mund të përdorja mjetin e stilolapsit (do të jesh i zgjuar përmes një rrethi të ndryshme). Shoku im dhe unë e morëm robotin në të njëjtën kompani përmes rrezikut dhe ende duke qeshur, duke hamendësuar ditën, nëse në kuptimin e mirëfilltë është vitratuar për 8 vjet, figurina të vogla në Photoshop.

5. Lexoni libra të mirë.

6. Njihni një stilist që di të punojë dhe ushqejë atë.

Më duket se nuk "e njoh mentorin". Unë nuk besoj në mentorë, kështu që mendoj se njerëzit do të kujdesen më shumë për ta në rrethinat e botëve të fuqishme. Nuk e bëra, mirë, nëse do të doja të vendosja shumë energji në karrierën time, nëse do të njihja disa miq të mrekullueshëm, mund të furnizoj shpejt energjinë ose të vij me cava, nëse kam nevojë për gëzim.

7. Frymëzohuni

Dëgjoni Mathias Duarte, Zëvendës President i Dizajnit të Android pyetje rreth dizajnit të materialit.

Mrekullohuni me robotët në Dribbble, The Best Designs dhe Awwwards. Për t'u rritur në punonjësit prioritarë. Vono ju ndihmon të vizualizoni shabllonet UX, dizajnin vizual dhe t'ju japë forcë.

8. Ngjyrosni projektet e pazgjidhura

Nëse meta juaj është një praktikant ose pozicioni i kallirit në dizajnin UI / UX, atëherë do t'ju duhet t'ia tregoni atë mësuesit robot. Croc më popullor, më tërheqës, më tërheqës nga skeletet. Nuk ka gjasa që të jeni gati të filloni të punoni në një projekt për një robot, por do të jeni gati të filloni të punoni në një projekt. Provoni të hapni portofolet në Sketch ose Illustrator, zbuloni vlerat për transmetimet, kornizat e telit, ndërveprimet dhe modelet. Për të rishkruar faqen, gjë që thjesht duhet bërë. Krijoni një shtesë të fuqishme nga lista e drejtorive. Krijo një shtesë për dorëzim. Vazhdoni të hapni derën nëse jam i sëmurë nga ju.

Në IT-galusa, mund të përfundoni shumë modele të thurura drejt. Më të njohurit prej tyre janë stilistë që janë mësuar me shkurtesat e UX dhe UI. Epo, dekhto mësohen të shkruajnë në projektues dhe lundrojnë në listat e përparme. Le të përpiqemi të fillojmë, disa prej stilistëve në IT, se cili mund të jetë ndryshimi midis UI dhe UX, dhe si lidhet me dizajnin.

Dizajnerë

Zhvillimi i një ndërfaqeje për informacion shtesë, faqe interneti dhe / ose për të përfunduar procesin e palosjes dhe nevojën për njohuri në fusha të tjera: inxhinieri, psikologji dhe dizajn. Dizajnerët e ndërfaqes së caktuar për ndërfaqen e përdoruesit (në anglisht - Ndërfaqja e përdoruesit ose UI) fokusohen në mënyrën e shfaqjes së funksionalitetit të faqes (shtytje, skeda, meny) dhe detajet e modalitetit dhe ndërfaqes së klientit. Dizajneri i ndërfaqes së përdoruesit Meta - dizajn i pranueshëm natyrshëm për një produkt... UX do të thotë Përvoja e Përdoruesit, që do të thotë "koristuvalnytsky dosvid". UX-designer është më efikas dhe më i zgjuar në lidhje me ndërfaqen me një nëpunës të mundshëm. Fachіvets të tillë shpesh kryejnë edukim dhe përvojë shtesë, pasi bëhet baza për vendosjen e dizajnit të konceptit, si dhe testimin e konceptit në procesin e shpërndarjes dhe shkrimit. Konsideroni vitalitetin e sistemit në strukturën, ndryshimin, navigimin dhe atë, si një koristuvach në lidhje me elementët cim.

Vin viroblyaє foto të faqeve, prototipa, të cilat janë struktura bazë për krijimin e sigurisë së softuerit. Meta e robotit të një projektuesi UX është se është e lehtë të vish në sit. Nga ana tjetër, sot shpesh është e mundur të shkruhen dy specializime përmes një të pjerrët. Tobto njohuritë e të dy viconuє drejtpërdrejtë një fahіvets. Një projektues UX / UI në një ndërveprim të projektit të një koristuvach me një ndërfaqe, vyrishu, por vetë gjëja duhet të ndërtohet dhe të tregohet për ata që pëlqejnë ndërfaqen në rezultat do të shihet.

Është e nevojshme për fisnikërinë e projektuesit UX / UI

Redaktorët grafikë... Më të njohurat në tregun e mjeteve janë Adobe Photoshop, Adobe Illustrator, si dhe Sketch, Figma. Zgjidhni një redaktues të dobishëm për veten tuaj dhe provoni një kalli në një pamje të vogël të ekranit të faqes, ose nëse keni modernizuar tre programe.

Mjetet e prototipit (Mockplus, Axure)... Një mjet për krijimin e prototipeve є me një lanka të mirë dhe іdeєyu dhe її zbatim. Nëse nuk jeni të respektueshëm me një instrument jak, do të jeni krystuvatsya. Mund të provoni pak dhe të filloni me një ekip, sikur të shkoni për stilin dhe për pasimin.

I caktuar për psikologjinë koristuvach. Tashmë në fazën e paraqitjes së paraqitjes, mendoni për ata që do të jenë në gjendje t'ju bëjnë me dorë ose që do të përdorin ndërfaqen. Zbuloni veten në takimin e klientit, nxitni një telefonatë të përzemërt me të dhe tregohuni të respektueshëm për nevojat tuaja. Edhe produkti do të jetë i suksesshëm, sapo të dehet.

Pra dijeni edhe diturinë teoria e ngjyrave... Fëmijëria është shenjë e fëmijërisë, sidomos kur kam shkuar në shkollën e një artisti. Protesta, specifika, e cila është e zakonshme për projektuesit shumë robotikë. Njohuritë e Pochatkovі mund të redaktohen nga libra ose artikuj në internet.

Bazhano mati uyavlennya pro tipografi, Si të krijoni një depo teksti dhe vizuale.

Përbërja dhe përdorimi i faqes.

Për specifikën e robotit, mund të dini inteligjencën e HTML dhe CSS ose ndryshimet (troch) të programit (mund të mrekulloheni me burimet më poshtë, në seksionin "Kush është fajtor për fisnikërinë e Front-end rozrobnik").

Shitës me pakicë në pjesën e përparme

Stafi kryesor i zhvilluesit front-end është zhvillimi i pjesës së klientit për ndërfaqen. Tobto, fakhіvets të tillë "ringjallin" ato që ishin projektuar nga projektuesit. Fitues për robotin dhe funksionimin e ndërfaqes dhe më pak - për ngjashmërinë vizuale. Shitësit me pakicë të përparme shpesh e dinë vendim i mirë për një ndërfaqe të caktuar për një koristuvach në fazën e zhvillimit, e cila shpesh është në lidhje me një projektues UX / UI. Kodi, i shkruar nga zhvilluesi i front-end, shfaqet në shfletuesin e koristuvach (siç duket, "në anën e klientit"). Është gjithashtu një nga faqet më të rëndësishme - një ndryshim i faktit që faqja ose faqet e internetit janë të njëjta në të gjitha platformat dhe shfletuesit.

Ju fajtor për fisnikërinë Front-end rozrobnik

Si rregull, pjesa e përparme qëndron në tre balena: mova rosmіtki shiritat anësor HTML, Fletët e stileve CSS dhe programet e gjuhës JavaScript. Për më tepër, zhvilluesi i frontit është fajtor për parimin e robotit dhe protokollit HTTP, serverëve dhe shfletuesve, veçanërisht shfaqjen e ndërfaqes në ndërtesa ndihmëse, do të jem në treg në një orë të caktuar. Mjetet dhe metodat e zhvillimit të ndërfaqes në ueb po zhvillohen dhe ndryshojnë vazhdimisht, dhe shitësi me pakicë është fajtor për të gjithë numrin e herë.

HTML dhe CSS (paraqitja)

Layout, domethënë do të përdoret e gjithë faqja. Paraqitja HTML dikton organizimin e faqes, së bashku me të gjitha ndërveprimet ndërmjet tyre. Wien më lejoni të them pjesa e sipërme anash, fund, blloqe bichnі me vmіstom, headers, duke shfaqur tekstin dhe elementet multimediale. Fletët e stilit CSS përdoren për të zbukuruar elementët HTML. Erë ju filloni, si vetë imazhi i një elementi grafik lëkure, i cili do të shfaqet në anën. Përveç versioneve më të fundit të HTML5 dhe CSS3, ju mund të zhvendosni komponentët video dhe audio anash, të krijoni imazhe dhe animacione të dyfishta dhe të lundroni në shkrime të vështira. Nuk është e nevojshme të ruani të gjitha etiketat dhe stilet menjëherë. Do të jetë e këndshme të vivchit bazat dhe menjëherë të zastosuvati їkh u dії. Mos falsifikoni një faqe, si mund të vivchiti Bazat e HTML dhe CSS - W3School. Ale vetëm nëse keni njohuri bazë të gjuhës angleze. Gjithashtu, zhvilluesi i pjesës së përparme është fajtor për zhvillimin e ndër-shfletuesve dhe ndër-platformave, përshtatjet dhe paraqitjen e thjeshtë.

Bootstrap

Korniza Tse për HTML, CSS dhe JavaScript. Për të përdorur shabllone, si një konstruktor, mund të zgjidhni një sajt më shpejt, pa to. Ale, zrozumіlo, yogo duhet të prekni vetë. Siç e dini anglisht, rekomandohet faqja getbootstrap dhe e njëjta w3schools.

JavaScript

Javascript është thelbi i rozetës së përparme. Më i fundit dhe më i zgjeruari është programi i ndërfaqeve. Fitoni një ndërtesë për të shtuar shumë mundësi në faqe. Në nivelin bazë, lejohet të shtohen elementë ndërveprues në anën. Yogo vikoristovuyut për hapjen e kartave, të cilat janë në kohë reale, interaktive online-igor dhe filmike. Në kurset e larta të CodeGush, ka shumë JavaScript. Mund ta shihni gjithashtu në të njëjtin W3School ose të lexoni për të në Rusisht, në faqen javascript.ru.

jQuery

jQuery është një bibliotekë Javascript, e cila strehon shtojca dhe shtesa për të krijuar një mënyrë më të thjeshtë dhe më të shpejtë. Në vend që të shkruani kodin nga e para, bibliotekat ju lejojnë të shtoni komponentë të gatshëm, kështu që më pas mund të konfiguroni një projekt të ri. Mund të zgjidhni funksionin e ruajtjes automatike të formave të mesazhit, riorganizimit dhe ndryshimit të madhësisë së rrjetës dhe vendosjes së kohëmatësve të ekranit të ziles. Një kurs praktik për jQuery në w3school

Kornizat Javascript

me vrapu різні tipi korniza, por ju mund të vibroni njërën prej tyre, e cila do të jetë më e mira për ju. Nayvidomish - Angular, Backbone, Ember dhe React. Unë jam një strukturë e gatshme për kodin. Erë e keqe do t'ju ndihmojë të shpejtoni daljen. Dhe në fund, me bibliotekat e ndërtesave, ju mund të minimizoni zhvillimin e faqes ose programeve nga e para. Rishikimi i 5 kornizave dhe bibliotekave më të njohura JavaScript 2017

Sistemi i kontrollit të versionit Git

Sistemet e kontrollit të versioneve të ndërtesës tregojnë ndryshimet që futen në kod çdo vit. Gjithashtu ju lejon të drejtoheni te versioni i përparmë projekti. Git është në vetvete një sistem kontrolli i versioneve me bazë të gjerë. Praktika e zgjuar me Git është një navigues i rëndësishëm për një shitës me pakicë të lëkurës.

visnovki i shkurtër

UI është i koduar si Ndërfaqja e Përdoruesit, që në seksion kryq do të thotë "ndërfaqja e Koristuvach". Tobto, Dizajneri i ndërfaqes së përdoruesit vіdpovіdaє në radhë të parë për ata si produkt i ideve të koristuvachevі. Butonat fitues, ikona, fontet, faqosje e gatshme. UX do të thotë Përvoja e Përdoruesit. Pra, wow Dizajnues UX dizajni i faqes, shtesat - kaq shumë të vlerësuara - kështu, pra, si mund të merrni rezultatet më të mira? Shpesh është fyese të shohësh një vikonuє robotike një orkestër lyudin: një UI / UX-designer. Lista e përparme ringjall robotin e stilistëve, duke i sjellë dinamizëm: butonat për riparim gjenden në stacionin rrotullues dhe fotografia po ndryshon. Fajtor për fisnikërinë e programit, i kalitur me korniza, paraprocesor dhe biblioteka.