UX-suunnittelun aloittaminen luonnoksessa

Pohjustus uusille UX-suunnittelijoille ja muotoiluopiskelijoille

Olemme kirjoittaneet paljon UX-työkalujen luonnoksivinkkejä kahden viime vuoden aikana ja halusin järjestää ne tavalla, joka auttaisi suunnittelijoita, jotka ovat vasta alkamassa päästä UX: ään.

Minun on myös mainittava, että en aio keskustella siitä, mikä työkalu on paras - oletan vain, että olet jo tajunnut, että Sketch on paras (toistaiseksi), ja haluan tietää, miten sitä käytetään UX-suunnittelijana

Olen jakanut artikkelimme viiteen osaan, jotka kuvaavat mielestäni uusien suunnittelijoiden etenemistä aloittelevista taitoihin:

  • Ideoiden hankkiminen
  • Päästä alkuun
  • Nopeampi
  • Älykkäämpiä
  • Getting Visual

Ideoiden hankkiminen

UX-suunnittelu alkaa ennen työkaluille pääsyä - se alkaa ideoiden irtoamisesta päästäsi (… se alkaa tosin ennen tutkimusta, mutta pidämme tämän artikkelin alle 20 minuutin ajan).

Hyvä tosin, hyppään suoraan digitaalisiin työkaluihin melko varhain. Mutta se johtuu suurelta osin siitä, että teen enemmän pääni ja luonnostelen yhteistyössä taulua suunnittelutiimini kanssa. Juuri vasta aloittavien UX-suunnittelijoiden tulisi todella pysyä uskollisuudessa tutkiessaan ongelmatilaa ja tekemällä virheitä.

Kun olet valmis saamaan jotain näytölle, mielestäni on kaksi työkalua, jotka helpottavat tätä todella hyvin. Ensimmäinen on InVision-työkalu nimeltään Freehand, jonka tarkistimme:

Toinen työkalu, joka helpottaa tätä suunnitteluvaihetta, on Matt D. Smithin nimitys Flowkit-luokan premium-kirjastoista, nimeltään Flowkit. Se on 29 dollarin hintamerkinnän arvoinen.

Se ei ole vain loistavaan lankakehykseen, vaan sitä voidaan käyttää suunnittelun myöhemmissä vaiheissa, kun joudut kartoittamaan keskeiset työnkulut erittäin uskollisesti kommunikoidaksesi mallisi.

Päästä alkuun

Kaudella Sketchin UX Design -yrityksen suurin vahvuus on sen painottaminen asioiden tekemiseen toistettaviksi ja nopeiksi.

Vielä huolestuttavaa on nähdä, kuinka monet luonnossuunnittelijat eivät käytä niin yksinkertaisia ​​ja voimakkaita asioita kuin jaetut tyylit, tai viimeaikaisempia edistysaskeleita, kuten sisäkkäisiä symboleja. Arvaan, että syynä on siihen, että suunnittelijat ovat kärsimättömiä ja haluavat vain saada asiat ulos. Saan sen täysin.

Mutta hieno muotoilu on vain niin hyvä kuin suunnittelija on järjestetty. Pidämme ruoanlaiton metaforista:

Ja haluamme myös laajentaa tyylitaulukkojen käsitettä koodista suunnitteluun (siitä lähtien kun kirjoitimme tämän, suunnittelujärjestelmät ovat todella räjähtää kohtauspaikalle, mutta suurin osa näistä tekniikoista on edelleen merkityksellisiä nykyään):

Ja lopuksi artikkeleiden pyhälle graalille projektin aloittamisesta Sketchissä, joka kattaa sen kaiken (oikealle kansiorakenteeseen):

Bonusartikkelilla kuinka asettelua Sketchiin reagoidaan reagoivasti:

Nopeampi

Ok, nyt, kun sinulla on käsitys siitä, kuinka Sketch-projekti aloitetaan tehokkaasti, on aika aloittaa työkalun käytön nopeuttaminen. Henkilökohtaisesti minusta on suoraan loukkaavaa nähdä suunnittelija, joka ei käytä mitään oikoteitä suunnittelun aikana - tarkoitan, että se todella satuttaa sieluni. Älä ole se kaveri / gal:

