ການພັດທະນາຜະລິດຕະພັນ Visual Aid: ການອອກແບບ

ນີ້ແມ່ນສ່ວນສອງຂອງຊຸດສີ່ສ່ວນກ່ຽວກັບການພັດທະນາຜະລິດຕະພັນທາງດ້ານຮ່າງກາຍ. ໃນກໍລະນີທີ່ທ່ານພາດມັນ ສ່ວນ 1: ການສ້າງຄວາມຄິດ, ໃຫ້ແນ່ໃຈວ່າອ່ານມັນ. ໄວໆນີ້ເຈົ້າຈະສາມາດໄປຫາພາກທີ 3: ການອອກແບບ ແລະສ່ວນທີ 4: ການກວດສອບຄວາມຖືກຕ້ອງ. ຜູ້ຂຽນ: Ben Einstein. ຕົ້ນສະບັບ ການແປທີ່ເຮັດໂດຍທີມງານ fablab ຟາບິງກາ ແລະໂຄງການ ມື.

ສ່ວນທີ 2: ການອອກແບບ

ແຕ່ລະຂັ້ນຕອນໃນຂັ້ນຕອນການອອກແບບ - ການຄົ້ນຄວ້າລູກຄ້າ, wireframing, ເພີ່ມເຕີມໃນພາສາລັດເຊຍ), ເປັນຕົວແບບສາຍຕາ - ຕ້ອງການເພື່ອທົດສອບສົມມຸດຕິຖານກ່ຽວກັບສິ່ງທີ່ຜະລິດຕະພັນຈະມີລັກສະນະແລະວິທີທີ່ຜູ້ໃຊ້ຈະພົວພັນກັບມັນ.

ຮູບທີ 2.1 ຂັ້ນຕອນການອອກແບບຜະລິດຕະພັນ

ການພັດທະນາລູກຄ້າແລະຄໍາຄຶດຄໍາເຫັນ

ບໍລິສັດທີ່ສຸມໃສ່ຄໍາຕິຊົມຂອງລູກຄ້າຈະປະສົບຜົນສໍາເລັດຫຼາຍກ່ວາບໍລິສັດທີ່ນັ່ງຢູ່ໃນກອງປະຊຸມແລະພັດທະນາຢ່າງບໍ່ຢຸດຢັ້ງ. ນີ້ສ່ວນຫຼາຍມັກຈະມີຜົນກະທົບຕໍ່ບໍລິສັດທີ່ຜະລິດຜະລິດຕະພັນວັດສະດຸ. ແລະໃນຂະນະທີ່ການສື່ສານກັບລູກຄ້າແມ່ນເປັນປະໂຫຍດສະເຫມີ, ມັນເປັນສິ່ງສໍາຄັນທີ່ສຸດໃນໄລຍະຕົ້ນຂອງການພັດທະນາ.

ຮູບທີ 2.2. ການພັດທະນາລູກຄ້າແລະຄໍາຄຶດຄໍາເຫັນ

ໄປ DipJar ມັນມີຄວາມ ສຳ ຄັນຫຼາຍທີ່ຈະທົດສອບແລະຢືນຢັນການສົມມຸດຕິຖານຂອງເຈົ້າຕໍ່ລູກຄ້າ. ຫຼັງຈາກການສ້າງຫຼັກຖານສະແດງແນວຄວາມຄິດຕົ້ນແບບ (ປຊຊ), ທະນາຄານໄດ້ຖືກປ່ອຍອອກມາສູ່ໂລກທີ່ແທ້ຈິງ.

ຮູບທີ 2.3. ຮູບພາບລູກຄ້າທີ່ແທ້ຈິງຖ່າຍໃນລະຫວ່າງການທົດສອບໃນຕອນຕົ້ນ

