關(guān)于動態(tài)詳情頁的場景體驗設(shè)計研究

黃榮強 黃迅

摘要：在移動端APP設(shè)計中，合場景的用戶體驗設(shè)計是產(chǎn)品的核心競爭力，即需要根據(jù)不同用戶需求、體驗場景提供最合適的界面設(shè)計。本文通過分析各大app中圖片動態(tài)詳情頁的解決情況來歸納現(xiàn)有方案優(yōu)缺點，再通過對用戶對場景分析法重新提煉出新的動態(tài)詳情頁解決方案，完善這種細(xì)分場景的用戶閱讀體驗，提升產(chǎn)品品質(zhì)。

關(guān)鍵詞：社交;交互設(shè)計;體驗場景;用戶體驗

中圖分類號：TU986.2 文獻(xiàn)標(biāo)識碼：A 文章編號：1005-5312（2019）11-0036-01

一、本課題的研究背景

隨著移動互聯(lián)網(wǎng)的擴張和資訊的爆炸，用戶對信息的獲取效率要求越來越高，現(xiàn)有APP的圖片動態(tài)詳情頁的交互模式和界面設(shè)計趨于模式化，沒有針對多圖片和文字信息這一場景進(jìn)行設(shè)計，導(dǎo)致閱讀效率低下，冗長的操作路徑的會降低用戶的點擊率和閱讀量。基于這種現(xiàn)狀，需要推動設(shè)計關(guān)注如何針對不同體驗場景去提升用戶的閱讀效率，節(jié)省用戶時間，提升產(chǎn)品的體驗暢快感。

二、場景分析法

在交互設(shè)計中，常常需要對用戶場景中的功能進(jìn)行梳理，整理出符合用戶心智模型的信息架構(gòu)。要對功能所處的應(yīng)用場景進(jìn)行詳細(xì)分析，了解場景的特殊性與限制條件。場景是決定一個頁面設(shè)計是否成功的關(guān)鍵。即使是同樣的一個功能，在不同的場景中好的設(shè)計也不是一成不變的，都需要根據(jù)場景而進(jìn)行相應(yīng)的變化，有的是兩個場景所做的設(shè)計是相沖突的。

三、現(xiàn)有案例分析

現(xiàn)在移動端app普遍會增加社交功能（動態(tài)頁）來促進(jìn)產(chǎn)品的社交屬性，通過組建人際關(guān)系網(wǎng)來提升產(chǎn)品黏性。現(xiàn)有的模式主要分兩種：以熟人社交為代表的微信和以陌生人社交為代表的微博，以微信為代表的熟人社交，動態(tài)頁（朋友圈）文字、圖片、評論、點贊默認(rèn)完全展示，提高用戶獲取信息的效率;

以微博為代表的陌生人社交，動態(tài)頁（關(guān)注/熱門）默認(rèn)展示文字和圖片，將評論、點贊和轉(zhuǎn)發(fā)等詳情后置到詳情頁（微博正文）;

體驗上的差別歸根結(jié)底是由產(chǎn)品形態(tài)和場景特性決定的，微博動態(tài)頁推送信息不一定符合用戶喜好，完全展示文字、圖片、評論等會造成用戶的瀏覽效率的直線下降，設(shè)置成點擊后進(jìn)入微博正文頁，查看完整圖文、評論等信息，提升產(chǎn)品的瀏覽體驗。

現(xiàn)有問題點在于，第二種解決方案沒有針對動態(tài)頁和詳情頁去細(xì)分場景，優(yōu)化用戶體驗，用戶在進(jìn)入詳情頁后的有進(jìn)一步查看了解詳細(xì)圖文內(nèi)容的需求，而此時圖片展示形態(tài)還是和動態(tài)頁一致，需要點擊進(jìn)入新的頁面層級去查看大圖，不能有效提升閱讀效率。

四、通過場景分析去優(yōu)化體驗

現(xiàn)面世產(chǎn)品詳情頁部分查看大圖體驗差，層級深。實際使用中，用戶在動態(tài)頁被縮略圖吸引，進(jìn)入詳情頁，再手動點擊打開大圖;切換大圖顯示時還要反復(fù)滑動或者多次點擊，無法快速查看所有圖片。

基于這種使用場景，用戶需要的是在詳情頁高效獲取圖、文信息，直接展示圖片更符合用戶心智模型。即在詳情頁上直接展示大圖，通過重構(gòu)界面將縮略圖作為導(dǎo)航定位欄，點擊縮略圖快捷切換大圖，或是左右滑動切換大圖。做到交互層級底，縮短查看路徑，閱讀效率提升明顯（如下圖所示）。

五、結(jié)語

通過場景分析的設(shè)計方法，去體驗和發(fā)現(xiàn)現(xiàn)有詳情頁的不足，分析這種體驗場景下用戶的訴求點，通過思考用戶的核心需求，簡化體驗路徑。將詳情頁的圖片排布重構(gòu)，提出用縮略圖作為導(dǎo)航欄，默認(rèn)按順序大圖展示，點擊縮略圖或者滑動大圖切換顯示，做到圖片查看的高效和快捷。這種細(xì)分體驗場景去設(shè)計的方法，能更符合用戶的心智模型，可以設(shè)計出更具有創(chuàng)新的有價值的產(chǎn)品。