Darbo su UX dizainu eskizas pradžia

Gruntas naujiems UX dizaineriams ir dizaino studentams

Per pastaruosius dvejus metus mes daug rašėme apie „UX Power Tools“ eskizų patarimus ir norėjau juos sutvarkyti taip, kad tai padėtų dizaineriams, kurie tik pradeda naudotis UX.

Taip pat turėčiau paminėti, kad neketinu diskutuoti dėl to, kuris įrankis yra geriausias - tiesiog darysiu prielaidą, kad jau supratote, kad eskizas yra pats geriausias (kol kas), ir noriu žinoti, kaip jį naudoti kaip „UX Designer“

Aš išskaidiau mūsų straipsnius į 5 skyrius, kuriuose aprašoma, kaip, mano manymu, nauji dizaineriai pereina nuo naujokų iki meistriškumo:

  • Idėjų įgyvendinimas
  • Darbo pradžia
  • Greičiau
  • Tapk protingesnis
  • Gaunama vizualiai

Idėjų įgyvendinimas

UX dizainas pradedamas prieš pradedant naudotis įrankiais - jis pradedamas nuo to, kad jums kyla idėjos iš galvos (… jis iš tikrųjų prasideda prieš tai atliekant tyrimus, tačiau turėkime šį straipsnį mažiau nei 20 minučių).

Tiesa, gana anksti perėjau prie skaitmeninių priemonių. Bet tai daugiausia dėl to, kad bendradarbiaudamas su savo dizaino komanda aš daugiau darau galvoje ir piešiu eskizą prie lentos. Ką tik pradedantys UX dizaineriai iš tikrųjų turėtų išlikti mažai ištikimi, tyrinėdami problemos vietą ir darydami klaidas.

Kai būsite pasirengę ką nors parodyti ekrane, manau, kad tai yra du įrankiai, kurie palengvina tai. Pirmasis yra „InVision“ įrankis, vadinamas Freehand, kurį apžvelgėme:

Antrasis įrankis, palengvinantis šį projektavimo etapą, yra aukščiausios kokybės eskizo bibliotekų rinkinys, vadinamas Matt D. Smith. Tai verta 29 USD kaina.

Tai ne tik puikiai tinkama ištikimybės laidų formavimui, bet taip pat gali būti naudojama vėlesniuose projektavimo etapuose, kai norint perteikti savo dizainą reikia labai tiksliai planuoti svarbiausias darbo eigas.

Darbo pradžia

Toli gražu didžiausia „UX Design“ eskizo stiprybė yra tai, kad pabrėžiama, kad viskas būtų pakartojama ir greita.

Vis dar labai nerimą kelia tai, kiek eskizų dizainerių nenaudoja tokių paprastų ir galingų dalykų kaip bendrieji stiliai ar naujausi pasiekimai, pavyzdžiui, „Nested Symbols“. Spėju, kad dėl to, kad dizaineriai tampa nekantrūs ir tiesiog nori viską išspręsti. Aš tai visiškai gaunu.

Bet puikus dizainas yra tik tiek geras, kiek organizuojamas dizaineris. Mums patinka maisto gaminimo metafora:

Mums taip pat patinka išplėsti stiliaus lentelių sąvoką nuo kodo iki dizaino (nuo tada, kai mes tai rašėme, projektavimo sistemos iš tikrųjų sprogo scenoje, tačiau dauguma šių metodų vis dar aktualios ir šiandien):

Galiausiai - šventasis straipsnių apie tai, kaip pradėti projektą „Eskizas“, kuris apima jį visą (iki aplanko struktūros):

Pridedamas straipsnis apie tai, kaip greitai nustatyti eskizų išdėstymo schemoje eskizą:

Greičiau

Gerai, kad dabar, kai suprantate, kaip efektyviai pradėti kurti eskizų projektą, laikas pradėti naudoti įrankį greičiau. Asmeniškai man atrodo įžeidžianti, kai dizaineris projektuodamas nenaudoja jokių nuorodų - turiu omenyje, kad tai tikrai kenkia mano sielai. Nebūk tas vaikinas / gal:

