1. 定義
此處討論的信息流是指:頻繁更新的默色,以期高效傳達(dá)主題或者觀點的包含不同類型或主題的圖文消息的頁面模塊朝聋。
信息流(Newsfeed)一詞最早來源于Facebook在2006年對App功能所進(jìn)行的一次重大更新沉馆,將好友的最新動態(tài)以時間線的順序顯示在首頁冠绢。這一做法最初受到許多用戶的抵制和抨擊抚吠,但漸漸的它卻成為了Facebook的標(biāo)志性功能,并開始廣泛應(yīng)用于其他移動產(chǎn)品中弟胀,成為確保用戶留存的一大利器楷力。
Josh Clark曾分析過移動應(yīng)用用戶的三種心態(tài):1)我有個微任務(wù)要做;2)我想看看附近的情況孵户;3)我有些無聊萧朝。不斷更新內(nèi)容的信息流無疑完美契合了場景2和3的需求,配合搜索與分類夏哭,也可以滿足特定場景1的需求检柬。
2. 模式構(gòu)成
單個信息條目的典型構(gòu)成
一類/組信息流的典型構(gòu)成
設(shè)計要點:有效信息的高效展示
a. 有效信息:
這里的“有效信息”是指根據(jù)具體的業(yè)務(wù)和用戶需求所提煉出的信息種類;
b. 高效展示:
信息呈現(xiàn)方式越是結(jié)構(gòu)化和精煉竖配,人們就能夠更快地感知和理解
我們所選用的展現(xiàn)方式何址,能夠影響用戶對界面進(jìn)行認(rèn)知的效率酱固,因此在進(jìn)行信息條目設(shè)計時,我們需要:
1)了解用戶的心智模型
2)確定優(yōu)先級头朱,并對信息進(jìn)行歸類和分組
3)適當(dāng)使用視覺“線索”
3. 布局
典型布局
垂直信息流
水平信息流
比較常見的情況是,這兩種布局模式在一個信息流中相互穿插使用项钮。
設(shè)計要點:效率與感染力之間的平衡
效率:
1)充分利用首屏的中上部 - 價值最高的展示區(qū)域
2)綜合考慮運(yùn)營量班眯、首要信息的類型、可用空間大小選擇整體布局方式
感染力:
《思考快與慢》中將人腦的活動分為兩個系統(tǒng)烁巫,系統(tǒng)一(快思考 - 無意識的直覺思維)和系統(tǒng)二(慢思考 - 有意識的受控思維)署隘。系統(tǒng)一是人類感知和行為的主要控制器,自主發(fā)生亚隙,無需費力磁餐,非常擅長于聯(lián)想。
給予媒體更大的空間阿弃,充分利用系統(tǒng)一诊霹,加強(qiáng)與用戶間的情感聯(lián)系:
1)圖像比文字更能調(diào)動情緒
2)直視用戶的人臉最具感染力
4. 交互
在瀏覽信息流的過程中,主要的交互事件有:1)上拉加載 2)下拉刷新 3)點擊展開 4)切換視圖 5)通過按鈕進(jìn)行相關(guān)操作渣淳。在常規(guī)交互模式之外脾还,我們可以適當(dāng)考慮以下幾個方面:
趣味性
讓瀏覽過程不僅是機(jī)械性地滑動視圖;在用戶可能感覺無聊的時候(加載時入愧;刷新完所有內(nèi)容時)鄙漏,適時地采用一些動畫。
便捷VS沉浸
在滑動過程中棺蛛,“欄“們是固定還是隱藏怔蚌?
當(dāng)信息層級扁平時,可以考慮在滑動過程中對導(dǎo)航進(jìn)行隱藏旁赊,以將更多的頁面空間留給信息流桦踊。
手勢的運(yùn)用
為基于界面的導(dǎo)航和操作提供補(bǔ)充性質(zhì)的快捷手勢:如右滑返回。
尊重用戶的瀏覽習(xí)慣
頁面布局改版/或設(shè)計與常規(guī)瀏覽方式不同時彤恶,提供視圖切換的選項钞钙,讓用戶能夠回到自己的“舒適區(qū)”。
巧妙地吸引注意力
空間緊張的情況下声离,使用微動效使入口更加引人注目。
最后瘫怜,好的內(nèi)容需要精心的設(shè)計為之提供舞臺术徊,好的設(shè)計也需要精彩內(nèi)容的填充。設(shè)計信息流鲸湃,不僅僅需要為內(nèi)容搭好框架赠涮,也需要根據(jù)內(nèi)容的來源確定真實內(nèi)容的規(guī)格參數(shù)子寓,避免用戶所見與構(gòu)想的偏差。
封面圖基于CC0協(xié)議