Facebook

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

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

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

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

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

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

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

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

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

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

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

Notifications

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

Watch

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

Profile

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

Marketplace

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

Groups

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

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

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

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

Hiring! บริษัทที่น่าสนใจ

Carmen Software company cover
Carmen Software
Hotel Financial Solutions
Next Innovation (Thailand) Co., Ltd. company cover
Next Innovation (Thailand) Co., Ltd.
We are web design with consulting & engineering services driven the future stronger and flexibility.
KKP Dime company cover
KKP Dime
KKP Dime บริษัทในเครือเกียรตินาคินภัทร
Kiatnakin Phatra Financial Group company cover
Kiatnakin Phatra Financial Group
Financial Service
Fastwork Technologies company cover
Fastwork Technologies
Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน
Thoughtworks Thailand company cover
Thoughtworks Thailand
Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน
Iron Software company cover
Iron Software
Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.
CLEVERSE company cover
CLEVERSE
Cleverse is a Venture Builder. Our team builds several tech companies.
Nipa Cloud company cover
Nipa Cloud
#1 OpenStack cloud provider in Thailand with our own data center and software platform.
Bangmod Enterprise company cover
Bangmod Enterprise
The leader in Cloud Server and Hosting in Thailand.
CIMB THAI Bank company cover
CIMB THAI Bank
MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank
Bangkok Bank company cover
Bangkok Bank
Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking
MuvMi (Urban Mobility Tech Co.,Ltd.) company cover
MuvMi (Urban Mobility Tech Co.,Ltd.)
Shape the future of urban mobility towards affordable, clean, and safe solutions
T.N. Digital Solution Co., Ltd. company cover
T.N. Digital Solution Co., Ltd.
TNDS has been involving in every first move of banking’s major digital transformation.
KBTG - KASIKORN Business-Technology Group company cover
KBTG - KASIKORN Business-Technology Group
KBTG - "The Technology Company for Digital Business Innovation"
Siam Commercial Bank Public Company Limited company cover
Siam Commercial Bank Public Company Limited
"Let's start a brighter career future together"
Icon Framework co.,Ltd. company cover
Icon Framework co.,Ltd.
Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก
REFINITIV company cover
REFINITIV
The Financial and Risk business of Thomson Reuters is now Refinitiv
H LAB company cover
H LAB
Re-engineering healthcare systems through intelligent platforms and system design.
The Gang Technology Co., Ltd. company cover
The Gang Technology Co., Ltd.
We're a Digital Agency that helps our customers transform their business into digital with ease.
LTMH company cover
LTMH
LTMH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย
Seven Peaks company cover
Seven Peaks
We Drive Digital Transformation
Wisesight (Thailand) Co., Ltd. company cover
Wisesight (Thailand) Co., Ltd.
The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure
MOLOG Tech company cover
MOLOG Tech
We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.
Data Wow Co.,Ltd company cover
Data Wow Co.,Ltd
We enable our clients to realize increased productivity by solving their most complex issues by Data
LINE Company Thailand company cover
LINE Company Thailand
LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call
LINE MAN Wongnai company cover
LINE MAN Wongnai
Join our journey to becoming No.1 food platform in Thailand

VadiForte Thu, 02/05/2019 - 10:34

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

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

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

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

illusion Thu, 02/05/2019 - 13:33

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

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

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

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

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

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