Tags:
Node Thumbnail

Firefox ออกเวอร์ชัน 89 มีการเปลี่ยนแปลงสำคัญคือ UI แบบใหม่ที่สดใสขึ้น เมนูเรียบง่ายขึ้น (โค้ดเนม Proton) แต่ก็เป็นประเด็นวิจารณ์มาตั้งแต่ช่วงทดสอบ โดยเฉพาะการออกแบบแท็บใหม่ที่เป็นก้อนสี่เหลี่ยม และดู "ลอย" ขึ้นจากแถบเครื่องมือ มีช่องว่างไม่เชื่อมต่อกัน

Mozilla บอกว่าแนวทางหลักของ UI ใหม่คือ simplified ลดสิ่งที่ไม่จำเป็นลง

  • แถบเครื่องมือ ถูกลดเหลือแค่ปุ่ม Back, Forward, Refresh, ช่อง Address Bar ที่มีไอคอนเพียงเล็กน้อย เหลือเฉพาะปุ่มที่ใช้บ่อยอย่าง Reader Mode, Zoom Level และ Bookmarks เท่านั้น
  • เมนูด้านขวามือสุด (hamburger menu) ลดจำนวนรายการในเมนูลง เอาไอคอนออกทั้งหมดไม่ให้รกสายตา ปรับข้อความในเมนูให้ชัดเจนขึ้น
  • แท็บใหม่ ถูกปรับปรุงให้สูงขึ้น เพื่อแสดงข้อความได้ 2 บรรทัด มีข้อความบรรทัดล่างบอกสถานะของแท็บ (เช่น เล่นเสียงอยู่ บล็อควิดีโออยู่) ส่วนเหตุผลที่ออกแบบให้แท็บดูลอย เป็นเพราะต้องการให้คนรู้ว่าแท็บย้ายได้ หรือลากออกมาเป็นอีกหน้าต่างได้
  • ไดอะล็อกแจ้งเตือน ถูกจัดกลุ่มใหม่ให้รกน้อยลง รวมการขอสิทธิกล้องและไมโครโฟนไว้ด้วยกัน

No Description

No Description

No Description

No Description

Mozilla บอกว่าใช้ข้อมูลพฤติกรรมของผู้ใช้เพื่อมาออกแบบ UI ใหม่ ปุ่มไหนที่คนคลิกน้อยๆ เช่น ปุ่ม Home หรือ Profile จะถูกถอดออกไป หรือนำไปซ่อนในเมนูแทน

No Description

ของใหม่อย่างอื่นใน Firefox 89

  • หน้าตาของ Firefox for iOS ถูกปรับปรุงใหม่ด้วย
  • ผู้ใช้ macOS จะเห็นเมนูคลิกขวา (context menu) ที่รองรับ Dark Mode แล้ว, รองรับโหมด fullscreen แบบเต็มจอจริงๆ
  • ลดจำนวนข้อความแจ้งเตือนลง อะไรที่ไม่สำคัญจะถูกบล็อคเป็นค่าดีฟอลต์
  • Private Browsing เพิ่มฟีเจอร์ Total Cookie Protection จำกัดการทำงานของคุกกี้ เฉพาะเว็บต้นทางเท่านั้น

No Description

ที่มา - Mozilla, Mozilla

Get latest news from Blognone

Comments

By: sikkhim
ContributorAndroidBlackberry
on 2 June 2021 - 08:05 #1210961

สวยดีแต่กินที่เยอะไปไหม

By: art_duron
AndroidWindows
on 2 June 2021 - 08:34 #1210965 Reply to:1210961
art_duron's picture

+1 ครับ ขนาดปรับเป็น compact ก็ยังดูใหญ่

By: atheist
AndroidUbuntuWindows
on 2 June 2021 - 09:52 #1210974 Reply to:1210965

และเกือบจะเอา "compact" ออกด้วยครับ ดีที่คนประท้วงกันใหญ่

By: art_duron
AndroidWindows
on 2 June 2021 - 11:12 #1210990 Reply to:1210974
art_duron's picture

ออ..มิน่า compact ถึงมีคำว่า "not supported" ขอบคุณครับสำหรับที่มา
ผมนี่คิดถึงสมัยที่ยังใช้ add on แบบเก่า ตอนนั้นผมอัด add on ทุกรูปแบบเลย ทั้ง
- ultra compact ย่อให้แท็บใหญ่เกินตัวอักษรแค่นิดเดียว
- ลดขอบแท็บลงจะได้ชิดขึ้นไปอีก
- ซ่อนแทบ url ทั้งหมด เวลาจะใช้ก็เอาเม้าส์ไปชี้ที่แท็บ url ถึงจะเด้งลงมา

