ดีไซน์ Firefox เพื่ออนาคต

 (blog.mozilla.org)
1 คะแนน โดย GN⁺ 2 시간 전 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • ดีไซน์ใหม่ของ Firefox Project Nova ไม่ได้มาแทนที่เบราว์เซอร์เดิม แต่เป็นการปรับปรุง Firefox บนพื้นฐานที่สม่ำเสมอและเรียบสะอาดยิ่งขึ้น
  • นำฟีเจอร์ ความเป็นส่วนตัว มาไว้ด้านหน้าให้มากขึ้น เพื่อให้ค้นหา VPN ฟรีในตัว การท่องเว็บแบบเป็นส่วนตัว ตัวเลือกด้านข้อมูล และการปิดฟีเจอร์ AI ได้ง่ายขึ้น
  • จัดการเนื้อหาหลักก่อนโดยไม่ต้องแลกกับการบล็อกตัวติดตามหรือความเร็ว และในช่วง 1 ปีที่ผ่านมา เวลาโหลดหน้าเพจหลัก ดีขึ้น 9%
  • เพิ่มการเข้าถึงแท็บกลุ่ม มุมมองแบบแบ่งหน้าจอ และแท็บแนวตั้ง พร้อมนำ compact mode กลับมาตามคำขอของผู้ใช้เพื่อปรับปรุงเวิร์กโฟลว์
  • รวมองค์ประกอบทรงโค้งมน ไอคอน สี และข้อความใหม่ ตลอดจนการคำนึงถึงธีมและการเข้าถึงไว้ในระบบดีไซน์ร่วม เพื่อเพิ่ม ความสม่ำเสมอ ระหว่างเดสก์ท็อปและมือถือ

ทิศทางของ Project Nova

  • การปรับโฉมดีไซน์และระบบดีไซน์ล่าสุดของ Firefox มุ่งเน้นการทำให้เบราว์เซอร์ดูเรียบสะอาด อบอุ่น รวดเร็ว และปรับตัวได้ บน พื้นฐานที่สม่ำเสมอ มากขึ้น
  • ชื่อเรียกภายในคือ Project Nova และไม่ใช่เบราว์เซอร์ใหม่ที่จะมาแทน Firefox เดิม แต่เป็นการจัดระเบียบองค์ประกอบที่มีอยู่แล้ว
  • ดีไซน์ใหม่นี้มีกำหนดเปิดตัวภายในปลายปีนี้ และยังคงให้บริการแก่ผู้ใช้ในชื่อ Firefox
  • Firefox มุ่งเป็นเบราว์เซอร์ที่ตั้งค่าเริ่มต้นให้ ความเป็นส่วนตัว และแนวทางด้านข้อมูลที่ชัดเจนตั้งแต่จุดที่ผู้ใช้เลือกใช้งาน
  • ดีไซน์ใหม่ทำให้ฟีเจอร์อย่าง VPN ฟรีในตัว และการท่องเว็บแบบเป็นส่วนตัว ค้นหาและใช้งานได้ง่ายขึ้น
  • หน้าการตั้งค่าได้รับการออกแบบใหม่เพื่อให้เข้าใจและดำเนินการตัวเลือกที่เกี่ยวกับข้อมูลได้ง่ายขึ้น
  • รวมถึงการควบคุมเพื่อปิดฟีเจอร์ AI ได้ทั้งหมด ข้อความที่เข้าใจง่ายขึ้น และการปรับ Enhanced Tracking Protection ให้สอดคล้องกับสมดุลระหว่างการปกป้องและการใช้งานที่ผู้ใช้ต้องการ

