ສາລະບານ
ໜຶ່ງໃນທິດສະດີຈິດຕະວິທະຍາທີ່ມີອິດທິພົນທີ່ສຸດໃນຂົງເຂດ UX ແລະການອອກແບບການໂຕ້ຕອບແມ່ນທິດສະດີ Gestalt. ທິດສະດີໄດ້ຖືກສ້າງຕັ້ງຂຶ້ນໂດຍນັກຈິດຕະສາດເຍຍລະມັນແລະຄໍາວ່າ "Gestalt" ຫມາຍຄວາມວ່າ ຮູບແບບ ຫຼື ຮູບຮ່າງ ໃນພາສາເຢຍລະມັນ. ດັ່ງທີ່ຊື່ຫມາຍເຖິງ, ແນວຄວາມຄິດທີ່ຢູ່ເບື້ອງຫລັງຫຼັກການ Gestalt ແມ່ນວ່າມະນຸດຮັບຮູ້ກຸ່ມຂອງວັດຖຸເປັນຮູບແບບແທນທີ່ຈະເປັນວັດຖຸສ່ວນບຸກຄົນ. ນຳໃຊ້ພວກມັນໃນວຽກຂອງເຈົ້າໃນຖານະຜູ້ອອກແບບ UX/UI. ບົດຄວາມນີ້ຈະໃຫ້ຄວາມຄິດບາງຢ່າງກ່ຽວກັບວິທີໃຊ້ຫຼັກການ Gestalt ເພື່ອສ້າງ UX ແລະ UI ການອອກແບບທີ່ດີກວ່າທີ່ຈະຊ່ວຍໃຫ້ຜູ້ຄົນບັນລຸເປົ້າໝາຍຂອງເຂົາເຈົ້າດ້ວຍຄວາມພະຍາຍາມໜ້ອຍລົງ.
ເບິ່ງ_ນຳ: ວິທີການແຕ້ມຜົມກົດໝາຍຄວາມຄ້າຍຄືກັນ <1
ຫຼັກການຂອງຄວາມຄ້າຍຄືກັນກ່າວວ່າເມື່ອວັດຖຸມີຄວາມຄ້າຍຄືກັນທາງກາຍຍະພາບພວກເຮົາມັກຈະ ຈັດກຸ່ມພວກມັນເຂົ້າກັນ ແລະສົມມຸດວ່າພວກມັນມີ ຟັງຊັນດຽວກັນ . ຕົວຢ່າງ, ໃນຮູບຂ້າງລຸ່ມນີ້ມັນງ່າຍທີ່ຈະຈໍາແນກເສັ້ນທີ່ມີວົງສີແດງ burgundy ຈາກສ່ວນທີ່ເຫຼືອຂອງຮູບເນື່ອງຈາກສີທີ່ແຕກຕ່າງກັນຂອງມັນ.
ຕົວຢ່າງຂອງຫຼັກການຄວາມຄ້າຍຄືກັນ. ຮູບພາບໂດຍຜູ້ຂຽນ.
ການນໍາໃຊ້ຄວາມຄ້າຍຄືກັນໃນ UX ແລະການອອກແບບ UI
ລອງນຶກພາບວ່າບໍລິສັດຂອງທ່ານໄດ້ພັດທະນາ. app ທີ່ມີຊື່ວ່າ "Il Mio Chef" ທີ່ຖືກນໍາໃຊ້ໂດຍຜູ້ຮັກອາຫານອິຕາລີໃນທົ່ວສະຫະລັດແລະການາດາ (ພວກເຮົາຈະນໍາໃຊ້ມັນສໍາລັບການ.ສ່ວນທີ່ເຫຼືອຂອງບົດຄວາມນີ້). ບົດລາຍງານທີ່ຜ່ານມາຂອງນັກຄົ້ນຄວ້າ UX ຂອງທ່ານໄດ້ມອບໃຫ້ທ່ານກ່າວວ່າເມື່ອເວົ້າເຖິງການສັ່ງອາຫານອີຕາລີ, ຜູ້ໃຊ້ສ່ວນໃຫຍ່ສົນໃຈວ່າຮ້ານອາຫານໃດແມ່ນຮ້ານອາຫານທີ່ໃກ້ຄຽງທີ່ສຸດ. ຫຼັງຈາກທີ່ທັງຫມົດ, ພວກເຮົາທຸກຄົນຕ້ອງການທີ່ຈະມີລາຊາກນາຫຼື pizza ຂອງພວກເຮົາສົ່ງໃນຂະນະທີ່ມັນຍັງສົດແລະອົບອຸ່ນ, ບໍ່ແມ່ນບໍ?
ເພື່ອເຮັດໃຫ້ມັນງ່າຍທີ່ຈະຊ່ວຍໃຫ້ຜູ້ໃຊ້ app ຂອງພວກເຮົາເຫັນວ່າຮ້ານອາຫານໃດຢູ່ໃກ້ກັບເຂົາເຈົ້າຫຼາຍທີ່ສຸດພວກເຮົາ. ສາມາດໃຊ້ຫຼັກການຂອງຄວາມຄ້າຍຄືກັນໂດຍການເນັ້ນໃສ່ຮ້ານອາຫານເຫຼົ່ານີ້ຢູ່ໃນ UI. ໃນຮູບຂ້າງລຸ່ມນີ້ທ່ານສາມາດເຫັນໄດ້ວ່າການເນັ້ນທາງເລືອກເຫຼົ່ານີ້ເປັນສີເຫຼືອງ (ເບື້ອງຂວາ) ເຮັດໃຫ້ມີຄວາມແຕກຕ່າງຢ່າງຫຼວງຫຼາຍໂດຍການເນັ້ນຫນັກໃສ່ຄວາມແຕກຕ່າງກັນລະຫວ່າງຮ້ານອາຫານທີ່ໃກ້ທີ່ສຸດແລະຮ້ານອາຫານທີ່ຢູ່ຫ່າງໄກ. ນີ້ແມ່ນວິທີທີ່ທ່ານສາມາດນໍາໃຊ້ຫຼັກການຂອງຄວາມຄ້າຍຄືກັນເພື່ອຊ່ວຍໃຫ້ຜູ້ໃຊ້ຂອງທ່ານຊອກຫາສິ່ງທີ່ເຂົາເຈົ້າຊອກຫາຢ່າງໄວວາ.
ເບິ່ງ_ນຳ: 16 ຫລັກສູດພາບປະກອບທີ່ເຈົ້າສາມາດຮຽນອອນໄລນ໌ໄດ້ການນໍາໃຊ້ຫຼັກການ Gestalt ຂອງຄວາມຄ້າຍຄືກັນ. ຮູບພາບໂດຍຜູ້ຂຽນ.
ກົດໝາຍວ່າດ້ວຍຄວາມໃກ້ຊິດ
ຫຼັກການຂອງ Proximity ລະບຸວ່າວັດຖຸທີ່ຕັ້ງຢູ່ໃກ້ກັນ ປະກົດວ່າມີຫຼາຍ ກ່ຽວຂ້ອງ ຫຼາຍກວ່າວັດຖຸທີ່ມີໄລຍະຫ່າງຫ່າງກັນ. ຕົວຢ່າງ, ຮູບທໍາອິດແລະຮູບທີສອງມີຈໍານວນວົງດຽວກັນຢູ່ໃນພວກມັນ. ຢ່າງໃດກໍຕາມ, ໃນຮູບທີສອງ, ບາງຄໍລໍາແມ່ນໃກ້ຊິດກັບກັນແລະກັນແລະສ້າງຄວາມປະທັບໃຈຂອງການມີສາມກຸ່ມທີ່ແຕກຕ່າງກັນແທນທີ່ຈະເປັນກຸ່ມໃຫຍ່.
ຄວາມໃກ້ຊິດ - ຕົວຢ່າງ 1 - ກຸ່ມໃຫຍ່. ຮູບພາບໂດຍຜູ້ຂຽນ.
ຄວາມໃກ້ຄຽງ - ຕົວຢ່າງ 2 - ສາມກຸ່ມທີ່ແຕກຕ່າງກັນ. ຮູບພາບໂດຍຜູ້ຂຽນ.
ການໃຊ້ Proximity ໃນ UX ແລະການອອກແບບ UI
ໃຫ້ພວກເຮົາເອົາຕົວຢ່າງຈາກພາກສະຫນາມ ການສະແດງພາບຂໍ້ມູນ.
ເທື່ອນີ້, ໃຫ້ລອງຈິນຕະນາການວ່າເຈົ້າເປັນຜູ່ບໍລິຫານທີ່ຕ້ອງການເບິ່ງວ່າແອັບ “Il Mio Chef” ເຮັດວຽກແນວໃດ. ທ່ານຕ້ອງການເບິ່ງ KPIs ທີ່ວັດແທກການປະຕິບັດທາງດ້ານການເງິນ, ການມີສ່ວນຮ່ວມຂອງຜູ້ໃຊ້ແລະຄວາມພໍໃຈ. ໃນຕອນທໍາອິດ, ຜູ້ຊ່ຽວຊານດ້ານການເບິ່ງເຫັນຂໍ້ມູນຂອງທ່ານສ້າງ dashboard ຂ້າງລຸ່ມນີ້ທີ່ເຮັດໃຫ້ເຈົ້າແລະຜູ້ບໍລິຫານອື່ນໆທັງຫມົດສູນເສຍຕົວເລກແລະຖາມຄໍາຖາມຫຼາຍຂຶ້ນ. ຫຼັງຈາກຫນຶ່ງເດືອນຫຼາຍທ່ານພຽງແຕ່ຢຸດເຊົາການນໍາໃຊ້ dashboard ນີ້ທັງຫມົດ.
ແຜງໜ້າປັດ KPI - Il Mio Chef. ຮູບພາບໂດຍຜູ້ຂຽນ.
ໃນຈຸດນີ້, ທ່ານກັບຄືນໄປຫາຜູ້ຊ່ຽວຊານດ້ານການເບິ່ງເຫັນຂໍ້ມູນຂອງທ່ານແລະຂໍໃຫ້ນາງເຮັດໃຫ້ມັນງ່າຍຂຶ້ນສໍາລັບຄົນທີ່ຈະເຂົ້າໃຈຮູບພາບໃຫຍ່ໂດຍການອອກແບບ dashboard ໃຫມ່. ຫຼັກການຂອງຄວາມໃກ້ຊິດແມ່ນມີປະໂຫຍດໃນກໍລະນີນີ້, ແລະທ່ານສາມາດເບິ່ງການອອກແບບໃຫມ່ຂ້າງລຸ່ມນີ້. ມັນມີສາມກຸ່ມແບ່ງອອກຕາມປະເພດຂອງ KPI ແລະມັນຊ່ວຍໃຫ້ທຸກຄົນເຂົ້າໃຈວ່າ app ເຮັດວຽກແນວໃດໃນແງ່ຂອງການປະຕິບັດທາງດ້ານການເງິນ, ການມີສ່ວນພົວພັນແລະຄວາມພໍໃຈ. ການຈັດກຸ່ມວັດຖຸເຂົ້າກັນ ແລະ ການໃຊ້ພື້ນທີ່ສີຂາວຫຼາຍຂື້ນລະຫວ່າງກຸ່ມສາມາດຊ່ວຍໃຫ້ຜູ້ໃຊ້ຂອງທ່ານຍ່ອຍຂໍ້ມູນໄດ້ໄວຂຶ້ນ.
ການໃຊ້ຫຼັກການ Gestalt ຂອງຄວາມໃກ້ຊິດໃນການອອກແບບ dashboard. ຮູບພາບໂດຍຜູ້ຂຽນ.
The Law OfContinuity
ຫຼັກການຂອງ Continuity ບອກວ່າເມື່ອຕາເລີ່ມຕິດຕາມວັດຖຸໃດໜຶ່ງ, ມັນຈະສືບຕໍ່ໄປຕາມ “ການເຄື່ອນໄຫວ” ໃນທິດທາງນັ້ນຈົນກວ່າມັນຈະພົບກັບວັດຖຸອື່ນ. ການເຄື່ອນໄຫວນີ້ຊ່ວຍໃຫ້ພວກເຮົາຮັບຮູ້ວັດຖຸເປັນສ່ວນຫນຶ່ງຂອງເສັ້ນທາງດຽວກັນທີ່ພວກເຮົາຕ້ອງຜ່ານເພື່ອຊອກຫາຂໍ້ມູນ. ຮູບພາບຂ້າງລຸ່ມນີ້ສະແດງໃຫ້ເຫັນວິທີທີ່ພວກເຮົາສາມາດນໍາໃຊ້ຫຼັກການຕໍ່ເນື່ອງເພື່ອສ້າງຮູບແບບສາຍຕາທີ່ນໍາພາຕາໃນທິດທາງສະເພາະໃດຫນຶ່ງ.
ຕົວຢ່າງຂອງຫຼັກການຕໍ່ເນື່ອງ. ຮູບພາບໂດຍຜູ້ຂຽນ.
ການໃຊ້ຄວາມຕໍ່ເນື່ອງໃນ UX ແລະການອອກແບບ UI
ນັກຄົ້ນຄວ້າ UX ຂອງທ່ານໄດ້ນຳສະເໜີບົດລາຍງານໃໝ່ທີ່ສະແດງໃຫ້ເຫັນວ່າ ວ່າແຮງຈູງໃຈຕົ້ນຕໍສໍາລັບຜູ້ໃຊ້ທີ່ຈະໃຊ້ app "Il Mio Chef" ແມ່ນການຂຸດຄົ້ນອາຫານ, ເນື່ອງຈາກວ່າມັນອະນຸຍາດໃຫ້ພວກເຂົາເຂົ້າເຖິງຮ້ານອາຫານ Italian ໃຫມ່ທຸກໆອາທິດ. ເຈົ້າເບິ່ງເມຕຣິກທີ່ສະແດງວ່າມີຄົນປັດຜ່ານຕົວເລືອກຂອງເຂົາເຈົ້າຈັກເທື່ອດ້ວຍການອອກແບບ UI ປະຈຸບັນໃນຮູບຂ້າງລຸ່ມນີ້ (ດ້ານຊ້າຍ) ແລະເຫັນວ່າເຂົາເຈົ້າບໍ່ເຄີຍປັດຫຼາຍກວ່າສອງເທື່ອໂດຍສະເລ່ຍເພື່ອເບິ່ງວ່າມີທາງເລືອກໃດແດ່ທີ່ມີໃຫ້ເຂົາເຈົ້າ.
ການນໍາໃຊ້ຫຼັກການຂອງການຕໍ່ເນື່ອງ (ດ້ານຂວາໃນຮູບຂ້າງລຸ່ມນີ້) ຜູ້ອອກແບບ UX ຂອງທ່ານໄດ້ຊ່ວຍເພີ່ມຈໍານວນນັ້ນເປັນປະມານ 10 swipes ໂດຍສະເລ່ຍ. ມັນເກີດຂຶ້ນໄດ້ແນວໃດ? ໂດຍການເຊື່ອງບາງສ່ວນຂອງຮູບພາບແລະເນັ້ນໃສ່ຄວາມຈິງທີ່ວ່າທ່ານຈໍາເປັນຕ້ອງຮູດຊ້າຍຫຼືຂວາເພື່ອເບິ່ງສິ່ງທີ່ຢູ່ໃນນັ້ນຕາຂອງຜູ້ໃຊ້ຂອງທ່ານໄດ້ຖືກນໍາພາເພື່ອສ້າງການເຄື່ອນໄຫວ "swipe" ຢ່າງແທ້ຈິງແລະມີຫຼາຍ.ກະຕຸ້ນໃຫ້ສຳຫຼວດຮ້ານອາຫານຫຼາຍຂຶ້ນ ແລະສິ່ງທີ່ເຂົາເຈົ້າສະເໜີໃຫ້. ນີ້ແມ່ນບາງສິ່ງບາງຢ່າງ ການອອກແບບກ່ອນໜ້ານີ້ບໍ່ໄດ້ກະຕຸ້ນເຈົ້າໃຫ້ເຮັດເລີຍ, ເຖິງແມ່ນວ່າເຈົ້າມີແຮງຈູງໃຈໂດຍພື້ນຖານແລ້ວໃຫ້ເຮັດແນວນັ້ນກໍຕາມ.
ການໃຊ້ຫຼັກການ Gestalt ຂອງຄວາມຕໍ່ເນື່ອງໃນການອອກແບບ UX/UI. ຮູບພາບໂດຍຜູ້ຂຽນ.
ເພື່ອສະຫຼຸບ , ການນໍາໃຊ້ຫຼັກການ Gestalt ທີ່ນໍາສະເຫນີໃນບົດຄວາມນີ້ໃນການອອກແບບ UX ແລະ UI ຂອງທ່ານສາມາດຊ່ວຍໃຫ້ຜູ້ໃຊ້ຂອງທ່ານຊອກຫາຂໍ້ມູນໄວຂຶ້ນແລະຍ່ອຍໄດ້ດີຂຶ້ນ. ມັນ. ນອກຈາກນັ້ນ, ມັນສາມາດເພີ່ມຄວາມພໍໃຈຂອງເຂົາເຈົ້າກັບຜະລິດຕະພັນຂອງເຈົ້າໂດຍການກະຕຸ້ນໃຫ້ເຂົາເຈົ້າເຮັດສິ່ງທີ່ເຂົາເຈົ້າຮັກທີ່ສຸດ.
ໜ້າປົກລວມມີງານສິລະປະໂດຍ Miklos Philips, ແກ້ໄຂໃນ Vectornator.