ໂອກາດແມ່ນທ່ານໄດ້ເຫັນວິທີການ iPhone ສາມາດ flip ແລະຂະຫຍາຍຫນ້າເວັບໄຊຕ໌. ມັນສາມາດສະແດງໃຫ້ທ່ານເບິ່ງຫນ້າເວັບທັງຫມົດໄດ້ອຍ່າງລວດໄວຫຼືຂະຫຍາຍເພື່ອເຮັດໃຫ້ຂໍ້ຄວາມທີ່ທ່ານສົນໃຈໃນການ readable. ໃນຄວາມຮູ້ສຶກຫນຶ່ງ, ນັບຕັ້ງແຕ່ iPhone ໃຊ້ Safari, ຜູ້ອອກແບບເວັບບໍ່ຄວນເຮັດສິ່ງທີ່ເປັນພິເສດໃນການສ້າງຫນ້າເວັບທີ່ຈະເຮັດວຽກເທິງ iPhone.
ແຕ່ທ່ານກໍ່ຢາກໃຫ້ຫນ້າຂອງທ່ານເຮັດວຽກພຽງແຕ່ບໍ? ນັກອອກແບບສ່ວນໃຫຍ່ຕ້ອງການໃຫ້ຫນ້າຂອງພວກເຂົາສະຫວ່າງ!
ໃນເວລາທີ່ທ່ານ ສ້າງຫນ້າເວັບ , ທ່ານຈໍາເປັນຕ້ອງຄິດກ່ຽວກັບຜູ້ທີ່ຈະເບິ່ງມັນແລະວິທີການທີ່ເຂົາເຈົ້າຈະເບິ່ງມັນ. ບາງເວັບໄຊທ໌ທີ່ດີທີ່ສຸດໃຊ້ເວລາເຂົ້າໄປໃນບັນຊີຂອງປະເພດຂອງອຸປະກອນຫນ້າທີ່ຖືກເບິ່ງຢູ່, ລວມທັງຄວາມລະອຽດ, ທາງເລືອກສີແລະຫນ້າທີ່ມີ. ພວກເຂົາເຈົ້າບໍ່ພຽງແຕ່ອີງໃສ່ອຸປະກອນທີ່ຈະຄິດມັນອອກ.
ຄໍາແນະນໍາທົ່ວໄປສໍາລັບການສ້າງເວັບໄຊທ໌ສໍາລັບອຸປະກອນມືຖື
- ທົດສອບອຸປະກອນຕ່າງໆຕາມທີ່ທ່ານສາມາດເຮັດໄດ້. ສິ່ງທໍາອິດທີ່ທ່ານຄວນເຮັດແມ່ນເບິ່ງເວັບໄຊທ໌ຂອງທ່ານໃນ iPhone ແລະ ອຸປະກອນມືຖືຕ່າງໆທີ່ແຕກຕ່າງກັນ ຫຼືຕົວສະກົດຕົວຕາມທີ່ທ່ານສາມາດເຮັດໄດ້. ໃນຂະນະທີ່ທ່ານສາມາດໃຊ້ emulators ສໍາລັບການທົດສອບທັງຫມົດຂອງທ່ານ, ພວກເຂົາກໍ່ບໍ່ໃຫ້ທ່ານມີຄວາມຮູ້ສຶກຄືກັບພະຍາຍາມຫາທາງຜ່ານເວັບໄຊທ໌ເທິງຫນ້າຈໍຂະຫນາດນ້ອຍໆ, ດັ່ງນັ້ນການທົດສອບໃນອຸປະກອນທີ່ແທ້ຈິງເທົ່າທີ່ເປັນໄປໄດ້.
- ເຮັດໃຫ້ຫນ້າເວັບຂອງທ່ານສະຫງົບງຽບ. ທ່ານສາມາດຂຽນຫນ້າຂອງທ່ານສໍາລັບຕົວທ່ອງເວັບແບບ Flash, ເປີດກວ້າງ, ແຕ່ໃຫ້ແນ່ໃຈວ່າຂໍ້ມູນທີ່ສໍາຄັນສາມາດເບິ່ງໄດ້ແມ້ແຕ່ຢູ່ໃນຈໍຂະຫນາດນ້ອຍທີ່ບໍ່ສາມາດຈັດການຄຸນນະສົມບັດພິເສດໃດໆ (ເຊັ່ນ: cookies, Ajax, Flash, JavaScript, ແລະອື່ນໆ). ສິ່ງໃດນອກເຫນືອຈາກ XHTML Basic ຈະເກີນກວ່າໂທລະສັບມືຖືບາງ. ໃນຂະນະທີ່ໂທລະສັບສະຫຼາດສ່ວນໃຫຍ່ສາມາດຈັດການກັບສິ່ງຕ່າງໆທັງຫມົດ (ຍົກເວັ້ນ Flash ເທິງ iPhone, ແນ່ນອນ), ອຸປະກອນມືຖືອື່ນໆບໍ່ສາມາດເຮັດໄດ້.
- ສ້າງຫນ້າເວັບແບບໄຮ້ສາຍ - ແລະເຮັດໃຫ້ມັນງ່າຍຕໍ່ການຊອກຫາ. ຖ້າທ່ານກໍາລັງສ້າງຫນ້າສະເພາະສໍາລັບໂທລະສັບມືຖືຂອງທ່ານແລະລູກຄ້າໄຮ້ສາຍ, ເຮັດໃຫ້ມັນມີຢູ່. ວິທີທີ່ດີທີ່ສຸດແມ່ນການເຊື່ອມໂຍງກັບຫນ້າໄຮ້ສາຍທີ່ຢູ່ເທິງສຸດຂອງເອກະສານຂອງທ່ານແລະຫຼັງຈາກນັ້ນຊ່ອນການເຊື່ອມຕໍ່ຈາກອຸປະກອນທີ່ບໍ່ແມ່ນ handheld ໂດຍໃຊ້ປະເພດສື່ມວນຊົນ handheld. ຫຼັງຈາກທີ່ທັງຫມົດ, ປະຊາຊົນສ່ວນໃຫຍ່ມາຮອດຫນ້າທໍາອິດຂອງທ່ານ, ເຖິງແມ່ນວ່າຢູ່ໃນໂທລະສັບມືຖື - ແລະຖ້າການເຊື່ອມຕໍ່ກັບຫນ້າ Wireless ຂອງທ່ານບໍ່ມີ, ພວກເຂົາຈະອອກຖ້າຫນ້ານັ້ນຍາກທີ່ຈະໃຊ້.
ຮູບແບບຫນ້າເວັບສໍາລັບໂທລະສັບສະຫຼາດ
ສິ່ງທໍາອິດທີ່ທ່ານຄວນຈື່ເວລາຂຽນຫນ້າສໍາລັບຕະຫຼາດໂທລະສັບສະຫຼາດແມ່ນວ່າທ່ານບໍ່ຕ້ອງປ່ຽນແປງຖ້າທ່ານບໍ່ຕ້ອງການ. ສິ່ງທີ່ຍິ່ງໃຫຍ່ທີ່ສຸດກ່ຽວກັບໂທລະສັບສະຫຼາດສ່ວນໃຫຍ່ແມ່ນວ່າພວກເຂົາໃຊ້ Webkit browsers (Safari ໃນ iOS ແລະ Chrome ໃນ Android) ເພື່ອສະແດງຫນ້າເວັບຕ່າງໆ, ດັ່ງນັ້ນຖ້າຫນ້າຂອງທ່ານເບິ່ງຢູ່ໃນ Safari ຫຼື Chrome, ມັນຈະດີຂື້ນໃນໂທລະສັບສະຫຼາດສ່ວນໃຫຍ່ ) ແຕ່ມີສິ່ງທີ່ທ່ານສາມາດເຮັດໄດ້ເພື່ອເຮັດໃຫ້ປະສົບການການຊອກຫາມີຄວາມສຸກຫຼາຍ:
- ຈືຂໍ້ມູນການວ່າຫນ້າຈໍແມ່ນຂະຫນາດນ້ອຍ. ໂທລະສັບສະຫຼາດຈະສະກັດກັ້ນຄໍລໍາທັງຫມົດລົງໄປໃນປ່ອງຢ້ຽມຂະຫນາດນ້ອຍ, ແລະນີ້ສາມາດເຮັດໃຫ້ພວກເຂົາຍາກຫຼາຍທີ່ຈະອ່ານໂດຍບໍ່ມີການຊູມ. ຜູ້ໃຊ້ສ່ວນຫຼາຍແມ່ນໃຊ້ເພື່ອຊູມ, ແຕ່ວ່າມັນສາມາດເຮັດໃຫ້ຫນ້າເບື່ອຫນ່າຍ. ຫນຶ່ງຖັນຍາວຂອງຂໍ້ຄວາມແມ່ນງ່າຍທີ່ຈະອ່ານ.
- ແບ່ງຫນ້າເຂົ້າໄປໃນຕ່ອນນ້ອຍໆ. ມັນອາດຈະຍາກທີ່ຈະອ່ານຂໍ້ຄວາມທີ່ຍາວຢູ່ເທິງໂທລະສັບມືຖື, ດັ່ງນັ້ນການໃສ່ພວກມັນໃນຫລາຍຫນ້າເຮັດໃຫ້ພວກເຂົາງ່າຍຕໍ່ການອ່ານ.
ການເຊື່ອມຕໍ່ແລະການນໍາທາງໃນ iPhone
- URL ທີ່ສັ້ນກວ່າແມ່ນ, ດີກວ່າ. ຖ້າທ່ານເຄີຍພະຍາຍາມພິມ URL ຢູ່ໃນໂທລະສັບມືຖື, ທ່ານຈະຮູ້ວ່າມັນເປັນຄວາມເຈັບປວດ (ຍົກເວັ້ນສໍາລັບໄວລຸ້ນທີ່ໃຊ້ໃນການສົ່ງຂໍ້ຄວາມຫຼາຍ). ເຖິງແມ່ນວ່າຢູ່ໃນ iPhone, ມັນຫນ້າເບື່ອທີ່ຈະພິມ URL ຍາວ. ຮັກສາໃຫ້ສັ້ນ.
- ແຕ່ຂໍ້ຄວາມເຊື່ອມຕໍ່ແບບຍາວແມ່ນງ່າຍທີ່ຈະແຕະ. ເມື່ອຢູ່ໃນຫນ້າທີ່ຄໍາສັບທີ່ແຕກຕ່າງກັນຫຼາຍຖືກເຊື່ອມໂຍງກັບບົດຄວາມທີ່ແຕກຕ່າງກັນ, ທັງຫມົດທີ່ຢູ່ໃກ້ກັນແລະກັນ, ມັນກໍ່ສາມາດມີຄວາມຫຍຸ້ງຍາກຫຼາຍທີ່ຈະແຕະທີ່ຖືກຕ້ອງໂດຍບໍ່ມີການຂະຫຍາຍ. ປະຊາຊົນຈໍານວນຫຼາຍພຽງແຕ່ຈະໃຫ້ເຖິງແລະໄປບ່ອນອື່ນ. ການເຊື່ອມຕໍ່ກັບ 3-5 ຄໍາໃນໃຫ້ເຂົາເຈົ້າແມ່ນງ່າຍຕໍ່ການຄລິກໃສ່ໂທລະສັບກ່ວາ 1 ການເຊື່ອມຕໍ່ຄໍາ.
- ບໍ່ໃຫ້ນໍາທິດຂອງທ່ານຢູ່ເທິງສຸດຂອງຫນ້າຈໍ. ບໍ່ມີຫຍັງທີ່ຫນ້າລໍາຄານຫຼາຍກວ່າທີ່ຈະມີຫນ້າຜ່ານຫນ້າຈໍແລະຫນ້າຈໍຂອງການເຊື່ອມຕໍ່ເພື່ອຊອກຫາຂໍ້ມູນທີ່ທ່ານຕ້ອງການ. ຖ້າທ່ານໄດ້ເບິ່ງຫນ້າເວັບທີ່ຖືກອອກແບບມາສໍາລັບໂທລະສັບມືຖື, ທ່ານຈະເຫັນວ່າສິ່ງທໍາອິດທີ່ສະແດງເປັນເນື້ອໃນແລະຫົວຂໍ້. ຫຼັງຈາກນັ້ນ, ຂ້າງລຸ່ມນີ້ແມ່ນນໍາທິດ.
- ຢ່າຢ້ານກົວທີ່ຈະປິດການນໍາທາງຂອງທ່ານ. ການເຊື່ອມໂຍງນໍາທາງກັບ CSS ຫຼື JavaScript ແລະເຮັດໃຫ້ພວກເຂົາປາກົດຂື້ນເມື່ອຜູ້ໃຊ້ຮ້ອງຂໍໃຫ້ມັນເປັນວິທີທີ່ເຮັດໃຫ້ຫນ້າເວັບງ່າຍກວ່າສໍາລັບຜູ້ໃຊ້ໂທລະສັບສະຫຼາດ.
ເຄັດລັບສໍາລັບຮູບພາບຕ່າງໆໃນໂທລະສັບສະຫຼາດ
- ຮູບພາບຕ້ອງມີຂະຫນາດນ້ອຍ. ແມ່ນແລ້ວ, Android ແລະ iPhone ສາມາດຊູມແລະເປີດ ພາບ ໃນ ຮູບພາບຕ່າງໆ , ແຕ່ຂະຫນາດນ້ອຍກວ່າ, ໃນຂະຫນາດແລະເວລາການດາວໂຫຼດ, ພວກເຂົາຈະມີຄວາມສຸກໃນການໃຊ້ສາຍຂອງທ່ານ. ການເພີ່ມປະສິດທິພາບຮູບພາບ ແມ່ນເປັນຄວາມຄິດທີ່ດີ, ແຕ່ສໍາລັບຫນ້າໂທລະສັບມືຖືມັນເປັນສິ່ງສໍາຄັນ.
- ຮູບພາບຕ້ອງໄດ້ດາວໂຫລດຢ່າງໄວວາ. ຮູບພາບຕ່າງໆທີ່ໃຊ້ເວລາຫຼາຍຊ່ອງໃນຫນ້າເວັບໃນເວລາທີ່ທ່ານກໍາລັງເບິ່ງເຂົາເຈົ້າຈາກອຸປະກອນມືຖື. ແລະໃນຂະນະທີ່ພວກເຂົາມັກຈະດີຫລາຍແລະເຮັດໃຫ້ຫນ້າເວັບເບິ່ງດີກວ່າເມື່ອເບິ່ງຢູ່ໃນຕົວທ່ອງເວັບເວັບເຕັມຫນ້າຈໍ, ພວກເຂົາເຈົ້າມັກຈະມີທາງອອກໃນອຸປະກອນມືຖື. ເພີ່ມເຕີມເມື່ອຜູ້ໃຊ້ໂທລະສັບສະຫຼາດຢູ່ໃນເຄືອຂ່າຍ cellular, ສິ່ງສຸດທ້າຍທີ່ພວກເຂົາຕ້ອງການຈ່າຍຄ່າແມ່ນການດາວໂຫລດຮູບພາບຂະຫນາດໃຫຍ່ຫຼືໄອຄອນນໍາທາງ.
- ຢ່າວາງພາບຂະຫນາດໃຫຍ່ຢູ່ດ້ານເທິງຂອງຫນ້າ. ເຊັ່ນດຽວກັນກັບການນໍາທິດ, ມັນສາມາດເປັນທີ່ຫນ້າເບື່ອທີ່ສຸດສໍາລັບການລໍຖ້າຮູບພາບທີ່ໃຊ້ເວລາເຖິງ 3-4 ຫນ້າຈໍທີ່ຈະໂຫຼດຢູ່ເທິງສຸດຂອງຫນ້າ. ແລະນີ້ແມ່ນທີ່ສຸດໃນເວັບຕ່າງໆ. ຂໍ້ຍົກເວັ້ນພຽງແຕ່ນີ້ແມ່ນຖ້າຜູ້ອ່ານຮູ້ວ່າພວກເຂົາກໍາລັງຈະໄດ້ຮັບຮູບພາບໃນເວລາທີ່ພວກເຂົາກົດ, ເວົ້າໃນຄັງຮູບພາບ.
ສິ່ງທີ່ຕ້ອງຫຼີກເວັ້ນໃນເວລາທີ່ການອອກແບບສໍາລັບມືຖື
ມີສິ່ງຫຼາຍຢ່າງທີ່ທ່ານຄວນຫຼີກເວັ້ນໃນເວລາທີ່ສ້າງຫນ້າມືຖືທີ່ເປັນມິດ. ດັ່ງທີ່ໄດ້ກ່າວມາຂ້າງເທິງ, ຖ້າຫາກວ່າທ່ານກໍ່ຕ້ອງການມີເຫຼົ່ານີ້ຢູ່ໃນຫນ້າເວັບຂອງທ່ານ, ທ່ານສາມາດເຮັດໄດ້, ແຕ່ໃຫ້ແນ່ໃຈວ່າເວັບໄຊທ໌ທໍາງານໂດຍບໍ່ມີພວກມັນ.
- Flash - ໂທລະສັບມືຖືສ່ວນໃຫຍ່ບໍ່ສະຫນັບສະຫນູນ Flash, ດັ່ງນັ້ນມັນບໍ່ແມ່ນຄວາມຄິດທີ່ດີທີ່ຈະປະກອບມັນໃສ່ຫນ້າ Wireless ຂອງທ່ານ.
- Cookies - ຫຼາຍໂທລະສັບມືຖືບໍ່ມີການສະຫນັບສະຫນູນຄຸກກີ. iPhone ມີການສະຫນັບສະຫນູນຄຸກກີ.
- ກອບ - ເຖິງແມ່ນວ່າຕົວທ່ອງເວັບສະຫນັບສະຫນູນພວກເຂົາ, ຄິດກ່ຽວກັບຂະຫນາດຂອງຫນ້າຈໍ. ຂອບບໍ່ພຽງແຕ່ເຮັດວຽກກ່ຽວກັບອຸປະກອນມືຖື - ພວກເຂົາກໍາລັງມີຄວາມຫຍຸ້ງຍາກຫຼືບໍ່ສາມາດອ່ານໄດ້.
- ຕາຕະລາງ - ບໍ່ໃຊ້ຕາຕະລາງສໍາລັບຮູບແບບໃນຫນ້າມືຖື. ແລະພະຍາຍາມຫຼີກລ້ຽງຕາຕະລາງທົ່ວໄປ. ພວກເຂົາບໍ່ໄດ້ຮັບການສະຫນັບສະຫນູນໃນທຸກໆໂທລະສັບມືຖື (ເຖິງແມ່ນວ່າ iPhone ແລະໂທລະສັບສະຫຼາດອື່ນໆສະຫນັບສະຫນູນພວກເຂົາ) ແລະທ່ານສາມາດຈົບລົງດ້ວຍຜົນທີ່ບໍ່ດີ.
- ຕາລາງຊ້ອນ - ຖ້າທ່ານຕ້ອງໃຊ້ຕາຕະລາງ, ໃຫ້ແນ່ໃຈວ່າບໍ່ຮັງມັນໃນຕາຕະລາງອື່ນ. ເຫຼົ່ານີ້ແມ່ນມີຄວາມຫຍຸ້ງຍາກສໍາລັບຕົວທ່ອງເວັບຂອງ desktop ເພື່ອສະຫນັບສະຫນູນ, ແລະ, ດີທີ່ສຸດ, ເຮັດໃຫ້ຫນ້າໂຫຼດຫຼາຍຊ້າໆ.
- ມາດຕະການຢ່າງແທ້ຈິງ - ໃນຄໍາສັບຕ່າງໆອື່ນໆ, ບໍ່ກໍານົດຂະຫນາດຂອງວັດຖຸໃນຂະຫນາດທີ່ແທ້ຈິງ (ເຊັ່ນ pixels, ມມມມ, ຫຼືນິ້ວ). ຖ້າທ່ານກໍານົດບາງສິ່ງບາງຢ່າງທີ່ກວ້າງ 100px, ໃນອຸປະກອນມືຖືຫນຶ່ງທີ່ອາດຈະເປັນເຄິ່ງຫນຶ່ງຂອງຫນ້າຈໍແລະອີກຫນຶ່ງປະມານມັນອາດຈະກວ້າງສອງເທົ່າ. ຂະຫນາດທີ່ກ່ຽວຂ້ອງ (ເຊັ່ນ: ems ແລະຮ້ອຍລະ) ເຮັດວຽກທີ່ດີທີ່ສຸດ.
- Fonts - ບໍ່ຄິດວ່າທຸກ ໂປແກມທີ່ ທ່ານໃຊ້ໃນການເຂົ້າເຖິງຈະມີຢູ່ໃນໂທລະສັບມືຖື.
ອ່ານຕື່ມ
- ວິທີການສ້າງເວັບໄຊທ໌ຂອງທ່ານດ້ວຍມືຖືໂດຍໃຊ້ PHP