Бүтээгдэхүүн боловсруулах харааны хэрэгсэл: Дизайн

Энэ бол биет бүтээгдхүүнийг хөгжүүлэх дөрвөн цуврал цувралын хоёр дахь хэсэг юм. Хэрэв та үүнийг алдсан тохиолдолд 1-ийн хэсэг: Санаа бүрдүүлэх, заавал уншаарай. Та удахгүй 3-р хэсэг: Дизайн ба 4-р хэсэг: Баталгаажуулалт руу шилжих боломжтой болно. Зохиогч: Бен Эйнштейн. Эх Орчуулгыг fablab багууд хийсэн ФАБИНКА болон төсөл Гар.

2-р хэсэг: Дизайн

Загварын үе шатанд байгаа алхам бүр - үйлчлүүлэгчийн судалгаа, утас суурилуулах, илүү орос хэл дээр), харааны прототип - бүтээгдэхүүн ямар харагдах, хэрэглэгчид түүнтэй хэрхэн харьцах талаарх таамаглалыг шалгахад шаардлагатай.

Бүтээгдэхүүн боловсруулах харааны хэрэгсэл: Дизайн
Зураг 2.1 Бүтээгдэхүүний дизайны үе шатууд

Хэрэглэгчийн хөгжил, санал хүсэлт

Хэрэглэгчийн санал хүсэлтийг анхаарч ажилладаг компаниуд семинарт эцэс төгсгөлгүй сууж, хөгжиж буй компаниудаас хамаагүй илүү амжилтанд хүрнэ. Энэ нь ихэвчлэн материаллаг бүтээгдэхүүн үйлдвэрлэдэг компаниудад нөлөөлдөг. Үйлчлүүлэгчидтэй харилцах нь үргэлж хэрэгтэй байдаг ч хөгжлийн эхний үе шатанд маш чухал байдаг.

Бүтээгдэхүүн боловсруулах харааны хэрэгсэл: Дизайн
Зураг 2.2. Хэрэглэгчийн хөгжил, санал хүсэлт

Хэрэгтэй Dipjar Таамаглалаа үйлчлүүлэгчид дээр туршиж, баталгаажуулах нь үргэлж чухал байсаар ирсэн. Концепцийн прототипийг нотолсоны дараа (PoC), банкуудыг бодит ертөнцөд гаргасан.

Бүтээгдэхүүн боловсруулах харааны хэрэгсэл: Дизайн
Зураг 2.3. Эрт туршилтын үеэр авсан бодит үйлчлүүлэгчийн зураг

Миний нэгэн зөвлөгч “Танай бүтээгдэхүүний загвар муу байгаа эсэхийг яаж мэдэхээ мэдэх үү? Хүмүүс үүнийг хэрхэн ашиглаж байгааг хараарай." DipJar багийнхан ижил асуудлыг (зураг дээрх улаан сум) харсаар байв: хэрэглэгчид картыг буруу оруулахыг оролдсон. Энэ нь дизайны томоохон хязгаарлалт байсан нь тодорхой болсон.

Энэ үе шатанд үйлчлүүлэгчидтэй харилцах зөвлөмж (асуудлын судалгааны үе шатаас ялгаатай):

  • Ярилцлагын нарийвчилсан скриптийг бэлтгэж, түүнийг дагаж мөрдөх;
  • Сонссон зүйлээ бичгээр эсвэл дуу хураагуурт дэлгэрэнгүй бичих;
  • Боломжтой бол үйлчлүүлэгчийнхээ үнэнч байдлын индексийг хянах (NPS, олон компаниуд үүнийг дараа нь хийхийг илүүд үздэг бөгөөд энэ нь зүгээр юм);
  • Хэрэглэгчдэд ямар нэгэн урьдчилсан тайлбар, тохиргоо хийлгүйгээр бүтээгдэхүүнтэй тоглохыг (та бэлэн болсон үед) зөвшөөр
  • Үйлчлүүлэгчдээс бүтээгдэхүүний талаар юу өөрчлөхийг бүү асуу: үүний оронд түүнийг хэрхэн ашиглаж байгааг ажигла;
  • Нарийвчилсан зүйлд хэт их анхаарал хандуулах хэрэггүй, жишээлбэл, өнгө, хэмжээ нь амтны асуудал юм.

Төмөр хүрээний загварчлал

Концепцийн прототипийн нотолгооны талаархи дэлгэрэнгүй санал хүсэлтийн дараа бүтээгдэхүүний дизайныг давтах цаг болжээ.

Бүтээгдэхүүн боловсруулах харааны хэрэгсэл: Дизайн
Зураг 2.4. Wireframe загварчлалын үе шат

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 багийнхан тэргүүлж буй хүн цайны мөнгө үлдээвэл өгөөмөр байх магадлал нэмэгддэг болохыг тогтоожээ. Дууны болон гэрлийн дохио нь дараалалд байгаа хүмүүсийг татах, улмаар зөвлөмжийн давтамж, хэмжээг нэмэгдүүлэх маш үр дүнтэй арга гэдгийг бид олж мэдсэн. Үүний үр дүнд бид LED-ийн хамгийн сайн байршлыг сонгох, гэрлийг ашиглан харилцаа холбоог зохион бүтээх талаар маш их зүйлийг хийсэн.

Бүтээгдэхүүн боловсруулах харааны хэрэгсэл: Дизайн
Зураг 2.12. Дизайн хэл

Бүтээгдэхүүн бүр хэрэглэгчтэй нүдээр эсвэл туршлагаар харилцдаг “дизайн хэлтэй”. DipJar-ийн хувьд картыг хэрхэн оруулахыг хэрэглэгчдэд хурдан хүргэх нь чухал байсан. Багийнхан картын логог (зүүн зураг) оновчтой болгоход маш их цаг зарцуулсан бөгөөд ингэснээр хэрэглэгчид картыг хэрхэн зөв оруулахыг тодорхой ойлгох боломжтой болсон.

DipJar багийнхан мөн LED арын гэрлийн загварыг оновчтой болгохоор ажилласан. Улаан сум нь нүүрний ирмэгийг тойрсон 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 багууд хийсэн ФАБИНКА болон төсөл Гар.

Эх сурвалж: www.habr.com

сэтгэгдэл нэмэх