交互設(shè)計思考框架:如何思考設(shè)計一個交互方案?
![](http://image.woshipm.com/wp-files/img/70.jpg)
前文簡單分享了對用戶體驗(yàn)的一些認(rèn)識,但用戶體驗(yàn)的覆蓋面太大,環(huán)節(jié)不同可能采用的方法和方式也會不同,而用戶體驗(yàn)中有一些相對核心的環(huán)節(jié),用戶是否可以友好的認(rèn)識、理解、使用產(chǎn)品,這也就是交互所涉及的領(lǐng)域。那么,我們要如何思考設(shè)計一個交互方案呢?
1.用戶目標(biāo)
用戶目標(biāo)是我們設(shè)計的核心和出發(fā)點(diǎn)。所以在開始設(shè)計前:
(1)要對用戶進(jìn)行劃分,明白產(chǎn)品或該需求涉及到的用戶有哪些。
涉及的用戶不只是使用產(chǎn)品的用戶,也有可能是產(chǎn)品外的服務(wù)角色,因?yàn)楫a(chǎn)品外角色目標(biāo)有可能對使用的用戶目標(biāo)產(chǎn)生影響。
(2)了解用戶的習(xí)慣和能力所在。
了解這些方便我們構(gòu)建用戶的心智模型,對于同一件事情如果用戶的習(xí)慣或是能力不同,不僅會影響用戶的使用效率,也會在一定程度上失去了一個提升親切感的機(jī)會。
(3)用戶的目標(biāo)到底是什么。
目標(biāo)決定了行為,這些目標(biāo)有些是顯性的,用戶可以明確的表達(dá)出來。有些是隱性的,用戶可能根本意識不到,也表述不出來。想對目標(biāo)的把握越準(zhǔn)確就需要對人性洞察的更深刻。
2.構(gòu)建關(guān)鍵路徑場景
場景主要指誰在什么時候(或什么情況下)做了什么事情。當(dāng)我們了解了用戶及其目標(biāo),我們就需要一條線把所涉及到的每個用戶的目標(biāo)串起來,而用戶的目標(biāo)只是一個理想化的想法,要把這個理想實(shí)現(xiàn),就需要將每個目標(biāo)一層一層細(xì)化成可具體執(zhí)行的任務(wù)。
在將目標(biāo)轉(zhuǎn)化成任務(wù)的過程中,要進(jìn)行幾個不同維度的比較:
- 對于我們產(chǎn)品用戶當(dāng)前的任務(wù)流程是什么樣的。
- 競品當(dāng)前的任務(wù)流程是什么樣的,是否與我們產(chǎn)品的用戶目標(biāo)一致。
- 我們可以在現(xiàn)有情況下采用何種任務(wù)流程來更好的滿足用戶目標(biāo)。
現(xiàn)有情況不僅涉及到滿足任務(wù)流程的開發(fā)資源,也包括用戶對于新體驗(yàn)的接受程度,要衡量(新體驗(yàn)-舊體驗(yàn))是不是大于用戶的切換成本(學(xué)習(xí)成本等)。
3.梳理架構(gòu)
我們?yōu)橛脩粢?guī)劃了一系列任務(wù)流程希望它們可以幫助用戶達(dá)成目標(biāo),但那也僅僅是我們的一種希望。用戶會不會明白這些任務(wù)流程,會不會準(zhǔn)確的執(zhí)行這些任務(wù),用戶的理解及學(xué)習(xí)過程會涉及到兩類行為,一類是獲取,一類是輸出。
獲取的信息架構(gòu)
有些用戶使用產(chǎn)品(如新聞、視頻類的APP)的行為就是被動獲取信息,而當(dāng)產(chǎn)品提供大量信息時并不能不加限制的全部丟給用戶,而這就需要針對信息來進(jìn)行分類整理,以免造成信息轟炸。而用戶的操作過程就是深挖信息的過程。信息的架構(gòu)與用戶心智模型是否一致決定了操作帶來的反饋是否符合用戶的預(yù)期。
輸出的信息架構(gòu)
輸出就是產(chǎn)品根據(jù)用戶個體情況進(jìn)行個性化處理的過程,如訂一份外賣、注冊一個帳號。用戶輸出的過程大多數(shù)情況下是需要通過幾步來完成,這時的信息就是涉及到每一步的引導(dǎo)、說明、解釋和反饋。去考慮在哪個步驟階段對應(yīng)的展示什么樣的輔助信息。
4.界面呈現(xiàn)
- 繪制原型稿,在落實(shí)到界面細(xì)節(jié)過程中,考慮一下信息的布局方式是否符合優(yōu)先級,考慮是否有遺漏的信息展示。
- 通過布局來建立信息關(guān)聯(lián)或視覺美感
- 優(yōu)化文案,更簡單、清晰的傳遞概念
5.其他細(xì)節(jié)
當(dāng)我們在設(shè)計方案時,除了考慮每個大的環(huán)節(jié),我們也應(yīng)該警惕一些容易忽略的細(xì)節(jié):
(1)數(shù)據(jù)權(quán)限:是否根據(jù)權(quán)限的不同對用戶進(jìn)行劃分?
(2)特殊場景:
- 異常情況:失敗、數(shù)據(jù)超時等。
- 極限情況:空、極大。
- loading情況
- 逆向流程。添加后是否可編輯、可刪除?
(3)網(wǎng)絡(luò):無網(wǎng)、wifi、運(yùn)營商網(wǎng)絡(luò)、弱網(wǎng)是否有可能產(chǎn)生不同影響?
(4)耦合:一個操作是否會對其他信息形成聯(lián)動影響?
(5)版本:不同用戶使用新老版本是否存在問題?
(6)情感:關(guān)鍵路徑中的節(jié)點(diǎn)對用戶產(chǎn)生了正向情感還是負(fù)向情感?
作者:Bruceyoung,3年級交互設(shè)計師一枚,985設(shè)計學(xué)小碩,希望可以分享一些日常想法,歡迎大家批評指正。
本文由 @Bruceyoung 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
我想問:做界面時,是做什麼尺寸會比較安全和通用到各個不同版本的Android機(jī)和iOS機(jī)?
750×1334
在sketch里一般按375*667設(shè)計,導(dǎo)出時選擇對應(yīng)系統(tǒng)按1x、2x、3x的方式導(dǎo)出