Az UX Design elkészítése a vázlatban

Alapozás az új UX tervezők és diákok számára

Sokat írtunk az UX Elektromos Szerszámok vázlati tippeiről az elmúlt két évben, és olyan módon akartam megszervezni azokat, hogy segítsék a tervezőket, akik csak most kezdik meg az UX használatát.

Azt is megemlítenem, hogy nem fogom megvitatni, melyik eszköz a legjobb - csak azt fogom feltételezni, hogy már rájöttél, hogy a Sketch a legjobb (egyelőre), és szeretném tudni, hogyan lehet azt UX Designerként használni

Cikkeket öt részre bontottam, amelyek azt mutatják, hogy szerintem hogyan haladnak az új tervezők kezdőktől a mesterig:

  • Ötletek kidolgozása
  • Elkezdeni
  • Egyre gyorsabb
  • Egyre okosabb
  • Első látás

Ötletek kihozatala

Az UX tervezése elindul, mielőtt megkapná az eszközöket - azzal kezdődik, hogy az ötleteket kihúzza a fejedből (… valójában ezt megelőzi a kutatás, de tartsuk ezt a cikket 20 percnél rövidebb ideig).

Igaz, hogy elég korán egyenesen ugrom a digitális eszközökbe. De ez nagyrészt azért van, mert többet csinálok a fejemben és vázolok együtt egy táblára a tervező csapatommal. Az éppen induló UX tervezőknek valóban alacsony hűségűnek kell maradniuk, miközben feltárják a problémát és hibákat követnek el.

Ha készen áll arra, hogy valamit megjelenítsen a képernyőn, úgy gondolom, hogy két eszköz megkönnyíti ezt. Az első egy Szabadkézi nevű InVision eszköz, amelyet áttekintettünk:

A második eszköz, amely megkönnyíti a tervezés ezen szakaszát, a vázlat prémium könyvtárainak készlete, Matt D. Smith nevű Flowkit. Érdemes megtenni a 29 dolláros árat.

Ez nem csak nagyszerűség a hűséges huzalkészítésnél, de felhasználható a tervezés későbbi szakaszaiban is, amikor nagy hűséggel kell meghatároznia a kulcsfontosságú munkafolyamatokat a terv kommunikálásához.

Elkezdeni

Távolról és messze a Sketch az UX Design legnagyobb erőssége abban rejlik, hogy hangsúlyozza a dolgok megismételhetőségét és gyorsaságát.

Még mindig nagyon aggasztó, hogy hány vázlattervező nem használ olyan egyszerű és erőteljes dolgokat, mint a megosztott stílusok, vagy olyan újabb fejlesztéseket, mint a beágyazott szimbólumok. Azt hiszem, azért van, mert a tervezők türelmetlenné válnak, és csak ki akarják hozni a dolgokat. Teljesen megértem.

De a nagyszerű tervezés csak annyira jó, mintha egy tervező megszervezne. Szeretjük a főzés metaforáját:

Szeretjük a stíluslapok fogalmának kibővítését a kódtól a tervezésig (mióta ezt írtuk, a tervezői rendszerek valóban felrobbantottak a jelenetre, de ezeknek a technikáknak a többsége ma is releváns):

És végül: a Sketch-projektek elindításáról szóló cikkek szent gráljáról, amely mindent lefedi (egészen a mappaszerkezetig):

Bónuszcikkkel az elrendezések reagálásképes beállításáról a Sketchben:

Egyre gyorsabb

Rendben, most, hogy megértette, hogyan kell hatékonyan elindítani a Sketch projektet, itt az ideje, hogy gyorsabban kezdjen dolgozni az eszközzel. Személy szerint egyenesen sértőnek találom azt látni, hogy egy tervező a tervezés közben nem használ hivatkozásokat - úgy értem, ez valóban fáj a lelkem. Ne legyél az a fickó