ຜູ້ໃຫ້ຄໍາປຶກສາຂອງຂ້ອຍຄົນຫນຶ່ງເຄີຍເວົ້າວ່າ, "ເຈົ້າຮູ້ບໍວ່າການອອກແບບຜະລິດຕະພັນຂອງເຈົ້າບໍ່ດີບໍ? ເບິ່ງວິທີທີ່ຄົນໃຊ້ມັນ." ທີມງານ DipJar ຍັງຄົງເຫັນບັນຫາດຽວກັນ (ລູກສອນສີແດງໃນຮູບ): ຜູ້ໃຊ້ພະຍາຍາມໃສ່ບັດບໍ່ຖືກຕ້ອງ. ມັນໄດ້ກາຍເປັນທີ່ຊັດເຈນວ່ານີ້ແມ່ນຂໍ້ຈໍາກັດການອອກແບບທີ່ສໍາຄັນ.

ຄໍາແນະນໍາສໍາລັບການສື່ສານກັບລູກຄ້າໃນຂັ້ນຕອນນີ້ (ກົງກັນຂ້າມກັບຂັ້ນຕອນການຄົ້ນຄວ້າບັນຫາ):

• ກະກຽມບົດສົນທະນາຢ່າງລະອຽດແລະຕິດກັບມັນ;
• ບັນທຶກລາຍລະອຽດສິ່ງທີ່ທ່ານໄດ້ຍິນເປັນລາຍລັກອັກສອນຫຼືຢູ່ໃນເຄື່ອງບັນທຶກສຽງ;
• ຖ້າເປັນໄປໄດ້, ຕິດຕາມດັດຊະນີຄວາມສັດຊື່ຂອງລູກຄ້າຂອງທ່ານ (NPS, ຫຼາຍບໍລິສັດມັກເຮັດແນວນີ້ຕໍ່ມາ, ແລະດີ);
• ໃຫ້ຜູ້ໃຊ້ຫຼິ້ນກັບຜະລິດຕະພັນ (ເມື່ອທ່ານພ້ອມ) ໂດຍບໍ່ມີການອະທິບາຍຫຼືຕັ້ງຄ່າກ່ອນ
• ຢ່າຖາມລູກຄ້າວ່າພວກເຂົາຈະປ່ຽນແປງຫຍັງກ່ຽວກັບຜະລິດຕະພັນ: ແທນທີ່ຈະ, ເບິ່ງວ່າພວກເຂົາໃຊ້ມັນແນວໃດ;
• ຢ່າເອົາໃຈໃສ່ກັບລາຍລະອຽດຫຼາຍເກີນໄປ; ຕົວຢ່າງ, ສີແລະຂະຫນາດແມ່ນເລື່ອງຂອງລົດຊາດ.

ການສ້າງແບບຈໍາລອງຂອງ Wireframe

ຫຼັງຈາກຄໍາຕິຊົມຢ່າງລະອຽດກ່ຽວກັບຫຼັກຖານສະແດງແນວຄວາມຄິດ, ມັນເຖິງເວລາທີ່ຈະ iterate ການອອກແບບຜະລິດຕະພັນ.

ຮູບທີ 2.4. ຂັ້ນຕອນການສ້າງແບບຈໍາລອງ Wireframe

ຂະບວນການ wireframing ເລີ່ມຕົ້ນດ້ວຍການສ້າງ sketch ລະດັບສູງທີ່ອະທິບາຍຢ່າງເຕັມສ່ວນປະສົບການຂອງການນໍາໃຊ້ຜະລິດຕະພັນ. ພວກເຮົາເອີ້ນວ່າ storyboards ຂະບວນການນີ້.

ຮູບທີ 2.5. ກະດານເລື່ອງ

ກະດານ storyboard ຊ່ວຍໃຫ້ຜູ້ກໍ່ຕັ້ງບໍລິສັດຄິດຜ່ານການເດີນທາງຜະລິດຕະພັນທັງຫມົດ. ມັນຖືກນໍາໃຊ້ເພື່ອອະທິບາຍ:

