Визуална помощ за разработване на продукти: Дизайн

Това е втора част от поредица от четири части за физическо разработване на продукти. В случай, че сте го пропуснали Часть 1: Формиране на идея, не забравяйте да я прочетете. Скоро ще можете да преминете към Част 3: Дизайн и Част 4: Валидиране. Автор: Бен Айнщайн. Оригинал Преводът е извършен от екипи на fablab ФАБИНКА и проект HANDS.

Част 2: Дизайн

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

Фигура 2.1 Етапи на проектиране на продукта

Развитие на клиентите и обратна връзка

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

Фигура 2.2. Развитие на клиентите и обратна връзка

За DipJar Винаги е било много важно да тествате и потвърждавате своите хипотези върху клиенти. След създаване на прототип за доказателство на концепцията (PoC), банките бяха пуснати в реалния свят.

Фигура 2.3. Реални снимки на клиенти, направени по време на ранно тестване

Един от моите ментори веднъж каза: „Знаете ли как да разберете дали дизайнът на вашия продукт е лош? Вижте как хората го използват." Екипът на DipJar продължаваше да вижда същия проблем (червена стрелка на снимката): потребителите се опитваха да поставят картата неправилно. Стана ясно, че това е основно ограничение на дизайна.

Препоръки за комуникация с клиенти на този етап (за разлика от етапа на изследване на проблема):

• Подгответе подробен сценарий за разговор и се придържайте към него;
• Записвайте подробно какво чувате писмено или на диктофон;
• Ако е възможно, проследете индекса на лоялността на клиентите си (NPS, много компании предпочитат да направят това по-късно и това е добре);
• Позволете на потребителите да играят с продукта (когато сте готови) без предварително обяснение или настройка
• Не питайте клиентите какво биха променили в продукта: вместо това гледайте как го използват;
• Не обръщайте много внимание на детайлите, например цветът и размерът са въпрос на вкус.

Рамково моделиране

След подробна обратна връзка относно прототипа на доказателството за концепцията, е време да повторим дизайна на продукта.

Фигура 2.4. Етап на телено моделиране

Процесът на wireframing започва със създаването на скици на високо ниво, които напълно описват опита от използването на продукта. Ние наричаме този процес разкадровки.

Фигура 2.5. Сториборд

Сторибордът помага на основателите на компанията да обмислят целия път на продукта. Използва се за описание на:

• Опаковка: как ще изглежда? Как описвате продукт (среден размер на опаковката) с девет или по-малко думи на опаковка? Какъв размер ще бъде кутията? Къде ще отиде в магазина/на рафта?
• Продажби: Къде ще се продава продуктът и как хората ще взаимодействат с него, преди да купят? Интерактивните дисплеи ще помогнат ли? Трябва ли клиентите да знаят много за продукта или ще бъде импулсивна покупка?
• Разопаковане: Какво ще бъде изживяването при разопаковане? Тя трябва да бъде проста, разбираема и изисква минимални усилия.
• Настройка: Какви стъпки трябва да предприемат клиентите, преди продуктът да е готов за първа употреба? Какво ще ви трябва освен включените аксесоари? Какво се случва, ако продуктът не работи (няма wifi връзка или приложението не е инсталирано на смартфона)?
• Първо използване: Как трябва да бъде проектиран продуктът, така че потребителите бързо да започнат да го използват? Как трябва да бъде проектиран продукт, за да гарантира, че потребителите се връщат с положително изживяване?
• Повторна употреба или специална употреба: как да гарантираме, че потребителите ще продължат да използват и да се наслаждават на продукта? Какво се случва в специални случаи на употреба: загуба на връзка/услуга, актуализация на фърмуера, липсващ аксесоар и т.н.?
• Потребителска поддръжка: какво правят потребителите, когато имат проблеми? Ако им бъде изпратен продукт за замяна, как ще стане това?
• Продължителност на живота: Повечето продукти изтичат след 18 или 24 месеца. Как тези статистически данни са свързани с пътя на клиента? Очаквате ли потребителите да купуват друг продукт? Как ще преминат от един продукт към следващия?

Фигура 2.6. Работа с бъдещ потребител на приложение или уеб интерфейс

Wireframe моделирането също е полезно, ако вашият продукт има цифров интерфейс (вграден интерфейс, уеб интерфейс, приложение за смартфон). Това обикновено са прости черно-бели рисунки, въпреки че могат да се използват и цифрови инструменти. На снимката по-горе (2.6) можете да видите основателя на компанията (вдясно). Той интервюира потенциалния клиент (вляво) и си води бележки, докато използва приложението на „екран“ на хартиен смартфон. И докато този вид тестване на цифрови работни процеси може да изглежда доста примитивен, той е много ефективен.

