การออกแบบเว็บและระบบนำทาง

ในฐานะที่เป็นคน “เรียกดู” เว็บที่พวกเขา “ดินแดน” ในหน้าและ “นำทาง” บนเว็บไซต์ ที่จะหาทางของรอบที่พวกเขาต้องการ “ระบบนำทาง” นำร่องมีความสำคัญสำหรับการออกแบบเว็บเป็นไดรฟ์สำหรับชีวิตจริง: เมื่อคุณขับรถบนถนนสายใหม่ที่คุณต้องการที่จะเห็นสถานที่ท่องเที่ยวที่โดดเด่นชัดเจนออกและที่จอดรถมากมาย คุณต้องการที่จะรู้ว่าคุณจะอยู่ที่ไหนและสถานที่ที่คุณไป ดังนั้นผู้เข้าชมของคุณ ล้มเหลวที่จะให้แผนที่ถนนชัดเจนและพวกเขาจะกลับไปยังที่ที่พวกเขามาจาก นำร่องควรมีความชัดเจนและเรียบง่าย หรือดีกว่า: มาตรฐาน ซึ่งหมายความว่า: ไม่ต้องไปรอบ ๆ ปุ่มเปลี่ยนชื่อ ใช้ “บ้าน” สำหรับดัชนีของคุณไม่ได้ “กลับไปที่ฐาน” อย่างไรก็ตามเรื่องนี้ “กลับไปที่ฐาน” ค่อนข้างชัดเจนไม่ได้ทั้งหมดที่ผู้ใช้เว็บที่อยู่ในอารมณ์สำหรับปริศนาหรือไม่ได้มีเวลาที่จะเริ่มต้นเรียนรู้กฎสไตล์ของคุณของคุณหรือสัญลักษณ์ของคุณ

มีสามประเภทหลักของการเดินเรือคือ: ทั่วโลกในท้องถิ่นและลำดับชั้น

นักออกแบบเว็บไซต์ใช้นำทางทั่วโลกสำหรับเว็บไซต์ขนาดกลางและขนาดเล็กที่จะจำแนกประเด็นหลักที่น่าสนใจ ลำดับชั้นนำทางหมายถึงเว็บไซต์ขนาดใหญ่ – เช่นไดเรกทอรีเว็บไดเรกทอรีบทความพอร์ทัลข่าวและอื่น ๆ วิธีการนี​​้จะทำให้เกิดความสับสนอย่างใดสำหรับสามเณรเว็บที่พวกเขาไม่สามารถจริงๆหาทางของพวกเขาโดยเฉพาะอย่างยิ่งเมื่อมีการนำโครงสร้างไม่ชัดเจน (บางคนออกแบบเว็บละเว้นการนำองค์ประกอบที่สำคัญเช่น “คุณอยู่ที่นี่”, “กลับ”, “หน้าถัดไป” ฯลฯ )

หนึ่งบันทึกที่สำคัญเกี่ยวกับการเดินเรือท้องถิ่น: ใช้งานได้ดีเมื่อคุณต้องการการจราจรข้าม คุณสามารถใช้ตัวเชื่อมที่จะนำผู้เข้าชมของคุณไปยังข้อมูลที่มีอยู่ที่อื่นในเว็บไซต์ของคุณหรือบนเว็บไซต์ที่แตกต่างกัน แต่ถ้าคุณต้องการที่จะเชื่อมโยงไปยังเว็บไซต์อื่นใช้วิธี target = “_blank” ที่จะเปิดการเชื่อมโยงในหน้าต่างใหม่ นั่นเป็นวิธีที่ผู้เข้าชมจะไม่สูญเสียเส้นทางกลับไปยังเว็บไซต์ของคุณ

หลายครั้งที่นักออกแบบเว็บใช้การผสมผสานของสามรูปแบบการเดินเรือขึ้นอยู่กับขนาดของเว็บไซต์ประเภทและความสำคัญของประเภทเหล่านี้ ตามกฎทุกเว็บไซต์มีหลักการนำทางทั่วโลก: แถบนำทาง ตำแหน่งมาตรฐานของแถบนำทางด้านบนหรือด้านซ้ายของหน้าจอ นักออกแบบบางวางแถบ nav บนด้านขวา – แต่ผู้ใช้ไม่ได้จริงๆคุ้นเคยกับวิธีการนี​​้ การปฏิบัติที่เลวร้ายยิ่งจะส่งเสริมโดยนักออกแบบแฟลชที่ละเลยมาตรฐานการใช้งานเว็บและให้ผู้เข้าชม “เดา” ที่เชื่อมโยงเป็น

ไม่ว่าคุณต้องการที่จะวางแถบ nav ไม่จำให้มันง่าย ลองดูที่เว็บไซต์ของ บริษัท ขนาดใหญ่ ตัวอย่างเช่นฟิลิปส์วางแถบ nav ที่ด้านบนเพื่อกำหนดประเภทหลักและใช้จาวาสคริปต์เพื่อช่วยผู้ใช้นำทางไปยังจุดโดยเฉพาะที่น่าสนใจ บนหน้าเว็บที่สองฟิลิปส์จะใช้แถบนำทางด้านซ้าย ทั้งหมดในที่เดียว, นักออกแบบเว็บที่สร้างเว็บไซต์สำหรับฟิลิปส์นำมาใช้ทั้งสามประเภทหลักของการเดินเรือ แต่การออกแบบเคารพหลักการหนึ่งหัวรุนแรง: “sense and simplicity” ที่เหมาะสม: สโลแกนฟิลิปส์มีผลบังคับใช้อย่างสมบูรณ์แบบเป็นกฎพื้นฐานเมื่อมันมาถึงการออกแบบเว็บ