ເນື້ອຫາ
ເມື່ອຂ້ອຍເລີ່ມຕົ້ນອາຊີບຂ້ອຍເປັນຜູ້ອອກແບບເວບໄຊທ໌. ຂ້ອຍໄດ້ເຮັດວຽກໃນການອອກແບບເວບໄຊທ໌ເປັນເວລາສີ່ປີ, ເລີ່ມຈາກສະຖານທີ່ທຸລະກິດຂະ ໜາດ ນ້ອຍແລະໃນທີ່ສຸດກໍ່ກ້າວໄປສູ່ລູກຄ້າທີ່ໃຫຍ່ກວ່າເກົ່າ. ຂ້ອຍຮູ້ວ່າມັນບໍ່ແມ່ນການອອກແບບກາຟິກທີ່ບໍ່ສົນໃຈຂ້ອຍ, ແລະບໍ່ໄດ້ເຮັດວຽກ ສຳ ລັບຊື່ແບທີ່ໃຫຍ່ກວ່າ. ຂ້າພະເຈົ້າສົນໃຈຮູບແບບ pagination, ວິທີທີ່ຄົນຕິດຕໍ່ພົວພັນກັບຮູບແບບ, ແລະສິ່ງຕ່າງໆເຊັ່ນວ່າການປະຕິບັດທີ່ໄດ້ຮັບຮູ້, ກ່ວາການອອກແບບພາບຂອງ ໜ້າ ເວັບ.
ເມື່ອຂ້ອຍເບິ່ງ ໜັງ sci-fi, ຂ້ອຍຈະເບິ່ງ ໜ້າ ຈໍອິນເຕີເຟດ. ແລະເມື່ອຂ້ອຍຫລິ້ນວີດີໂອ, ຂ້ອຍຈະສັງເກດເບິ່ງວິທີທີ່ເມນູຖືກວາງອອກ. ຖ້າຄຸນລັກສະນະເຫຼົ່ານີ້ມີຄວາມຄຸ້ນເຄີຍກັບທ່ານ, ທ່ານກໍ່ອາດຈະເປັນຜູ້ອອກແບບ UI ໃນໃຈ.
ຂ້າພະເຈົ້າລາອອກຈາກວຽກຂອງອົງການຂອງຂ້າພະເຈົ້າແລະໄດ້ເລີ່ມຕົ້ນບໍລິສັດຂອງຕົນເອງ. ໃນຫນ້າ LinkedIn ຂອງຂ້ອຍ, ຂ້ອຍໄດ້ພະຍາຍາມສະຫຼຸບເປົ້າ ໝາຍ ອາຊີບ ໃໝ່ ຂອງຂ້ອຍ: ເພື່ອເຮັດໃຫ້ຊອບແວທີ່ດີທີ່ສຸດ. ມັນເປັນເວລາສີ່ປີແລ້ວທີ່ຂ້ອຍເລີ່ມເປັນອິດສະຫຼະ, ແລະການເດີນທາງຂອງຂ້ອຍກໍ່ບໍ່ໄດ້ຢຸດຢູ່. ມື້ນີ້ຂ້ອຍຊ່ວຍ ດຳ ເນີນການບໍລິສັດອອກແບບ UI ຂະ ໜາດ ນ້ອຍທີ່ມີຊື່ວ່າ ໂມໂນ. ບໍ່ດົນມານີ້ພວກເຮົາໄດ້ຕ້ອນຮັບສະມາຊິກຄົນທີສີ່ຂອງພວກເຮົາ.
ໃນບົດຂຽນນີ້ຂ້ອຍຕ້ອງການອະທິບາຍວ່າມັນເປັນແນວໃດໃນການເປັນຜູ້ອອກແບບ UI, ລວມທັງສິ່ງທີ່ວຽກງານແນ່ນອນ, ບ່ອນໃດທີ່ຈະຊອກຫາແຫລ່ງການຮຽນທີ່ດີທີ່ສຸດ, ແລະວິທີການທີ່ດີຂື້ນໃນວຽກຫັດຖະ ກຳ ຂອງເຈົ້າ.
ຜູ້ອອກແບບ UI ເຮັດຫຍັງ?
ຂ້ອຍພົບວ່າໂດຍທົ່ວໄປທ່ານສາມາດແບ່ງວຽກຂອງຜູ້ອອກແບບຜູ້ໃຊ້ໂຕ້ຕອບອອກເປັນ 4 ປະເພດ. ທ່ານສື່ສານກັບລູກຄ້າ, ທ່ານຄົ້ນຄ້ວາ, ທ່ານອອກແບບແລະແບບຕົ້ນແບບ, ແລະທ່ານສື່ສານກັບນັກພັດທະນາ. ໃຫ້ທ່ານພິຈາລະນາແຕ່ລະໄລຍະດັ່ງກ່າວໂດຍລະອຽດ.
ການສື່ສານລູກຄ້າ
ການສື່ສານລູກຄ້າແມ່ນການເຂົ້າໃຈບັນຫາຂອງລູກຄ້າ. ເປົ້າ ໝາຍ ແມ່ນເພື່ອຮັບມືກັບທຸລະກິດຂອງລູກຄ້າຂອງທ່ານ, ສະນັ້ນການເລີ່ມຕົ້ນຂອງໂຄງການແມ່ນເວົ້າຫຼາຍ. ມັນບໍ່ດີຖ້າບໍ່ຮູ້ຫຼາຍກ່ຽວກັບໂດເມນຂອງລູກຄ້າຂອງທ່ານເມື່ອທ່ານເລີ່ມຕົ້ນ - ທ່ານສາມາດເບິ່ງທຸລະກິດຂອງພວກເຂົາໃນແບບ ໃໝ່ ໃນຂະນະທີ່ທ່ານມອງເຫັນວິທີແກ້ໄຂການອອກແບບທີ່ເປັນໄປໄດ້.
ເພື່ອເປັນຜູ້ອອກແບບ UI ທີ່ດີ, ທ່ານ ຈຳ ເປັນຕ້ອງສາມາດຄິດກັບທຸລະກິດຂອງລູກຄ້າໃນທີ່ສຸດ. ຕົວຢ່າງ, ລູກຄ້າຂອງທ່ານອາດຈະຢູ່ໃນການບິນ. ການເຮັດວຽກໃຫ້ພວກເຂົາໃນທີ່ສຸດກໍ່ຈະເຮັດໃຫ້ທ່ານມີຄວາມຮູ້ກ່ຽວກັບອຸດສາຫະ ກຳ ນີ້. ສະນັ້ນ, ຄຳ ແນະ ນຳ ສຳ ລັບຄວາມສຸກຂອງທ່ານເອງຢູ່ທີ່ນີ້ແມ່ນການເລືອກອຸດສາຫະ ກຳ ທີ່ທ່ານເຮັດວຽກຢ່າງຊານສະຫລາດ, ສະນັ້ນທ່ານບໍ່ຕ້ອງເປັນຜູ້ຊ່ຽວຊານໃນສິ່ງທີ່ທ່ານບໍ່ສົນໃຈຫລືບໍ່ສົນໃຈ.
ໃນລະຫວ່າງໂຄງການ, ການສື່ສານບໍ່ໄດ້ຢຸດຢູ່. ໃນຖານະເປັນຜູ້ອອກແບບ, ທ່ານຈະ ນຳ ສະ ເໜີ ຜົນງານຂອງທ່ານຢູ່ສະ ເໝີ. ຢູ່ບໍລິສັດຂອງພວກເຮົາພວກເຮົາແມ່ນທີມທີ່ຢູ່ຫ່າງໄກສອກຫຼີກ, ສະນັ້ນພວກເຮົາບໍ່ມີກອງປະຊຸມດ້ວຍຕົວເອງ. ແທນທີ່ຈະ, ພວກເຮົາໃຊ້ການແບ່ງປັນ ໜ້າ ຈໍຢ່າງ ໜັກ ໂດຍຜ່ານການປະຊຸມທາງວິດີໂອ. ເຄື່ອງມືສື່ສານເຊັ່ນ Skype ແລະ Slack ແມ່ນໃຊ້ທຸກໆມື້.
ມັນເປັນປະໂຫຍດທີ່ຈະລວມເອົາວິທີການສື່ສານແບບຄົບວົງຈອນແລະ asynchronous. ການໂທແມ່ນດີເລີດຖ້າທ່ານຕ້ອງການຂໍ້ມູນຫຼາຍຢ່າງ, ແຕ່ທ່ານຕ້ອງຢູ່ອ້ອມຂ້າງໃນເວລາດຽວກັນ. ພວກເຮົາຄິດວ່າ Slack ເປັນ "ເຄື່ອງເຮັດຄວາມເຢັນຂອງນ້ ຳ ເສມືນຂອງພວກເຮົາ" ແລະໃຊ້ Basecamp ເພື່ອຈັດການໂຄງການອອກແບບທີ່ຊັບຊ້ອນ. ເມື່ອພວກເຮົາອອກແບບຕົ້ນແບບໂດຍໃຊ້ HTML ແລະ CSS, ພວກເຮົາໃຊ້ GitHub Issues ເພື່ອປຶກສາຫາລືກ່ຽວກັບລະຫັດໂດຍກົງ.
ການຄົ້ນຄ້ວາ
ເຊັ່ນດຽວກັນກັບການສື່ສານລູກຄ້າ, ທ່ານຈະເຮັດການຄົ້ນຄ້ວາຫຼາຍ. ນີ້ສາມາດປະກອບມີການສຶກສາພາກສະ ໜາມ, ການ ສຳ ມະນາກັບລູກຄ້າ, ການວິເຄາະການແຂ່ງຂັນຫຼືການ ກຳ ນົດຍຸດທະສາດ - ທີ່ ສຳ ຄັນ, ພຽງແຕ່ກ່ຽວກັບສິ່ງໃດກໍ່ຕາມທີ່ຊ່ວຍໃຫ້ທ່ານເຂົ້າໃຈບັນຫາຢູ່ໃນມື.
ການຄົ້ນຄ້ວາແມ່ນສິ່ງທີ່ແຈ້ງການເລືອກການອອກແບບຂອງທ່ານ. ມັນແມ່ນບົດຂຽນທີ່ທ່ານໄດ້ອ່ານມາແລ້ວ, ຫຼືສິ່ງ ໃໝ່ໆ ທີ່ Apple ຫາກໍ່ປ່ອຍອອກມາ. ເມື່ອເຖິງເວລາທີ່ຈະອະທິບາຍວ່າເປັນຫຍັງທ່ານຈິ່ງເລືອກການອອກແບບໂດຍສະເພາະ, ການຄົ້ນຄວ້າຂອງທ່ານສະ ໜັບ ສະ ໜູນ ທ່ານ.
ການຄົ້ນຄວ້າສາມາດກວ້າງຂວາງຫຼາຍ. ຂ້ອຍມັກຈະທົດສອບອຸປະກອນ ໃໝ່ ເພື່ອຈຸດປະສົງໃນການຄົ້ນຄ້ວາຫລືລົງທະບຽນໃຊ້ເວັບ ໃໝ່ ເພື່ອສຶກສາການໂຕ້ຕອບຂອງຜູ້ໃຊ້.
ການອອກແບບແລະແບບຕົ້ນແບບ
ໃນຖານະເປັນນັກອອກແບບ, ທ່ານຄົງຈະໃຊ້ເວລາສ່ວນຫຼາຍໃນການອອກແບບແລະການເຮັດວຽກແບບຕົ້ນແບບ. ໂຄງການອອກແບບ UI ສາມາດກ້າວໄປຂ້າງ ໜ້າ ໃນຫລາຍວິທີທາງ, ນັບແຕ່ການແຕ້ມຮູບ, ການອອກແບບລະອຽດ, ເຖິງການຂຽນລະຫັດ.
ວິທີການທີ່ທ່ານໃຊ້ສ່ວນໃຫຍ່ແມ່ນຂື້ນກັບປະເພດຂອງໂຄງການ. ທ່ານອອກແບບຫຍັງ? ມັນແມ່ນເວັບໄຊທ໌້, ຫຼືທ່ານຢາກເອີ້ນມັນວ່າແອັບ? ບໍ? ມັນໃຊ້ເຕັກໂນໂລຢີພື້ນເມືອງບໍ? ມັນເປັນການອອກແບບ ໃໝ່ ຫຼືທ່ານ ກຳ ລັງເລີ່ມຕົ້ນຈາກການຂູດຮີດ?
ຢູ່ບໍລິສັດຂອງພວກເຮົາບໍ່ມີຂະບວນການທີ່ແນ່ນອນ, ແຕ່ວ່າໂຄງການສ່ວນໃຫຍ່ແມ່ນເຮັດຕາມ ຄຳ ສັ່ງທີ່ຫຍາບຄາຍຄືກັນ: ພວກເຂົາເລີ່ມຕົ້ນດ້ວຍຮູບແຕ້ມແລະເສັ້ນລວດ, ໄປໃນການອອກແບບລາຍລະອຽດກ່ຽວກັບສາຍຕາແລະການໂຕ້ຕອບ, ແລະສິ້ນສຸດດ້ວຍຮູບແບບຕົ້ນແບບ.
ໃນຖານະນັກອອກແບບ, ພວກເຮົາໃຊ້ເວລາຫຼາຍຄິດກ່ຽວກັບເຄື່ອງມືຂອງພວກເຮົາ. ໃນຂະນະທີ່ເຄື່ອງມືທີ່ດີມີຄວາມ ສຳ ຄັນ, ມັນບໍ່ແມ່ນສິ່ງທີ່ ສຳ ຄັນທີ່ສຸດ. ການທີ່ຈະສາມາດໃຊ້ Adobe Creative Suite ແລະແອັບ like ຕ່າງໆເຊັ່ນ Sketch ຢ່າງຄ່ອງແຄ້ວແມ່ນເທົ່າກັບວ່າຈະສາມາດໃຊ້ກະດາດແຕ້ມຫລືແປງເພື່ອແຕ້ມຮູບ. ທ່ານຍັງຕ້ອງການເຮັດຮູບແຕ້ມ.
ທີ່ຖືກເວົ້າວ່າ, ຄວາມສົນໃຈທີ່ດີຕໍ່ເຄື່ອງມືແມ່ນສິ່ງທີ່ດີ. ຂ້ອຍມັກການທົດລອງໃຊ້ເຄື່ອງມື ໃໝ່ ທີ່ສາມາດຊ່ວຍຂ້ອຍໃຫ້ມີປະສິດຕິພາບສູງຂື້ນ. ເຄື່ອງມືແກ້ໄຂ vector ທີ່ຂ້ອຍມັກທີ່ສຸດແມ່ນ Illustrator, ແຕ່ຜົນງານການອອກແບບສາຍຕາສ່ວນໃຫຍ່ຂອງຂ້ອຍແມ່ນເຮັດໃນ Sketch ມື້ນີ້. ສະມາຊິກທີມອື່ນໄດ້ປ່ຽນໄປໃຊ້ເຄື່ອງມື ໃໝ່ ເຊັ່ນ Affinity Designer.
ເຄື່ອງມືແມ່ນທາງເລືອກສ່ວນຕົວ. ຕາບໃດທີ່ພວກເຮົາສາມາດເຮັດວຽກ ນຳ ກັນໄດ້ຢ່າງງ່າຍດາຍ, ທຸກຄົນສາມາດເລືອກດ້ວຍຕົນເອງ. ເພື່ອເຮັດໃຫ້ການເວົ້າກ່ຽວກັບການອອກແບບຂອງພວກເຮົາກັບລູກຄ້າງ່າຍຂື້ນ, ພວກເຮົາສ້າງແບບ ຈຳ ລອງກັບ InVision. ສຳ ລັບຕົວຢ່າງທີ່ກ້າວ ໜ້າ ກວ່າເກົ່າ, ພວກເຮົາໃຊ້ HTML ແລະ CSS. ເຄື່ອງມືທີ່ທ່ານຕ້ອງການທັງ ໝົດ ແມ່ນຂື້ນກັບວຽກທີ່ທ່ານຕ້ອງການເຮັດກັບມັນ.
ການສື່ສານຂອງນັກພັດທະນາ
ສ່ວນ ໜຶ່ງ ທີ່ລືມໄປຈາກວຽກຂອງຜູ້ອອກແບບ UI ແມ່ນການສື່ສານຂອງນັກພັດທະນາ. ມື້ນີ້ທ່ານບໍ່ສາມາດ ໜີ ໄປໄດ້ໂດຍພຽງແຕ່ສົ່ງແບບຂອງທ່ານໄປທີ່ devs ແລະຫວັງວ່າມັນຈະຖືກຈັດຕັ້ງປະຕິບັດຢ່າງຖືກຕ້ອງ. ຜູ້ອອກແບບທີ່ດີທີ່ສຸດຮູ້ສິ່ງທ້າທາຍບໍ່ແມ່ນໃນການສ້າງການອອກແບບ, ແຕ່ໃນການສື່ສານມັນ - ບໍ່ພຽງແຕ່ໃຫ້ພາກສ່ວນກ່ຽວຂ້ອງທີ່ຕ້ອງໄດ້ຮັບການອະນຸມັດ, ແຕ່ຍັງໃຫ້ນັກພັດທະນາຜູ້ທີ່ຕ້ອງປະຕິບັດ.
ການສື່ສານອອກແບບແມ່ນມີຫຼາຍຮູບແບບ: ລາຍລະອຽດລະອຽດ, ການສະ ໜອງ ຊັບສິນ, ການທົບທວນການອອກແບບຮ່ວມກັນ. ສິ່ງທີ່ມັນເຮັດໃຫ້ມີຄວາມຮູ້ສຶກທີ່ຈະສົ່ງໃນແຕ່ລະຕົວຢ່າງສ່ວນໃຫຍ່ແມ່ນຂື້ນກັບວ່າໂຄງການແມ່ນເປັນຄົນພື້ນເມືອງຫຼືເປັນໂປແກຼມເວັບ.
ວິທີການແບບດັ້ງເດີມແມ່ນການຈັດສົ່ງຊັບສິນທີ່ຢູ່ຖັດຈາກການອອກແບບ ໜ້າ ຈໍ. ການອອກແບບ ໜ້າ ຈໍສາມາດໃຊ້ເພື່ອເບິ່ງວ່າການອອກແບບຈະມີລັກສະນະເປັນແນວໃດ, ໃນຂະນະທີ່ສິນຊັບມີຮູບແບບ PNGs ແລະ SVGs ທີ່ພ້ອມໃຊ້ແລ້ວ, ສະນັ້ນນັກພັດທະນາບໍ່ ຈຳ ເປັນຕ້ອງຈັດການກັບບັນນາທິການຮູບພາບ.
ຢູ່ບໍລິສັດຂອງພວກເຮົາພວກເຮົາເປັນຜູ້ສະ ໜັບ ສະ ໜູນ ການໃຫ້ຫຼາຍກວ່ານັ້ນ. ພວກເຮົາ ນຳ ໃຊ້ຄູ່ມືຮູບແບບສ່ວນປະກອບເພື່ອຊ່ວຍຮັກສາຄວາມສອດຄ່ອງໃນການອອກແບບຂອງພວກເຮົາ. ໃນເວລາທີ່ພວກເຮົາ ກຳ ລັງຈັດການກັບໂຄງການເວັບ, ພວກເຮົາຈັດສົ່ງເອກະສານ HTML ແລະ CSS ລາຍລະອຽດ, ເປັນເອກະສານເປັນຊຸດ, ສິ້ນພ້ອມ ສຳ ລັບການຈັດຕັ້ງປະຕິບັດ. ຂ້ອຍເຊື່ອວ່າການມີຕາອອກແບບໃນທຸກໆໄລຍະຂອງການພັດທະນາຊອບແວແມ່ນວິທີດຽວທີ່ຈະບັນລຸເປົ້າ ໝາຍ ຂອງຂ້ອຍໃນການສ້າງໂປແກຼມໂປຼແກຼມລະດັບໂລກ.
Web native ກັບແອັບ native ພື້ນເມືອງ
ເມື່ອທ່ານອອກແບບແອັບ native ພື້ນເມືອງ ສຳ ລັບແພລະຕະຟອມ (ເຊັ່ນ: iOS ຫລື Android), ທ່ານມັກຈະຍອມຮັບເອົາ ຄຳ ແນະ ນຳ ບາງຢ່າງ. ເມື່ອທ່ານອອກແບບ ສຳ ລັບເວບໄຊທ໌, ບໍ່ມີ ຄຳ ແນະ ນຳ ຫຼາຍປານໃດ. ສິ່ງທີ່ເກີດຂື້ນໂດຍປົກກະຕິແມ່ນລູກຄ້າຂອງທ່ານມີຊຸດ ຄຳ ແນະ ນຳ ກ່ຽວກັບກາຟິກ ສຳ ລັບແບຂອງພວກເຂົາທີ່ ກຳ ນົດວ່າສິ່ງຕ່າງໆຄວນຈະເປັນແນວໃດ.
ເຖິງຢ່າງໃດກໍ່ຕາມ, ແນວທາງເຫຼົ່ານີ້ມີແນວໂນ້ມທີ່ຈະຖືກປັບແຕ່ງໃຫ້ ເໝາະ ສົມກັບເວບໄຊທ໌ທາງການຕະຫຼາດ, ແລະສິ່ງທີ່ຢູ່ໃນນັ້ນບໍ່ ນຳ ໄປສູ່ການຕັດສິນໃຈໂຕ້ຕອບຜູ້ໃຊ້ທີ່ດີສະ ເໝີ ໄປ. ຕົວອັກສອນມີແນວໂນ້ມທີ່ຈະຖືກເລືອກໃນເຫດຜົນດ້ານການຕະຫຼາດ, ບໍ່ແມ່ນຍ້ອນເຫດຜົນທີ່ເຂົ້າໃຈໄດ້. ສີອາດຈະກ້າຫານແລະໂດດເດັ່ນ, ເຊິ່ງເຮັດວຽກໃນການໂຄສະນາ, ແຕ່ບໍ່ແມ່ນໃນແອັບ app ທີ່ທ່ານໃຊ້ ໝົດ ມື້. ຄຳ ແນະ ນຳ ເຫຼົ່ານີ້ຕ້ອງໄດ້ຮັບການຕີຄວາມ ໝາຍ.
ມີ ຄຳ ແນະ ນຳ ກ່ຽວກັບ UI ຈຳ ນວນ ໜ້ອຍ ສຳ ລັບເວັບ. ທ່ານສາມາດໂຕ້ຖຽງວ່າເວັບໄຊຕ໌ແມ່ນ ໝໍ້ ຫລໍ່ຫລອມຂອງຮູບແບບຕ່າງໆ. ຖ້າທ່ານ ກຳ ລັງເຮັດຫຍັງທີ່ມີຄວາມຮູ້ສຶກຄືກັບແອັບ than ຫຼາຍກວ່າເວບໄຊທ໌, ທ່ານຕ້ອງຮູ້ກ່ຽວກັບກອບທີ່ ນຳ ໃຊ້ຢ່າງກວ້າງຂວາງເຊັ່ນ: Bootstrap ແລະ ZURB Foundation. ກອບເລີ່ມຕົ້ນທີ່ຈະ ກຳ ນົດວ່າສິ່ງຕ່າງໆຄວນຈະເປັນແນວໃດ, ເພາະວ່າທ່ານບໍ່ຕ້ອງການທີ່ຈະພັດທະນາລໍ້ ໃໝ່. ແລະມັນອາດຈະເປັນສິ່ງທີ່ດີ.
ຢູ່ບໍລິສັດຂອງພວກເຮົາ, ພວກເຮົາມັກໃຊ້ Bootstrap. ມັນສະ ໜອງ ຂະ ໜາດ ເລີ່ມຕົ້ນທີ່ ເໝາະ ສົມ ສຳ ລັບອົງປະກອບ UI ທົ່ວໄປເຊັ່ນປຸ່ມ, ຕາຕະລາງຂໍ້ມູນແລະຮູບແບບຕ່າງໆ.
ໃນການອອກແບບເວບໄຊທ໌, ທ່ານມີຂໍ້ ຈຳ ກັດຫຼາຍຂື້ນໂດຍຄວາມສາມາດດ້ານວິຊາການຂອງເວັບ. ມັນເຄີຍເປັນໄປໄດ້ທີ່ມັນຈະເປັນການຍາກທີ່ຈະປະຕິບັດຄວາມຈະເລີນຮຸ່ງເຮືອງທີ່ງ່າຍດາຍຄືກັບມຸມມົນໃນເວັບໄຊທ໌້. ມື້ນີ້ຍາວນານໄປແລ້ວ - ດຽວນີ້ທ່ານສາມາດແຕ້ມຮູບໂຕ້ຕອບຂອງຜູ້ໃຊ້ໄດ້ດ້ວຍເງົາຫຼາຍ, ການຫັນປ່ຽນ, ພາບເຄື່ອນໄຫວແລະແມ້ແຕ່ 3D.
ໃນຖານະເປັນຜູ້ອອກແບບ, ມັນເປັນວິທີທີ່ຈິງກວ່າທີ່ຈະຄວບຄຸມຂັ້ນຕອນແລະການອອກແບບໃນ browser. ຂ້າພະເຈົ້າບໍ່ໄດ້ເຫັນຜູ້ອອກແບບ UI ຫຼາຍໆຄົນເຂົ້າເບິ່ງການຂຽນໂປແກຼມ UI ຂອງແອັບ native ພື້ນເມືອງ, ແຕ່ນັກອອກແບບເຮັດ HTML ແລະ CSS ຂອງແອັບ app ເວັບແມ່ນເຫດການທີ່ພົບເລື້ອຍ. ຖ້າທ່ານສາມາດຂຽນລະຫັດອອກແບບຂອງທ່ານເອງ, ທ່ານຈະມີຂອບເຂດຕໍ່ເພື່ອນມິດທີ່ບໍ່ເຂົ້າລະຫັດ, ແລະ ສຳ ລັບຂ້ອຍມັນເປັນວິທີດຽວທີ່ຈະເຂົ້າໃຈວິທີການເຮັດວຽກຂອງເວັບ.
ຂໍ້ ຈຳ ກັດຂອງເວັບ
ທ່ານຈະຮູ້ທັນທີວ່າທຸກໆວິທີການທີ່ທ່ານຮຽນຮູ້ບໍ່ໄດ້ຖືກສະ ໜັບ ສະ ໜູນ ໃນທຸກໆ browser ແລະນັ້ນແມ່ນຄວາມເປັນຈິງຂອງການອອກແບບ ສຳ ລັບເວັບ. ມັນດີທີ່ຈະປະຕິບັດຕາມຫຼັກການທີ່ມີຊື່ສຽງເຊັ່ນ: ການປັບປຸງທີ່ກ້າວ ໜ້າ, ບ່ອນທີ່ທ່ານໂຫລດເນື້ອຫາທີ່ຖືກປັບປຸງເມື່ອໃດກໍ່ຕາມທີ່ເປັນໄປໄດ້, ແຕ່ທ່ານຄວນຄິດກ່ຽວກັບວິທີທີ່ເນື້ອຫາຊຸດໂຊມລົງ.
ເມື່ອບໍ່ດົນມານີ້, 'ການຕັດ ໝາກ ໂມ' ໄດ້ຮັບຄວາມນິຍົມ. ແຊ້ມໂດຍທີມງານເວບໄຊທ໌ຂອງບີບີຊີ, ນີ້ກ່ຽວຂ້ອງກັບການແຕກຕ່າງລະຫວ່າງໂປແກຼມທ່ອງເວັບ 'ດີ' ແລະ 'ບໍ່ດີ, ແລະໃຫ້ປະສົບການທີ່ ຈຳ ກັດຕໍ່ຕົວທ່ອງເວັບ' ບໍ່ດີ '. ເຖິງຢ່າງໃດກໍ່ຕາມ, ມັນໃຊ້ໄດ້ກັບເວັບໄຊທ໌້ເນື້ອຫາເທົ່ານັ້ນ.
ເມື່ອເວົ້າເຖິງປະສົບການທີ່ຄ້າຍຄືກັບການ ນຳ ໃຊ້, ຫຼາຍຄົນ ກຳ ລັງ ຈຳ ກັດການສະ ໜັບ ສະ ໜູນ ໃຫ້ກັບໂປແກຼມທ່ອງເວັບ ນຳ ນຳ ຈຳ ນວນ ໜຶ່ງ ເທົ່ານັ້ນ, ເພື່ອເຮັດໃຫ້ການພັດທະນາງ່າຍຂຶ້ນ. ທີ່ຫນ້າເສົ້າໃຈ, ນີ້ເຮັດໃຫ້ພວກເຮົາກັບຄືນສູ່ສະຖານະການປີ 1996 ທີ່ທ່ານຕ້ອງການຕົວທ່ອງເວັບທີ່ແນ່ນອນເພື່ອເບິ່ງເນື້ອຫາ.
ການປັບປຸງທັກສະຂອງທ່ານ
ດັ່ງນັ້ນ, ທ່ານຈະປັບປຸງອຸດສາຫະ ກຳ ເວັບທີ່ມີຄວາມໄວແລະປັບປຸງທັກສະຂອງທ່ານໄດ້ແນວໃດ? ລອງເບິ່ງວິທີການທີ່ແຕກຕ່າງກັນບາງຢ່າງ ສຳ ລັບການເພີ່ມທັກສະຂອງທ່ານ ...
ຄວາມຮູ້ກ່ຽວກັບເວທີ
ສ່ວນທີ່ ສຳ ຄັນຂອງສານຫນູຂອງນັກອອກແບບແມ່ນຄວາມຮູ້ຂອງເວທີ. ທ່ານຄວນຮູ້ກ່ຽວກັບລະບົບປະຕິບັດການຕ່າງໆແລະວິທີທີ່ຄົນໃຊ້ພວກມັນ. ໃນຖານະນັກອອກແບບ, ພວກເຮົາມີແນວໂນ້ມທີ່ຈະໃຊ້ເຄື່ອງ Mac, ແຕ່ວ່າມັນງ່າຍທີ່ຈະລືມວ່າຄົນສ່ວນໃຫຍ່ທີ່ຢູ່ນອກນັ້ນແມ່ນໃຊ້ປ່ອງປ່ອງຢ້ຽມເພື່ອເຮັດວຽກຂອງພວກເຂົາ.
ຂ້ອຍຮູ້ສຶກວ່າເຈົ້າພຽງແຕ່ສາມາດເຂົ້າໃຈບາງສິ່ງບາງຢ່າງແທ້ໆຖ້າເຈົ້າໃຊ້ມັນດ້ວຍຕົວເຈົ້າເອງ. ຂ້ອຍມັກໃຊ້ Mac ຂອງຂ້ອຍໃນການອອກແບບ, ແຕ່ໃຊ້ເວລາຫຼາຍເພື່ອຈັບມືກັບການພັດທະນາຂອງເວທີອື່ນໆ. ຂ້ອຍມີ ສຳ ເນົາ Windows ຈຳ ນວນ ໜຶ່ງ ທີ່ຕິດຕັ້ງໃສ່ Mac ຂອງຂ້ອຍເປັນເຄື່ອງ virtual. ຂ້ອຍໄດ້ຄ່ອຍມີເວລາທົດລອງການກໍ່ສ້າງ Windows 10 ໃໝ່ ໂດຍໃຊ້ໂປແກຼມ Insider ຂອງ Microsoft ເພື່ອກວດສອບການປ່ຽນແປງຕ່າງໆໃນ UI.
ຂ້ອຍຍັງຊື້ Hardware ໃໝ່ ເປັນປະ ຈຳ ເພື່ອທົດສອບວ່າມັນໃຊ້ໄດ້ແນວໃດ. ຂ້ອຍໄດ້ຊື້ Apple Watch ພຽງເພື່ອທົດສອບເວທີ. ຫຼັງຈາກນັ້ນຂ້າພະເຈົ້າໄດ້ຂາຍມັນເພາະວ່າຂ້າພະເຈົ້າຮູ້ສຶກວ່າມັນບໍ່ໄດ້ເພີ່ມຫຼາຍເຂົ້າໃນຊີວິດຂອງຂ້າພະເຈົ້າ.
ນອກ ເໜືອ ຈາກນີ້, ເວັບສາມາດເຫັນວ່າເປັນລະບົບປະຕິບັດການຂອງມັນເອງ. ມັນ ກຳ ລັງມີການປ່ຽນແປງຢູ່ເລື້ອຍໆ, ໂດຍມີການເພີ່ມຄຸນສົມບັດ ໃໝ່ ໃຫ້ກັບຜູ້ຂາຍໂປແກຼມທ່ອງເວັບທຸກໆອາທິດ. ມັນເປັນສິ່ງທີ່ຄຸ້ມຄ່າທີ່ສຸດທີ່ຈະຮູ້ກ່ຽວກັບດ້ານວິຊາການຂອງຕົວທ່ອງເວັບ, ໂດຍສະເພາະກ່ຽວກັບຄວາມສາມາດຂອງ CSS ແລະກາຟິກ. ທ່ານ ຈຳ ເປັນຕ້ອງຮູ້ວ່າ SVG ແລະ WebGL ແມ່ນຫຍັງແລະທ່ານສາມາດໃຊ້ Web Animations API ໄດ້ແນວໃດ.
ທຸກໆແພລະຕະຟອມພັດທະນາຕາມການເວລາແລະເປັນຜູ້ອອກແບບໂຕ້ຕອບຜູ້ໃຊ້ມັນແມ່ນ ໜ້າ ທີ່ຂອງທ່ານທີ່ຈະຕ້ອງໄດ້ປັບປຸງໃຫ້ທັນສະ ໄໝ. ຫຼັງຈາກທີ່ທັງ ໝົດ, ສິ່ງໃດກໍ່ຕາມທີ່ທ່ານ ກຳ ລັງອອກແບບບໍ່ໄດ້ຢູ່ແບບໂດດດ່ຽວ, ແຕ່ເປັນສ່ວນ ໜຶ່ງ ຂອງລະບົບນິເວດຊອບແວທີ່ໃຫຍ່ກວ່າ.
ກັບໄປຫາພື້ນຖານ
ສິ່ງທີ່ພວກເຮົາ ກຳ ລັງດີ້ນລົນຢູ່ກັບທຸກມື້ນີ້ແມ່ນບໍ່ແຕກຕ່າງກັບສິ່ງທີ່ພວກເຮົາ ກຳ ລັງປະສົບກັບ 20 ປີທີ່ຜ່ານມາ. ມີ ຄຳ ແນະ ນຳ ທີ່ດີໃນປື້ມ. ພະຍາຍາມອອກແບບປ້ອງກັນ ສຳ ລັບເວັບໂດຍ Jason Fried ແລະ Matthew Linderman ແລະຢ່າເຮັດໃຫ້ຂ້ອຍຄິດໂດຍ Steve Krug ສຳ ລັບຜູ້ເລີ່ມຕົ້ນ.
ຖ້າທ່ານບໍ່ຮູ້ກ່ຽວກັບແນວຄວາມຄິດຕ່າງໆເຊັ່ນຄວາມຄ່ອງແຄ້ວແລະຄ່າໃຊ້ຈ່າຍ, ທ່ານ ຈຳ ເປັນຕ້ອງອ່ານ. ທ່ານຄວນຈະສາມາດອະທິບາຍວ່າກົດ ໝາຍ ຂອງ Fitts ແມ່ນຫຍັງ. ກົດ ໝາຍ Gestalt ທີ່ຢູ່ໃກ້ບໍ? ນີ້ແມ່ນເຂົ້າຈີ່ແລະມັນເບີຂອງການອອກແບບ UI.
ໄດ້ຮັບແຮງບັນດານໃຈຈາກເກມແລະຮູບເງົາ
ໃນຖານະທີ່ເປັນຜູ້ອອກແບບ UI, ຂ້າພະເຈົ້າແຕ້ມກ່ຽວກັບແຫລ່ງການດົນໃຈອື່ນໆເພື່ອເຮັດວຽກຂອງຂ້ອຍ. ຂ້ອຍພົບແຮງບັນດານໃຈຫລາຍໃນເກມ. ບາງເກມມີຄວາມສັບສົນຫຼາຍ, ແລະນັກອອກແບບ UI ຕ້ອງແກ້ໄຂບັນຫາການໂຕ້ຕອບທີ່ສັບສົນຄືກັນກັບນັກອອກແບບ UI ທີ່ເຮັດວຽກໃນໂຄງການທຸລະກິດ.
ເກມຕ່າງໆຍັງສາມາດ ໝາຍ ເຖິງທ່າອ່ຽງ. ຫນ້ອຍທີ່ພົບໃນເມນູຂອງ Colin McRae Rally ໄດ້ເຕືອນຂ້ອຍກ່ຽວກັບທິດທາງຂອງ iOS7. ໃນທາງ ໜຶ່ງ, ການອອກແບບພາບເຄື່ອນໄຫວຂອງ UI ທີ່ມີຄວາມນິຍົມໃນປັດຈຸບັນແມ່ນປາກົດຢູ່ໃນເກມແລະປີທີ່ຜ່ານມາ. ການເຄື່ອນໄຫວຈາກ skeuomorphism ໄປສູ່ອິນເຕີເຟດທີ່ບໍ່ມີປະໂຫຍດແລະ 'ອອກແບບແປ' ໄດ້ປາກົດຂື້ນໃນເກມເຊັ່ນກັນ. ສົມທຽບພັນທະພາບຂອງປີ 2006 ກັບ Skyrim ປີ 2011. ເກມທັງສອງແມ່ນ RPGs ໃນຊຸດດຽວກັນ, ແຕ່ຄວາມແຕກຕ່າງແມ່ນພົ້ນເດັ່ນ.
ການໂຕ້ຕອບໃນອະນາຄົດໃນຮູບເງົາ Marvel ເຊັ່ນ Iron Man ກໍ່ໄດ້ເປັນແຮງບັນດານໃຈໃຫ້ຂ້ອຍເຊັ່ນກັນ. ມັນບໍ່ແມ່ນຕົວຢ່າງທີ່ໃຊ້ໄດ້ຢ່າງແນ່ນອນ, ແຕ່ມັນເຮັດໃຫ້ຂ້ອຍຄິດກ່ຽວກັບຄອມພິວເຕີ້ທັງ ໝົດ. ພວກເຮົາຕ້ອງການອະນາຄົດຂອງ ໜ້າ ຈໍ, ຫຼືພວກເຮົາຕ້ອງການໃຫ້ ໜ້າ ຈໍຫາຍໄປບໍ? ນີ້ອາດແມ່ນ ຄຳ ຖາມທີ່ດີທີ່ຈະສ້າງໃນຮ້ານທີ່ເຕັມໄປດ້ວຍນັກອອກແບບ.
ທ່ານເຕີບໃຫຍ່ເປັນນັກອອກແບບໂດຍຜ່ານການເຮັດວຽກ ໜັກ, ອົດທົນ, ເວົ້າລົມກັບເພື່ອນມິດຂອງທ່ານ, ແລະອ່ານເປັນຕາຢ້ານຫລາຍ. ປະມານຫນຶ່ງປີກ່ອນຫນ້ານີ້ຂ້າພະເຈົ້າໄດ້ອ່ານສິ້ນໃນ New York Times ກ່ຽວກັບຜູ້ຄົນເປັນຢ່າງດີໃນອາຍຸ 80 ປີຂອງພວກເຂົາທີ່ຍັງສືບຕໍ່ ໝູນ ໃຊ້ຫັດຖະ ກຳ ຂອງພວກເຂົາ. ຂ້ອຍຮູ້ສຶກວ່າຂ້ອຍເລີ່ມຕົ້ນເທົ່ານັ້ນ. ແລ້ວເຈົ້າເດ?
