วิธีที่แนะนำสำหรับการนำ breadcrumbs

13

ฉันต้องการติดตั้ง breadcrumbs บนเว็บไซต์ตอนนี้ฉันกำลังดิ้นรนหาวิธีที่จะนำไปใช้งานได้ดีที่สุด

ผู้ใช้สามารถค้นหาผลิตภัณฑ์ แต่ยังสามารถนำทางไปยังหมวดหมู่ผลิตภัณฑ์เพื่อค้นหาผลิตภัณฑ์ ในหน้าผลิตภัณฑ์ผู้ใช้สามารถคลิกที่หมวดผลิตภัณฑ์เพื่อค้นหาผลิตภัณฑ์ที่คล้ายกัน ดังนั้นผู้ใช้จึงมีเส้นทางที่แตกต่างกันในการเข้าถึงผลิตภัณฑ์ / หน้าเฉพาะ

ฉันคิดว่าฉันมีสองทางเลือกในการติดตั้งเกล็ดขนมปัง

ตัวเลือกที่ 1: เพิ่มทุกหน้าที่เข้าชมไปที่เกล็ดขนมปัง ตัวอย่างเช่น: หน้าแรก> ผลลัพธ์การค้นหา> ผลิตภัณฑ์ 1> หมวดหมู่ 2> ผลิตภัณฑ์ 2 ข้อเสีย: breadcrum อาจยาวมาก

ตัวเลือกที่ 2: ระบุ breadcrumb แบบคงที่เฉพาะสำหรับทุกหน้าเช่น: หน้าแรก> หมวดหมู่ 1> ผลิตภัณฑ์ 1 ปัญหา: จะทำอย่างไรกับผลิตภัณฑ์ที่มีหลายหมวดหมู่

คุณมีความคิดเห็นอย่างไร? มีตัวเลือก 3 ที่ฉันมองข้ามไปหรือไม่?

web-development breadcrumbs

— vdrmrt
แหล่งที่มา

9

แม้ว่าพวกเขาจะถูกเรียกว่า "breadcrumbs" เหมือนในเทพนิยายจุดประสงค์ของ breadcrumbs ไม่ได้มาแทนที่ประวัติเบราว์เซอร์ ดังนั้นตัวเลือกที่ 1 ไม่ใช่ตัวเลือก

พวกเขาเป็นเครื่องมือในการแสดงให้ผู้ใช้เห็นว่าเขาพบผลิตภัณฑ์อย่างไรและเหนือสิ่งอื่นใดเขาสามารถค้นหาผลิตภัณฑ์อื่น ๆ

ดังนั้นโดยทั่วไปตัวเลือก 2

หากคุณมีผลิตภัณฑ์ที่มีหลายประเภทคุณมีสามตัวเลือก:

แสดงเส้นทางที่เป็นไปได้ทั้งหมดไปยังผลิตภัณฑ์
แสดงเส้นทางที่ผู้ใช้มาถึงผลิตภัณฑ์ (สิ่งนี้ต้องการให้คุณใช้คีย์หลักของตารางผลิตภัณฑ์ต่อหมวดหมู่ของคุณแทนรหัสผลิตภัณฑ์) ซึ่งหมายความว่าผู้ใช้จะได้รับประโยชน์น้อยมาก "ค้นหา> ผลิตภัณฑ์" เกล็ดขนมปังเมื่อทำการค้นหา
ระบุ "หมวดหมู่หลัก" สำหรับแต่ละผลิตภัณฑ์ที่กำหนด breadcrumbs ที่แสดง (และใช้ในสถานที่อื่นเช่นเมื่อมีตะกร้าสินค้าและผู้ใช้คลิกผลิตภัณฑ์ในมุมมองรถเข็น)

ตกลงลองเลือกตัวเลือกที่ 1 แต่คุณคิดว่ามันเป็นความคิดที่ดีที่จะแสดงใน breadcrumb ว่าผู้ใช้มาที่ผลิตภัณฑ์แม้ว่าจะเป็นการค้นหา สำหรับ exampe: หน้าแรก> ผลลัพธ์การค้นหา> product_1, Home> category_1> product_1 หรือ Home> category_2> product_1

จากความเป็นไปได้สามอย่างที่ฉันให้ฉันไม่ได้ชื่นชอบ ขึ้นอยู่กับแอพพลิเคชั่น การแสดงว่าผู้ใช้มาถึงผลิตภัณฑ์นั้นอาจเป็นตัวเลือกเดียวของคุณหากคุณไม่มี "หมวดหมู่หลัก" และคุณต้องการเพียงหนึ่งเส้นทางใน breadcrumb

1

Breadcrumbs ควรจะเป็นตัวแทนของรูปแบบไซต์ของคุณไม่ใช่วิธีที่ผู้ใช้เข้าถึงเว็บไซต์ของคุณซึ่งค่อนข้างเป็นทางเลือก # 1 ฉันไม่ชอบที่จะเห็นสิ่งนี้ใน Amazon:

Home>Products>Home>PS3 Games>Call of Duty>PS3 Games>Funky Boxer Shorts->Add To Cart

ในขณะที่บ่งบอกถึงประวัติการเข้าชมและการคลิก OCD ของฉันมันไม่ได้เป็นตัวแทนของเว็บไซต์ :)

ฉันถือว่าคุณมีแบ็กเอนด์ฐานข้อมูลตามที่คุณพูดถึงหมวดหมู่ผลิตภัณฑ์ หากคุณมีประเภทผู้ปกครองแล้วคุณมีโครงสร้างที่นั่นที่คุณสามารถใช้ สมมติว่าคุณมีหน้าแรกเราสามารถเรียกได้ว่า "หน้าแรก" บนเส้นทางครัมบรัม จากนั้นสมมติว่าคุณมีสิ่งต่าง ๆ ที่จัดเรียงไว้ในฐานข้อมูลของคุณ:

