UI 怎麼做才好讀又好看?社群龍頭 Facebook 和 Instagram 的圖像和回覆巧思

產品沒有最終版,因為永遠都在更新迭代中。
評論
Photo credit: Facebook
評論

原文刊登於 36Kr,INSIDE 獲授權轉載。

產品沒有最終版,因為永遠都在更新迭代中。

最近 Facebook 的更新就有點多。在對 Trending News 進行重新設計後,Facebook 又對 News Feed「動刀」,希望該功能可以變的更清晰、更易點擊以及更好評論。具體來說,Facebook 中的評論都會以線狀呈現,開始和結尾的評論都可以清晰可見。

與此同時,Instagram 也對評論區進行了一點小改動,現在用戶可以直接在另一個人的評論下方進行回覆。

Photo credit: Facebook

Facebook 定期更新網站及 App 的設計(清除那些沒必要的、用戶體驗不好的界面設計),主要是想為用戶創造一個更流暢、更舒適的閱讀體驗。比如,如今 Facebook 界面的留白越來越多,這種設計主要是出於緩解用戶眼睛疲勞以及使螢幕內容更生動的考慮。

對此,Facebook 設計團隊表示:「我們不只是對產品邊邊角角的設計進行調整,而是想讓數十億用戶每天使用的時候有更好的體驗。Facebook 和 Instagram 中的改變,未來幾週用戶可以在 iOS 版和 Android 版更新中看到。

▲舊版
▲第一次改版
▲最終版

Facebook 中的評論

Facebook 採用了 Messenger 中所使用的氣泡式的評論方式。這會讓按時間線排列的評論看起來更加清晰,同時也鼓勵用戶快速建立私密對話。

 

Photo credit: Facebook
Photo credit: Facebook

導航欄和按讚鈕

從下圖來看,Facebook 把導航欄(包括按讚、評論和分享按鈕)整體做的更大,而且三個按鈕採用了未填充的設計。與此同時,Facebook 還將通知標誌改為警鈴,可以使用戶看內容的時候減少分心。

Photo credit: Facebook
Photo credit: Facebook

其他更清晰的設計,還包括更高對比度的文字,更容易看到的圓形頭像。而且 Link 預覽現在也變得更大了,它可以吸引更多的人點擊並發送到其他網站。另外,URL 域名現在更加突出,直接出現在標題之上。

然而,Facebook 表示,這一系列的改變不應該影響頁面的訪問量和流量。

Photo credit: Facebook
Photo credit: Facebook

清楚自己在看什麼

Facebook 並不想讓用戶迷失在 News Feed 中。現在用戶可以看到非常明顯的標題,以及更大的黑色上一頁按鈕。

對此,Facebook 表示:「在點擊一個 link 之前,就可以清楚的知道接下來會看到什麼。」

Photo credit: Facebook
Photo credit: Facebook

不用說,Facebook 和 Instagram 做的這些改變,都是為了給用戶帶來更好的體驗,以及進一步的增加用戶黏著度。然而,用戶沈迷社群網路已經是一個不得不重視的問題。

數據顯示,Facebook 的用戶已經達到 20 多億,Instagram 的用戶也已經達到 7 億。另外,Facebook 旗下的另外兩款社交產品 WhatsApp 和 Messenger 的用戶也均達到 12 億。算起來,地球上近一半的用戶都在用 Facebook 家的社交產品。儘管 Facebook 也在做多種努力,讓用戶看的內容更有價值,但也有人將熱門社交產品比作毒品,越用越上癮。

在中國,同樣有一款用戶將逼近 10 億的社交產品微信。通過微信旗下的各大公眾號,用戶每天都可以看到該產品的更新迭代。除了想吸引盡可能多的用戶外,微信還想通過小程序俘獲更多的商家。總之說來,微信想在自己構建的生態中,包攬用戶吃穿住行的全方位。這也導致微信成了中國用戶花費時間最長的 App。

雖然「微信之父」張小龍提到讓用戶少花時間在微信上(而是把省出來的時間多陪家人),但微信創造的無所不包的生活生態帶來的便利性似乎早已讓用戶無法割捨,或許這現象本身就是種賭博。

 


我把教室 FUN 大了!打造以孩子為中心的智慧校園

近年教育部致力推動國內中小學打造「智慧校園」與「智慧教室」,讓科技工具成為老師創新的助力,不但讓第一線教師更願意用活潑的互動教學取代傳統「老師講、學生聽」方式,學生也紛紛回饋「上課變好玩了!」,達到縮短數位落差、培育跨域數位人才,實現智慧國家、落實數位平權的目標。
評論
Photo Credit:兔包
評論

