โดย แพทริค อดาช
นับตั้งแต่ช่วงต้นทศวรรษ 2000 คำเปรียบเทียบบนเดสก์ท็อปของการเรียกดูแบบแท็บได้ครอบงำวิธีการท่องเว็บของเรา ด้วย Browser.html ซึ่งเป็นโครงการวิจัยของ Mozilla ที่มุ่งสร้างอินเทอร์เฟซผู้ใช้ของเบราว์เซอร์ที่สร้างด้วย HTML สำหรับการสร้างเซอร์โวทุกคืน เรากำลังทดลองพัฒนาเบราว์เซอร์แบบแท็บมาตรฐานไปสู่โมเดลที่อิงจาก เส้นทาง .
เป้าหมายของเส้นทางคือการสร้างไม่เพียงแค่หน้าต่างเข้าสู่เนื้อหาเว็บเท่านั้น แต่ยังเป็นการเล่าเรื่องกิจกรรมของผู้ใช้ ความหวังของเราก็คืองานของเราอาจช่วยพัฒนาสถานะของการเรียกดูให้เข้าใกล้อุดมคติของเครื่องมือที่ปรับปรุง กระบวนการรับรู้ของเรา แทนที่จะเพิ่มภาระการรับรู้ของเรา
เพื่อแสดงให้เห็นสถานการณ์ที่เรากำลังคิด เราจะแนะนำให้คุณรู้จักกับ Nala เพื่อนของเรา
การค้นหาพิซซ่าที่สมบูรณ์แบบ
นาลากำลังค้นหาร้านพิซซ่า ในเบราว์เซอร์แบบแท็บแบบดั้งเดิม เธอเริ่มต้นด้วยการค้นหา (1) ที่พาเธอไปยังหน้าผลการค้นหา (2) .
เธอคลิกลิงก์ไปยังรายชื่อร้านอาหารใน Yelp (3) และดูร้านพิซซ่าที่น่าอร่อย (4) .
ลิงก์ภายนอกบน Yelp จะเปิดในแท็บแยกกัน ดังนั้นเมื่อ Nala คลิกลิงก์ไปยังเว็บไซต์ของร้านอาหาร แท็บใหม่ก็จะเริ่มต้น (5) .
แท็บใหม่ไม่มีประวัติหรือการเชื่อมต่อกับแท็บแรก ประวัติทั้งหมดเกี่ยวกับการที่ Nala เข้าถึงเว็บไซต์ของร้านอาหารหายไป!
อาการความจำเสื่อมของเบราว์เซอร์เมื่อเธอดูตัวเลือกเพิ่มเติม:สลับกลับไปที่แท็บแรก (6) และย้อนกลับไปยังผลลัพธ์ของ Yelp (7) เธอมองหาร้านอาหารอื่น
ตอนนี้เมื่อเธอเลือกร้านอาหารใหม่ (8) ประวัติการนำทางส่วนหนึ่งของแท็บปัจจุบันจะหายไปเช่นกัน:
การคลิกลิงก์ภายนอกไปยังเว็บไซต์ของร้านอาหารถัดไปอีกครั้งจะเปิดแท็บใหม่ (9) และตัดการเชื่อมต่อจากประวัติที่อยู่ก่อนหน้าอีกครั้ง
หากต้องการดูผลการค้นหาครั้งแรกของเธออีกครั้ง Nala ย้อนกลับไปสองสามขั้นตอนในประวัติศาสตร์ของแท็บแรกและเปิดร้านพิซซ่าอีกแห่งโดยตรงจากที่นั่น (10) .
ในตัวอย่างนี้ของสถานการณ์การค้นหาทั่วไป ประวัติมากกว่าหนึ่งในสามสูญหายไป!
แน่นอนว่า เบราว์เซอร์มักมีเครื่องมือต่างๆ เช่น มุมมองประวัติและเมนู "แท็บล่าสุด" แต่ไม่มีเครื่องมือใดที่นำเสนอเรื่องราวที่ตรงกับหลักสูตรจริงที่ Nala ติดตาม
จากแท็บไปจนถึงเส้นทาง
ด้วย Browser.html เรากำลังสร้างต้นแบบอินเทอร์เฟซผู้ใช้ที่บอกไม่เพียงแต่เศษของประวัติของ Nala ที่เบราว์เซอร์แบบแท็บเก็บรักษา (เวอร์ชัน 1) แต่ทั้งหมดนั้น (เวอร์ชัน 2) :
แต่ต้นไม้เหล่านี้อาจซับซ้อนได้ง่าย สิ่งที่เราคิดว่าสำคัญที่สุดไม่ใช่จุดที่การสำรวจแต่ละครั้งแยกออกจากกัน แต่เป็นเส้นทางที่สมบูรณ์ซึ่งนำไปสู่ผลลัพธ์ นั่นคือสิ่งที่เราแสดงต่อผู้ใช้ (เวอร์ชัน 3) :
แต่ละแถวแสดงถึงเส้นทางจากรากของแผนผังการนำทางไปยังผลลัพธ์ ข้อดีก็คือเส้นทางบอกเล่าเรื่องราวที่มีอยู่ในตัวจากซ้ายไปขวา ในทางกลับกัน รายการที่ซ้ำกันทำให้เกิดสัญญาณรบกวนทางสายตาอย่างมาก โชคดีที่สามารถลบออกได้ด้วยการเน้นไปที่เส้นทางเดียวในขณะที่พับเส้นทางอื่นๆ
นี่คือสิ่งที่นาลาจะได้เห็นจริงๆ:
แท็บและเส้นทาง:เหมือนกัน แต่แตกต่าง
หากคุณเพิกเฉยต่อเส้นทางที่นำไปสู่แต่ละหัวข้อที่สำรวจ เส้นทางก็ไม่ต่างจากแท็บทั่วไป นี่เป็นความตั้งใจ:เป้าหมายของเราคือการปรับปรุงประสบการณ์ผู้ใช้ที่มีอยู่ ไม่ใช่เพื่อแทนที่ประสบการณ์เหล่านั้น ผู้ใช้สามารถใช้เบราว์เซอร์ต่อไปได้เหมือนเดิม แต่เส้นทางการนำทางแต่ละเส้นทางยังเป็นแท็บที่บอกเล่าเรื่องราวทั้งหมดตั้งแต่ต้นจนจบ สิ่งนี้ทำให้เรามีโอกาสสำรวจการปรับปรุงเพิ่มเติมให้กับประสบการณ์ผู้ใช้ ต่อไปนี้คือตัวอย่างบางส่วนที่เรากำลังพิจารณา:
- การแบ่งปันไม่ใช่แค่ URL แต่รวมถึงเส้นทางทั้งหมด
- รอยทางจางหายไปเมื่อไม่มีความเกี่ยวข้องและในที่สุดก็ย้ายออกจากตาราง
- เส้นทางที่คงอยู่ในรูปแบบเดียวกับที่อยู่ระหว่างการเยี่ยมชม เพื่อให้สามารถกลับมาเยี่ยมชมอีกครั้ง (ออฟไลน์)
- การอนุญาตให้ใส่คำอธิบายประกอบเพื่อให้ผู้ใช้สามารถบันทึกความคิดของตนในขณะที่ค้นคว้าหัวข้อ
- การวิจัยหัวข้อการทำงานร่วมกัน
- เลือกที่จะเปิดหน้าในเส้นทางใหม่
เส้นทางสู่เส้นทาง
แนวคิดในการแสดงภาพการเดินทางของผู้ใช้ผ่านเว็บเป็นเส้นทางนั้นไม่ใช่เรื่องใหม่แต่อย่างใด แม้แต่เมื่อเจ็ดสิบปีก่อน ในบทความเรื่อง As We May Think ของเขาที่เผยแพร่แนวคิดเกี่ยวกับข้อมูลแบบไฮเปอร์ลิงก์ Vannevar Bush บรรยายถึง "เครื่อง memex" เขาจินตนาการว่าเครื่องนี้จะช่วยเรารวบรวมและแบ่งปันข้อมูลผ่านห้องสมุดส่วนตัวที่จะช่วยให้เราทิ้งร่องรอยไว้ในกระบวนการวิจัยของเรา
ตั้งแต่นั้นมา มีความพยายามหลายครั้งในการสร้างเครื่องมือดังกล่าว โดยเริ่มจาก Trailmeme โดย Xerox Trails แนวคิดนี้ต่อยอดโดย Trailblazer โดย MacWarriors ในปี 2004 ตามมาด้วย Trailblazer.io ในปัจจุบัน เราหวังว่าการเชื่อมโยงแนวคิดเรื่องเส้นทางเข้ากับสำนวนที่คุ้นเคยในแท็บ เราจะต่อยอดจากขั้นตอนการทำงานที่มีอยู่และทำให้แนวคิดนี้น่าสนใจในวงกว้าง และ Browser.html ทำหน้าที่เป็นแหล่งทดสอบที่ดีสำหรับแนวคิดเหล่านี้
โมเดลพิเศษ
ฉันกำลังสร้างโมเดลพิเศษผ่านการโต้ตอบและภาพเคลื่อนไหวของผู้ใช้ต่างๆ สิ่งนี้จะช่วยให้ผู้ใช้เข้าใจได้ดีขึ้นว่าเกิดอะไรขึ้นและวิธีไปยังส่วนต่างๆ ของเว็บอย่างมีประสิทธิภาพสูงสุด
คุณสามารถอ่านเพิ่มเติมเกี่ยวกับเรื่องนี้ได้ที่นี่
เข้าร่วมกับเรา!
ขณะนี้เรากำลังสร้างต้นแบบการทำงานชิ้นแรกของเรา หากฟังดูน่าสนุกสำหรับคุณ โปรดเข้ามาดูโปรเจ็กต์ Browser.html! คุณสามารถดูรายการปัญหาที่เปิดอยู่ของเราบน GitHub หรือมาพูดคุยกับเราบน Slack ของเรา
เรียนรู้การเขียนโค้ดฟรี หลักสูตรโอเพ่นซอร์สของ freeCodeCamp ช่วยให้ผู้คนมากกว่า 40,000 คนได้งานในตำแหน่งนักพัฒนา เริ่มต้น