• ການຫຸ້ມຫໍ່: ມັນຈະເປັນແນວໃດ? ເຈົ້າອະທິບາຍສິນຄ້າແນວໃດ (ຂະໜາດແພັກເກັດສະເລ່ຍ) ໃນເກົ້າຄຳ ຫຼືໜ້ອຍກວ່າໃນແພັກເກັດ? ກ່ອງຈະເປັນຂະຫນາດໃດ? ມັນຈະໄປໃສຢູ່ໃນຮ້ານ / ໃນຊັ້ນວາງ?
• ການຂາຍ: ຜະລິດຕະພັນຈະຂາຍຢູ່ໃສແລະປະຊາຊົນຈະພົວພັນກັບມັນແນວໃດກ່ອນທີ່ຈະຊື້? ການສະແດງການໂຕ້ຕອບຈະຊ່ວຍໄດ້ບໍ? ລູກຄ້າຈໍາເປັນຕ້ອງຮູ້ຫຼາຍກ່ຽວກັບຜະລິດຕະພັນຫຼືຈະເປັນການຊື້ impulse?
• Unboxing: ປະສົບການ unboxing ຈະເປັນແນວໃດ? ມັນຄວນຈະງ່າຍດາຍ, ເຂົ້າໃຈໄດ້ແລະຕ້ອງການຄວາມພະຍາຍາມຫນ້ອຍທີ່ສຸດ.
• ການຕິດຕັ້ງ: ລູກຄ້າຕ້ອງໃຊ້ຂັ້ນຕອນໃດກ່ອນທີ່ຜະລິດຕະພັນຈະກຽມພ້ອມສໍາລັບການນໍາໃຊ້ຄັ້ງທໍາອິດ? ເຈົ້າຕ້ອງການຫຍັງນອກເໜືອໄປຈາກອຸປະກອນເສີມ? ຈະເກີດຫຍັງຂຶ້ນຖ້າຜະລິດຕະພັນບໍ່ເຮັດວຽກ (ບໍ່ມີການເຊື່ອມຕໍ່ wifi ຫຼືແອັບພລິເຄຊັນບໍ່ໄດ້ຕິດຕັ້ງຢູ່ໃນໂທລະສັບສະຫຼາດ)?
• ປະສົບການການນໍາໃຊ້ຄັ້ງທໍາອິດ: ຜະລິດຕະພັນຄວນຖືກອອກແບບແນວໃດເພື່ອໃຫ້ຜູ້ໃຊ້ສາມາດເລີ່ມໃຊ້ມັນໄດ້ໄວ? ຜະລິດຕະພັນຄວນຖືກອອກແບບແນວໃດເພື່ອຮັບປະກັນຜູ້ໃຊ້ກັບຄືນມາດ້ວຍປະສົບການໃນທາງບວກ?
• ໃຊ້ຄືນໃຫມ່ຫຼືການນໍາໃຊ້ພິເສດ: ເຮັດແນວໃດເພື່ອໃຫ້ແນ່ໃຈວ່າຜູ້ໃຊ້ສືບຕໍ່ໃຊ້ແລະເພີດເພີນກັບຜະລິດຕະພັນ? ຈະເກີດຫຍັງຂຶ້ນໃນກໍລະນີການນໍາໃຊ້ພິເສດ: ການສູນເສຍການເຊື່ອມຕໍ່ / ບໍລິການ, ການອັບເດດເຟີມແວ, ອຸປະກອນເສີມທີ່ຂາດຫາຍໄປ, ແລະອື່ນໆ?
• ສະຫນັບສະຫນູນຜູ້ໃຊ້: ຜູ້ໃຊ້ເຮັດຫຍັງເມື່ອພວກເຂົາມີບັນຫາ? ຖ້າພວກເຂົາຖືກສົ່ງຜະລິດຕະພັນທົດແທນ, ນີ້ຈະເກີດຂື້ນແນວໃດ?
• Lifespan: ຜະລິດຕະພັນສ່ວນໃຫຍ່ຈະໝົດອາຍຸຫຼັງຈາກ 18 ຫຼື 24 ເດືອນ. ສະຖິຕິເຫຼົ່ານີ້ກ່ຽວຂ້ອງກັບການເດີນທາງຂອງລູກຄ້າແນວໃດ? ທ່ານຄາດຫວັງວ່າຜູ້ໃຊ້ຈະຊື້ຜະລິດຕະພັນອື່ນບໍ? ພວກເຂົາຈະຍ້າຍຈາກຜະລິດຕະພັນຫນຶ່ງໄປຫາຜະລິດຕະພັນຕໍ່ໄປແນວໃດ?