身處 21 世紀的我們,面對快速變遷的世界,學習新知與適應環境的方式都需要改變。由美國教育機構率先提出的「21 世紀技能」(21st Century Skills),包括創新的思考能力、獲取資訊及使用資訊科技的能力、溝通與團隊協作能力等,這些能力被認可為本世紀每個人都應該具備的基本技能。由此可知,具備資訊科技能力重要性大幅提升。

因此,越來越多的世界各國教育政策朝向結合新興科技的素養教育方向發展,台灣科技教育也不落人後,藉由前瞻基礎建設「校園數位建設推動計畫」的著力點,希望數位學習工具普及成為師生上課的好幫手,打造智慧學習環境。推動過程中發現,當校園數位基礎建設到位,不但第一線教師更願意用活潑、創新的互動教學取代傳統的「老師講、學生聽」,學生也紛紛回饋:「上課變好玩了!」

智慧教室 把學習的快樂還給孩子

根據教育部調查顯示,當學校教室的資訊基礎環境提升,教師開始將數位科技融入教學,有高達 80% 學生覺得課程變得有趣並能了解上課內容;而在課堂互動方面,約 70% 學生喜歡跟老師或同學進行互動,更覺得能夠專心上課;且有超過 60% 學生覺得使用資訊科技設備進行作業發表時有成就感。

校園數位建設推動計畫主持人政大資科系李蔡彥教授表示,全台灣有 6 萬多間教室,目前執行團隊已輔導完成近 5 萬間智慧教室的建置。「當我們剛開始到學校訪視,最常聽到老師反應的問題是網路不穩、投影看不清楚」,授課品質不佳,學生提不起興趣,即使老師想嘗試新的教學法也有困難,「這些設備對都市學生來說可能都很基本,卻不是每個偏鄉孩子都能擁有的權益。」

李蔡彥說,數位基礎建設的內容很廣泛,不同縣市、不同學校有不同的需求。「我們也希望透過這次全面性的檢視,了解各縣市學校的數位落差,再去彌補起來。」李蔡彥舉例說,有的學校不是每間教室都有投影機和 WiFi,那就要優先購買這些設備;有的學校教室顯示器材已經很不錯,又打算發展特色課程,就可以考慮採購平板、增建虛擬實境等。「現在全國有 40% 教室都已經裝了大尺寸觸控螢幕,教材呈現更多元,師生互動更活潑,孩子反應都很熱烈。」

應用數位科技 點亮教師手中的魔杖

宜蘭松羅部落學校(宜蘭縣大同國小松羅分校)全校僅有 35 名學生,許多孩子來自單親或隔代教養的家庭,數學科林政琦老師一直希望能突破教學瓶頸,提升孩子的學習動機,嘗試過各種方法都失敗。

參與「校園數位建設計畫」輔導後,採用平板搭配民間教育平台(如均一教育平台)教育雲等數位平台輔助教學,有了很大的改變。「我們上課很少用課本,但我進步很多」、「不懂的地方可以看影片複習,一直看到懂為止」、「可以跟同學討論,分享我的想法,聽不懂沒關係,不會被罵」松羅分校的孩子們說道,神情充滿自信。

「以前這些孩子遇到考試都愁眉苦臉,但現在竟然會跟我說:以後我也要當老師。」林政琦老師笑說,有了行動載具,透過影像化、遊戲化的學習資源幫學生打好基礎,能增加課堂上的操作練習時間,反覆熟練到學會為止,「當我發現孩子真的對學習產生興趣,在上課以外的時間還會自己用平板練習做題目,真的非常感動。」

連江縣立中正中小學也藉由前瞻計畫的挹注提升網路環境,將各班全面改建為智慧教室。比方說,電子講桌可以存放各年級教材,學生不用再扛一堆課本上學。而有了穩定的網路,更能發展遠距教學,例如國中部就與台北市的數位學習中心中崙高中合作視訊教學,國小部則有台大國際學伴交流等,讓偏鄉孩子有更多機會。

此外,李蔡彥教授更提到,3 年多前全台所有國中小的網路管理業務多由資訊組長或資訊老師處理,是一大負擔,現在透過專業團隊設計智慧網管,能夠快速查找、診斷、排除甚至預測網路問題,輕鬆維護學校網路暢通,降低維運成本,「這應該是全世界的創舉。」

為台灣科技教育贊聲

放眼國際,我們看到智慧校園的影響力可以走出教室,更可以走出國界。你希望透過科技,解決什麼問題,台灣的未來又會變成什麼樣呢?

隨著台灣社會的數位化高速發展,培養同時擁有運算思維及設計思維、橫跨科學及人文藝術領域技能的人才,是全民共識的 21 世紀未來人才特質,這些技能不只學校老師應該教給學生,成年人也應該持續自學,為自己的未來加值。

行政院科技會報辦公室 廣告