ເນື້ອຫາ
- 1. ຢ່າ ໝາຍ ເຄື່ອງ ໝາຍ ທີ່ ຈຳ ເປັນ
- 2. ຢ່າໃຊ້ເຄື່ອງປັ່ນປ່ວນ
- 3. ມີປຸ່ມດຽວຫຼືດີກວ່າຍັງມີພຽງປຸ່ມດຽວຕໍ່ແບບຟອມ
- 4. ທົ່ງໄຮ່ທົ່ງນາ
- 5. ຄິດວ່າເປັນຫຍັງທ່ານຈິ່ງຖາມບາງສິ່ງບາງຢ່າງແລະມັນຮູ້ສຶກແນວໃດຕໍ່ຜູ້ໃຊ້
- 6. ວັນທີ່ມີອາຍຸນ້ອຍ
- 7. ແບບຟອມຕ່າງໆເປັນຫັດຖະ ກຳ ຂອງນັກພັດທະນາ
- 8. ຢ່າໃຊ້ຖັນໃນຮູບແບບຕ່າງໆ
- 9. ຢ່າໃຊ້ສອງດ້ານໃນເວລາທີ່ ໜຶ່ງ ຈະເຮັດ
- 10. ງາມ
ແບບຟອມ, ບໍ່ມີສິ່ງໃດທີ່ນັກອອກແບບຫຼາຍຄົນກຽດຊັງຫຼາຍກວ່າແບບຟອມ. ພວກເຂົາບໍ່ ຈຳ ເປັນຕ້ອງ ນຳ ເອົາຄວາມຄິດສ້າງສັນອອກມາ, ຫລືມັນບໍ່? ບາງທີມັນແມ່ນເວລາທີ່ພວກເຮົາໄດ້ເບິ່ງແບບຟອມອີກເທື່ອ ໜຶ່ງ ແລະເຂົ້າໃຈວ່າແບບຟອມ, ແມ່ນພື້ນຖານທີ່ສຸດ, ແມ່ນການສົນທະນາລະຫວ່າງຜູ້ໃຊ້ແລະຊອບແວ.
ລືມຈຸດແລະກົດ, ຮູບແບບຕ່າງໆສະແດງເຖິງການໂຕ້ຕອບທີ່ລ້ ຳ ລວຍທີ່ພວກເຮົາເປັນຜູ້ອອກແບບດີຈີຕອລ. ໃນເວລາຕໍ່ໄປແບບຟອມມາຮອດທາງຂອງທ່ານຢ່າຄິດວ່າມັນເປັນພຽງແຕ່ການ ນຳ ໃຊ້ຜົນກະທົບ CSS ທີ່ດີຫລືເພີ່ມ jQuery ທີ່ຈະເລີນຮຸ່ງເຮືອງ. ຮູບແບບການອອກແບບມີຄວາມເລິກຫຼາຍກວ່າເກົ່າ.
ຂ້າພະເຈົ້າໄດ້ທົດລອງໃຊ້ຫລາຍຮ້ອຍຮູບແບບແລະອອກແບບບາງຮູບແບບທີ່ຊັບຊ້ອນໃຫ້ກັບບໍລິສັດປະກັນໄພ, ຕິດຕໍ່ພົວພັນການຈອງວັນພັກແລະອີກຫລາຍໆຢ່າງ. ທ່ານໄດ້ໃຊ້ໂອກາດ ໜຶ່ງ ໃນແບບຟອມຂອງຂ້ອຍໃນສອງສາມເດືອນຜ່ານມານີ້.
ນີ້ແມ່ນບົດຮຽນທີ່ຂ້ອຍປາດຖະຫນາທີ່ຂ້ອຍໄດ້ຮຽນຮູ້ກ່ອນທີ່ຂ້ອຍຈະອອກແບບຮູບແບບຕ່າງໆ.
1. ຢ່າ ໝາຍ ເຄື່ອງ ໝາຍ ທີ່ ຈຳ ເປັນ
ເຈົ້າຮູ້ຈັກດາວນ້ອຍໆທີ່ ໝາຍ ເຖິງພາກສະ ໜາມ ທີ່ບັງຄັບບໍ? ຂ້ອຍເຫັນວ່າມັນລົ້ມເຫລວຫລາຍຄັ້ງໃນການທົດສອບຜູ້ໃຊ້. ໃນຖານະເປັນແນວຄິດ, ຂົງເຂດທີ່ບັງຄັບໃຊ້ບໍ່ມີຄວາມ ໝາຍ ຫຼາຍ, ມັນບໍ່ມີຂອບເຂດທຽບເທົ່າອອບໄລນ໌. ພວກມັນດີເລີດ ສຳ ລັບນັກພັດທະນາເພາະວ່າພວກເຂົາສະ ເໜີ ວິທີການ ດຳ ທີ່ດີແລະຂາວ ສຳ ລັບການເຮັດ ສຳ ເລັດ. ສະ ໜາມ ດາວແລະພາກບັງຄັບລົ້ມເຫລວລົ້ມເຫລວເພາະມັນເປັນພຶດຕິ ກຳ ທີ່ຮຽນຮູ້. ພຶດຕິ ກຳ ແບບ ທຳ ມະດາທີ່ຂ້ອຍໄດ້ເຫັນໃນການທົດສອບຜູ້ໃຊ້ແມ່ນຜູ້ໃຊ້ປະກອບແບບຟອມຢູ່ທາງເທິງແລະຈົບລົງທັງໃນເວລາທີ່ມີບາງສິ່ງບາງຢ່າງທີ່ຈະຢຸດພວກເຂົາຫລືພວກເຂົາກົດປຸ່ມ.
ວິທີແກ້ໄຂແມ່ນງ່າຍດາຍ, ໝາຍ ໃສ່ບ່ອນທີ່ເປັນທາງເລືອກ, ໝາຍ ສະຖານທີ່ທີ່ຜູ້ໃຊ້ງາມຂອງພວກເຮົາຕ້ອງຢຸດແລະຄິດຫາຖ້າພວກເຂົາຕ້ອງການເຮັດພາກສະ ໜາມ ນັ້ນໃຫ້ ສຳ ເລັດ.
2. ຢ່າໃຊ້ເຄື່ອງປັ່ນປ່ວນ
HTML5 ແມ່ນສະຫງ່າງາມບໍ່ແມ່ນບໍ? ມັນສະ ໜອງ ບັນດາເຄື່ອງມືເຫຼື້ອມ ໃໝ່ ທີ່ ໜ້າ ຕື່ນເຕັ້ນທີ່ຈະຫລິ້ນກັບ. ພວກເຮົາຕ້ອງຄິດກ່ຽວກັບຄວາມ ເໝາະ ສົມຂອງເຄື່ອງຫຼີ້ນ ໃໝ່ ຂອງພວກເຮົາ. ປະຈຸບັນພາກສະ ໜາມ ໝາຍ ເລກລູກສອນຂຶ້ນແລະລົງເລັກນ້ອຍເພື່ອໃຫ້ຜູ້ໃຊ້ສາມາດຜ່ານຮອບຕົວເລກໄດ້.
ມີສອງບັນຫາຢູ່ທີ່ນີ້. ຫນ້າທໍາອິດການສະແດງຕົວທ່ອງເວັບໃນຕອນຕົ້ນຂອງລູກສອນເຮັດໃຫ້ພວກເຂົາມີຂະຫນາດນ້ອຍແທ້ໆ. ເວົ້າງ່າຍໆທີ່ກົດແລະໄຂມັນທີ່ຖືກນິ້ວມືລະຫວ່າງພວກເຮົາ ກຳ ລັງຈະສູ້ກັບ iPhone. ມັນຖືກເອີ້ນວ່າກົດ ໝາຍ ຂອງ Fitt, ສິ່ງທີ່ນ້ອຍກວ່າມັນຍາກທີ່ຈະກົດມັນ.
ແຕ່ຂ້ອຍໄດ້ຍິນເຈົ້າຮ້ອງເຈົ້າພຽງແຕ່ສາມາດພິມຕົວເລກໂດຍກົງໃສ່ພາກສະ ໜາມ. ແມ່ນແລ້ວ, ທ່ານສາມາດເບິ່ງໄດ້, ແຕ່ເບິ່ງທີ່ຈໍສະແດງຜົນຂອງ browser, ລູກສອນ spinner ຂຶ້ນ / ລົງຄ້າຍກັບ ໝູ່ ທີ່ເລືອກໄວ້ວາງໃຈຂອງພວກເຮົາໃນກ່ອງເລືອກ. ຜູ້ໃຊ້ທີ່ ນຳ ສະ ເໜີ spinner ເປັນຄັ້ງ ທຳ ອິດແມ່ນຈະຖືວ່າມັນຄ້າຍກັບກ່ອງທີ່ເລືອກໄວ້, ເຊິ່ງພວກມັນບໍ່ສາມາດພິມໃສ່ມັນໄດ້.
ຄຳ ແນະ ນຳ ຂອງຂ້ອຍແມ່ນການຊີ້ ນຳ ທີ່ຈະແຈ້ງຈົນກ່ວາພວກມັນກາຍເປັນສະຖານທີ່ ທຳ ມະດາຫລືນັກພັດທະນາໂປຣແກຣມທ່ອງເວັບຈັດຮຽງການອອກແບບເບື້ອງຕົ້ນ.
3. ມີປຸ່ມດຽວຫຼືດີກວ່າຍັງມີພຽງປຸ່ມດຽວຕໍ່ແບບຟອມ
ມີຫຼັກການກ່ຽວກັບຈິດຕະສາດທີ່ຮູ້ຈັກກັນ ໜ້ອຍ ໜຶ່ງ ທີ່ເອີ້ນວ່າກົດ ໝາຍ Hick's. ກົດ ໝາຍ Hick ກ່າວວ່າມີຫຼາຍທາງເລືອກທີ່ພວກເຮົາໄດ້ຮັບການສະ ເໜີ ໃຫ້ຍາກກວ່າເກົ່າໃນການເລືອກ. ບໍ່ແມ່ນວິທະຍາສາດບັ້ງໄຟທີ່ຂ້ອຍຮູ້, ແຕ່ເປັນກົດລະບຽບທີ່ຄຸ້ມຄ່າ.
ທ່ານສາມາດຊ່ວຍຜູ້ໃຊ້ທີ່ງາມຂອງທ່ານໂດຍການຊ່ວຍພວກເຂົາເລືອກ. ໂດຍການເຮັດໃຫ້ປຸ່ມປະຖົມທັງ ໝົດ ມີສີ ໜຶ່ງ ສີ, ແລະມີພຽງແຕ່ ໜຶ່ງ ໃນນັ້ນຕໍ່ ໜ້າ ເຮັດໃຫ້ການເລືອກງ່າຍຂື້ນ. ປຸ່ມໃດທີ່ຂ້ອຍຄວນຕີ? ໂອ້, ມັນງ່າຍ, ມັນເປັນສີທີ່ໃຫຍ່.
4. ທົ່ງໄຮ່ທົ່ງນາ
ຂ້ອຍໄດ້ສຶກສາກ່ຽວກັບໂລກປະສາດໃນສະ ໄໝ ກ່ອນແລະດັ່ງນັ້ນຂ້ອຍໄດ້ສຶກສາກ່ຽວກັບຈິດຕະສາດຂອງຄວາມຊົງ ຈຳ - ໂດຍສະເພາະໄລຍະສັ້ນຫລືຄວາມຊົງ ຈຳ ທີ່ເຮັດວຽກ. ດຽວນີ້ກ່ອນທີ່ທ່ານຈະເວົ້າ; ບໍ່, ຄວາມສາມາດໃນຄວາມຊົງ ຈຳ ໃນໄລຍະສັ້ນບໍ່ແມ່ນ 7 +/- 2, 4 +/- 1 ຫລືໃນມະນຸດເວົ້າສາມຫາຫ້າຄອກ. ພວກເຮົາໃນຖານະທີ່ມະນຸດເປັນຜູ້ທີ່ຍິ່ງໃຫຍ່ໃນການປະເມີນຜົນກະຕຸ້ນທາງສາຍຕາ, ຂໍ້ ຈຳ ກັດແມ່ນພວກເຮົາດີຂື້ນເມື່ອ ຈຳ ນວນນ້ອຍລົງ. ການຖິ້ມແບບຟອມເຂົ້າໄປໃນກຸ່ມນ້ອຍໆເຮັດໃຫ້ການປະເມີນຜົນງ່າຍຂຶ້ນ, ເພາະວ່າສິ່ງທີ່ຜູ້ໃຊ້ຕ້ອງໄດ້ໃສ່ເຂົ້າໄປໃນແບບຟອມແມ່ນມາຈາກຄວາມຊົງ ຈຳ ຂອງພວກເຂົາ.
ໃຫ້ແນ່ໃຈວ່າກຸ່ມຂອງທ່ານມີຄວາມຍາວປະມານສີ່ໂຕ.
5. ຄິດວ່າເປັນຫຍັງທ່ານຈິ່ງຖາມບາງສິ່ງບາງຢ່າງແລະມັນຮູ້ສຶກແນວໃດຕໍ່ຜູ້ໃຊ້
ນີ້ອາດຈະແມ່ນ ຄຳ ແນະ ນຳ ທີ່ກົງໄປກົງມາທີ່ສຸດທີ່ຂ້ອຍໃຫ້ແຕ່ມັນມັກຈະຖືກ ນຳ ໃຊ້ ໜ້ອຍ ທີ່ສຸດ.
ຂໍໃຫ້ເອົາສິ່ງຕໍ່ໄປນີ້:
ຖາມທຸກ ຄຳ ຖາມທີ່ທ່ານຖາມ. ມັນ ຈຳ ເປັນບໍ? ມັນມີຄວາມຮູ້ສຶກແນວໃດທີ່ຈະຖືກຖາມແບບນີ້?
ເລື້ອຍກວ່າບໍ່ມີທຸລະກິດ ຈຳ ເປັນຕ້ອງຖາມ ຄຳ ຖາມແລະພວກເຮົາໃນຖານະນັກອອກແບບສາມາດໂຕ້ຖຽງກ່ຽວກັບຄວາມ ຈຳ ເປັນຈົນກວ່າພວກເຮົາຈະເປັນສີຟ້າ. ຕ້ອງມີ ຄຳ ຖາມ. ໃນການເຂົ້າໃຈຄວາມຕ້ອງການຂອງທຸລະກິດ ສຳ ລັບຂໍ້ມູນນີ້ພວກເຮົາສາມາດປະນີປະນອມກັນເລື້ອຍໆ.
ພວກເຮົາສາມາດຊ່ວຍໄດ້ໂດຍບອກຜູ້ໃຊ້ທີ່ດີຂອງພວກເຮົາວ່າເປັນຫຍັງພວກເຮົາຕ້ອງຖາມ ຄຳ ຖາມນັ້ນ. ໝັ້ນ ໃຈໃນການ ນຳ ໃຊ້ແລະແບ່ງປັນຂໍ້ມູນນັ້ນແລະໂດຍທົ່ວໄປແລ້ວມັນກໍ່ງາມ.
ເອົາຕົວຢ່າງຂອງພວກເຮົາອີກເທື່ອ ໜຶ່ງ:
ມັນຍັງເປັນ ຄຳ ຖາມທີ່ຍາກແຕ່ຫວັງວ່າພວກເຮົາຈະເຮັດໃຫ້ຢາເມັດຫວານ.
6. ວັນທີ່ມີອາຍຸນ້ອຍ
ວັນທີທີ່ເຂົ້າມາສາມາດເປັນສິ່ງທ້າທາຍທີ່ແທ້ຈິງແລະມີສອງສາມຢ່າງທີ່ທ່ານສາມາດຫລີກລ້ຽງໄດ້. ບັນຫາໃຫຍ່ທີ່ສຸດດຽວແມ່ນການຈັດການກັບຂໍ້ຜິດພາດ.
ວິທີທີ່ງ່າຍທີ່ສຸດແມ່ນການເປີດປະຕິທິນ. ມັນເປັນມູນຄ່າທີ່ສັງເກດວ່າອາທິດເລີ່ມຕົ້ນໃນວັນຈັນທີ່ອັງກິດແລະວັນອາທິດໃນສະຫະລັດ. ຖ້າຜູ້ໃຊ້ຂອງທ່ານບໍ່ສົນໃຈພວກເຂົາອາດຈະເລືອກເອົາວັນອາທິດໃນເວລາທີ່ພວກເຂົາ ໝາຍ ເຖິງວັນຈັນ.
ມັນຍັງມີຄ່າທີ່ຈະກ່າວເຖິງຮູບແບບວັນທີສາກົນ. ສະຫະລັດຈັດອັນດັບ ໜຶ່ງ ເດືອນ, ໃນປະເທດຍີ່ປຸ່ນມັນເປັນປີ ທຳ ອິດ. ສະນັ້ນວັນທີ 4/5/12 ສາມາດຕີຄວາມ ໝາຍ ໄດ້ສາມວິທີ.
ນັ້ນແມ່ນເຫດຜົນທີ່ວ່າມັນດີທີ່ສຸດທີ່ຈະໃຊ້ກ່ອງເລືອກ.
7. ແບບຟອມຕ່າງໆເປັນຫັດຖະ ກຳ ຂອງນັກພັດທະນາ
ແບບຟອມແມ່ນຫັດຖະ ກຳ ສຳ ລັບນັກພັດທະນາກໍ່ຄືນັກອອກແບບ. ການເຂົ້າໃຈຂໍ້ຜິດພາດທີ່ອາດຈະເກີດຂື້ນກັບການປ້ອນຂໍ້ມູນແລະການອອກແບບລະຫັດຫລັງຂອງທ່ານເພື່ອຮັບມືແມ່ນສິ່ງທ້າທາຍ.
ນີ້ແມ່ນສິ່ງທີ່ງ່າຍດາຍ. ການໃສ່ມູນຄ່າເງິນຕາ. ຄວາມຜິດພາດທີ່ເປັນໄປໄດ້ທີ່ຜູ້ໃຊ້ສາມາດເຮັດແມ່ນໃຫຍ່ຫຼວງ. ການບັງຄັບໃຫ້ຮູບແບບຂໍ້ມູນທີ່ຜູ້ໃຊ້ຕ້ອງຕອບສະ ໜອງ ກໍ່ເປັນສິ່ງທີ່ເຮັດໃຫ້ຜູ້ຊົມໃຊ້ຂອງທ່ານຮູ້ສຶກອຸກໃຈແລະປະເຊີນ ໜ້າ ກັບມັນ, ເປັນເລື່ອງທີ່ ໜ້າ ເບື່ອພຽງເລັກນ້ອຍໃນສ່ວນຂອງນັກພັດທະນາ.
ສິ່ງທີ່ທ້າທາຍທີ່ດີກວ່າ ສຳ ລັບນັກພັດທະນາກ່ວາການສ້າງແບບຟອມການ ນຳ ໃຊ້ລູກປືນ.
8. ຢ່າໃຊ້ຖັນໃນຮູບແບບຕ່າງໆ
ບັນຫາໃຫຍ່ໃນການໃຊ້ຄໍລໍາໃນຮູບແບບແມ່ນການໄຫລວຽນ. ພວກເຮົາເລີ່ມຕົ້ນແບບຟອມຢູ່ປາຍສຸດແລະສິ້ນສຸດຢູ່ທາງລຸ່ມ. ໃນການແນະ ນຳ ຄໍ ລຳ ການໄຫລຂອງແບບຟອມສາມາດແຍກອອກໄດ້.
ຢ່າຄິດວ່າຜູ້ໃຊ້ຈະຜ່ານແບບຟອມຕ່າງໆແລະດັ່ງນັ້ນຈຸດສຸມແມ່ນວິທີການຊອກຫາແບບຟອມໃນຄໍ ລຳ. ມັນຫາຍາກທີ່ຂ້ອຍໄດ້ເຫັນໃນການທົດສອບຜູ້ໃຊ້. ເວລາສ່ວນໃຫຍ່ທີ່ພວກເຮົາເຫັນໃສ່ລາຍລະອຽດ, ກົດໃສ່ບ່ອນຕໍ່ໄປດ້ວຍເມົ້າ / trackpad / ນິ້ວຫຼັງຈາກນັ້ນໃສ່ລາຍລະອຽດແລະອື່ນໆ.
9. ຢ່າໃຊ້ສອງດ້ານໃນເວລາທີ່ ໜຶ່ງ ຈະເຮັດ
ຄົນສ່ວນໃຫຍ່ບໍ່ແມ່ນຄົນຕີພິມ. ໃນການທົດສອບຜູ້ໃຊ້ພວກເຮົາເຫັນຄົນທີ່ ກຳ ລັງເບິ່ງແປ້ນພິມທີ່ພວກເຂົາພິມ.
ເມື່ອໃສ່ ໝາຍ ເລກໂທລະສັບທີ່ແຍກພາກສະ ໜາມ ແບບຟອມ, ໃຫ້ເວົ້າຕື່ມລະຫັດພື້ນທີ່ແລະເບີ, ເຮັດໃຫ້ເກີດບັນຫາທີ່ແທ້ຈິງ. ຜູ້ໃຊ້ບໍ່ເຫັນຫຼື ຈຳ ໄວ້ວ່າມັນມີສອງທົ່ງນາດັ່ງນັ້ນໃສ່ ຈຳ ນວນເຕັມໃນພາກສະ ໜາມ ທຳ ອິດ, ຮ້າຍແຮງກວ່າຖ້າພາກສະ ໜາມ ຈຳ ກັດ ຈຳ ນວນຕົວອັກສອນ.
ໃຊ້ສະ ໜາມ ດຽວ ສຳ ລັບເບີໂທລະສັບ, ຄືກັນກັບເບີໂທລະສັບ / ຖະ ໜົນ - ໃຊ້ພຽງກ່ອງປ້ອນຂໍ້ຄວາມດຽວເທົ່ານັ້ນ.
10. ງາມ
ທ່ານຈະບໍ່ຕົກຕະລຶງກ່ຽວກັບຂໍ້ຄວາມຜິດພາດທີ່ບໍ່ດີຫຼາຍປານໃດທີ່ມີຢູ່.
ນີ້ແມ່ນຕົວຢ່າງຂອງຕົວຢ່າງ ໜຶ່ງ ທີ່ຂ້ອຍໄດ້ພົບມາເມື່ອບໍ່ດົນມານີ້.
ຂໍ້ເທັດຈິງທີ່ພວກເຂົາແນະ ນຳ ໃຫ້ທ່ານສະ ໝັກ ວັນທີໃນອະນາຄົດແລະຫຼັງຈາກນັ້ນກໍ່ຈະມີການຕອບສະ ໜອງ ທາງດ້ານແນວຄິດທີ່ດີ, ມັນບໍ່ງາມຫຼາຍ.
ອີກເທື່ອຫນຶ່ງໃຫ້ຕົວທ່ານເອງໃນສະຖານທີ່ຂອງຜູ້ໃຊ້, ທ່ານຈະຮູ້ສຶກແນວໃດທີ່ເຫັນຄວາມຜິດພາດນີ້? ລຳ ຄານບໍ? ບາງທີອາດຈະຮ້າຍແຮງກວ່າເກົ່າອີກ. ການເປັນຄົນງາມແມ່ນງ່າຍດາຍ.
ຂ້ອຍໄດ້ຜະລິດເອກະສານ crib / cheat ທີ່ສາມາດດາວໂຫລດໄດ້ເພື່ອຊ່ວຍໃຫ້ເຈົ້າອອກແບບຮູບແບບທີ່ດີກວ່າ. ມັນປະກອບມີຫຼາຍວິທີການປະຕິບັດທີ່ດີທີ່ສຸດໃນການອອກແບບຟອມທີ່ດີກວ່າ.