ຮູບທີ 2.6. ເຮັດວຽກກັບຜູ້ໃຊ້ໃນອະນາຄົດຂອງແອັບພລິເຄຊັນ ຫຼືສ່ວນຕິດຕໍ່ເວັບ

ການສ້າງແບບຈໍາລອງ Wireframe ຍັງເປັນປະໂຫຍດຖ້າຜະລິດຕະພັນຂອງທ່ານມີການໂຕ້ຕອບດິຈິຕອນ (ສ່ວນຕິດຕໍ່ທີ່ຝັງໄວ້, ການໂຕ້ຕອບເວັບ, ແອັບຯໂທລະສັບສະຫຼາດ). ເຫຼົ່ານີ້ແມ່ນປົກກະຕິແລ້ວຮູບແຕ້ມສີດໍາແລະສີຂາວງ່າຍດາຍ, ເຖິງແມ່ນວ່າເຄື່ອງມືດິຈິຕອນຍັງສາມາດຖືກນໍາໃຊ້. ໃນຮູບຂ້າງເທິງ (2.6) ທ່ານສາມາດເບິ່ງຜູ້ກໍ່ຕັ້ງຂອງບໍລິສັດ (ຢູ່ເບື້ອງຂວາ). ລາວສໍາພາດຄວາມສົດໃສດ້ານ (ຊ້າຍ) ແລະບັນທຶກໃນຂະນະທີ່ລາວໃຊ້ app ໃນໂທລະສັບສະຫຼາດເຈ້ຍ "ຫນ້າຈໍ." ແລະໃນຂະນະທີ່ປະເພດຂອງການທົດສອບການເຮັດວຽກດິຈິຕອນນີ້ອາດຈະເບິ່ງຄືວ່າຂ້ອນຂ້າງ primitive, ມັນມີປະສິດທິພາບຫຼາຍ.

ໃນຕອນທ້າຍຂອງ wireframing ຂອງທ່ານ, ທ່ານຄວນມີຄວາມເຂົ້າໃຈລະອຽດກ່ຽວກັບວິທີທີ່ຜູ້ໃຊ້ຈະພົວພັນກັບແຕ່ລະສ່ວນຂອງຜະລິດຕະພັນຂອງທ່ານ.

ຕົ້ນແບບສາຍຕາ.

ຕົວແບບທາງສາຍຕາແມ່ນຕົວແບບທີ່ເປັນຕົວແທນຂອງຜະລິດຕະພັນສຸດທ້າຍແຕ່ບໍ່ໄດ້ເຮັດວຽກ. ເຊັ່ນດຽວກັນກັບຂັ້ນຕອນອື່ນໆ, ການສ້າງແບບຈໍາລອງດັ່ງກ່າວ (ແລະ wireframes ທີ່ກ່ຽວຂ້ອງ) ກ່ຽວຂ້ອງກັບການໂຕ້ຕອບກັບຜູ້ໃຊ້.

ຮູບ 2.7. ຂັ້ນຕອນຕົ້ນແບບສາຍຕາ

ເລີ່ມຕົ້ນດ້ວຍແນວຄວາມຄິດທີ່ຫຼາກຫຼາຍ ແລະເຮັດວຽກເພື່ອເລືອກແນວຄວາມຄິດບາງອັນທີ່ເໝາະສົມກັບເກນຂອງຜູ້ໃຊ້ຂອງທ່ານ.

