มาทำความรู้จักกับ Breadcrumbs (Navigator bar)

Breadcrumbs (Navigator bar)

Breadcrumbs-blog-gootum-4

เหนื่อยจากทหารมาอัพเดดความรู้กันหน่อยเรื่องของ Breadcrumbs อาจจะไม่เคยได้ยิน Navigator Bar ล่ะเคยได้ยินไหม?

หลายคนอาจจะเคยได้ยินมาบ้างเคยผ่านหูมาบ้างบางคนก็อาจจะงงว่า Breadcrumbs มันคืออะไร อะไรคือ Breadcrumbs แต่ถ้าเอ่ยว่า Breadcrumbs มันก็คือ Navigator Bar และ Navigator Bar มันก็คือ Breadcrumbs (อ๋อ..รู้จักแล้วล่ะสิ)
Breadcrumbs จะช่วยระบุตำแหน่งของผู้ใช้ภายในเว็บไซต์ของลำดับชั้น ทำให้สะดวกในการหาข้อมูลและเพิ่มประสิทธิภาพภายในเว็บ

Breadcrumbs คืออะไร
Breadcrumbs หรือ Navigator Bar มันก็คือเส้นนำทางในการใช้งานของเราพูดง่ายๆก็คือเมนูหรือหัวข้อต่างๆนั่นเอง breadcrumbs มีแนวนอนจัดลิงค์ข้อความที่คั่นด้วย “มากกว่า” สัญลักษณ์ (>); สัญลักษณ์แสดงระดับของที่หน้าเทียบกับหน้าเว็บที่เชื่อมโยงด้านข้าง. ในการใช้งานสามารถคลิ้กไปข้างหน้าและสามารถยังกลับย้อนมาข้างหลังได้สะดวกในการใช้งานด้วยเช่นกัน

ตัวอย่าง Breadcrumbs
Breadcrumbs-blog-gootum-1
——————————————————
Breadcrumbs-blog-gootum-2
——————————————————
Breadcrumbs-blog-gootum-3
——————————————————

ประโยชน์ของการใช้ Breadcrumbs
สะดวกสำหรับผู้ใช้เพราะว่าสามารถคลิกเลือกหัวข้อที่ต้องการจะอ่านได้ทันทีและลดการคลิก back ย้อนกลับไปมาของ Browser เป็นต้น (ที่สำคัญมี Keyword เพื่อเพิ่มจำนวน density ภายในเว็บไซต์เราอีกต่างหาก)

พิจารณาการออกแบบ Breadcrumbs
ควรที่จะแยกคำด้วยการใช้สัญลักษณ์ “มากกว่า” สัญลักษณ์ (>); เพื่อสื่อความหมายเดียวกัน หรือจะใช้เป็นตัวคั่น / ก็ได้เพื่อแยกคำให้ชัดเจนไม่ควรให้ตัวหนังสือติดกันเพราะจะแยกไม่ออกว่าอะไรคือ text อะไรคือ Breadcrumbs หรือ Navigator bar ตัวอย่างการใช้สัญลักษณ์อื่นๆเช่น ลูกศรชี้ไปทางขวา, มุมฉากอัญประกาศ ( ») และ slashes (/).

หลายท่านคงจะพอเข้าใจหลักการของ Breadcrumbs มากขึ้นนะครับหรือถ้าไม่อยากงงก็เรียก Navigator bar หรือ Navigator link ก็ได้ครับมันคือๆกันนั่นแหล่ะ อุอุ สรุปแล้วควรจะมีไว้ในเว็บหน่อยนะครับใส่ไว้ข้างบนและข้างล่างของหน้าเว็บเลยครับ เพื่อให้ User นั้นสามารถย้อนกลับมาอีก level นึงได้ตามต้องการหรือจะทำให้ User คลิกสะดวกมากขึ้นครับ ผมไปนอนก่อนเด้อพึ่งกลับมาจากคลองถมง่วงมากมาย ราตรีสวัสครับบบบบบบบ…..

  • ใช้มาตั้งนานเพิ่งจะรู้นะคะว่าเรียกว่าอะไรอ่ะ ^ ^ เอนทรี่นี้โดนใจมากๆเลยค่า

  • ก้พึ่งรู้นะเนี่ยมันมีชื่อเรียกเป็นทางการด้วย ทางการมากๆๆ

  • Someone I work with visits your blog entirely ordinarily and recommended it to me to presume from as well. The writing luxury is classier and the thesis is interesting. Thanks in the direction of the insight you furnish the readers!