Facebook重新設計大膽且用戶友好

[ad_1]

Facebook重新設計大膽且用戶友好

Facebook正在公布其網站的重新設計,該網站大膽且用戶友好。新設計還帶有黑暗模式。

新的Facebook重新設計

新設計採用Cards設計風格,其中不同部分包含在類似Card的容器中。

Facebook重新設計大膽且用戶友好「 width =」 800「 height =」 378「 size =」(最大寬度:800px)100vw,800px「 srcset =」 https://cdn.searchenginejournal.com/wp-content/uploads /2020/03/home-page-5e747a3f4df10.png 800w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/03/home-page-5e747a3f4df10-480x227.png 480w,https:// cdn .searchenginejournal.com / wp-content / uploads / 2020/03 / home-page-5e747a3f4df10-680x321.png 680w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/03/home-page- 5e747a3f4df10-768x363.png 768w「 src =」 https://cdn.searchenginejournal.com/wp-content/uploads/2020/03/home-page-5e747a3f4df10.png這是Facebook的主頁。導航是離散的,外觀整潔。

基於圖標的頂部導航適用於主頁,手錶,市場,團體和遊戲。在左側,您可以看到基於文本的導航組,頁面,市場和觀看。單擊「查看更多」圖標時,將提供更多功能,例如遊戲,市政廳,活動等。

通知彈出

通知從左下角向上滑動,就像推送式通知一樣。

圖標樣式頂部導航菜單

頂部導航基於圖標。您必須將滑鼠懸停在它們上面才能了解它們的用途。

導航圖標頁面頂部和中心「 width =」 594「 height =」 248「 size =」(最大寬度:594px)100vw,594px「 src =」 https://cdn.searchenginejournal.com/wp-content/uploads /2020/03/new-facebook-top-navigation-5e747d5d6e6d3.gif

頂部導航鼓勵人們探索Facebook的不同領域。目標可能是提高人們對會員在Facebook上可以做的所有不同事情的認識。

Facebook暗模式

Facebook進入2020年,採用了最新的深色模式。暗模式允許成員在暗室中舒適地查看Facebook。

Facebook的新黑暗模式的屏幕快照「 width =「 800」 height =「 454」 size =「(最大寬度:800px)100vw,800px」 srcset =「 https://cdn.searchenginejournal.com/wp-content/uploads/ 2020/03 / dark-mode-5e747e6588593.png 800w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/03/dark-mode-5e747e6588593-480x272.png 480w,https:// cdn。 searchenginejournal.com/wp-content/uploads/2020/03/dark-mode-5e747e6588593-680x386.png 680w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/03/dark-mode-5e747e6588593 -768x436.png 768w「 src =」 https://cdn.searchenginejournal.com/wp-content/uploads/2020/03/dark-mode-5e747e6588593.png

上圖是新的暗模式下私人Facebook組主頁的屏幕截圖。左側的「主持人」工具新穎便捷。管理員將在左側區域看到「管理工具」部分。

左手導航特寫

左側導航特寫鏡頭的屏幕快照「 width =「 225」 height =「 500」 src =「 https://cdn.searchenginejournal.com/wp-content/uploads/2020/03/left-hand-navigation-5e74869bbb8b6 .gif重新設計了新的Facebook,左側導航的特寫視圖。

左側導航區域將擴展,以便可以顯示更多的組和Facebook功能。這是使Facebook的所有流行功能更易於訪問的好方法。

新通知區

關閉右手通知區域「 width =」 428「 height =」 572「 src =」 https://cdn.searchenginejournal.com/wp-content/uploads/2020/03/notification-panel-5e7480b5608e7.gif這是通知面板區域的特寫,該區域位於Facebook新設計的右上角

有新的圖標可以標記各種通知。當有人關注您的信息時,當您關注的群組中有消息,回應和帖子時,都會有一個圖標。

單個帖子頁

單個帖子的屏幕截圖「 width =「 800」 height =「 592」 size =「(最大寬度:800px)100vw,800px」 srcset =「 https://cdn.searchenginejournal.com/wp-content/uploads/2020 /03/post-page-5e748194880d6.png 800w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/03/post-page-5e748194880d6-480x355.png 480w,https://cdn.searchenginejournal .com / wp-content / uploads / 2020/03 / post-page-5e748194880d6-680x503.png 680w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/03/post-page-5e748194880d6- 768x568.png 768w「 src =」 https://cdn.searchenginejournal.com/wp-content/uploads/2020/03/post-page-5e748194880d6.png

這是專用於單個帖子的頁面的布局。值得注意的是,缺少廣告,左側沒有導航元素。您必須單擊主頁圖標以將這些右側導航元素取回。

Facebook廣告離散且用戶友好

Facebook廣告的屏幕截圖「 width =「 570」 height =「 565」 size =「(最大寬度:570px)100vw,570px」 srcset =「 https://cdn.searchenginejournal.com/wp-content/uploads/2020 /03/attractive-ads-5e74822251b25.jpg 570w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/03/attractive-ads-5e74822251b25-480x476.jpg 480w「 src =」 https:// cdn.searchenginejournal.com/wp-content/uploads/2020/03/attractive-ads-5e74822251b25.jpg

該廣告類似於常規的Facebook帖子。它是離散且不引人注目的。它與頁面的其餘部分融合在一起,非常吸引人。

外賣

新的布局是用戶友好的。很快就習慣了導航網站的新樣式。它更加用戶友好,並鼓勵您探索所有其他功能。

Facebook已為管理員和主持人提供了更多可用的工具,這將鼓勵小組負責人在Facebook上做更多的事情。

廣告廣告單元是非干擾性的,並且可以提供良好的用戶體驗,這對於廣告商和用戶而言都是好消息。

相關文章