การออกแบบ User Interface มีวัตถุประสงค์หลัก ดังนี้
1. มีลักษณะเป็นหน้าต่างและคำสั่งในการทำงานคล้ายโปรแกรมทั่วๆไปที่ Run บน Windows เพราะผู้ใช้งานคอมพิวเตอร์ส่วนใหญ่คุ้นเคยกับการใช้ Windows อยู่แล้วทำให้ผู้ใช้สามารถใช้โปรแกรมได้สะดวกมากขึ้น
2. การรับคำสั่งจากผู้ใช้เน้นที่การกดปุ่มที่ได้เตรียมไว้ให้ โดยปุ่มจะมีข้อความหรือรูปภาพที่สื่อความหมายของคำสั่งให้ได้มากที่สุด ผู้ใช้เพียงแต่คลิกเมาส์ที่ปุ่มคำสั่งก็สามารถใช้งานโปรแกรมได้โดยไม่ต้องจดจำคำสั่งและพิมพ์คำสั่งเอง
3. เพื่อความสะดวกในการใช้งาน สามารถเลือกความเร็วในการแสดงจากลำดับรายการ
4. ผู้ใช้จะป้อนข้อความที่จะแสดงออกได้ที่ช่องข้อความ
5. ใช้สีสันสวยงามดึงดูดใจให้น่าใช้
การออกแบบ User Interface
เพื่อความสอดคล้อง/รองรับ พฤติกรรมการค้นคว้าของผู้ใช้ เช่น สะดุดตา สะดุดใจ สะดวก สบาย รวดเร็ว และเพื่อการเชื่อมโยงข้อมูลที่เป็นประโยชน์ไว้ด้วยกันทั้งหมด
หลักการออกแบบเว็บไซต์
การออกแบบเว็บไซต์ คำนึงถึงความเหมาะสมกับกลุ่มบุคคลเป้าหมายผู้ใช้และลักษณะของเว็บไซต์ ความสะดวกในการใช้งาน
องค์ประกอบของการออกแบบเว็บไซต์ ต้องคำนึงถึง
1. ความเรียบง่าย ได้แก่ มีรูปแบบที่เรียบง่าย ไม่ซับซ้อน และใช้งานได้สะดวก ไม่มีกราฟิกหรือตัวอักษรที่เคลื่อนไหวอยู่ตลอดเวลา ชนิดและสีของตัวอักษรไม่มากจนเกินไปทำให้วุ่นวาย
2. ความสม่ำเสมอ ได้แก่ ใช้รูปแบบเดียวกันตลอดทั้งเว็บไซต์ เช่น รูปแบบของหน้า สไตล์ของกราฟิก ระบบเนวิเกชันและโทนสี ควรมีความคล้ายคลึงกันตลอดทั้งเว็บไซต์
3. ความเป็นเอกลักษณ์ การออกแบบเว็บไซต์ควรคำนึงถึงลักษณะขององค์กร เพราะรูปแบบของเว็บไซต์จะสะท้อนถึงเอกลักษณ์และลักษณะขององค์กรนั้น ๆ เช่น ถ้าเป็นเว็บไซต์ของทาง ราชการ จะต้องดูน่าเชื่อถือไม่เหมือนสวนสนุก ฯลฯ
4. เนื้อหาที่มีประโยชน์ เนื้อหาเป็นสิ่งที่สำคัญที่สุดในเว็บไซต์ ดังนั้นควร จัดเตรียมเนื้อหาและข้อมูลที่ผู้ใช้ต้องการให้ถูกต้อง และสมบูรณ์ มีการปรับปรุงและเพิ่มเติมให้ทันเหตุการณ์อยู่เสมอ
เนื้อหาไม่ควรซ้ำกับเว็บไซต์อื่น จึงจะดึงดูดความสนใจ
5. ระบบเนวิเกชันที่ใช้งานง่าย ต้องออกแบบให้ผู้ใช้เข้าใจง่ายและใช้งานสะดวก ใช้กราฟิกที่สื่อความหมายร่วมกับคำอธิบายที่ชัดเจน มีรูปแบบและลำดับของรายการที่สม่ำเสมอ เช่น วางไว้ ตำแหน่งเดียวกันของทุกหน้า
6. ลักษณะที่น่าสนใจ หน้าตาของเว็บไซต์จะต้องมีความสัมพันธ์กับคุณภาพขององค์ประกอบต่างๆ เช่น คุณภาพของกราฟิกที่จะต้องสมบูรณ์ การใช้สี การใช้ตัวอักษรที่อ่านง่าย สบายตา การใช้โทนสีที่เข้ากัน ลักษณะหน้าตาที่น่าสนใจนั้นขึ้นอยู่กับความชอบของแต่ละบุคคล
7. การใช้งานอย่างไม่จำกัด ผู้ใช้ส่วนใหญ่สามารถเข้าถึงได้มากที่สุด เลือกใช้บราวเซอร์ชนิดใดก็ได้ในการเข้าถึงเนื้อหา สามารถแสดงผลได้ทุกระบบปฏิบัติการและความละเอียดหน้าจอต่างๆ กันอย่างไม่มีปัญหา เป็นลักษณะสำคัฐสำหรับผู้ใช้ที่มีจำนวนมาก
8. คุณภาพในการออกแบบ การออกแบบและเรียบเรียงเนื้อหาอย่างรอบคอบ สร้างความรู้สึกว่าเว็บไซต์มี….คุณภาพ ถูกต้อง และเชื่อถือได้
9. ระบบการใช้งานที่ถูกต้อง การใช้แบบฟอร์มสำหรับกรอกข้อมูลต้องสามารถกรอกได้จริง ใช้งานได้จริง ลิงค์ต่างๆ จะต้องเชื่อมโยงไปหน้าที่มีอยู่จริงและถูกต้อง ระบบการทำงานต่างๆ ในเว็บไซต์จะต้องมีความแน่นอนและทำหน้าที่ได้อย่างถูกต้อง
พื้นฐานในการออกแบบเว็บไซต์ที่ดี
- มีเนื้อหาเป็นประโยชน์ ตรงกับที่ผู้ใช้ต้องการ
- มีการปรับปรุงเพิ่มเติมเนื้อหา และพัฒนาเว็บไซต์อยู่เสมอ
- ใช้เวลาในการดาวน์โหลดน้อย แสดงผลเร็ว ใช้งานที่สะดวก เข้าใจง่าย
ข้อควรพิจารณาในเรื่องการออกแบบหน้าจอ
1.ความน่าสนใจของเนื้อหาควรเป็นประเด็นหลักของการออกแบบควรทุ่มเทพื้นที่บนเว็บไซต์เพื่อเนื้อหาอย่างน้อยครึ่งหนึ่ง หรือเกือบ 80 เปอร์เซ็นต์ มากกว่าเรื่อง Navigation ที่ควรจะมีสัดส่วนต่ำกว่า 20 เปอร์เซ็นต์
2.พื้นที่สีขาวทำให้คนใช้เข้าใจการจัดหมวดหมู่เนื้อหานำสายตาคนใช้ได้ดีและเสียเวลาดาวน์โหลดน้อยกว่าเมื่อเปรียบเทียบกับการใช้เส้นแบ่ง
3.หลักการทั่วไปของการออกแบบ User interface คือ ใช้องค์ประกอบการออกแบบให้น้อยๆ เพื่อให้หน้าเว็บมีความเรียบง่ายและใช้เวลาดาวน์โหลดน้อยลง
4.ควรออกแบบหน้าให้สามารถใช้งานได้กับหน้าจอทุกประเภท เพราะเราไม่รู้ว่าคนใช้ใช้หน้าจอขนาดไหน
5.คนออกแบบต้องกำหนดหน้าในลักษณะที่ช่วยให้คนใช้สามารถใช้ประโยชน์จากหน้านั้นได้สอดคล้องกับสภาวการณ์ที่ต่างกันของผู้ใช้แต่ละคน บางคนจอใหญ่ บางคนจอเล็ก บางคนชอบใช้ตัวอักษรขนาดใหญ่ บางคนขนาดเล็ก หน้าที่ออกแบบจะต้องทำงานได้ดีกับทุกขนาด คือไม่กำหนดขนาดตายตัว แต่กำหนด Layout เป็นเปอร์เซ็นต์ของพื้นที่ที่มีอยู่บนหน้า รวมไปถึงการออกแบบให้สามารถพิมพ์งานจากหน้าเว็บออกมาได้ในสัดส่วนที่พอดีมีเนื้อหาครบถ้วน
6.การออกแบบอย่าไปมุ่งเน้นเรื่องการอัพเกรดหรือใช้เทคโนโลยีใหม่ล่าสุดอยู่เสมอเพราะปัจจุบันนักออกแบบตระหนักแล้วเว็บไซต์ของตนควรจะสามารถทำงานกับเทคโนโลยีตัวเก่าได้ต่อไปซึ่งเป็นผลมาจากตัวผู้ใช้ทั่วๆไปที่ไม่ใช่นักคอมพิวเตอร์ ยังคงใช้โปรแกรมเบราว์เซอร์ตัวเก่าที่ยังทำงานและความแตกต่างระหว่างเทคโนโลยีเก่าใหม่ในปัจจุบันไม่ได้มีมากมาย แถมปัจจุบันคนใช้คอมพิวเตอร์เป็นคนทั่วๆไปมีมากขึ้นไม่ได้จำกัดอยู่เฉพาะนักเล่นคอมพิวเตอร์ที่แข่งกันว่าเครื่องใครมีเทคโนโลยีดีกว่ากัน