ความเร็ว เวิร์กโฟลว์ และอินเทอร์เฟซ

  • Firefox มองว่าเมื่อบล็อกตัวติดตามแล้ว การโหลดหน้าก็เร็วขึ้นด้วย และไม่ได้มองว่า ความเป็นส่วนตัวกับความเร็ว เป็นสิ่งที่ต้องแลกกัน
  • ประมวลผลเนื้อหาหลักของหน้าเพจก่อนองค์ประกอบเสริมรอบข้าง และในช่วง 1 ปีที่ผ่านมา เวลาโหลดของเนื้อหาหลักบนหน้าเพจ ดีขึ้น 9%
  • ดีไซน์ใหม่ช่วยให้เข้าถึงฟีเจอร์เพิ่มประสิทธิภาพได้ง่ายขึ้น เช่น แท็บกลุ่ม, มุมมองแบบแบ่งหน้าจอ, แท็บแนวตั้ง
  • ตามคำขอของผู้ใช้ มีการนำ compact mode กลับมาอีกครั้ง สำหรับผู้ที่ต้องการบีบองค์ประกอบควบคุมของเบราว์เซอร์ให้กระชับที่สุด
  • ดีไซน์ Firefox ตั้งเป้าให้ดูทันสมัยแต่ไม่ทั่วไป อบอุ่นแต่แม่นยำ และแสดงเอกลักษณ์มากขึ้นโดยไม่เด่นเกินตัวเว็บเอง
  • แท็บมีรูปทรงที่นุ่มนวลขึ้นและไล่เฉดสีอย่างละมุน ช่วยให้แท็บที่ใช้งานอยู่โดดเด่นขึ้นและเพิ่มความรู้สึกของแสงรอบ Chrome ของเบราว์เซอร์
  • แผง เมนู การตั้งค่า และตัวควบคุมเบราว์เซอร์ เปลี่ยนไปใช้องค์ประกอบที่โค้งมนและสม่ำเสมอมากขึ้น เพื่อให้รู้สึกว่าเป็นส่วนหนึ่งของระบบเดียวกัน
  • ไอคอนได้รับการอัปเดตให้ดูสะอาดและสมดุลมากขึ้นทั้งในธีมสว่างและธีมมืด ช่วยให้จดจำได้รวดเร็วโดยไม่เพิ่มความรกทางสายตา
  • ระยะห่าง ทั่วทั้งอินเทอร์เฟซได้รับการปรับใหม่ โดยคำนึงถึงสภาพแวดล้อมที่ใช้งานเบราว์เซอร์เป็นเวลานาน
  • ชุดสีใหม่ได้แรงบันดาลใจจากความรู้สึกของไฟ รวมถึงแสงรอบแท็บที่ใช้งานอยู่ สีม่วงควันเข้ม และโทนสว่างที่เพิ่มความอบอุ่น
  • ข้อความของ Firefox ถูกปรับให้ตรงไปตรงมาและเป็นมนุษย์มากขึ้น บางครั้งก็ใช้น้ำเสียงที่ขี้เล่นหรือร้อนแรงขึ้น แต่ยังคงความจริงใจไว้
  • โทเค็น องค์ประกอบ แพตเทิร์นที่นำกลับมาใช้ซ้ำได้ และภาษาดีไซน์ร่วมกัน ช่วยให้ Firefox พัฒนาต่อได้ง่ายขึ้น โดยทำให้ฟีเจอร์ใหม่ไม่ดูเหมือนถูกแปะเพิ่ม แต่รู้สึกเป็นส่วนหนึ่งของระบบ
  • แม้การปรับโฉมจะเห็นชัดที่สุดบนเดสก์ท็อป แต่ด้วยสี ไอคอน ข้อความ และพื้นฐานการออกแบบร่วมกัน ก็ทำให้ประสบการณ์ Firefox บนมือถือมีความสม่ำเสมอมากขึ้นด้วย
  • Firefox ในฐานะ เบราว์เซอร์ที่ปรับแต่งได้ ซึ่งมี DNA แบบโอเพนซอร์ส ได้เพิ่มธีมและวอลเปเปอร์ใหม่
  • เมื่อเวลาผ่านไป ยังมีการสำรวจเพิ่มเติมเกี่ยวกับตัวควบคุมที่ใช้ปรับรูปแบบของอินเทอร์เฟซ เช่น แท็บ องค์ประกอบ และการจัดการภาพที่เกี่ยวข้อง
  • การเข้าถึง ถูกมองเป็นองค์ประกอบหลักของการปรับแต่ง โดยคำนึงถึงคอนทราสต์ ความอ่านง่าย สถานะโฟกัส การทำงานด้วยคีย์บอร์ด ขนาดพื้นที่กด การตั้งค่าระบบ ความสบายทางสายตา ธีม และพฤติกรรมของอินเทอร์เฟซทั่วทั้งหน้าต่าง
  • โหมดมืดไม่ใช่แค่ความชอบสำหรับผู้ใช้จำนวนมาก แต่เป็นสภาพแวดล้อมพื้นฐาน สำหรับบางคนมันช่วยลดอาการล้าของดวงตา และสำหรับอีกหลายคนมันเป็นส่วนหนึ่งของการตั้งค่าระบบที่กว้างกว่า
  • Firefox ถูกพัฒนาอย่างเปิดเผยมาโดยตลอดด้วยความช่วยเหลือจากผู้มีส่วนร่วมและผู้สนับสนุนทั่วโลก และผู้ใช้มีส่วนร่วมในกระบวนการสร้าง ทดสอบ ขยาย และปรับปรุงเบราว์เซอร์
  • ระบบดีไซน์ใหม่นี้ยังอยู่ระหว่างการก่อรูป และยังคงเปิดรับความคิดเห็นต่อเนื่องว่าอะไรทำงานได้ดีและอะไรเป็นอุปสรรค
  • Mozilla กำลังรับความคิดเห็นเกี่ยวกับ Project Nova ผ่าน Mozilla Connect

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2 시간 전
ความคิดเห็นจาก Lobste.rs

  • อย่างน้อยใน โหมดกะทัดรัด ก็คงไม่มีอะไรเพี้ยน ๆ แบบ “แท็บ/แถบที่อยู่ลอยแยกเป็นเกาะ”

    • หลายปีมานี้พยายามทำความเข้าใจว่าทำไม สไตล์แบบแยกส่วน ถึงฮิตนัก แต่โดยเฉพาะ Liquid Glass ของ Apple นี่รู้สึกว่าผิดชัดเจนเกินไป
      ลำดับชั้นทางสายตาแย่มาก ทำให้เข้าใจผิดได้เต็ม ๆ และยังกินพื้นที่ไปพอสมควร
      ในโครงสร้างแบบแยกใหม่ของ Firefox เองก็มีปัญหากับลำดับชั้นทางสายตาแบบดั้งเดิมเหมือนกัน ถ้าคิดดี ๆ ก็ยอมรับอย่างไม่เต็มใจได้ว่าอย่างน้อยในกรณีของ Firefox มันพอมีเหตุผลอยู่บ้าง แต่การใช้งานส่วนใหญ่ก็ยังดูงี่เง่าอยู่ดี
      อยากรู้จริง ๆ ว่าคนทำของแบบนี้คิดอะไรอยู่
      ตัวอย่างเช่น ที่ https://apple.com/newsroom/2025/… แถบด้านซ้ายของภาพนี้ที่ถูกดันเข้าไปด้านใน นี่ผิดตั้งแต่ต้น, วิดีโอด้านหลัง ก็มีความไม่สมมาตรซ้ายขวาจนน่าขำ, และ ภาพหน้าจอ Messages ตอนท้าย ก็ยิ่งแสดงให้เห็นความประหลาดของแถบด้านซ้ายที่ถูกดันเข้าไปด้านใน แค่นึกถึงลำดับชั้นของข้อมูลที่นำเสนอไว้ก็พอ

  • เห็นชื่อเรื่องแล้วเปิดแท็บด้วยความหวาด ๆ แต่กลับเจอแต่เรื่องที่ส่วนใหญ่ไม่ได้รบกวนใจอะไรนัก เลยเป็นความประหลาดใจที่ดีทีเดียว
    ไม่ได้ประชดนะ แต่เดี๋ยวนี้พอเห็นคำว่า “ออกแบบเพื่ออนาคต” ก็มักคาดว่าจะเป็นหายนะ

  • ไม่ค่อยแน่ใจว่าจำเป็นต้อง ออกแบบ UI ใหม่ ทั้งที่มันก็ใช้งานได้ดีและดูทันสมัยพออยู่แล้วไหม แต่ก็คงชินภายในประมาณสัปดาห์หนึ่ง

  • Mozilla ทำ งานด้านดีไซน์ ได้แย่มากมาตลอด 15 ปีหลัง จนตอนนี้แทบไม่ตลกแล้ว ระบบดีไซน์ใหม่นี้ก็ดูเก่าแล้วด้วยซ้ำ

    • Mozilla มีปัญหาฐานผู้ใช้หดตัว ดังนั้นผู้ใช้ที่เหลืออยู่ก็ยิ่งเป็นคนที่ใช้งานมานาน คุ้นเคย และชอบหน้าตาแบบปัจจุบันอย่างที่มันเป็น
      Mozilla เลยติดอยู่ระหว่างการรักษาฐานผู้ใช้เดิมที่คัดตัวเองเข้ามา กับการพยายามใหม่เพื่อดึงดูดคนหมู่มากที่ยังไม่ได้ใช้ Firefox
    • จริงเหรอ? ตอนนี้ พื้นที่ chrome ของเบราว์เซอร์ ถูกลดทอนลงมากจนแทบนึกไม่ออกเลยว่ามันมีงานออกแบบอะไรให้เรียกว่าแย่ได้
      โดยเฉพาะถ้าใช้แท็บแนวตั้งแบบกะทัดรัดใหม่ ทั้งเบราว์เซอร์ก็แทบเหลือแค่แถบที่อยู่บาง ๆ ด้านบนกับแถบแท็บบาง ๆ ด้านซ้าย ไม่เห็นว่ามันจะแย่จนน่าขันตรงไหน

  • คงกลายเป็นคนแก่ที่ยืนตะโกนใส่ก้อนเมฆ แต่ไม่เข้าใจว่าทำไม Mozilla ถึงรู้สึกว่าต้องวิ่งตาม เทรนด์ดีไซน์ ล่าสุดเหมือนวัยรุ่น
    ไม่ได้อยากใช้ Chrome หรอก แต่อย่างน้อยมันก็ดูสม่ำเสมอและโฟกัสกับแก่นมากกว่า UI ลอย ๆ นี่ชวนโมโหมาก
    ไปดู /r/unixporn มากเกินไปจนเห็นว่าคนใช้ i3-gaps เยอะหรือไง? ในเมื่อระหว่างแถบที่อยู่กับหน้าต่างหลักก็มีช่องว่างอยู่แล้ว ทำไมยังต้องการเพิ่มอีก?
    พูดในฐานะคนที่เลือกขนาดฟอนต์ให้เป๊ะเพื่อไม่ให้มีพื้นที่เสียเปล่ารอบขอบหน้าต่างเทอร์มินัลเลยสักนิด

    • เพราะพวกเขามีปัญหาที่พูดตรง ๆ ต่อสาธารณะไม่ได้ เป้าหมายของพวกเขาคือ ป้องกันไม่ให้ Google ถูกแยกบริษัทเพราะอำนาจผูกขาด
      ทุกอย่างไหลตามมาจากจุดนั้น
      ถ้า Firefox เป็นองค์กรที่ดำเนินงานโดยมูลนิธิที่อุทิศตนเพื่อประโยชน์สาธารณะจริง ๆ มันจะมีหน้าตาแบบไหนกัน?

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

  • เคยมีช่วงที่ “อนาคต” คือ skeuomorphism และก็เคยมีช่วงที่เป็นเงาบนกระจกกับมุมโค้งมน
    เคยมีช่วงที่อนาคตเป็นอะไรแบน ๆ คม ๆ เป็นสีสด ๆ เป็นพาสเทล และเงาบนกระจกก็เคยกลับมาอีก
    ช่วงหลัง ๆ รู้สึกว่าวงจรมันสั้นลงเรื่อย ๆ
    เดี๋ยวมันก็ผ่านไป

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

  • “เรากำลังนำโหมดกะทัดรัดกลับมา ผู้คนบอกว่าคิดถึงมัน และเราได้รับฟังแล้ว ถ้าคุณต้องการใช้พื้นที่ของตัวควบคุมเบราว์เซอร์ให้หนาแน่นที่สุด โหมดนี้เหมาะสำหรับคุณ”
    อันนี้ขอบคุณจากใจจริง แต่จริง ๆ แล้วมันไม่เคยถูกลบออกไปหมดเสียทีเดียว
    ใน about:config สามารถตั้ง browser.compactmode.show เป็น true แล้วเปิดใช้ได้อีกครั้งใน “ปรับแต่งแถบเครื่องมือ”
    แต่อยากให้ โหมดกะทัดรัด ของดีไซน์ใหม่นี้แน่นพอ ๆ กับโหมดกะทัดรัดแบบ “ไม่รองรับ” ของเวอร์ชันปัจจุบันจริง ๆ

  • Tree Style Tab คือคำตอบ ขอแค่ซ่อนขยะพวกนี้แล้วใช้ Tree Style Tab ได้ Mozilla จะพังมันเละแค่ไหนก็ไม่แคร์