Firefox ออกเวอร์ชัน 89 มีการเปลี่ยนแปลงสำคัญคือ UI แบบใหม่ที่สดใสขึ้น เมนูเรียบง่ายขึ้น (โค้ดเนม Proton) แต่ก็เป็นประเด็นวิจารณ์มาตั้งแต่ช่วงทดสอบ โดยเฉพาะการออกแบบแท็บใหม่ที่เป็นก้อนสี่เหลี่ยม และดู "ลอย" ขึ้นจากแถบเครื่องมือ มีช่องว่างไม่เชื่อมต่อกัน
Mozilla บอกว่าแนวทางหลักของ UI ใหม่คือ simplified ลดสิ่งที่ไม่จำเป็นลง
- แถบเครื่องมือ ถูกลดเหลือแค่ปุ่ม Back, Forward, Refresh, ช่อง Address Bar ที่มีไอคอนเพียงเล็กน้อย เหลือเฉพาะปุ่มที่ใช้บ่อยอย่าง Reader Mode, Zoom Level และ Bookmarks เท่านั้น
- เมนูด้านขวามือสุด (hamburger menu) ลดจำนวนรายการในเมนูลง เอาไอคอนออกทั้งหมดไม่ให้รกสายตา ปรับข้อความในเมนูให้ชัดเจนขึ้น
- แท็บใหม่ ถูกปรับปรุงให้สูงขึ้น เพื่อแสดงข้อความได้ 2 บรรทัด มีข้อความบรรทัดล่างบอกสถานะของแท็บ (เช่น เล่นเสียงอยู่ บล็อควิดีโออยู่) ส่วนเหตุผลที่ออกแบบให้แท็บดูลอย เป็นเพราะต้องการให้คนรู้ว่าแท็บย้ายได้ หรือลากออกมาเป็นอีกหน้าต่างได้
- ไดอะล็อกแจ้งเตือน ถูกจัดกลุ่มใหม่ให้รกน้อยลง รวมการขอสิทธิกล้องและไมโครโฟนไว้ด้วยกัน
Mozilla บอกว่าใช้ข้อมูลพฤติกรรมของผู้ใช้เพื่อมาออกแบบ UI ใหม่ ปุ่มไหนที่คนคลิกน้อยๆ เช่น ปุ่ม Home หรือ Profile จะถูกถอดออกไป หรือนำไปซ่อนในเมนูแทน
ของใหม่อย่างอื่นใน Firefox 89
- หน้าตาของ Firefox for iOS ถูกปรับปรุงใหม่ด้วย
- ผู้ใช้ macOS จะเห็นเมนูคลิกขวา (context menu) ที่รองรับ Dark Mode แล้ว, รองรับโหมด fullscreen แบบเต็มจอจริงๆ
- ลดจำนวนข้อความแจ้งเตือนลง อะไรที่ไม่สำคัญจะถูกบล็อคเป็นค่าดีฟอลต์
- Private Browsing เพิ่มฟีเจอร์ Total Cookie Protection จำกัดการทำงานของคุกกี้ เฉพาะเว็บต้นทางเท่านั้น
ที่มา - Mozilla, Mozilla
Comments
สวยดีแต่กินที่เยอะไปไหม
+1 ครับ ขนาดปรับเป็น compact ก็ยังดูใหญ่
และเกือบจะเอา "compact" ออกด้วยครับ ดีที่คนประท้วงกันใหญ่
ออ..มิน่า compact ถึงมีคำว่า "not supported" ขอบคุณครับสำหรับที่มา
ผมนี่คิดถึงสมัยที่ยังใช้ add on แบบเก่า ตอนนั้นผมอัด add on ทุกรูปแบบเลย ทั้ง
- ultra compact ย่อให้แท็บใหญ่เกินตัวอักษรแค่นิดเดียว
- ลดขอบแท็บลงจะได้ชิดขึ้นไปอีก
- ซ่อนแทบ url ทั้งหมด เวลาจะใช้ก็เอาเม้าส์ไปชี้ที่แท็บ url ถึงจะเด้งลงมา
กว่าจะหาและเซ็ต add on ทุกตัวให้เข้าที่ใช้เวลาพอควรเลยแต่ผลลัพธ์ก็คุ้ม
สมัยที่จอ 720 1080 ยังไม่มาเมื่อก่อนต้องปรับเลย แต่พอขยับจอมา 1080 ก็ลืม mode นี้ไปเลยเพราะมันเล็กจนมองลำบาก 55555
ก็ไม่นึกว่าปี 2021 ต้องกลับมาใช้ mode นี้อีกครั้ง
ต้องขอบคุณ คห ในชุดนี้ทุกท่านเลยที่ได้เปิดประเด็นขึ้นมา ไม่งั้นผมลืมไปแล้วจริงๆ 5555555555
ผมใช้ compact มาตลอด (ลงใหม่เปิด compact ก่อนเลย) ถ้าเอาออกนี่ ฮึ่ม
Jusci - Google Plus - Twitter
compact นี่ปรับตรงไหนครับ ใช่อันเดียวกับ browser.uidensity หรือเปล่าครับ
ตรง Menu > More Tools > Customize Toolbar... หรือ คลิกขวาที่ toolbar แล้วเลือก Customize Toolbar ครับ
จะมี Density ให้เลือกด้านล่างครับ
แต่ก็เป็นอันเดียวกับ
browser.uidensity
นั่นแหละครับJusci - Google Plus - Twitter
ขอบคุณครับ แต่ในหน้า Cuztomize Toolbar ผมไม่มีตัวเลือกให้ปรับ Density แฮะ ถ้าจะปรับ ต้องไปตั้งใน about:config แทน
ของผมก็หายครับ ไปเจอว่าเค้าซ่อนไว้เป็นค่า default
ต้องเข้าไปเปลี่ยน
browser.compactmode.show
เป็น true ในabout:config
โอ...ได้แล้วครับ ขอบคุณครับ
ลองโหลดมาใช้แล้ว
ถ้าเทียบกับภาพหลุดของ Fluent Design System ใน Windows 10 โค้ดเนม Sun Valley แล้วค่อนข้างเข้ากันมาก ๆ
Coder | Designer | Thinker | Blogger
หนาขึ้น
แต่ดูสวยขึ้น ที่ดีงามคือเมนูไม่ลายตาแล้วฮะ
เปิด Dark Mode แทบไม่ทัน
Default Theme ใหม่ สว่างตาบอด
ผมลองกับ Twitch และ Netflix พบว่า Firefox ช้ากว่า Chrome พอสมควรอยู่นะ
That is the way things are.
สีขาวสวยดีนะ แต่สว่างมากๆ กลับไปสีดำต่อจ้า
และ Tabbar ดูใหญ่จริง
มือใหม่!! ใหม่จริงๆนะ