貼心的新舊訊息顯示方式

By

February 6, 2013 介面設計 Comments

disappear

透過智慧型行動裝置,我們每天可以接收到很多新聞、好友的最新動態以及大家分享的新鮮有趣的玩意兒,而很多行動裝置應用程式也會貼心的在我們呼叫出程式的時候,自動的幫我們刷新訊息,但是當每天更新的訊息越來越多的時候,我們很容易在更新的過程中,迷失於新舊訊息之間,身為貼心的開發者,我們該如何讓使用者能更輕鬆的接收新的訊息與狀態呢?

在手機應用程式中更新訊息時,最簡單方式就是直接刷新並取代現有的訊息列(如下圖),這會讓原有顯示位置的訊息被突然替換掉,若是新增訊息量很多時,很容易讓使用者失去焦點,會不知道該先從上方還是下方看起,尤其對於有新訊息強迫症的人來說更是困擾(不想放過任何新的訊息)。

Refresh

 

為了讓使用者不會迷失在更新的訊息海中,貼心的開發者就應該要在新增訊息時下點功夫:

一種簡單的方式就是採用插入訊息的模式,例如 Twitter 的拖拉更新(下圖),我們在更新訊息時,應該固定瀏覽的位置,將訊息插入在舊訊息的上方,使用者便可以選擇要從最舊的一則新訊息開始往上看,還是直接按到最上方從最新的開始瀏覽,而不會迷失。

Twitter

 

另外一種方式就是透過分隔線加強提醒,明確的將新舊訊息區隔(如下圖),例如 Instagram 的活動通知提醒、以及當新增的訊息過多時的摺疊,這樣簡單的區分方式,能夠讓使用者輕鬆地獲取想要的訊息,而不需浪費時間閱讀舊的東西。

Others

 

當然也可以採用更強烈的彈出提醒方式,如 Facebook 的新留言與狀態提醒(下圖), 除了可以透過突現動畫吸引使用者的注意力,還可以直接點擊捲動到最新訊息的位置。

Facebook

 

因為智慧型行動裝置的普及,我們是透過間斷又持續的方式在使用這些服務,而不是密集的一次性使用,無論哪種方式,我們想要的都是讓閱讀者能夠保有一個順暢的長期瀏覽經驗,減低他們的任何負擔。

 

延伸閱讀:

【UI 陷阱】消失的訊息

【UI 陷阱】消失的三角地帶

替視覺設計「動線」

Image via blykst, CC License.

「有感覺不一定會有知覺」,就像是自己的心跳聲,雖然平常我們都沒有知覺,只要靜下心來就會聽的到;平時我們幾乎都不會注意牆上的時鐘的滴答聲,但是一旦開始要注意時間的...
時間一直是人類注重的一個話題, 從賽車、跑步到程式設計,速度都是許多人追求的重心。據說 Google 創辦人 Larry Page 可以感受到 200 毫秒(0...
功能設定在 APP 中是少不了的,它讓使用者可以依照自己的習慣與喜好,調整應用程式運作的方式,通常為了增加使用者客製的能力以及使用上的自由度,我們會適量的提供使...
你有玩過寶石方塊或 Zookeeper 這類的遊戲嗎?這些遊戲都需要玩家們快速的在畫面上尋找相同的圖案,然後將相同的圖案放在一起得到分數。但是你有沒有想過,玩這...
許多的網站都會採用標籤系統來讓使用者自己管理自己的分類。而通常,標籤系統為了讓使用者使用得更順利,會採用一種「標籤推薦系統」來幫助使用者快速的選擇自己所希望輸入...
資訊是一種體驗的商品。所謂體驗的商品,就是使用者必須要「體驗」過後,才能知道這個商品的價值。 舉例來說,CNN 是一個新聞網站,每天都會在網站上發佈最新的新聞,...
© 2013 Desiring Clicks. All Rights Reserved.
Top