從網(wǎng)站建設場(chǎng)景思考，你的交互細節發(fā)布者：本站     時(shí)間：2022-05-08 10:05:12

場(chǎng)景賦予行為意義，每一種新鮮的行為體驗的背后，都伴隨著(zhù)新的場(chǎng)景洞察。在傳統的產(chǎn)品設計與交互設計之間的一個(gè)重要區別是，看待環(huán)境和行為引導對于塑造人的體驗所起的作用的重要性不同，所以交互設計師在設計過(guò)程中，需聚焦于用戶(hù)使用場(chǎng)景中的服務(wù)流程和行為引導設計，預期用戶(hù)目標，為用戶(hù)提供符合心智模型的流暢體驗。

對于使用場(chǎng)景的思考是交互設計的基礎。在不同的場(chǎng)景下，用戶(hù)對于同一功能的心理預期和交互模式會(huì )有所不同?；趫?chǎng)景思維做設計，可以有效的幫助設計師：

判斷功能需求是否真實(shí)，解決了用戶(hù)什么問(wèn)題
深入地思考場(chǎng)景細節，包括：發(fā)生地點(diǎn)、使用頻率、情緒狀態(tài)、行為模式，用戶(hù)是否借助其他外力
發(fā)掘功能的延伸性及其價(jià)值，做好迭代設計
場(chǎng)景思維的細節體驗設計
“場(chǎng)景”通俗地講是，誰(shuí)，在何時(shí)，在哪里，做了什么事情。在移動(dòng)互聯(lián)網(wǎng)時(shí)代，場(chǎng)景是真實(shí)的以人為中心的體驗細節。場(chǎng)景依賴(lài)于人，沒(méi)有人的意識和動(dòng)作就不存在場(chǎng)景。通過(guò)對場(chǎng)景的因素思考，可以幫助設計師更好的理解用戶(hù)真實(shí)需求。

通過(guò)充分的理解這些場(chǎng)景，并以此為基礎，我們可以基于用戶(hù)的使用場(chǎng)景，為用戶(hù)找到更直觀(guān)的方式，提供有效的互動(dòng)，使他們能夠流暢地完成預期目標。

1.只有當使用場(chǎng)景與用戶(hù)感知接近乃至完全吻合時(shí)，用戶(hù)才沒(méi)有拒絕的理由
獲取位置權限

在獲取用戶(hù)位置權限的設計中，大部分設計都會(huì )在第一次打開(kāi)app時(shí)，通知用戶(hù)需要獲取位置權限。在這種使用場(chǎng)景中，用戶(hù)的普遍認知是：困惑，為什么我需要給你獲取我的通訊資料和位置信息的權限。但對于新用戶(hù)來(lái)說(shuō)，場(chǎng)景的應用主要表現為簡(jiǎn)單、輕、快體驗，所以在獲取位置權限時(shí)，用戶(hù)需要明白，在獲取權限后，我將獲得什么，因為用戶(hù)更容易許可他們想要使用的功能。

從場(chǎng)景思考，你的交互細節level up！

圖1，獲取用戶(hù)位置權限設計

在這個(gè)設計中，有兩種出發(fā)角度的邏輯，分別是從功能出發(fā)的邏輯思維和場(chǎng)景出發(fā)的邏輯思維：

從場(chǎng)景思考，你的交互細節level up！

圖2，功能和場(chǎng)景邏輯思維對比

同樣是開(kāi)啟獲取位置權限的設計目標，場(chǎng)景思維下的設計方案更傾向于將設計放在用戶(hù)的使用場(chǎng)景中，從與之相關(guān)的用戶(hù)需求出發(fā)，注重結合產(chǎn)品的使用場(chǎng)景與產(chǎn)品功能的結合，做引導和暗示，告訴用戶(hù)開(kāi)啟此功能的效用，從而使用戶(hù)清楚的知道我將會(huì )獲得什么，實(shí)現用戶(hù)需求與產(chǎn)品功能的自然過(guò)渡，不允許用戶(hù)say no。

錯誤反饋

同樣的例子還有錯誤反饋。用戶(hù)在出現錯誤的場(chǎng)景中，大部分用戶(hù)的認知是：我哪里錯了，該如何修正。在下圖中有兩種設計方案：

從場(chǎng)景思考，你的交互細節level up！

圖3，在情境里反饋，用戶(hù)更容易修改

左邊的設計邏輯是，填寫(xiě)完之后再修改。流程是：用戶(hù)填寫(xiě)表單，彈出popup，通知錯誤。在這種設計方案下，在用戶(hù)提交表單后，再彈出popup提示用戶(hù)錯誤，使用戶(hù)脫離表單場(chǎng)景，且不可在當前頁(yè)進(jìn)行針對性的修改，打斷用戶(hù)流程，用戶(hù)需返回后再尋找哪里錯誤，并進(jìn)行修改。

