Touchscreens ເຮັດວຽກແຕກຕ່າງຈາກຄີບອດແລະຫມູ
ໃນຊ່ວງທໍາອິດຂອງການອອກແບບເວັບໄຊທ໌ສໍາລັບອຸປະກອນມືຖື, ຜູ້ພັດທະນາສ່ວນໃຫຍ່ bifurcated ການສະເຫນີຜະລິດຕະພັນຂອງພວກເຂົາ. ພວກເຂົາໄດ້ປ່ອຍເວີຊັນ desktop ທີ່ມີປະສິດທິພາບຢ່າງເຕັມທີ່ແລະຫຼັງຈາກນັ້ນເວີຊັ່ນ "ມືຖືທີ່ດີທີ່ສຸດ" ທີ່ເອົາອອກມາຫຼາຍທີ່ສຸດເພື່ອສ້າງຄວາມສາມາດແລະຄວາມໄວໃນເຄືອຂ່າຍຂອງໂທລະສັບເຂົ້າຫນົມອົມແລະເຄືອຂ່າຍໄຮ້ສາຍ 3G.
ໂທລະສັບສະຫຼາດທັນສະໄຫມ, ຢ່າງໃດກໍຕາມ, ສາມາດ render ຫນ້າເວັບພຽງແຕ່ເປັນປະສິດທິຜົນເປັນ PC desktop, ໂດຍຜ່ານເຄືອຂ່າຍເປັນດີຫຼືດີກ່ວາສາຍ DSL ຂອງມື້ວານນີ້.
ການອອກແບບ, ຫຼັງຈາກນັ້ນ, converges ກັບຄືນໄປບ່ອນກັບການໂຕ້ຕອບຜູ້ດຽວ. ແຕ່ຄວາມສ່ຽງສໍາລັບນັກອອກແບບບໍ່ແມ່ນວ່າໂທລະສັບສະຫຼາດຫລືແທັບເລັດບໍ່ສາມາດເຮັດໃຫ້ເວັບໄຊທ໌ຕອບສະຫນອງທີ່ທັນສະໄຫມ. ແທນທີ່ຈະ, ວິທີການຂອງຜູ້ໃຊ້ເຂົ້າໃນອຸປະກອນ touchscreen ຮຽກຮ້ອງໃຫ້ມີການປ່ຽນແປງຢ່າງມີໄນສໍາລັບການອອກແບບເວັບໄຊຕ໌ທີ່ຕິດພັນ. ວັນເວລາຂອງການກໍ່ສ້າງເວັບໄຊທ໌ສົມມຸດຜູ້ມາຢ້ຽມຢາມມີແປ້ນພິມແລະຫນູແມ່ນແລ້ວ.
Basic Touchscreen Design Rules
ການອອກແບບສໍາລັບການໂຕ້ຕອບເວັບໄຊຕ໌ທີ່ຮູ້ຈັກ touchscreen ຮຽກຮ້ອງໃຫ້ມີວິວັຖນາການຂອງວິທີການຕິດຕາມແບບເມົາ, keyboard ຂອງປະຫວັດສາດທີ່ຜ່ານມາ. ໂດຍສະເພາະ, ທ່ານຕ້ອງປະຕິບັດການພົວພັນເຊັ່ນ: gestures, taps, and multitouch input.
- Tapping ບໍ່ຖືກຕ້ອງ. ເວັ້ນເສຍແຕ່ວ່າລູກຄ້າມີນິ້ວມືຂອງເດັກນ້ອຍ, ເຖິງແມ່ນວ່າມີການຄວບຄຸມຊອບແວທີ່ຖືກຕ້ອງຫຼາຍ, ມັນອາດຈະຍາກທີ່ຈະແຕະຕ້ອງແລະຊັດເຈນ.
- ອາການທີ່ແຕກຕ່າງກັນຈາກການແຕະ. ເພື່ອເລື່ອນຫນ້າທີ່ຍາວໆໃສ່ຫນ້າຈໍສໍາພັດ, ຜູ້ໃຊ້ swipes ຫນຶ່ງນິ້ວມື ເທິງ ປ່ອງຢ້ຽມຂອງຕົວທ່ອງເວັບ. ນີ້ອາດຈະເບິ່ງຄືວ່າບໍ່ສໍາຄັນຈົນກ່ວາທ່ານຮູ້ວ່າການນໍາໃຊ້ຫນູ, ທ່ານຍ້າຍຫນູ ລົງ .
- ສອງ (ແລະຫຼາຍກວ່າ) ນິ້ວມື. ຜູ້ໃຊ້ສາມາດນໍາໃຊ້ປຸ່ມຫມວກກັນກະທົບຫຼາຍໃນອຸປະກອນໃນເວລາດຽວກັນເພື່ອຄວບຄຸມມັນ. ຜູ້ທີ່ແຕະເພີ່ມເຕີມສາມາດຫມາຍຄວາມວ່າບາງສິ່ງບາງຢ່າງສະເພາະຂຶ້ນກັບລະບົບປະຕິບັດການຂອງອຸປະກອນຂອງຜູ້ໃຊ້.
- ເຄື່ອງອຸນຫະພູມສູງ. ຫນ້າຈໍຂອງແທັບເລັດ touchscreen ສ່ວນໃຫຍ່ແມ່ນອອກຈາກແກ້ວທີ່ແຂງແຮງ. ອຸປະກອນນີ້ສາມາດຍາກທີ່ຈະອ່ານຜ່ານ, ມີຫຼາຍກັງວົນ, ໃນສະຖານະການແສງສະຫວ່າງສົດໃສ. ນອກຈາກນັ້ນ, ມີທັງຫມົດທີ່ສໍາຜັດ, ພວກເຂົາໄດ້ຮັບການ fingerprints ແລະ smudges ໃນຫນ້າຈໍທີ່ສາມາດມີຜົນກະທົບຜົນກະທົບຂອງຫນ້າເວັບຂອງທ່ານ.
- ແປ້ນພິມໃນຫນ້າຈໍ. ໃນຂະນະທີ່ຜູ້ໃຊ້ບາງຄົນມີແປ້ນພິມໄຮ້ສາຍເຂົາເຊື່ອມຕໍ່ກັບເມັດຂອງພວກເຂົາ, ຜູ້ໃຊ້ຄອມພິວເຕີສ່ວນໃຫຍ່ໃຊ້ແປ້ນພິມໃນຫນ້າຈໍສໍາລັບການເຂົ້າຂໍ້ມູນ. ການເຂົ້າ OSK ສາມາດສົ່ງຜົນກະທົບທາງລົບບາງຢ່າງທີ່ຫນ້າເສຍດາຍແລະບໍ່ສະດວກໃນການໃຊ້ເວລາດົນ.
ເນື່ອງຈາກລັກສະນະເຫຼົ່ານີ້ຂອງອຸປະກອນ, ຜູ້ອອກແບບເວັບຄວນເນັ້ນຫນັກກ່ຽວກັບກົດລະບຽບການອອກແບບພື້ນຖານສໍາລັບຜູ້ໃຊ້ touchscreen:
- ຢ່າວາງສິ່ງທີ່ສາມາດຄລິກໄດ້ເກີນໄປ. ບໍ່ມີກົດລະບຽບທີ່ມີຄວາມຫຍຸ້ງຍາກແລະໄວທີ່ກໍານົດວິທີການໃກ້ຊິດເກີນໄປ, ແຕ່ລາຍການລິ້ງຄ໌, ໂດຍສະເພາະໃນຂະຫນາດຕົວອັກສອນຂະຫນາດນ້ອຍ, ສາມາດຫາຍາກໂດຍການກົດປຸ່ມ (ແຕະ) ດ້ວຍນິ້ວມືຂອງໄຂມັນ. ມັນອາດຈະເປັນສິ່ງທີ່ຫນ້າຮໍາຄານທີ່ຈະຕ້ອງຂະຫຍາຍຢູ່ພຽງແຕ່ເພື່ອພະຍາຍາມແລະກົດການເຊື່ອມຕໍ່. ຫຼັກການນີ້ແມ່ນສໍາລັບປຸ່ມຕ່າງໆເຊັ່ນດຽວກັນກັບການເຊື່ອມຕໍ່.
- ລະດັບພູມສັນຖານສາມາດຍາກທີ່ຈະຮັກສາເປີດ. ຫນຶ່ງໃນຮູບແບບຂອງ ແບບເຄື່ອນໄຫວທີ່ ໃຊ້ ແບບງ່າຍໆ ໃຊ້ JavaScript ເພື່ອເປີດເມນູຍ່ອຍເມື່ອຜູ້ໃຊ້ກົດແລະຫຼັງຈາກນັ້ນກົດເມົາຜ່ານເມນູຍ່ອຍ. ບັນດາປະເທດເຫຼົ່ານີ້ສາມາດມີຄວາມຫຍຸ້ງຍາກຫຼາຍຫຼືບໍ່ສາມາດນໍາໃຊ້ໃນຫນ້າຈໍສໍາພັດເພາະວ່າພວກເຂົາບໍ່ຢູ່ລອດຫຼືຈະບໍ່ປິດ.
- ຍ້າຍລິ້ງຄ໌ແລະພື້ນທີ່ທີ່ຄລິກໃສ່ຢູ່ຫ່າງຈາກແຂນຂວາຂອງປ່ອງຢ້ຽມ. ຄົນສ່ວນໃຫຍ່ແມ່ນຂວາມືແລະມີແນວໂນ້ມທີ່ຈະເລື່ອນລົງໃນດ້ານຂ້າງຂອງຫນ້າຈໍ. ນັບຕັ້ງແຕ່ການເລື່ອນໄດ້ຖືກເຮັດດ້ວຍການກະທໍາ, ບາງຄັ້ງມັນກໍ່ເປັນໄປໄດ້ທີ່ຈະເລີ່ມ swipe ໃນການເຊື່ອມຕໍ່ໂດຍຜິດພາດ. ຜູ້ໃຊ້ສາມາດໄດ້ຮັບຄວາມຫຍຸ້ງຍາກຖ້າຫາກວ່າພວກເຂົາຕ້ອງການທີ່ຈະເລື່ອນລົງໃນຫນ້າແລະແທນທີ່ຈະສິ້ນສຸດການນໍາໃຊ້ການເຊື່ອມຕໍ່ໂດຍບັງເອີນ. ໂດຍການຍ້າຍການເຊື່ອມຕໍ່ຂອງທ່ານຫ່າງຈາກເບື້ອງຂວາ, ທ່ານສາມາດຊ່ວຍໃຫ້ພວກເຂົາຫລີກລ່ຽງຄວາມບໍ່ສະດວກ.
- ມີຫນູບໍ່ມີ. ແລະນີ້ຫມາຍຄວາມວ່າບໍ່ມີ ຕົວຊີ້ເມົາ . ທ່ານບໍ່ຄວນອີງໃສ່ຕົວຊີ້ຂອງຫນູທີ່ຈະປ່ຽນແປງເພື່ອຊີ້ບອກວ່າບາງສິ່ງບາງຢ່າງແມ່ນ clickable.
- ປະເທດ Hover ບໍ່ມີ. ເປັນ corollary ກັບຂ້າງເທິງ, ນັບຕັ້ງແຕ່ບໍ່ມີຫນູ, ບໍ່ມີຫຍັງທີ່ຈະ hover ກັບ. ການເຊື່ອມຕໍ່ແມ່ນການຄລິກໃສ່ (ໃຊ້) ຫຼືບໍ່ຢູ່ໃນອຸປະກອນ touchscreen, ດັ່ງນັ້ນຜູ້ໃຊ້ບໍ່ສາມາດ infer ຂໍ້ມູນທີ່ເປັນປະໂຫຍດຈາກສະຖານະການ hover ເຊັ່ນການປ່ຽນແປງສີ, ຄໍາແນະນໍາຂອງເຄື່ອງມືຫຼືການປ່ຽນແປງແຖບສະຖານະພາບ.
- ພື້ນຫລັງສີດໍາຊ່ວຍເພີ່ມຄວາມຫລູຫລາ. ເວັບໄຊທີ່ມີພື້ນຫລັງສີດໍາສາມາດຍາກຫຼາຍທີ່ຈະອ່ານໃນອຸປະກອນ touchscreen ເພາະວ່າມັນມີຄວາມແປກໃຈ. ສີດໍາເຮັດໃຫ້ fingerprints ໃນອຸປະກອນສະແດງໃຫ້ເຫັນເຖິງຊັດເຈນ, ເຮັດໃຫ້ຫນ້າຈໍຫນ້າຈໍຟື້ນຕົວ. ແລະສີດໍາສາມາດເຮັດໃຫ້ຫນ້າຈໍເປັນກະຈົກທີ່ສະທ້ອນໃຫ້ກັບຜູ້ຊົມໃຊ້ປະເຊີນຫນ້າເລື້ອຍກວ່າຂໍ້ຄວາມເທິງຫນ້າຈໍ.
- ຂໍ້ກໍານົດທີ່ຍາວນານຂອງຂໍ້ຄວາມແມ່ນມີຄວາມຫຍຸ້ງຍາກໃນການຂຽນ. ໃນຂະນະທີ່ມັນສາມາດຂຽນປຶ້ມທັງຫມົດໃນ iPad ຫຼືແທັບເລັດ Android ຫຼື Windows, ຄົນສ່ວນໃຫຍ່ບໍ່ມັກໃຊ້ແປ້ນພິມໃນຫນ້າຈໍສໍາລັບຂໍ້ຄວາມທີ່ຍາວນານ. ການອອກແບບຂອງທ່ານຫລາຍຂຶ້ນສາມາດເຮັດໃຫ້ຂໍ້ມູນເຂົ້າສູ່ໄລຍະສັ້ນແລະງ່າຍທີ່ສຸດ, ທີ່ດີກວ່າ.
ລັກສະນະທີ່ສໍາຄັນທີ່ສຸດຂອງການອອກແບບທີ່ມີ touchscreens ໃນໃຈແມ່ນການ ທົດສອບຫນ້າເວັບຕ່າງໆ ໃນອຸປະກອນ touchscreen . ໃນຂະນະທີ່ມີຈໍານວນຈໍານວນ iPad ແລະ Android emulators ມີ, ແລະມີຈໍານວນເມັດ Windows, ພວກເຂົາຍັງບໍ່ມີຄວາມຮູ້ສຶກກ່ຽວກັບ touchscreen. ທ່ານບໍ່ສາມາດບອກໄດ້ວ່າລິ້ງຄ໌ທີ່ໃກ້ຊິດເກີນໄປຫຼືວ່າປຸ່ມນ້ອຍເກີນໄປ - ຫຼືວ່າການເຮັດໃຫ້ຫນ້າກັງວົນເຮັດໃຫ້ຫນ້າເວັບຍາກເກີນໄປທີ່ຈະອ່ານ - ເວັ້ນເສຍແຕ່ວ່າທ່ານອອກຈາກແທັບເລັດແລະລອງອອກ ກ່ອນທີ່ ທ່ານຈະອອກແບບເວັບໄຊທ໌ໃຫມ່ຂອງທ່ານ.