Първи стъпки с UX Design в Sketch

Грунд за нови UX дизайнери и студенти по дизайн

През последните две години сме писали много за съветите за Sketch в UX Power Tools и исках да ги организирам по начин, който да помогне на дизайнерите, които тепърва започват да влизат в UX.

Трябва също да спомена, че няма да обсъждам кой инструмент е най-добрият - просто ще предположа, че вече сте разбрали, че Sketch е най-добрият (засега) и искам да знам как да го използвам като UX дизайнер

Разделих нашите статии в 5 раздела, които картографират как мисля, че новите дизайнери напредват от новак до майсторство:

  • Извличане на идеи
  • Приготвяме се да започнем
  • По-бързо
  • Да станем по-умни
  • Първи визуални

Извличане на идеи

UX дизайнът започва преди да стигнете до инструментите - той започва от момента на изваждане на идеите от главата ви (... всъщност започва много преди това с проучвания, но нека тази статия да бъде под 20 минути).

Признавам, че много рано скачам в цифрови инструменти. Но това е до голяма степен, защото аз правя повече в главата си и скицирам съвместно на бяла дъска с моя дизайнерски екип. UX дизайнерите, които току-що започват, наистина трябва да останат в ниска степен на вярност, докато изследват проблемното пространство и правят грешки.

След като сте готови да изведете нещо на екрана, има два инструмента, които мисля, че улесняват това много добре. Първият е инструмент InVision, наречен Freehand, който прегледахме:

Вторият инструмент, който улеснява тази фаза на проектиране, е набор от премиум библиотеки за Sketch, наречен Flowkit от Matt D. Smith. Добре си струва $ 29.

Той е не само чудесен за телено кадри с лоялна вярност, но може да се използва и на по-късни етапи от вашия дизайн, когато трябва да съставите ключови работни процеси с висока точност, за да съобщите своя дизайн.

Приготвяме се да започнем

Далеч и далеч най-голямата сила на Sketch за UX Design е акцентът му да прави нещата повторяеми и бързи.

Все още е доста тревожно да се види колко дизайнери на Sketch не използват неща, прости и мощни като споделени стилове или по-скорошни постижения като вложени символи. Предполагам, че дизайнерите стават нетърпеливи и просто искат да извадят нещата. Напълно го разбирам.

Но страхотният дизайн е толкова добър, колкото е организиран дизайнер. Харесваме метафората на готвенето:

Освен това ни харесва да разширяваме концепцията на Stylesheets от код до дизайн (тъй като написахме това, дизайнерските системи наистина избухнаха на сцената, но повечето от тези техники са актуални и днес):

И накрая за светия граал от статии за това как да стартирате проект в Sketch, който обхваща всичко (чак до структурата на папките):

С бонусна статия за това как да настроите оформления в Sketch отзивчиво:

По-бързо

Ок, сега, когато вече разбирате как ефективно да стартирате проект на Sketch, е време да започнете да бързате с инструмента. Лично за мен е направо обидно да виждам дизайнер, който не използва никакви преки пътища, докато проектира - искам да кажа, че наистина боли душата ми. Не бъди този човек / гал:

Около милион и половина нови инструменти и плъгини излязоха откакто написахме тази статия, но истината, най-добрите придружители за Sketch всъщност не са се променили според мен (Nudg.it вече се поддържа от Sketch, Anima все още е полезен, въпреки че част от него е включена във функционалността на оформлението на Sketch):

Съвети и трикове

Джон Мур е предал своята мъдрост на потребителите на енергия в няколко статии, които ще взривят ума ви в своята простота и сила:

Да станем по-умни

Знаете как да настроите проект, научихте се как да станете по-бързи с Sketch и сега е време да приложите всичко това към UX дизайн.

Както казах по-рано, Sketch е идеален за UX дизайн, защото прави повторението, последователността и модулността лесно. Ето няколко примера как да използвате Sketch, за да направите интелигентно елементите на потребителския интерфейс (и всички те се предлагат с безплатни ):

Работете ефективно с икони и графики

В следващия раздел ще разгледаме страницата на визуалния дизайн на UX, но работата с графика често е извън рубката на UX дизайнер. Вместо да се притеснявате за създаването на икони, станете по-интелигентни как ги използвате:

Вложени символи всъщност могат да автоматизират доста малко:

И накрая, ще бъда уволнен, ако не посочих най-големия напредък на Sketch през последните 12 месеца - Библиотеки:

Първи визуални

Сякаш всичко това не беше достатъчно, UX дизайнерите днес имат много по-висок стандарт, който трябва да отговарят, що се отнася до визуалния дизайн.

Когато се захващах с UX дизайн, ми се стори предизвикателство да се запозная с „материалите“, които ми трябваха да проектирам: пропорции, размери на шрифта, тегла, цветен контраст и т.н.

За да се подобря, започнах с копирането на съществуващи продукти, за да мога да усетя как е съставен потребителският интерфейс.

Разгледахме тази минала година и предоставяме връзки към няколко общи продукти, създадени отново в Sketch (въпреки че някои от тях оттогава са преработени):

Оттам наистина можете да започнете да използвате някои малки техники, за да добавите само малко усет към вашите дизайни:

Но не забравяйте, че точните примерни данни са също толкова критични за визуалния дизайн, колкото и самите визуализации:

* никога не сме писали част 2

Не на последно място, но не на последно място, в един момент от кариерата си ще трябва да проектирате табло за управление и често това е един от най-големите кошмари за UX дизайнер. Лично аз намирам, че таблата за управление носят пределна стойност на масата, така че не предпочитам да прекарвам дни, за да изглеждат добре графиките:

Удивителните 18 месеца помагат на дизайнерската общност чрез UX Power Tools. И макар че Sketch със сигурност не е единственият инструмент, който дизайнерът трябва да има в арсенала си, той със сигурност е най-мощният. Надявам се, че това приложение ще помогне на онези от вас, които тепърва стартират в UX кариера или които правят преминаването към Sketch за вашия дизайнерски работен процес.

Ако се интересувате от система за дизайн на ванилия, която е идеална за стартиране на нови проекти, ще се радваме, ако проверите тези, които сме изградили. Те ще ви спестят хиляди часове за проектиране:

Когато не събирам статии на Sketch на Medium, работя върху инструменти за проектиране на скици в UX Power Tools, за да ви направя по-добър, по-ефективен дизайнер.

Следвайте UX Power Tools в Twitter
Последвай ме в Туйтър