Tags:
Node Thumbnail

ข่าวสำคัญที่สุดของงาน F8 2019 เมื่อคืนนี้คือ Facebook ประกาศปรับดีไซน์ครั้งใหญ่ เปลี่ยนมาใช้ธีมสีขาวล้วน (เหลือแค่ไอคอนที่เป็นสีน้ำเงิน) และหันมาเน้นฟีเจอร์ Groups มากขึ้นมาก

ดีไซน์ใหม่ของ Facebook ที่เรียกว่า FB5 (นับเป็นเวอร์ชัน 5) เปิดให้ผู้ใช้ในสหรัฐอเมริกาเริ่มใช้งานแล้ว และจะทยอยเปิดให้ผู้ใช้ทั่วโลกในเร็วๆ นี้ (เห็นในไทยก็มีบางคนได้กันแล้ว) ระหว่างนี้ เรามาดูกันว่าหน้าตาของ Facebook FB5 เป็นอย่างไรกันบ้าง

No Description

หน้า Home ใหม่ ขาวจังเลย

สิ่งแรกที่ทุกคนคงเห็นเหมือนกันคือ ธีมสีที่เปลี่ยนเป็นสีขาวล้วน (ตามแนวทางของ Messenger v4 ที่เริ่มใช้ตั้งแต่ปีที่แล้ว) เหลือสีน้ำเงินให้เห็นเพียงแค่ไอคอนตัว f (ที่เปลี่ยนเป็นวงกลมแทนสี่เหลี่ยม) ที่มุมขวาบนเท่านั้น

โครงสร้างของหน้าเพจเวอร์ชันเดสก์ท็อปยังคล้ายกับเวอร์ชันปัจจุบัน แต่ขยายเมนูช็อตคัตด้านซ้ายมือให้เป็น sidebar เต็มรูปแบบ, ด้านขวามือยังเป็น sidebar แถบรายชื่อเพื่อน (Contacts) โดยเพิ่มขนาดให้ใหญ่ขึ้นเช่นกัน

ส่วนของ Stories ย้ายมาอยู่ด้านบนของ News Feed โดยใช้ดีไซน์แบบเดียวกับแอพเวอร์ชันมือถือ เรียกง่ายๆ ว่าทุกอย่างได้รับการขับเน้นความสำคัญมากขึ้น ในขณะที่ News Feed ถูกลดความสำคัญลง

No Description

เมนูด้านบนเพิ่มเป็น 7 ปุ่ม

แถบเมนูสีฟ้าอันเดิมที่คุ้นเคยหายไปเรียบร้อยแล้ว เมนูไอคอนถูกย้ายมาอยู่ตรงกลางแทนตำแหน่งมุมขวาบนของเดิม และเพิ่มจำนวนเมนูไอคอนจากเดิม 3 อัน (Friends, Messages, Notifications) เป็น 7 อัน ตามภาพ

No Description

เรียงจากซ้ายไปขวาคือ

  • Home
  • Notifications
  • Watch
  • Profile
  • Marketplace
  • Groups
  • Messages

รายละเอียดของแต่ละหน้ามีดังนี้ (ยกเว้นหน้า Messages ที่ Facebook ไม่ได้โชว์)

Notifications

หน้าการแจ้งเตือน เปลี่ยนจากเมนูแบบ dropdown กลายมาเป็นถาดข้อความ sidebar ด้านซ้ายมือแทน (คล้ายกับพวกแอพแชทหรืออีเมล) แต่รูปแบบการใช้งานยังเหมือนเดิมคือแสดงการแจ้งเตือนล่าสุด จากใหม่ไปเก่า

No Description

Watch

แตกต่างจากหน้าเพจอื่นๆ อย่างชัดเจนด้วยธีมสีดำล้วน แต่รูปแบบการใช้งานก็ยังคล้ายของเดิมคือแสดง Watchlist ด้านซ้ายมือ และวิดีโอแนะนำที่ด้านขวามือ

No Description

Profile

การเปลี่ยนแปลงที่เห็นได้ชัดคือ ภาพ Profile ประจำตัวย้ายมาวางอยู่ตรงกึ่งกลางของหน้าเพจแทน, เพิ่มข้อความแนะนำตัวเองใต้ชื่อ และมีปุ่มโพสต์ Story กระตุ้นให้ใช้งานโพสต์แบบนี้มากขึ้น

No Description

Marketplace

หน้าตาของ Marketplace นับว่าคล้ายของเดิมมากที่สุด ใช้โครงสร้างหน้าเพจเหมือนเดิมแทบทุกประการ แต่จัดดีไซน์ให้เข้าระบบ sidebar แบบใหม่เท่านั้น

No Description

Groups

ฟีเจอร์ที่ Facebook เน้นมากที่สุดในงาน F8 ได้มีแท็บเป็นของตัวเองอย่างจริงจัง มี Groups แนะนำ และฟีเจอร์อื่นๆ ที่กระตุ้นให้เราอยากใช้งาน Groups มากขึ้น