Körülbelül másfél millió új eszköz és bővítmény jelent meg a cikk írása óta, de valójában a Sketch legjobb társai véleményem szerint nem igazán változtak (a Nudg.it ma natív módon támogatja az Anima Sketchben). továbbra is hasznos, annak ellenére, hogy néhány részét a Sketch elrendezési funkcionalitásába beépítették):

Tippek és trükkök

Jon Moore néhány cikkben közölte az energiafelhasználó bölcsességét, amelyek egyszerűségükben és hatalmukba ösztönzik az elmédet:

Egyre okosabb

Tudod, hogyan kell egy projektet beállítani, megtanultam, hogyan lehet gyorsabban elkészíteni a Sketch alkalmazást, és most itt az ideje, hogy mindezt alkalmazzák az UX kialakításában.

Mint már korábban mondtam, a Sketch tökéletes az UX tervezéséhez, mivel megkönnyíti az ismétlést, a következetességet és a modulárisságot. Íme néhány példa arra, hogyan lehet a Vázlatot felhasználni az UI elemek intelligens elkészítéséhez (és mindegyikhez freebies van ):

Az ikonok és a grafika hatékony kezelése

Az UX vizuális tervezési oldalát a következő részben tárgyaljuk, de a grafika kezelése gyakran az UX tervezőinek kormánykerületén kívül esik. Ahelyett, hogy az ikonok létrehozása miatt aggódna, ügyeljen arra, hogy hogyan használja őket:

A beágyazott szimbólumok valójában egy kicsit automatizálhatók:

Végül elutasítanék, ha nem rámutatnék a Sketch legnagyobb előrelépésére az elmúlt 12 hónapban - Könyvtárak:

Első látás

Mintha mindez nem lett volna elegendő, az UX tervezőinek ma már sokkal magasabb színvonalon kell megfelelniük a vizuális formatervezés szempontjából.

Amikor elkezdtem az UX tervezést, nehéznek találtam megismerni azokat az „anyagokat”, amelyeket megterveztem: oldalarányok, betűméret, súlyok, színkontraszt stb.

A jobb fejlődés érdekében meglévő termékek lemásolásával kezdtem, hogy megértsem, hogyan épül fel a felhasználói felület.

Fedeztük fel ezt a tavalyi évet, és linkeket nyújtunk néhány, a Sketchben újra létrehozott közös termékhez (bár ezek közül néhányat azóta átalakítottak):

Innentől kezdve valóban elkezdhet kis technikákat alkalmazni, hogy csak egy kis érzetet adjon a terveihez:

De ne felejtsük el, hogy a pontos mintaadatok ugyanolyan kritikusak a látványtervezés szempontjából, mint maguk a látványtervek:

* soha nem írtuk a 2. részt

Végül, de nem utolsósorban, karrierjének egy bizonyos pontján meg kell terveznie a műszerfalat, és ez gyakran az egyik legnagyobb rémálom az UX-tervezők számára. Személy szerint úgy gondolom, hogy az irányítópultok marginális értéket képviselnek az asztalnál, ezért inkább nem töltöm az a napom, hogy a táblázatok jól nézzenek:

Csodálatos 18 hónap volt, amikor az UX Power Tools segítségével segített a tervező közösségnek. És bár a Sketch biztosan nem az egyetlen eszköz, amelyet a tervezőknek az arzenálukban kell lennie, ez minden bizonnyal a legerősebb. Remélem, hogy ez a függelék segíteni fog azoknak, akik csak most kezdik el az UX karrierjét, vagy akik a Sketch-re váltanak a tervezési munkafolyamathoz.

Ha érdekli egy olyan vanília tervező rendszer, amely tökéletes az új projektek elindításához, nagyon szeretnénk, ha megnézi azokat, amelyeket építettünk. Ezer órát takarít meg Önnek a tervezési idő:

Amikor nem gyűjtök vázlatcikkeket a közepes méretű termékről, a Vázlattervező eszközökön dolgozom az UX Power Tools eszközén, hogy jobb és hatékonyabb tervezővé váljon.

Kövesse az UX szerszámgépeket a Twitteren
Kövess a Twitteren