До края на вашето wireframing трябва да имате подробно разбиране за това как потребителите ще взаимодействат с всяка част от вашия продукт.

Визуален прототип.

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

Фигура 2.7. Етап на визуален прототип

Започнете с широк набор от идеи и работете, за да изберете няколко концепции, които най-добре отговарят на критериите на вашите потребители.

Фигура 2.8 Скица

Дизайнът на визуален прототип почти винаги започва със скици на високо ниво на самия продукт (за разлика от сценария, който описва опита от използването на продукта). Повечето индустриални дизайнери първо правят предварително търсене на подобни форми и продукти. Дизайнерът на DipJar проучи много други продукти и направи скици въз основа на техните форми.

Фигура 2.9. Избор на форма

След като сте избрали няколко груби концепции, ще трябва да тествате как ще изглеждат в реалния свят. На снимката можете да видите груби форми на DipJar, направени от дунапренова основа и тръба. Създаването на всеки отнема няколко минути и в резултат на това можете да получите представа как ще се възприема формата в реалния свят. Правил съм тези модели от всичко - от глина и Лего до пяна и клечки за зъби. Има едно важно правило: правете модели бързо и евтино.

Фигура 2.10. Избор на размер

След като изберете основната форма, трябва да работите върху размера на модела и мащаба на отделните части. Обикновено има два или три параметъра, които са важни за „правилното усещане“ на продукта. В случая на DipJar това беше височината на самата кутия, диаметърът на предната част и геометрията на слота за пръсти. За тази цел се правят по-точни модели с леки разлики в параметрите (от картон и пенополистирол).

Фигура 2.11. Разбиране на потребителското изживяване

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

Фигура 2.12. Език на дизайна

Всеки продукт има „език на дизайна“, чрез който комуникира визуално или емпирично с потребителя. За DipJar беше важно бързо да се предаде на потребителя как да постави карта. Екипът отдели много време за оптимизиране на логото на картата (снимката отляво), така че потребителите да могат ясно да разберат как да поставят картата правилно.

Екипът на DipJar също работи върху оптимизирането на моделите на LED подсветката. Червена стрелка сочи към светодиодите около ръба на лицето, които закачливо сигнализират акт на щедрост. Синята стрелка показва резултата от дългите дискусии на екипа - възможността собствениците на банката да променят събраните суми. Персонализиран цифров LED дисплей позволява на собственика на DipJar лесно да променя размера на върха.

Фигура 2.13. Цветове, материали, покрития

За да се определи бързо крайният вид на продукта, дизайнерите избират цветове, материали и покрития (CMF). Това често се прави цифрово (както е показано по-горе) и след това се превежда във физически проби и модели. DipJar тества различни стилове на метални кутии, покрития и пластмасови цветове.

Фигура 2.14. Окончателни рендери

Резултатът от първоначалния избор на CMF е висококачествен цифров модел на продукта. Обикновено включва всички елементи от предишните етапи: форма, размер, символи, потребителско изживяване (UX), осветление (LED), цветове, текстури и материали. Такива висококачествени визуализации, визуализации, също са основата за почти всички маркетингови материали (дори маркетинговите богове на Apple използват рендери за всичко).

Фигура 2.15. Дизайн на уеб приложения

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

Фигура 2.16. Избор на конфигурация на опаковката

Важен етап, който лесно се забравя на етапа на проектиране, е опаковката. Дори сравнително прост продукт като DipJar премина през итерации в разработката на опаковката. На снимката вляво можете да видите първия вариант на опаковката; на снимката вдясно е по-ефектна и елегантна опаковка от второ поколение. Оптимизирането на дизайна е важна част от създаването на положително потребителско изживяване и спецификация на материала.

Фигура 2.17. Не забравяйте за итерацията!

След като бъдат произведени висококачествени визуални прототипи, те се връщат на клиентите, за да тестват много от хипотезите, направени по време на разработката. Достатъчно е да направите 2-3 итерации, за да получите страхотен визуален прототип.

Фигура 2.18. Крайният прототип визуално се доближава до продукта

След като процесът на проектиране приключи, ще получите красив модел, който показва намерението на дизайна, но все още няма функционалност. Клиентите и инвеститорите трябва да могат бързо да разберат вашия продукт чрез взаимодействие с този модел. Но нека не забравяме колко е важно продуктът да бъде функционален. За да направите това, потопете се в Част 3: Конструкция.

Прочетохте втора част от серия от четири части за физическото разработване на продукти. Не пропускайте да прочетете Часть 1: Формиране на идея. Скоро ще можете да преминете към Част 3: Дизайн и Част 4: Валидиране. Автор: Бен Айнщайн. Оригинал Преводът е извършен от екипи на fablab ФАБИНКА и проект HANDS.

Източник: www.habr.com