ຮູບທີ 2.8 Sketch

ການອອກແບບຕົ້ນແບບສາຍຕາເກືອບສະເຫມີເລີ່ມຕົ້ນດ້ວຍການແຕ້ມຮູບລະດັບສູງຂອງຜະລິດຕະພັນຕົວມັນເອງ (ກົງກັນຂ້າມກັບ storyboard, ເຊິ່ງອະທິບາຍປະສົບການຂອງການນໍາໃຊ້ຜະລິດຕະພັນ). ຜູ້ອອກແບບອຸດສາຫະກໍາສ່ວນໃຫຍ່ທໍາອິດເຮັດການຄົ້ນຫາເບື້ອງຕົ້ນສໍາລັບຮູບຮ່າງແລະຜະລິດຕະພັນທີ່ຄ້າຍຄືກັນ. ຜູ້ອອກແບບຂອງ DipJar ໄດ້ສຶກສາຫຼາຍຜະລິດຕະພັນອື່ນໆແລະເຮັດການແຕ້ມຮູບໂດຍອີງໃສ່ຮູບຮ່າງຂອງພວກເຂົາ.

ຮູບ 2.9. ການເລືອກຮູບຮ່າງ

ເມື່ອທ່ານໄດ້ເລືອກແນວຄວາມຄິດທີ່ຫຍາບຄາຍບາງອັນ, ທ່ານຈະຕ້ອງທົດສອບວ່າພວກມັນຈະມີລັກສະນະແນວໃດໃນໂລກແທ້. ໃນຮູບທ່ານສາມາດເບິ່ງຮູບແບບຫຍາບໆຂອງ DipJar ທີ່ເຮັດຈາກຖານໂຟມແລະທໍ່. ແຕ່ລະຄົນໃຊ້ເວລາສອງສາມນາທີເພື່ອສ້າງ, ແລະດັ່ງນັ້ນ, ທ່ານສາມາດໄດ້ຮັບຄວາມຄິດກ່ຽວກັບວິທີການຮູບຮ່າງຈະຖືກຮັບຮູ້ໃນໂລກທີ່ແທ້ຈິງ. ຂ້າພະເຈົ້າໄດ້ສ້າງແບບຈໍາລອງເຫຼົ່ານີ້ອອກຈາກທຸກສິ່ງທຸກຢ່າງຈາກດິນເຜົາແລະ Legos ກັບໂຟມແລະໄມ້ຖູແຂ້ວ. ມີກົດລະບຽບທີ່ສໍາຄັນຫນຶ່ງ: ສ້າງແບບຈໍາລອງໄດ້ໄວແລະລາຄາຖືກ.

ຮູບ 2.10. ການຄັດເລືອກຂະຫນາດ

ຫຼັງຈາກເລືອກຮູບຮ່າງພື້ນຖານ, ທ່ານຈໍາເປັນຕ້ອງເຮັດວຽກກ່ຽວກັບຂະຫນາດຂອງຕົວແບບແລະຂະຫນາດຂອງພາກສ່ວນແຕ່ລະຄົນ. ປົກກະຕິແລ້ວມີສອງຫຼືສາມຕົວກໍານົດການທີ່ມີຄວາມສໍາຄັນກັບ "ຄວາມຮູ້ສຶກທີ່ຖືກຕ້ອງ" ຂອງຜະລິດຕະພັນ. ໃນກໍລະນີຂອງ DipJar, ນີ້ແມ່ນຄວາມສູງຂອງກະປ໋ອງຕົວມັນເອງ, ເສັ້ນຜ່າກາງຂອງສ່ວນຫນ້າແລະເລຂາຄະນິດຂອງຊ່ອງໃສ່ນິ້ວມື. ສໍາລັບຈຸດປະສົງນີ້, ຮູບແບບທີ່ຖືກຕ້ອງກວ່າແມ່ນເຮັດດ້ວຍຄວາມແຕກຕ່າງເລັກນ້ອຍໃນພາລາມິເຕີ (ຈາກແຜ່ນແຂງແລະໂຟມ polystyrene).