還有一種設計邏輯是：邊填寫(xiě)邊修改。在這種場(chǎng)景下，用戶(hù)可以實(shí)時(shí)的知道數據的正確性，還可以針對性的獲取修改建議，直接在錯誤表單上進(jìn)行修改。這種設計方案使用戶(hù)不會(huì )收到干擾，更專(zhuān)注于當前任務(wù)，順利完成表單填寫(xiě)。

這兩種設計方案的區別在于：前者更注重完成產(chǎn)品功能而后者更注重用戶(hù)體驗。在場(chǎng)景思維下，以用戶(hù)使用交互的具體環(huán)境為基礎，讓使用場(chǎng)景與用戶(hù)需求感知接近乃至完全吻合時(shí)來(lái)引導用戶(hù)實(shí)現預期目標，讓產(chǎn)品具有更優(yōu)越的體驗。

2.場(chǎng)景是流動(dòng)的，交互過(guò)程應該符合用戶(hù)的直覺(jué)
相對于用戶(hù)當前的任務(wù)來(lái)說(shuō)，場(chǎng)景是一個(gè)不斷變化的概念。隨著(zhù)場(chǎng)景的不斷變化，用戶(hù)的需求也不斷改變，所以，用戶(hù)需要通過(guò)簡(jiǎn)約的交互來(lái)幫助自己快速定位內容或功能，整個(gè)過(guò)程應該符合用戶(hù)的直覺(jué)，而不是層層挖掘。應盡量用少的頁(yè)面使用戶(hù)以更簡(jiǎn)單的操作來(lái)完成目標。

簡(jiǎn)化流程，漸進(jìn)自然

當場(chǎng)景發(fā)生變化時(shí)，我們應該讓用戶(hù)決定下一步該做什么。在下一場(chǎng)景插入變化時(shí)，會(huì )使用戶(hù)處于被動(dòng)的位置，而我們要做的是，改變布局，使其非常直觀(guān)自然的來(lái)滿(mǎn)足他們的需求。

從場(chǎng)景思考，你的交互細節level up！

圖4，INSTAGRAM 將濾鏡整合入流程中

這里最好的例子，便是在Instagram中?，F今，用戶(hù)發(fā)布照片的普遍的現象是：要先去美圖。那么在發(fā)布照片的功能流程中，可以來(lái)對比一下微信發(fā)布朋友圈照片流程和Instagram的發(fā)布流程：

從場(chǎng)景思考，你的交互細節level up！

圖5，微信 VS. INSTAGRAM發(fā)布照片流程

從流程中可以看出，ins的用戶(hù)在用戶(hù)在完成照片選擇之后，可以直接通過(guò)濾鏡完成對相片的美顏功能。相比于微信，要去切換至其他美圖的app，這種功能的自然過(guò)渡符合用戶(hù)美顏照片的心智模型。在整個(gè)流程中，他們將濾鏡控件整合為用戶(hù)發(fā)布照片的流程的之一，而不是單獨的作為一個(gè)獨立的功能，放置在另一個(gè)位置，這種無(wú)縫添加的微交互流程，是基于對用戶(hù)使用場(chǎng)景的洞察，使用戶(hù)感覺(jué)時(shí)刻可以在可控制的范圍內，而不是偏離他們原本的預期。

從上可看出，基于使用場(chǎng)景的思考，可以更好的洞察用戶(hù)在使用場(chǎng)景中的需求，使交互流程更加靈活多變，設計方案跟隨場(chǎng)景變化而變化，用場(chǎng)景代替功能，將需求自然而然過(guò)渡到功能體驗上來(lái)，使功能更加具有意義。

3.情感化細節設計，激發(fā)用戶(hù)動(dòng)機與決策
情感化設計一直是增強用戶(hù)體驗的“引爆點(diǎn)”。在一些場(chǎng)景下，加入社交元素、游戲元素以及個(gè)性化元素，可以大大增強用戶(hù)的參與度。

Gogobot 是一款移動(dòng)旅游分享應用，他通過(guò)地理定位功能，記錄用戶(hù)去過(guò)的地方，并且讓用戶(hù)點(diǎn)評商店、景點(diǎn)、分享在gogobot平臺上。除此之外，在旅游場(chǎng)景下，她捕捉了用戶(hù)在旅途中習慣于收藏旅游明信片這樣的一個(gè)細節行為，為app提供了一個(gè)直覺(jué)且簡(jiǎn)單的功能－制作明信片，這樣不僅可以提供用戶(hù)定制化服務(wù)，還可以激發(fā)和引導用戶(hù)為其他旅客提供旅游資訊，通過(guò)場(chǎng)景化的思維方式解決了用戶(hù)在平臺上獲取真實(shí)旅游資訊的真實(shí)需求。