Гэта другая частка з цыкла чатырох артыкулаў аб распрацоўцы фізічных прадуктаў. Калі вы прапусцілі : Фарміраванне ідэі, абавязкова яе прачытайце. Неўзабаве вы зможаце перайсці да Часткі 3: Канструяванне і Часткі 4: Валідацыя. Аўтар: Ben Einstein. Пераклад выкананы камандамі фаблаба і праекта .
Частка 2: Дызайн
Кожны крок на стадыі дызайну - вывучэнне кліента, каркаснае мадэляванне (wireframing, ), візуальны прататып – патрэбен для праверкі гіпотэз, як будзе выглядаць прадукт і як карыстачы будуць узаемадзейнічаць з ім.
Малюнак 2.1 Этапы дызайну прадуктаў
Вывучэнне кліента (customer development) і зваротная сувязь
Кампаніі з фокусам на водгуках кліентаў, будуць нашмат больш паспяховымі, чым тыя, якія бясконца сядзяць у майстэрні і займаюцца распрацоўкай. Гэтым пакутуюць часцей за ўсё кампаніі, якія выпускаюць матэрыяльныя прадукты. І калі размаўляць з кліентамі заўсёды карысна, то на ранняй стадыі распрацоўкі гэта надзвычай важна.
Малюнак 2.2. Вывучэнне кліента (customer development) і зваротная сувязь
Для заўсёды вельмі важна было тэсціраваць і пацвярджаць свае гіпотэзы на кліентах. Пасля стварэння прататыпа праверкі канцэпцыі (), банкі выпусцілі ў рэальны свет.
Малюнак 2.3. Рэальныя фатаграфіі кліентаў, зробленыя на этапе ранняга тэсціравання
Адзін з маіх ментараў аднойчы сказаў: «Ведаеце як зразумець, наколькі дрэнны дызайн вашага прадукта? Паглядзіце, як ім карыстаюцца людзі». Каманда DipJar увесь час назірала адну і тую ж праблему (чырвоная стрэлка на фота): карыстачы спрабавалі ўставіць карту няправільна. Стала ясна, што гэта - асноўнае канструктыўнае абмежаванне.
Рэкамендацыі па зносінах з кліентамі на гэтай стадыі (у адрозненне ад стадыі даследавання праблемы):
- Падрыхтуйце дэталёвы скрыпт гутаркі і прытрымвайцеся яго;
- Дэталёва фіксуйце пачутае пісьмова ці на дыктафон;
- Калі ёсць магчымасць, адсочвайце азначнік спажывецкай лаяльнасці (, многія кампаніі аддаюць перавагу рабіць гэта пазней, і гэта нармальна);
- Дайце карыстальнікам пагуляць з прадуктам (калі будзеце гатовыя) без папярэдніх тлумачэнняў або наладкі
- Не пытайце кліентаў, што яны б змянілі ў прадукце: замест гэтага назірайце, як яны ім карыстаюцца;
- Не надавайце шмат увагі дэталям, напрыклад, колер і памер - справа густу.
Каркаснае мадэляванне
Пасля дэталёвай зваротнай сувязі па прататыпе праверкі канцэпцыі, пара заняцца ітэрацыямі дызайну прадукта.
Малюнак 2.4. Этап каркаснага мадэлявання
Працэс каркаснага мадэлявання пачынаецца са стварэння высокаўзроўневых эскізаў, цалкам якія апісваюць досвед выкарыстання прадукта. Мы называем гэты працэс раскадроўкай (storyboards).
Малюнак 2.5. Раскадроўка
Раскадроўка дапамагае заснавальнікам кампаніі прадумаць увесь шлях прадукта. З яе дапамогай апісваецца:
- Упакоўка: як яна будзе выглядаць? Як у дзевяці ці менш словах на ўпакоўцы апісаць прадукт (сярэдні памер упакоўкі)? Якога памеру будзе каробка? Куды яна ўстане ў краме/на паліцы?
- Продажы: дзе будзе прадавацца прадукт і як людзі будуць узаемадзейнічаць з ім перад пакупкай? Ці дапамогуць інтэрактыўныя дысплеі? Ці павінны кліенты шмат ведаць аб прадукце ці гэта будзе імпульсіўная купля?
- Распакоўка: якімі будуць уражанні ад распакавання? Яна павінна быць простай, зразумелай і патрабаваць мінімальных намаганняў.
- Настройка: якія дзеянні павінны здзейсніць пакупнікі перш чым прадукт будзе гатовы да першага выкарыстання? Што запатрабуецца, апроч аксэсуараў у камплекце? Што адбудзецца, калі прадукт не працуе (няма злучэння з wifi або прыкладанне не ўстанаўліваецца на смартфон)?
- Першы досвед выкарыстання: як павінен быць спраектаваны прадукт, каб карыстачы маглі хутка пачаць ім карыстацца? Як павінен быць спраектаваны прадукт, каб карыстачы былі вярнуліся з дадатнымі эмоцыямі?
- Паўторнае выкарыстанне ці выкарыстанне ў адмысловых выпадках: як зрабіць так, каб карыстачы стала карысталіся прадуктам і атрымлівалі задавальненне? Што адбываецца пры адмысловых выпадках выкарыстання: страта злучэння/паслугі, абнаўленне прашыўкі, адсутнасць аксэсуара і т.д.?
- Карыстацкая падтрымка: што робяць карыстачы пры праблемах? Калі ім дасылаюць прадукт на замену, як гэта будзе адбывацца?
- Тэрмін службы: у большасці прадуктаў тэрмін эксплуатацыі заканчваецца пасля 18 ці 24 месяцаў. Як гэтая статыстыка суадносіцца са шляхам кліента? Вы чакаеце, што карыстачы купяць яшчэ адзін прадукт? Як яны пяройдуць ад аднаго прадукта да наступнага?
Малюнак 2.6. Праца з будучым карыстальнікам прыкладання або вэб-інтэрфейсу
Каркаснае мадэляванне таксама карысна, калі ў вашага прадукта ёсць лічбавы інтэрфейс (убудаваны інтэрфейс, вэб-інтэрфейс, дадатак на смартфоне). Звычайна гэта простыя чорна-белыя малюнкі, хаця можна выкарыстоўваць і лічбавыя прылады. На фота вышэй (2.6) вы можаце бачыць заснавальніка кампаніі (справа). Ён апытвае патэнцыйнага кліента (злева) і робіць паметкі, пакуль той карыстаецца дадаткам на папяровым "экране" смартфона. І хоць падобнае тэсціраванне лічбавых працоўных працэсаў можа здавацца зусім прымітыўным, яно вельмі эфектыўна.
Да завяршэння каркаснага мадэлявання ў вас павінна быць дэталёвае разуменне таго, як карыстачы будуць узаемадзейнічаць з кожнай часткай вашага прадукта.
Візуальны прататып.
Візуальны прататып - гэта мадэль, якая ўяўляе сабой фінальны, але не які функцыянуе прадукт. Як і на іншых стадыях, стварэнне такой мадэлі (і злучаных з ёй каркасаў) уключае ў сябе ітэрацыйнае ўзаемадзеянне з карыстачамі.
Малюнак 2.7. Этап візуальнага прататыпа
Пачніце з шырокага кола ідэй і працуйце над выбарам некалькіх канцэпцый, якія больш за ўсё адпавядаюць крытэрам карыстальнікаў.
Малюнак 2.8 Эскіз
Дызайн візуальнага прататыпа амаль заўсёды пачынаецца з высокаўзроўневых эскізаў самага прадукта (у адрозненне ад раскадроўкі, якая апісвае досвед выкарыстання прадукта). Большасць прамысловых дызайнераў спачатку робяць папярэдні пошук блізкіх форм і прадуктаў. Дызайнер DipJar вывучыў вельмі шмат іншых прадуктаў і зрабіў эскізы на іх аснове іх формаў.
Малюнак 2.9. Выбар формы
Як толькі вы вылучыце некалькі чарнавых канцэптаў, трэба будзе праверыць, як яны будуць выглядаць у рэальным свеце. На фота вы можаце бачыць чарнавыя формы DipJar з пенапластавай асновы і тубуса. На стварэнне кожнай ідзе некалькі хвілін, і ў выніку можна зразумець, як форма будзе ўспрымацца ў рэальным свеце. Я зрабіў гэтыя мадэлі з усякай усячыны: ад гліны і лега да пенапласту і калыпкоў. Ёсць адно важнае правіла: рабіце мадэлі хутка і танна.
Малюнак 2.10. Выбар памераў
Пасля выбару асноўнай формы, неабходна папрацаваць над памерам мадэлі і маштабам асобных частак. Звычайна ёсць два ці тры параметры, якія важныя для «правільнага адчування» прадукта. У выпадку з DipJar гэта была вышыня самой банкі, дыяметр асабовай часткі і геаметрыя слота для пальца. Для гэтага вырабляюцца больш дакладныя мадэлі з невялікімі адрозненнямі ў параметрах (з кардона і пенапласту).
Малюнак 2.11. Разуменне карыстацкага досведу
Паралельна з распрацоўкай формы часта становіцца відавочным, што некаторыя асаблівасці карыстацкіх паводзін (UX) павінны быць патлумачаны. Каманда DipJar выявіла, што верагоднасць праявы шчодрасці расце, калі чаявыя пакідае наперадзе які стаіць у чарзе. Мы высветлілі, што гукавы і светлавы сігнал - вельмі эфектыўны шлях прыцягнення людзей у чарзе і тым самым павышэння частаты і памеру чаявых. У выніку мы зрабілі шмат для выбару найбольш удалага размяшчэння святлодыёдаў і праектавання камунікацый з дапамогай святла.
Малюнак 2.12. Мова дызайну
У кожнага прадукта ёсць «мова дызайну», з дапамогай якога адбываецца візуальныя ці эмпірычныя зносіны з карыстачом. Для DipJar важна было хутка данесці да карыстальніка, як устаўляць карту. Каманда выдаткавала шмат часу на аптымізацыю лагатыпа карты (фота злева), каб карыстачы маглі адназначна зразумець як правільна ўстаўляць карту.
Каманда DipJar таксама папрацавала над аптымізацыяй патэрнаў LED-падсветкі. Чырвоная стрэлка паказвае на LED па краі асабовай часткі, якія гулліва сігналізуюць аб праяве акта шчодрасці. Сіняя стрэлка паказвае на вынік доўгіх абмеркаванняў каманды - магчымасць уласнікаў банкі мяняць збіраемыя сумы. Кастомны лічбавы LED-дысплей дазваляе ўладальніку DipJar без працы змяніць памер чаявых.
Малюнак 2.13. Колеры, матэрыялы, аздабленне
Для таго, каб хутка вызначыць канчатковае аблічча прадукта, дызайнеры выбіраюць колеры, матэрыялы і аздабленне (colors, materials, finishes – CMF). Часта гэта робіцца ў лічбе (як паказана вышэй), а затым трансфармуецца ў фізічныя ўзоры і мадэлі. DipJar пратэставаў розныя стылі металічных карпусоў, паліровак і колераў пластыкаў.
Малюнак 2.14. Канчатковыя рэндэры
Вынікам першаснага выбару CMF з'яўляецца высакаякасная лічбавая мадэль прадукта. Яна звычайна ўключае ўсе элементы з папярэдніх этапаў: форма, памер, абазначэння, карыстацкі досвед (UX), падсвятленне (LED), колеры, тэкстуры і матэрыялы. Такія высакаякасныя візуалізацыі, рэндэры, таксама з'яўляюцца асновай практычна для ўсіх маркетынгавых матэрыялаў (нават маркетынгавыя багі Apple выкарыстоўваюць рэндэры для ўсяго).
Малюнак 2.15. Праектаванне вэб прыкладання
Калі ваш прадукт мае лічбавы інтэрфейс, стварэнне больш дакладных макетаў будзе вельмі карысным для вызначэння досведу выкарыстання вашага прадукта. Асноўны лічбавы актыў DipJar - вэб-панэль кіравання для ўладальнікаў крам і дабрачынных арганізацый. У планах таксама выпусціць мабільнае прыкладанне для супрацоўнікаў і людзей, якія пакідаюць чаявыя.
Малюнак 2.16. Выбар канфігурацыі упакоўкі
Важны этап, пра які папросту забываюць на стадыі дызайну - упакоўка. Нават такі адносна просты прадукт, як DipJar, мінуў праз ітэрацыі пры распрацоўцы пакавання. На фота злева вы можаце бачыць першую версію пакавання; на фота справа – больш эфектнае і элегантнае пакаванне другога пакалення. Аптымізацыя дызайну – важная частка ў стварэнні дадатнага карыстацкага досведу і спецыфікацыі матэрыялаў.
Малюнак 2.17. Не забывайцеся пра ітэрацыю!
Пасля таго, як высокадакладныя візуальныя прататыпы зроблены, яны зноў вяртаюцца да кліентаў для тэставання многіх гіпотэз, зробленых у ходзе распрацоўкі. Дастаткова зрабіць 2-3 ітэрацыі, каб атрымаць выдатны візуальны прататып.
Малюнак 2.18. Фінальны візуальна блізкі да прадукта прататып
Як толькі працэс дызайну завершаны, вы атрымліваеце прыгожую мадэль, якая паказвае дызайнерскую задуму, але пакуль без функцыянальнасці. Кліенты і фундатары павінны быць здольныя хутка зразумець ваш прадукт, узаемадзейнічаючы з гэтай мадэллю. Але не будзем забываць аб важнасці зрабіць прадукт функцыянальным. Для гэтага апускайцеся ў частку 3: Канструяванне.
Вы прачыталі другую частку з цыкла чатырох артыкулаў аб распрацоўцы фізічных прадуктаў. Абавязкова прачытайце : Фарміраванне ідэі. Неўзабаве вы зможаце перайсці да Часткі 3: Канструяванне і Часткі 4: Валідацыя. Аўтар: Ben Einstein. Пераклад выкананы камандамі фаблаба і праекта .
Крыніца: habr.com