ถัดไป
ก่อนหน้า
- แนวคิดและหลักการออกแบบเว็บเพื่อแสดงผลบนอุปกรณ์เคลื่อนที่
- ตัวอย่างเว็บไซต์ที่ออกแบบโดยใช้ jQuery Mobile
- การสร้างธีม(Theme) เพื่อใช้เอง
- การปรับแต่งสคริปต์ jQuery Mobile
จุดประสงค์ของบทนี้
2.1 แนวคิดและหลักการออกแบบเว็บสำหรับมือถือ
ความรู้พื้นฐานในการพัฒนา- ผู้ออกแบบและพัฒนาควรมีความรู้พื้นฐานของภาษาที่จะใช้สร้างเว็บไซต์
- ในด้านกราฟิก ควรมีความรู้ในเรื่องของการใช้สี การจัดวาง Layout เป็นต้น
- กำหนดเป้าหมายและรูปแบบรายละเอียดของเว็บไซต์
- ต้องการจะนำเสนอ/ถ่ายทอดข้อมูลอะไร อะไรคือจุดประสงค์และสิ่งสำคัญของเว็บไซต์
- ควรรู้ข้อมูลจุดแข็งและจุดอ่อนของเว็บไซต์ และศึกษาข้อมูลเว็บไซต์อื่นๆในตลาด
- รวบรวมข้อมูลและแนวคิดทั้งหมดเพื่อให้ได้ภาพรวมของเว็บไซต์
- ออกแบบโครงสร้างให้เหมาะสม เช่นการนำ CSS เข้ามาช่วยจัดรูปแบบของเว็บไซต์
- ออกแบบให้มี feature ที่หลากหลายตามขนาดและความละเอียดของหน้าจออุปกรณ์มือถือที่แตกต่างกัน
- สร้างเว็บไซต์ที่เรียบง่ายและมีเอกลักษณ์เฉพาะตัว เพื่อให้เว็บไซต์มีความน่าสนใจและช่วยในการจดจำและสร้างความประทับใจให้กับผู้ใช้
- ออกแบบให้แสดงหน้าเว็บไซต์ได้อย่างรวดเร็ว เช่น หลีกเลี่ยงเนื้อหาที่เป็น flash,ลดจำนวนภาพที่มีขนาดใหญ่ ,ใช้สัญลักษณ์แทนข้อความที่ยาว
- ใช้รูปแบบของ font และ สี ที่เป็นมาตรฐาน และคำนึงถึงสีของข้อมูลและสีพื้นหลังที่ใช้
- คำนึงถึงผู้ใช้เป็นหลัก ออกแบบและพัฒนาเสมือนว่าเราเป็นผู้ใช้งานเอง
- ผู้พัฒนาควรคำนึงถึงการเข้าเว็บไซต์ผ่านทางมือถือ เว็บไซต์ทั่วไปจะมีขนาดตัวอักษรที่เล็กทำให้ผู้ใช้ต้องซูมไปแต่ละส่วนของเว็บไซต์หากมีการสร้างเว็บไซต์สำหรับมือถือโดยเฉพาะก็ อำนวยความสะดวกให้กับผู้ใช้มากยิ่งขึ้น
- ลดความยุ่งยากในการใช้งาน เช่น ควรมีปุ่ม ย้อนกลับ(back)และปุ่มหน้าแรก (Home) เพื่อง่ายต่อการใช้งานในเมนูอื่่นๆ
- เป้าหมายการใช้งานของผู้ใช้ ผู้ใช้ต้องการทำอะไร สามารถทำสิ่งที่ต้องการได้อย่างไร
- มีการจัดกลุ่มข้อมูล และเรียงลำดับเมนูที่ชัดเจน จะช่วยให้ผู้ใช้ไปยังจุดหมายได้เร็วขึ้น
- ที่อยู่หรือแผนที่ต้องแสดงไว้อย่างชัดเจน มีแบบฟอร์มที่สั้นหรือทำเครื่องหมาย ในช่องที่เป็นข้อมูลสำคัญ เพื่อให้ง่ายต่อการติดต่อ