ຮູບທີ 2.11. ຄວາມເຂົ້າໃຈປະສົບການຂອງຜູ້ໃຊ້

ໃນຂະຫນານກັບການພັດທະນາແບບຟອມ, ມັນມັກຈະເຫັນໄດ້ຊັດເຈນວ່າບາງປະສົບການຂອງຜູ້ໃຊ້ (UX) ຕ້ອງໄດ້ຮັບການອະທິບາຍ. ທີມງານ DipJar ພົບວ່າຄວາມເປັນໄປໄດ້ຂອງຄວາມເອື້ອເຟື້ອເພື່ອແຜ່ເພີ່ມຂຶ້ນເມື່ອຄົນຂ້າງຫນ້າຢູ່ໃນແຖວອອກຈາກປາຍ. ພວກເຮົາໄດ້ພົບເຫັນວ່າສັນຍານສຽງແລະແສງສະຫວ່າງເປັນວິທີທີ່ມີປະສິດທິພາບຫຼາຍທີ່ຈະດຶງດູດຄົນຢູ່ໃນສາຍແລະດັ່ງນັ້ນຈຶ່ງເພີ່ມຄວາມຖີ່ແລະຂະຫນາດຂອງຄໍາແນະນໍາ. ດັ່ງນັ້ນ, ພວກເຮົາໄດ້ເຮັດຫຼາຍຢ່າງທີ່ຈະເລືອກເອົາການຈັດວາງທີ່ດີທີ່ສຸດຂອງ LEDs ແລະການອອກແບບການສື່ສານໂດຍໃຊ້ແສງສະຫວ່າງ.

ຮູບ 2.12. ພາສາອອກແບບ

ທຸກໆຜະລິດຕະພັນມີ "ພາສາການອອກແບບ" ໂດຍຜ່ານທີ່ມັນສື່ສານທາງສາຍຕາຫຼືປະສົບການກັບຜູ້ໃຊ້. ສໍາລັບ DipJar, ມັນເປັນສິ່ງສໍາຄັນທີ່ຈະຖ່າຍທອດໃຫ້ຜູ້ໃຊ້ວິທີການໃສ່ບັດຢ່າງໄວວາ. ທີມງານໄດ້ໃຊ້ເວລາຫຼາຍໃນການເພີ່ມປະສິດທິພາບຂອງໂລໂກ້ບັດ (ຮູບຊ້າຍ) ເພື່ອໃຫ້ຜູ້ໃຊ້ສາມາດເຂົ້າໃຈຢ່າງຈະແຈ້ງວິທີການໃສ່ບັດຢ່າງຖືກຕ້ອງ.

ທີມງານ DipJar ຍັງໄດ້ເຮັດວຽກກ່ຽວກັບການເພີ່ມປະສິດທິພາບຂອງຮູບແບບໄຟ LED backlight. ລູກສອນສີແດງຊີ້ໄປໃສ່ໄຟ LED ອ້ອມຮອບຂອບໃບໜ້າ, ເຊິ່ງສະແດງເຖິງການກະທຳຂອງຄວາມເອື້ອເຟື້ອເພື່ອແຜ່. ລູກສອນສີຟ້າຊີ້ໃຫ້ເຫັນຜົນຂອງການສົນທະນາທີ່ຍາວນານໂດຍທີມງານ - ຄວາມສາມາດຂອງເຈົ້າຂອງທະນາຄານໃນການປ່ຽນແປງຈໍານວນທີ່ເກັບກໍາ. ຈໍສະແດງຜົນ LED ດິຈິຕອລແບບກຳນົດເອງຊ່ວຍໃຫ້ເຈົ້າຂອງ DipJar ສາມາດປ່ຽນຂະໜາດປາຍໄດ້ງ່າຍຂຶ້ນ.