No Description

ความสำคัญของ Groups ไม่ได้มีแค่บนหน้าเว็บเวอร์ชันเดสก์ท็อปเท่านั้น เพราะในแอพเวอร์ชันมือถือ จะเห็นว่าเมนูด้านบนที่มีเพียงแค่ 4 ไอคอน ก็มีไอคอน Groups เพิ่มเข้ามาเช่นกัน แสดงให้เห็นความจริงจังของ Facebook ต่อเรื่อง Groups มากขึ้นมากในปีนี้

No Description

สุดท้ายคือฟีเจอร์ที่หลายคนเรียกร้องมานาน ปุ่มกดเปลี่ยนเป็น Dark Mode สำหรับเดสก์ท็อป มีผลกับทุกหน้าเพจ

No Description

ใครอยากเห็นหน้าตาของ Facebook เวอร์ชันใหม่ FB5 แบบภาพเคลื่อนไหว สามารถดูได้จากวิดีโอด้านล่าง

Get latest news from Blognone

Comments

By: sudoku144
AndroidUbuntuWindows
on 2 May 2019 - 00:41 #1108169
sudoku144's picture

ว้าวให้กับ dark mode มากๆ

By: keen
iPhoneAndroidUbuntu
on 2 May 2019 - 05:06 #1108179
keen's picture

ขอให้เลิกค้างซักที แรม 8 ยังเอาแทบไม่อยู่แล้ว

By: LagSeeN
ContributorWindows PhoneWindows
on 2 May 2019 - 07:11 #1108185
LagSeeN's picture

ขอมือถือ Dark Mode ด้วยสิ

By: AlninlA
ContributorAndroidUbuntu
on 2 May 2019 - 08:04 #1108189
AlninlA's picture

ปล่อยมาให้ลองแป๊บนึง แล้วก็หายไป

By: semiauto
AndroidRed HatUbuntu
on 2 May 2019 - 09:17 #1108204

ดูแล้วน่าจะกินเน็ตมากขึ้นกว่าเดิม
//ผู้ใช้ 4G ไม่ถูกใจสิ่งนี้

By: KiiRoz on 2 May 2019 - 09:35 #1108211
KiiRoz's picture

Dark Mode นี่น่าจะเด็ดจริง จะรอใช้คนับ

By: iamoatx
iPhoneWindows PhoneAndroidBlackberry
on 2 May 2019 - 10:25 #1108223
iamoatx's picture

เห็น storie ล้นมาแบบนั้นแล้วอึดอัด

By: VadiForte
iPhone
on 2 May 2019 - 10:34 #1108225
VadiForte's picture

ถ้ามี Effect เปลี่ยนหน้าแบบนี้ แสดงว่าจะมาใช้ Reactjs แบบเต็มตัวแล้วเหรอครับ

By: Be1con
ContributorWindows PhoneWindowsIn Love
on 2 May 2019 - 21:21 #1108329 Reply to:1108225
Be1con's picture

ใช่ครับ


Coder | Designer | Thinker | Blogger

By: xanthics on 2 May 2019 - 10:40 #1108227

บนมือถือผมเปลี่ยนละ แต่ desktop ยัง รอเลย

By: HoLY CoMM@nDo on 2 May 2019 - 17:33 #1108247
HoLY CoMM@nDo's picture

ควรจะชูเรื่องกลุ่มเฟซบุ๊กกับแฟนเพจให้มีเมนูหลักกดเข้าง่ายๆ ได้นานแล้วอ่ะ คือปกติกลุ่มที่อยู่ข้างซ้าย ก็โชว์แค่บางกลุ่ม พอจะเข้ากลุ่มอื่นๆ ที่ไม่ได้อยู่ในลิสต์ ก็ต้องกดเข้าจัดการกลุ่ม เลือกกลุ่ม บลาๆๆ แถมมิหนำซ้ำ เวลาที่อยู่หน้าแฟนเพจ เวลาจะเข้ากลุ่มเฟซบุ๊ก แถบด้านซ้ายมันไม่มีให้กด ก็ต้องมากดเข้าจากเมนูลูกศรแล้วกดจัดการกลุ่ม ซึ่งมันแลกดเข้าหลายสเต็ปสร้างความรำคาญเล็กๆ เวลาใช้จริงๆ ..ส่วนเมนูวิดีโอนี่ กะว่าจะมาแข่งกับ YouTube หรือไม่ คงต้องมารอดูกันต่อไป เหอๆๆ