table_productCategories
    _pkCategoryID
    _categoryName
    _fkParentCategoryID

ช่วยให้คุณมีต้นไม้ของหมวดหมู่สินค้า:

Software
    Windows
        Apps
        Games
        Crash-To-Desktop
    Linux
        Servers
        3-Games
Hardware
    Laptops
    PCs
    Missile-Launchers

... จากนั้นเมื่อใดก็ตามที่คุณเข้าสู่หน้าผลิตภัณฑ์คุณไม่จำเป็นต้องกังวลว่าผลิตภัณฑ์ในหมวดหมู่มากกว่าหนึ่งรายการผู้ใช้ที่ไปที่นั่นและใช้การสืบค้นฐานข้อมูลเราสามารถสร้าง breadcrumb ของ:

Home > Software > Windows > Games > Aunt Dolly and the Scared Sheep

นอกจากนี้คุณจะมีเพจที่ไม่ใช่ผลิตภัณฑ์ "เกี่ยวกับเรา" "ติดต่อเรา", etceteras ใน CMS เนื้อหาของหน้าเหล่านี้อยู่ในฐานข้อมูลและจัดหมวดหมู่ด้วย

table_contentCategories
    _pkCategoryID
    _categoryName
    _fkParentCategoryID

... คุณได้รับความคิด ซึ่งหมายความว่าหน้าเว็บทั้งหมดของคุณที่มีเนื้อหาแทนที่จะเป็นผลิตภัณฑ์สามารถนำไปทำรายการย่อยได้:

Home > About > Finding Us in a web of backstreets

คำสั่งแรกของคุณแคบจริง ๆ บางคนใช้ breadcrumb ตามตำแหน่งเพื่อระบุตำแหน่งของคุณในไซต์ แต่บางคนใช้ breadcrumb ตามเส้นทางเพื่อระบุว่าผู้ใช้ไปถึงที่ที่เขาอยู่ในไซต์อย่างไร ฉันจะบอกว่าหลังเป็นจริงมากขึ้นกับแนวคิด "เกล็ดขนมปัง" เนื้อหาของเว็บไซต์ของคุณเป็นปัจจัยสำคัญในการพิจารณาว่าเว็บไซต์ไหนดีกว่า

เห็นด้วยบางทีมันอาจจะเจอแบบนั้น ฉันส่วนใหญ่อ้างถึงคำแนะนำ "เพิ่มหน้าปัจจุบันเพื่อ breadcrumb" ซึ่งจะสร้างผลลัพธ์ที่ฉันให้ตัวอย่าง

0

ฉันต้องไม่เห็นด้วยกับลักษณะของ breadcrumbs ในคำตอบส่วนใหญ่เพราะมีความแตกต่าง (ในความเข้าใจของฉัน) ระหว่างหมวดหมู่หรืออนุกรมวิธาน (ลำดับชั้นซ้อนของหมวดหมู่ที่นำจากทั่วไปไปยังส่วนใหญ่เฉพาะเช่นหมวดผลิตภัณฑ์> หมวดย่อยผลิตภัณฑ์> ผลิตภัณฑ์> รุ่นหรือรถยนต์> ซีดาน> chevy> Impala> x5000) และเส้นทางผ่านเว็บไซต์ (ฉันไม่ได้พูดถึงประวัติเบราว์เซอร์ แต่เป็นเส้นทางที่ไวต่อบริบท)

หากคุณต้องค้นหารถเก๋งสี่ประตูและพบรายชื่อผู้สมัครแล้วเจาะลงไปหนึ่งหรือมากกว่านั้นมันสำคัญกว่าที่คุณจะขึ้นไปที่รายการที่ส่งกลับโดยผลการค้นหา ผลิตภัณฑ์อะไรก็ตามที่คุณเลือก (ดังนั้นตัวอย่างข้างต้นอาจเป็น "หน้าแรก> ค้นหา> chevy impala x5000" มากกว่า "รถยนต์> รถซีดาน> chevy> impala> x5000"

การใช้ breadcrumbs เป็นเครื่องหมายของตำแหน่งที่คุณเคยคล้ายกับตัวเลือก 1 ยกเว้นคุณไม่เพิ่ม crumbs ไปยังจุดสิ้นสุดอย่างไม่สิ้นสุดเนื่องจาก breadcrumbs นั้นจะถูกหยิบขึ้นมาเพื่อติดตามเส้นทางของคุณย้อนหลัง (และเมื่อคุณหยิบ breadcrumb ทั้งหมด ของ cumbs หลังจากนั้นจะถูกลบออกเนื่องจากคุณเลือกจุดเฉพาะในเส้นทางและจะนำทางจากที่นั่น

หาก "breadcrumbs" เป็นต้นไม้ประเภทที่บางคนแนะนำไว้ทำไมเราถึงเรียกพวกเขาว่า "breadcrumbs"? ความเข้าใจของฉันเกี่ยวกับ breadcrumbs คือพวกมันเป็นเส้นทางเฉพาะไม่ใช่แบบเฉพาะ

— Larry Mills-Gahl
แหล่งที่มา

ขึ้นอยู่กับว่าคุณถามใคร (จริง ๆ แล้วพวกเขามีแบบจำลองอีกหนึ่งรายการที่นั่น) ณ จุดนี้คำโดยทั่วไปหมายถึงวิดเจ็ตภาพทั่วไป "x> y> z" พร้อมการตัดสินใจครั้งที่สองโดยผู้ดำเนินการซึ่งเป็นวิธีการที่พวกเขาใช้จริง .

— Su '