ຮູບ 2.13. ສີ, ວັດສະດຸ, ສໍາເລັດຮູບ

ເພື່ອກໍານົດລັກສະນະສຸດທ້າຍຂອງຜະລິດຕະພັນຢ່າງໄວວາ, ຜູ້ອອກແບບເລືອກສີ, ວັດສະດຸແລະການສໍາເລັດຮູບ (CMF). ນີ້ມັກຈະເຮັດແບບດິຈິຕອນ (ດັ່ງທີ່ສະແດງຂ້າງເທິງ) ແລະຫຼັງຈາກນັ້ນແປເປັນຕົວຢ່າງແລະຕົວແບບທາງດ້ານຮ່າງກາຍ. DipJar ໄດ້ທົດສອບຄວາມຫລາກຫລາຍຂອງຮູບແບບຂອງກໍລະນີໂລຫະ, ສໍາເລັດຮູບ, ແລະສີພາດສະຕິກ.

ຮູບ 2.14. ການສະແດງຜົນສຸດທ້າຍ

ຜົນໄດ້ຮັບຂອງການຄັດເລືອກ CMF ເບື້ອງຕົ້ນແມ່ນຮູບແບບຜະລິດຕະພັນດິຈິຕອນທີ່ມີຄຸນນະພາບສູງ. ມັນມັກຈະປະກອບມີອົງປະກອບທັງຫມົດຈາກຂັ້ນຕອນທີ່ຜ່ານມາ: ຮູບຮ່າງ, ຂະຫນາດ, ສັນຍາລັກ, ປະສົບການຂອງຜູ້ໃຊ້ (UX), ແສງສະຫວ່າງ (LED), ສີ, ໂຄງສ້າງແລະວັດສະດຸ. ການສະແດງພາບຄຸນນະພາບສູງດັ່ງກ່າວ, ການສະແດງຜົນ, ຍັງເປັນພື້ນຖານສໍາລັບອຸປະກອນການຕະຫຼາດເກືອບທັງຫມົດ (ແມ້ແຕ່ພະເຈົ້າຂອງ Apple ກໍ່ໃຊ້ renders ສໍາລັບທຸກສິ່ງທຸກຢ່າງ).

ຮູບ 2.15. ການອອກແບບຄໍາຮ້ອງສະຫມັກເວັບໄຊຕ໌

ຖ້າຜະລິດຕະພັນຂອງທ່ານມີການໂຕ້ຕອບດິຈິຕອນ, ການສ້າງ mockups ທີ່ຖືກຕ້ອງຫຼາຍຈະເປັນປະໂຫຍດທີ່ສຸດໃນການກໍານົດປະສົບການຂອງຜູ້ໃຊ້ຂອງຜະລິດຕະພັນຂອງທ່ານ. ຊັບສິນດິຈິຕອລຫຼັກຂອງ DipJar ແມ່ນແຜງຄວບຄຸມເວັບສຳລັບເຈົ້າຂອງຮ້ານ ແລະອົງການການກຸສົນ. ຍັງມີແຜນການທີ່ຈະປ່ອຍຄໍາຮ້ອງສະຫມັກມືຖືສໍາລັບພະນັກງານແລະປະຊາຊົນອອກຈາກຄໍາແນະນໍາ.

ຮູບ 2.16. ການເລືອກການຕັ້ງຄ່າການຫຸ້ມຫໍ່