Nuo to laiko, kai parašėme šį straipsnį, pasirodė apie pusantro milijono naujų įrankių ir papildinių, tačiau, tiesą sakant, geriausi „Sketch“ kompanionai, mano nuomone, iš tikrųjų nepasikeitė („Nudg.it“ dabar yra palaikoma „Sketch“, „Anima“. vis dar naudinga, net jei dalis jos buvo panaudota „Sketch“ išdėstymo funkcijose):

Patarimai ir gudrybės

Jonas Moore'as pasidalino savo energijos vartotojo išmintimi keliuose straipsniuose, kurie privers jūsų mintis jų paprastumu ir galia:

Tapk protingesnis

Jūs žinote, kaip nustatyti projektą, išmokote, kaip greičiau pasiekti „Sketch“, ir atėjo laikas visa tai pritaikyti UX dizainui.

Kaip jau sakiau anksčiau, „Sketch“ puikiai tinka UX dizainui, nes jis palengvina pakartojimą, nuoseklumą ir moduliavimą. Čia yra keletas pavyzdžių, kaip naudoti eskizą, kad intelektualiosios sąsajos elementai būtų intelektualūs (ir visi jie pateikiami kartu su nemokamais failais ):

Efektyvus tvarkymas su piktogramomis ir grafika

Kitame skyriuje apžvelgsime UX vizualinio dizaino pusę, tačiau su grafika susiję dalykai dažnai būna ne UX dizainerio vairinėje. Užuot nesijaudinę dėl piktogramų kūrimo, supraskite, kaip jas naudojate:

Lizdiniai simboliai iš tikrųjų gali gana automatizuoti:

Galiausiai būčiau atleistas, jei nenurodyčiau didžiausio eskizo progreso per pastaruosius 12 mėnesių - Bibliotekos:

Gaunama vizualiai

Tarsi viso to nepakaktų, UX dizaineriai šiandien turi daug aukštesnius standartus, kuriuos turi atitikti vizualinis dizainas.

Kai aš pradėjau kurti UX dizainą, man buvo sudėtinga susipažinti su „medžiagomis“, kurias man reikėjo sukurti: kraštinių santykis, šrifto dydis, svoris, spalvų kontrastas ir kt.

Siekdamas tobulėti, pradėjau kopijuoti esamus produktus, kad galėčiau pajausti, kaip sudaryta vartotojo sąsaja.

Mes apžvelgėme šiuos praėjusius metus ir pateikiame nuorodas į keletą bendrų produktų, iš naujo sukurtų eskizuose (nors nuo tada kai kurie iš jų buvo pertvarkyti):

Nuo tada jūs tikrai galite pradėti naudoti kai kuriuos nedidelius būdus, kad savo dizainui suteiktumėte tik šiek tiek nuojautos:

Tačiau nepamirškite, kad tikslūs pavyzdžių duomenys yra tiek pat svarbūs vaizdiniam dizainui, kaip ir patys vaizdai:

* niekada nerašėme 2 dalies

Galiausiai, bet ne mažiau svarbu tam tikru savo karjeros momentu turėsite suprojektuoti prietaisų skydelį, kuris dažnai būna vienas didžiausių UX dizainerio košmarų. Asmeniškai manau, kad prietaisų skydeliai stalui suteikia ribinę vertę, todėl verčiau ne praleisti dienas, kad diagramos atrodytų gerai:

Tai buvo nuostabi 18 mėnesių, padėjusių dizaino bendruomenei naudojant „UX Power Tools“. Ir nors „Eskizas“ tikrai nėra vienintelis įrankis, kurį dizaineris turėtų turėti savo arsenale, jis tikrai yra pats galingiausias. Tikiuosi, kad šis priedas padės tiems iš jūsų, kurie dar tik pradedate UX karjerą arba kurie pereina prie „Sketch“ dėl jūsų dizaino darbo eigos.

Jei jus domina vanilės dizaino sistema, kuri puikiai tinka naujiems projektams pradėti, mielai žiūrėtumėte į mūsų sukurtus. Jie sutaupys tūkstančius valandų projektavimo laiko:

Kai ne kolekcionuoju eskizų straipsnių apie vidutines, aš dirbu su UX Power Tools eskizų kūrimo įrankiais, kad tapčiau geresniu ir efektyvesniu dizaineriu.

Sekite „UX“ elektrinius įrankius „Twitter“
Sekite mane „Twitter“