และเหตุผลที่ว่าไม่มีแถบสีน้ำเงินอีกต่อไปแล้ว ผมว่าคงเพราะต้องการให้รองรับการใช้ธีมแบบ Light / Dark Mode ด้วยล่ะ ซึ่งถ้ายังคงแถบหัวเว็บเป็นสีน้ำเงินอยู่ การใช้งาน Light Mode ก็คงไม่ต่างกับที่เป็นอยู่ตอนนี้นัก แต่พอเปลี่ยน Dark Mode มันจะทำให้ดูขัดเรื่องสีแปลกๆ คือ สีมืดกับมืดมาเจอกัน มันก็และดูแปลกๆ นั่นล่ะ (ผมใช้ Dark Reader มันก็แปลกๆ อยู่นะ)

By: iannnnn
WriterAndroid
on 2 May 2019 - 12:28 #1108249
iannnnn's picture

ผมใช้เฟซบุ๊กก็เพราะ Groups นี่แหละครับ (เข้าไปดูพวกคอมมูนิตี้ต้นไม้ใบหญ้า 5555) ส่วนที่เศร้าหน่อยคือ Pages โดนกดหายไปเลย


@iannnnn

By: illusion
ContributorAndroid
on 2 May 2019 - 13:33 #1108257
illusion's picture

View As ตั้งแต่มีเรื่องก็หายไปนานแล้ว กลับมาซะทีเถอะครับ ผมรออยู่ ถือเป็นฟีเจอร์ความปลอดภัยเหมือนกันนะ

By: Diaboros_Sorobaid
Windows PhoneAndroidWindows
on 2 May 2019 - 13:55 #1108265
Diaboros_Sorobaid's picture

Developer ชอบ Dark mode แต่ End User ชอบ White mode

By: tom789
Windows Phone
on 2 May 2019 - 14:21 #1108269

เค้ามี แต่ ทำให้ดำๆ อันนี ้มาขาวล้วนเลย

By: nessuchan
iPhoneAndroidWindows
on 2 May 2019 - 17:01 #1108295 Reply to:1108269
nessuchan's picture

เค้าก็มี Darkmode ให้แล้วนี่ครับ

By: big50000
AndroidSUSEUbuntu
on 2 May 2019 - 18:06 #1108302
big50000's picture

เพิ่มตัวเลือกปิด Stories ให้ที ทุกวันนี้ บนมือถือใช้ Facebook 113 บนเดสก์ท็อปใช้ css ลบ Stories ออกไป มันลำบากนะ

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

By: lancaster
Contributor
on 2 May 2019 - 18:32 #1108308 Reply to:1108302

แตะค้างที่ story จะสามารถ mute story ของคนนั้นได้ครับ

By: big50000
AndroidSUSEUbuntu
on 4 May 2019 - 19:36 #1108600 Reply to:1108308
big50000's picture

อยากเอาออกให้ให้หมดเลย มันบังฟีดหน้าแรก จากที่ผมดูจากคอนเทนต์ในสตอรี่ ส่วนใหญ่แล้ว "ไม่มีประโยชน์"

By: tg-thaigamer
ContributoriPhoneAndroidBlackberry
on 2 May 2019 - 18:50 #1108310
tg-thaigamer's picture

ได้ UI ใหม่ Emotion ใหม่ตอนวันเปิดตัว ดีเลย


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

By: LasPersonas on 2 May 2019 - 21:21 #1108328

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

By: TeamKiller
ContributoriPhone
on 3 May 2019 - 12:06 #1108422
TeamKiller's picture

มือถือได้ UI ใหม่แล้ว ขาวๆ ด้านบน ที่เหลือเหมือนเดิม

ส่วน iPad กับหน้าเว็บยัง

By: TeamKiller
ContributoriPhone
on 3 May 2019 - 12:06 #1108423
TeamKiller's picture

มือถือได้ UI ใหม่แล้ว ขาวๆ ด้านบน ที่เหลือเหมือนเดิม

ส่วน iPad กับหน้าเว็บยัง

By: Krit04
iPhoneWindows
on 3 May 2019 - 13:40 #1108441
Krit04's picture

อ่านถึงตรง dark mode ผมนี้ลุกขึ้นปรบมือเลยครับ

By: yanawut on 3 May 2019 - 13:54 #1108443
yanawut's picture

google +

By: Nikky on 21 September 2020 - 14:54 #1176938
Nikky's picture

ล่าสุดพบว่าดีไซน์บนเว็บไซต์ ไม่สามารถย้อนกลับไปใช้เวอร์ชั่นเก่าได้แล้ว ตอนนี้ไม่มีปุ่มให้สลับแล้ว เหลือแต่เพียงแบบใหม่เท่านั้นตามที่เฟซบุ๊กประกาศไว้ตั้งแต่เดือนกันยายน

By: Nikky on 21 September 2020 - 15:00 #1176940
Nikky's picture

บนแท็บเล็ตก็ขยับมาใช้uiแบบมือถือตั้งแต่มีดีไซน์ใหม่fb5 ตอนนี้หากเข้าแอพfacebook บนแท็บเล็ตก็จะมีดีไซน์ที่เหมือนกับบนมือถือเลย