Noin miljoona ja puoli uutta työkalua ja laajennusta on ilmestynyt tämän artikkelin kirjoittamisen jälkeen, mutta totta puhuen Sketchin parhaat kumppanit eivät ole oikeasti muuttuneet mielestäni (Nudg.it on nyt natiivisti tuettu Sketchissä, Anima) on edelleen hyödyllinen, vaikka osa siitä on leikattu Sketchin asettelutoimintoihin):

Vinkkejä ja temppuja

Jon Moore on välittänyt voimankäyttäjänsä viisauden muutamiin artikkeleihin, jotka tuovat mielesi yksinkertaisuuteen ja voimaan:

Älykkäämpiä

Tiedät kuinka määrittää projektin, olet oppinut, miten Sketchillä saadaan nopeammin aikaan, ja nyt on aika soveltaa kaikkea tätä UX-muotoiluun.

Kuten aiemmin totesin, Sketch on täydellinen UX-suunnitteluun, koska se tekee toistamisesta, johdonmukaisuudesta ja modulaarisuudesta helppoa. Tässä on muutama esimerkki siitä, kuinka Sketchistä voidaan tehdä käyttöliittymäelementtejä älykkäästi (ja niiden kaikkien mukana on ilmaisohjelmia ):

Käsittele kuvakkeita ja grafiikkaa tehokkaasti

Käsittelemme UX: n visuaalisen suunnittelun puolta seuraavassa osiossa, mutta grafiikan käsittely on usein UX-suunnittelijan ohjaustalon ulkopuolella. Sen sijaan, että huolehtisit kuvakkeiden luomisesta, älykkäämpi tapa käyttää niitä:

Sisäiset symbolit voivat itse asiassa automatisoida melko vähän:

Viimeinkin, olen pahoillani, jos en maininnut Sketchin suurinta edistystä viimeisen 12 kuukauden aikana - Kirjastot:

Getting Visual

Ikään kuin kaikki tämä ei riitä, UX-suunnittelijoilla on nykyään paljon korkeampi taso tavata visuaalista suunnittelua.

Kun aloitin UX-suunnittelun, piti haastavana tutustua "materiaaleihin", joita tarvitsin suunnitella: kuvasuhteisiin, kirjasinkokoihin, painoihin, värikontrastiin jne.

Paremmin parantamiseksi aloitin kopioimalla olemassa olevia tuotteita, jotta voisin tuntea käyttöliittymän muodostamisen.

Käsittelimme tätä viime vuonna ja tarjoamme linkkejä muutamiin yleisiin tuotteisiin, jotka luotiin uudelleen Sketchissä (vaikka jotkut niistä on sittemmin suunniteltu uudelleen):

Sieltä voit todella alkaa käyttää pieniä tekniikoita lisätäksesi vain vähän hohtoa malleihisi:

Mutta älä unohda, että tarkat näytetiedot ovat yhtä tärkeitä visuaaliselle suunnittelulle kuin visuaalit itse:

* emme koskaan kirjoittaneet osaa 2

Viimeisenä, mutta ei vähäisimpänä, jokaisessa urasi vaiheessa joudut suunnittelemaan kojelaudan, ja se on usein yksi suurimmista painajaisista UX-suunnittelijalle. Henkilökohtaisesti mielestäni kojetaulut tuovat marginaaliarvon taulukkoon, joten en mieluummin viettäisi päiviä saadaksesi kaavioita näyttämään hyvältä:

Se on ollut uskomatonta 18 kuukautta, kun se on auttanut suunnittelijayhteisöä UX-työkalujen avulla. Ja vaikka Sketch ei todellakaan ole ainoa työkalu, jolla suunnittelijalla pitäisi olla arsenaalissaan, se on varmasti tehokkain. Toivon, että tämä liite auttaa niitä teistä, jotka ovat vasta aloittamassa UX-uralla tai jotka ovat siirtymässä Sketchiin suunnittelun työnkulun suhteen.

Jos olet kiinnostunut vaniljasuunnittelujärjestelmästä, joka sopii erinomaisesti uusien projektien aloittamiseen, me mielellään tutustumme rakentamiimme. Ne säästää tuhansia tunteja suunnittelutyötä:

Kun en kerää Sketch-artikkeleita Medium -tuotteista, työskentelen UX Power Tools -ympäristön Sketch-suunnittelutyökalujen kanssa tehdäksesi sinusta paremman ja tehokkaamman suunnittelijan.

Seuraa UX-sähkötyökaluja Twitterissä
Seuraa minua Twitterissä