กว่าจะหาและเซ็ต add on ทุกตัวให้เข้าที่ใช้เวลาพอควรเลยแต่ผลลัพธ์ก็คุ้ม

By: animateex
iPhoneAndroidUbuntuWindows
on 3 June 2021 - 07:18 #1211148 Reply to:1210990
animateex's picture

สมัยที่จอ 720 1080 ยังไม่มาเมื่อก่อนต้องปรับเลย แต่พอขยับจอมา 1080 ก็ลืม mode นี้ไปเลยเพราะมันเล็กจนมองลำบาก 55555

ก็ไม่นึกว่าปี 2021 ต้องกลับมาใช้ mode นี้อีกครั้ง

ต้องขอบคุณ คห ในชุดนี้ทุกท่านเลยที่ได้เปิดประเด็นขึ้นมา ไม่งั้นผมลืมไปแล้วจริงๆ 5555555555

By: mementototem
ContributorJusci's WriterAndroidWindows
on 3 June 2021 - 08:50 #1211160 Reply to:1210974
mementototem's picture

ผมใช้ compact มาตลอด (ลงใหม่เปิด compact ก่อนเลย) ถ้าเอาออกนี่ ฮึ่ม


Jusci - Google Plus - Twitter

By: United
ContributorAndroidIn Love
on 3 June 2021 - 12:54 #1211207 Reply to:1210965
United's picture

compact นี่ปรับตรงไหนครับ ใช่อันเดียวกับ browser.uidensity หรือเปล่าครับ

By: mementototem
ContributorJusci's WriterAndroidWindows
on 3 June 2021 - 13:13 #1211209 Reply to:1211207
mementototem's picture

ตรง Menu > More Tools > Customize Toolbar... หรือ คลิกขวาที่ toolbar แล้วเลือก Customize Toolbar ครับ

จะมี Density ให้เลือกด้านล่างครับ

แต่ก็เป็นอันเดียวกับ browser.uidensity นั่นแหละครับ


Jusci - Google Plus - Twitter

By: United
ContributorAndroidIn Love
on 3 June 2021 - 18:22 #1211247 Reply to:1211209
United's picture

ขอบคุณครับ แต่ในหน้า Cuztomize Toolbar ผมไม่มีตัวเลือกให้ปรับ Density แฮะ ถ้าจะปรับ ต้องไปตั้งใน about:config แทน

By: teenigma
AndroidRed HatWindows
on 4 June 2021 - 13:48 #1211323 Reply to:1211247

ของผมก็หายครับ ไปเจอว่าเค้าซ่อนไว้เป็นค่า default
ต้องเข้าไปเปลี่ยน browser.compactmode.show เป็น true ใน about:config

By: United
ContributorAndroidIn Love
on 4 June 2021 - 17:56 #1211368 Reply to:1211323
United's picture

โอ...ได้แล้วครับ ขอบคุณครับ

By: sikkhim
ContributorAndroidBlackberry
on 2 June 2021 - 11:23 #1210992 Reply to:1210961

ลองโหลดมาใช้แล้ว

  • ไม่กินที่อย่างที่คิด เทียบกับ Chrome แท็บใหญ่กว่าแค่ 1-2 pixel (ดูห่างๆอะนะ)
  • เร็วอยู่
By: Be1con
ContributorWindows PhoneWindowsIn Love
on 2 June 2021 - 08:34 #1210964
Be1con's picture

ถ้าเทียบกับภาพหลุดของ Fluent Design System ใน Windows 10 โค้ดเนม Sun Valley แล้วค่อนข้างเข้ากันมาก ๆ


Coder | Designer | Thinker | Blogger

By: DashoIISO
ContributorWindows PhoneAndroidWindows
on 2 June 2021 - 15:23 #1211043
DashoIISO's picture

หนาขึ้น
แต่ดูสวยขึ้น ที่ดีงามคือเมนูไม่ลายตาแล้วฮะ

alt="PannWt.png"
alt="Panu6P.png"
alt="Panr1e.png"

By: Perl
ContributoriPhoneUbuntu
on 2 June 2021 - 22:05 #1211097
Perl's picture

เปิด Dark Mode แทบไม่ทัน
Default Theme ใหม่ สว่างตาบอด

By: zerocool
ContributoriPhoneAndroid
on 3 June 2021 - 00:02 #1211113
zerocool's picture

ผมลองกับ Twitch และ Netflix พบว่า Firefox ช้ากว่า Chrome พอสมควรอยู่นะ


That is the way things are.

By: tg-thaigamer
ContributoriPhoneAndroidBlackberry
on 3 June 2021 - 12:44 #1211206
tg-thaigamer's picture

สีขาวสวยดีนะ แต่สว่างมากๆ กลับไปสีดำต่อจ้า
และ Tabbar ดูใหญ่จริง


มือใหม่!! ใหม่จริงๆนะ