黃榮強(qiáng) 黃迅

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

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

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

一、本課題的研究背景

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

二、場景分析法

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

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

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

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

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

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

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

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

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

五、結(jié)語

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