ຂັ້ນຕອນທີ່ສໍາຄັນທີ່ລືມໄດ້ງ່າຍໃນຂັ້ນຕອນຂອງການອອກແບບແມ່ນການຫຸ້ມຫໍ່. ເຖິງແມ່ນວ່າຜະລິດຕະພັນທີ່ຂ້ອນຂ້າງງ່າຍດາຍເຊັ່ນ DipJar ໄດ້ຜ່ານການພັດທະນາການຫຸ້ມຫໍ່. ໃນຮູບຢູ່ເບື້ອງຊ້າຍທ່ານສາມາດເບິ່ງສະບັບທໍາອິດຂອງການຫຸ້ມຫໍ່; ໃນຮູບດ້ານຂວາແມ່ນການຫຸ້ມຫໍ່ທີ່ຫນ້າປະທັບໃຈແລະສະຫງ່າງາມຂອງລຸ້ນທີສອງ. ການເພີ່ມປະສິດທິພາບຂອງການອອກແບບແມ່ນສ່ວນຫນຶ່ງທີ່ສໍາຄັນຂອງການສ້າງປະສົບການຂອງຜູ້ໃຊ້ໃນທາງບວກແລະການກໍານົດວັດສະດຸ.

ຮູບ 2.17. ຢ່າລືມກ່ຽວກັບການເຮັດຊ້ຳ!

ເມື່ອຕົ້ນແບບສາຍຕາທີ່ມີຄວາມຊື່ສັດສູງຖືກຜະລິດ, ພວກມັນຈະຖືກສົ່ງຄືນໃຫ້ລູກຄ້າເພື່ອທົດສອບຫຼາຍສົມມຸດຕິຖານທີ່ສ້າງຂຶ້ນໃນລະຫວ່າງການພັດທະນາ. ມັນພຽງພໍທີ່ຈະເຮັດ 2-3 ອີກຄັ້ງເພື່ອໃຫ້ໄດ້ຮູບຕົວຢ່າງທີ່ດີ.

ຮູບ 2.18. ຕົ້ນແບບສຸດທ້າຍທີ່ເບິ່ງເຫັນຢູ່ໃກ້ກັບຜະລິດຕະພັນ

ເມື່ອຂະບວນການອອກແບບສໍາເລັດແລ້ວ, ທ່ານຈະສິ້ນສຸດດ້ວຍຮູບແບບທີ່ສວຍງາມທີ່ສະແດງໃຫ້ເຫັນເຖິງຄວາມຕັ້ງໃຈຂອງການອອກແບບ, ແຕ່ບໍ່ມີຫນ້າທີ່ເຮັດວຽກ. ລູກຄ້າແລະນັກລົງທຶນຄວນຈະສາມາດເຂົ້າໃຈຜະລິດຕະພັນຂອງທ່ານໄດ້ໄວໂດຍການພົວພັນກັບຮູບແບບນີ້. ແຕ່ບໍ່ໃຫ້ລືມຄວາມສໍາຄັນຂອງການເຮັດໃຫ້ຜະລິດຕະພັນເຮັດວຽກໄດ້. ເພື່ອເຮັດສິ່ງນີ້, ເຂົ້າໄປໃນພາກທີ 3: ການກໍ່ສ້າງ.

ທ່ານ​ໄດ້​ອ່ານ​ພາກ​ສ່ວນ​ສອງ​ຂອງ​ຊຸດ​ສີ່​ພາກ​ສ່ວນ​ກ່ຽວ​ກັບ​ການ​ພັດ​ທະ​ນາ​ຜະ​ລິດ​ຕະ​ພັນ​ທາງ​ດ້ານ​ຮ່າງ​ກາຍ​. ໃຫ້ແນ່ໃຈວ່າອ່ານ ສ່ວນ 1: ການສ້າງແນວຄວາມຄິດ. ໄວໆນີ້ເຈົ້າຈະສາມາດໄປຫາພາກທີ 3: ການອອກແບບ ແລະສ່ວນທີ 4: ການກວດສອບຄວາມຖືກຕ້ອງ. ຜູ້ຂຽນ: Ben Einstein. ຕົ້ນສະບັບ ການແປທີ່ເຮັດໂດຍທີມງານ fablab ຟາບິງກາ ແລະໂຄງການ ມື.

ແຫຼ່ງຂໍ້ມູນ: www.habr.com