โดย ปัตริก อาดัช
ตั้งแต่ต้นศตวรรษ 21 เมตาฟอร์ของการเบราว์ซิ่งแบบแท็บบนเดสก์ท็อปครองชีพวิธีที่เรานำทางบนเว็บ ด้วย Browser.html โครงการวิจัยของ Mozilla ที่มุ่งสร้าง UI เบราว์เซอร์ด้วย HTML สำหรับ nightly builds ของ Servo เรากำลังทดลอง พัฒนาเบราว์เซอร์แท็บมาตรฐานไปสู่โมเดลที่อิงบน Trails
เป้าหมายของ Trails คือสร้าง ไม่ใช่แค่หน้าต่างดูเนื้อหาเว็บ แต่เป็นบทเล่าประสบการณ์ของผู้ใช้ เราหวังว่างานนี้จะช่วยทำให้การเบราว์ซิ่งใกล้เคียงกับเครื่องมือที่ เสริมสร้าง กระบวนการคิดของเรา แทนที่จะเพิ่มภาระทางปัญญา
เพื่อแสดงสถานการณ์ที่เราคิดถึง เราจะแนะนำเพื่อนของเรา นาลา
การค้นหาพิซซ่าที่สมบูรณ์แบบ
นาลากำลังลองหาร้านพิซซ่า ในเบราว์เซอร์แท็บแบบดั้งเดิม เธอเริ่มด้วยการค้นหา (1) ที่นำเธอไปสู่หน้าผลการค้นหา (2)
เธอกดลิงก์ไปหน้ารายชื่อร้านอาหารบน Yelp (3) และเช็คร้านพิซซ่าที่น่าสนใจ (4)
ลิงก์ภายนอกบน Yelp เปิดในแท็บแยก ดังนั้นเมื่อ นาลา คลิกลิงก์ไปเว็บไซต์ร้านอาหาร มันจะเปิดแท็บใหม่ (5)
แท็บใหม่นี้ไม่มีประวัติ ไม่มีการเชื่อมต่อกับแท็บแรก ประวัติทั้งหมดว่า นาลา ไปรู้จักเว็บไซต์ร้านอาหารได้อย่างไร หายไปหมด!
ความเสียความจำของเบราว์เซอร์สะสมมากขึ้นเมื่อเธอไปดูตัวเลือกอื่น: กลับไปแท็บแรก (6) และย้อนกลับไปผลลัพธ์ Yelp (7) เธอห้าร้านอื่น
ตอนนี้เมื่อเธอเลือกร้านใหม่ (8) ส่วนหนึ่งของประวัติการนำทางแท็บปัจจุบันก็หายไปเช่นกัน:
คลิกลิงก์ภายนอกไปเว็บร้านถัดไป อีกครั้งเปิดแท็บใหม่ (9) และอีกครั้งตัดการเชื่อมต่อจากประวัติที่มาก่อนหน้า
เพื่อดูผลการค้นหาเริ่มต้นอีกครั้ง นาลาย้อนกลับหลายขั้นตอนในประวัติแท็บแรก และเปิดร้านพิซซ่าอีกแห่งจากที่นั่น (10)
ในตัวอย่างสถานการณ์ค้นหาทั่วไปนี้ มากกว่า 1 ใน 3 ของประวัติหายไป!
แน่นอน เบราว์เซอร์มักมีเครื่องมืออย่าง history views และเมนู "recent tabs" แต่ไม่มีอะไรนำเสนอบทสรุปที่ตรงกับเส้นทางจริงที่ นาลา เดินมา
จากแท็บสู่ Trails
ด้วย Browser.html เรากำลังสร้างต้นแบบ UI ที่เล่าไม่ใช่แค่ชิ้นส่วนของประวัติ นาลา ที่เบราว์เซอร์แท็บเก็บไว้ (Version 1) แต่มันคือทั้งหมด (Version 2):
แต่ต้นไม้เหล่านี้อาจซับซ้อนได้ง่าย สิ่งที่เราคิดว่าสำคัญที่สุด ไม่ใช่ว่าการสำรวจแต่ละครั้งแยกจากกันที่ไหน แต่เป็นเส้นทางสมบูรณ์ที่นำไปสู่ผลลัพธ์ นั่นคือสิ่งที่เราแสดงให้ผู้ใช้เห็น (Version 3):
แต่ละแถวแสดง trail จากรากของต้นไม้นำทางไปยังผลลัพธ์ ประโยชน์คือ trail เล่าเรื่องราวที่สมบูรณ์ในตัวมันเองจากซ้ายไปขวา ส่วนด้านลบ คือของซ้ำสร้าง雜訊ทางสายตามาก โชคดีที่สามารถกำจัดได้โดยโฟกัสที่ trail เดียวพับอีกๆ ไว้
นี่คือสิ่งที่ นาลา จะเห็นจริง:
แท็บและ Trails: เหมือนกัน แตกต่างกัน
ถ้าคุณข้ามเส้นทางที่นำไปสู่แต่ละหัวข้อที่สำรวจ Trails จะไม่ต่างจากแท็บดั้งเดิมเลย ซึ่งเป็นเจตนาของเรา: เป้าหมายคือเสริมประสบการณ์ผู้ใช้ที่มีอยู่ ไม่ใช่แทนที่ ผู้ใช้ยังคงใช้เบราว์เซอร์ได้เหมือนเดิม และ yet trail แต่ละอันคือแท็บที่เล่าเรื่องราวสมบูรณ์จากต้นจนจบ นี่เปิดโอกาสให้เราสำรวจการปรับปรุง UX เพิ่มเติม นี่คือบางอย่างที่เรากำลังพิจารณา:
- แชร์ไม่ใช่แค่ URL แต่มันคือ trails ทั้งหมด
- ทำให้ trails จางลงเมื่อไม่เกี่ยวข้อง และสุดท้ายย้ายออกกริด
- เก็บ trails ในรูปแบบที่เป็นอยู่ตอนเยี่ยมชม เพื่อให้สามารถกลับมาดูได้ (ออฟไลน์)
- อนุญาตให้ใส่บันทึกบน trails เพื่อผู้ใช้จดความคิดระหว่างวิจัยหัวข้อ
- วิจัยหัวข้อแบบร่วมมือกัน
- เปิดหน้าใน trail ใหม่ได้โดยตัวเลือก
เส้นทางสู่ Trails
แนวคิดการแสดงเส้นทางของผู้ใช้บนเว็บเป็น trail ไม่ได้เป็นอะไรใหม่ แม้ 70 ปีก่อน ใน essay สำคัญ "As We May Think" ที่ทำให้ไอเดียข้อมูลเชื่อมโยงเป็นที่รู้จัก Vannevar Bush อธิบาย "memex machine" เขาเป็นผู้นำมองเห็นว่าเครื่องนี้จะช่วยให้เราเก็บและแชร์ข้อมูลผ่านห้องสมุดส่วนตัวที่ช่วยให้เราทิ้ง trail ไว้ในกระบวนการวิจัย
ตั้งแต่นั้นมา มีหลายความพยายามสร้างเครื่องมือแบบนี้ เริ่มจาก Trailmeme โดย Xerox Trails แนวคิดนี้ต่อยอดโดย Trailblazer โดย MacWarriors ในปี 2004 ตอนนี้ตามด้วย Trailblazer.io เราหวังว่าด้วยการเชื่อมแนวคิด trails กับ modus ของแท็บที่คุ้นเคย เราจะสร้างบน workflow ที่มีอยู่และทำให้ไอเดียนี้ดึงดูดใจกว้างขึ้น และ Browser.html ทำหน้าที่เป็น test-bed ที่ยอดเยี่ยมสำหรับไอเดียเหล่านี้
แบบจำลองเชิงพื้นที่ (Spatial Model)
ผมกำลังทำงานบน spatial model ผ่านการโต้ตอบและ animation ต่างๆ ควรช่วยให้ผู้ใช้เข้าใจได้ดียิ่งขึ้นว่ากำลังเกิดอะไรขึ้นและนำทางเว็บอย่างมีประสิทธิภาพอย่างไร
อ่านเพิ่มเติมได้ที่นี่
ร่วมกันทำได้!
เรากำลังสร้างต้นแบบที่ทำงานจริงตัวแรก ถ้าดูสนุก โปรดมาดูโครงการ Browser.html! หา open issues ได้ที่ GitHub หรือมาคุยกับเราบน Slack
เรียนรู้การเขียนโค้ดฟรี หลักสูตรโอเพนซอร์สของ freeCodeCamp ช่วยให้ผู้คน 40,000+ คนได้งานเป็นนักพัฒนา เริ่มต้นเลย
