Защо да имате UI / UX работен процес е страхотно и как да изградите свой собствен

Винаги получавам коментари и въпроси от клиенти, колеги, приятели и дизайнери относно моя UI / UX дизайн процес. Мислех, че ще направя обширно ръководство за моя работен процес, за подхода и инструментите, които използвам от началото до края на типичен проект.

И така, това е: Окончателният работен процес на Shibi Designs!

Разработването на собствен процес е почти толкова важно, колкото и разработването на собствен стил на дизайн

Фаза 1: Събиране на спецификации и изисквания

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

Като дизайнер може да мислите, че единственото ви притеснение е в крайна сметка дизайна на продукта, което може да е вярно за определени специализирани дизайнерски роли (гледам ви продуктови дизайнери). Аз лично обичам да мисля за себе си като дизайнерски консултант и ръководител на проекти. Вярвам, че моята роля изисква разбиране на бизнес целите и адаптиране на моя опит в областта на дизайна, за да настоявам за постигането на тези цели в даден период от време и бюджет.

Тази стъпка очевидно изисква много комуникация с клиента. За мен това обикновено включва много сесии за мозъчна атака, групови обаждания по Skype, идеи за скициране и т.н. Достижимият за тази фаза е обикновен PDF „MVP Обзор“, очертаващ спецификациите на приложението / продукта и документира всички констатации и скици на мозъчна атака.

Проба от скициране на идеиПроба от MVP визуализация

Фаза 2: Полагане на основите

Пътуването на хиляда мили започва с една стъпка

Това е една от любимите ми части от процеса! След като е напълно ясно какво ще включва проектът, сега е време да се използват някои добри стари хакове за производителност и да се разделят по-големи цели на по-малки задачи. За това обичам да използвам Trello. Ако сте изрод в личностно развитие и производителност като мен, ще харесате тази фаза!

Преди да се потопим в използването на Trello за управление на задачи, винаги искам да се уверя, че включвам софтуера си за проследяване на времето. Аз абсолютно обичам да използвам Toggl за това!

Това удовлетворява желанието ми за анализ на данни!

Това е много важно (за мен), тъй като служи за 2 цели:

  • Да се ​​таксуват клиентите правилно и точно
  • Разпределяне на времето по подходящ начин

Ако например ще цитирам 15 платими часа за уеб проект, със сигурност не бих искал да отделя 10 часа за пазарни проучвания и да изтече време или по-лошо (може би), трябва да бързам и да осигурявам работа с ниско качество.

Сега, към Trello. Когато се присъединих към екипа на Dumpster като UI / UX дизайнер, бях развълнуван да разбера, че използват Trello за управление на задачи и задачи. Със своята система, базирана на карти, тя дава възможност на нашия екип да използва подобен на SCRUM процес на управление, който позволява бързо производство и почти незабавна обратна връзка. Ако вече не го използвате, не знам какво чакате!

Фаза 3: Изследвания и най-добри практики

Тази фаза е доста проста. Целите тук са следните:

  • Изследователски продукти с подобни функции и целеви потребители
  • Определете потенциалните конкуренти, какво правят неправилно / правилно?
  • Създайте най-добри практики

Като общо правило се опитвам да прекарвам възможно най-много време в сърфиране в Google Play Store и App Store, изтегляне и изпробване на различни приложения. Това не само ме поддържа във връзка с тенденциите в индустрията и това, което е популярно, тя изгражда критично око за общи практики, неща, които работят и неща, които не са и т.н.

Безплатна обратна връзка на потребителите? Да моля!

Ако обаче нямате време да прекарате целия си (уж) потребителски тест Pokemon Go като мен, все пак силно бих препоръчал да разглеждате магазините за приложения за продукти, подобни на тези, върху които работите. Това ще ви даде доста добра идея какво да приемете, какво да избягвате и дори можете да проверите отзивите на потребителите, за да сте сигурни, че не повтаряте същите грешки.

По грешки на другите мъдрите поправят своето

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

За това UI Patterns е най-доброто!

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

Добре, сега най-накрая можете да започнете да скицирате и създавате прототипи. Да преминем към следващата фаза!

Фаза 4: Прототипиране с ниска точност (UX)

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

Примерна писалка и скица на хартия

Ето няколко, от които можете да изберете:

  • InVision
  • Omnigraffle
  • Balsamiq
  • Photoshop
  • UXPin
  • Axure

Разбира се има много различни. Освен Photoshop, лично съм използвал InVision, Omnigraffle и Balsamiq.

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

Тел рамка BalsamiqФотошоп с ниска точностПрототип на InVision с възможност за кликване

Фаза 5: Прототип на висока точност (UI)

На хубавите неща! Ако сте визуален дизайнер по сърце повече от продуктов дизайнер, знаете, че това е моментът, в който сте чакали цялото това време ... но преди това трябва да се вдъхновим! Обещавам, че няма да мине дълго, преди да се намокрим с Photoshop / Sketch.

За визуално вдъхновение класиката винаги е сигурен залог. Behance и Dribbble показват някои наистина невероятни произведения от топ дизайнери по целия свят. Тези художници често разтягат границите на използваемостта, за да произвеждат шедьоври на потребителския интерфейс. Вече направихме своите изследвания за използваемост, така че не е нужно да се притесняваме да се вдъхновим от нещо, което няма да можем да приложим.

DribbbleBehance

Ако имате творчески блок на определен екран и се нуждаете от определена насока как да се справите с конкретна ситуация в мобилно приложение, аз също така силно препоръчвам Мобилни модели. Този страхотен сайт съдържа примери за добър потребителски интерфейс от някои от най-използваните приложения (Facebook, Twitter, Instagram и т.н.) за конкретни видове екрани.

Това, което е наистина страхотно за Мобилните модели е, че екраните са обобщени въз основа на йерархия от тип на екрана. Това означава, че можете да търсите само екрани на Newsfeed и да анализирате как различните дизайнери на приложения обработват своите екрани на Newsfeed, преди да направят вашите.

заключение

Най-голямата стая в света е пространството за подобрения

Надявам се да сте харесали това дълбоко гмуркане в моя процес и работа. Тя е и винаги ще бъде незавършена работа. Колкото повече се усъвършенства работният процес / процесът, толкова повече клиенти ще можете да осигурите висококачествена работа. Освен това ще можете да се съсредоточите повече върху творческата част на работата, без да пренебрегвате основните аспекти на бизнеса и използваемостта на вашите продукти.

Ако имате въпроси или истории относно работния си процес, използваните от вас инструменти и процеса, който ви помага да преодолеете креативните блокове, моля, споделете ги в коментарите. Ще се радвам да чуя какво имате!

Благодаря!