交互設(shè)計(jì)方法和理論(上)

2 評(píng)論 32396 瀏覽 228 收藏 15 分鐘

交互的核心要點(diǎn)在于完成用戶目標(biāo),而且隨著場(chǎng)景的不同,目標(biāo)、任務(wù)和行為可能會(huì)產(chǎn)生變化。這就需要我們深入學(xué)習(xí)交互設(shè)計(jì)的基本理論知識(shí),通過這些理論可以幫你創(chuàng)造出更好的設(shè)計(jì)。

一、需求挖掘理論

需求挖掘是產(chǎn)品生命周期的啟始階段同時(shí)也貫穿了整個(gè)生命周期,一般包含了內(nèi)部和外部挖掘。

(1)內(nèi)部挖掘

在公司內(nèi)部進(jìn)行挖掘,比如說采用頭腦風(fēng)暴、組織會(huì)議、業(yè)務(wù)需求收集、運(yùn)營(yíng)反饋、其他部門的需求收集等方法。

(2)外部挖掘

針對(duì)真正的使用者,通過用戶研究(重點(diǎn)在于研究用戶痛點(diǎn))進(jìn)行挖掘,常用的用研方法有可用性測(cè)試、焦點(diǎn)小組、問卷調(diào)查、AB測(cè)試等。

二、需求分級(jí)理論-通用四象限法

對(duì)需求進(jìn)行合理的分解,去除偽需求,保留那些真正對(duì)產(chǎn)品或者設(shè)計(jì)目標(biāo)有幫助的需求。常見理論有:

  • 通用四象限法
  • kano模型
  • 馬斯洛需求層次理論

通用四象限法

適用場(chǎng)景:交互設(shè)計(jì)師收到很多需求時(shí)。

方法是將需求劃分到4個(gè)象限當(dāng)中,按照落在各個(gè)象限的處理方式進(jìn)行處理。

三、需求分級(jí)理論-KANO模型

KANO 模型是東京理工大學(xué)教授狩野紀(jì)昭(Noriaki Kano)發(fā)明的對(duì)用戶需求分類和優(yōu)先排序的工具,以分析用戶需求對(duì)用戶滿意的影響為基礎(chǔ),體現(xiàn)了產(chǎn)品性能和用戶滿意之間的非線性關(guān)系。

(1)必須具備的(Must-have)

例如,一款美顏工具產(chǎn)品,拍照是必須具備的基本功能。

(2)所期望的(Linear)

例如,一款美顏工具產(chǎn)品,使自己變得更漂亮——美顏,是用戶比較明確“提出”的,否則為什么要下載使用。

(3)超出預(yù)期的(Exciter)

例如,一款美顏工具產(chǎn)品,居然可以一鍵美顏,自動(dòng)幫你P成大眼、小臉、巨乳、蜂腰的大長(zhǎng)腿女神,遠(yuǎn)超預(yù)期。

KANO模型

適用場(chǎng)景:收集到的需求當(dāng)中,確定哪些需求能顯著提升用戶的滿意度。

四、需求分級(jí)理論-馬斯洛需求層次理論

人類需求像階梯一樣從低到高按層次分為五種,分別是:生理需求、安全需求、社交需求、尊重需求和自我實(shí)現(xiàn)需求。(位于金字塔頂端的需求,能使利潤(rùn)最大化。)

(1)生理需求

最基本的生存需求,例如,利用產(chǎn)品能最基本的生存需求:點(diǎn)外賣。

(2)安全需求

人身財(cái)產(chǎn)安全有保障,例如,在線支付安全。

(3)社交/情感需求

例如,給最愛的人買一份保險(xiǎn),滿足情感上的需求。

(4)尊重需求

產(chǎn)品給予用戶帶來的成就感,常見例子是游戲升級(jí)。

(5)自我實(shí)現(xiàn)需求

用戶通過產(chǎn)品實(shí)現(xiàn)了人生追求,例如,利用股票軟件賺取了第一桶金。

馬斯洛需求層次理論

適用場(chǎng)景:需求實(shí)現(xiàn)的價(jià)值有多大?

五、產(chǎn)品框架設(shè)計(jì)理論-用戶體驗(yàn)五要素

產(chǎn)品框架基于用戶體驗(yàn)五要素:戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層,來進(jìn)行制定。

(1)戰(zhàn)略層

戰(zhàn)略層主要是明確公司與用戶對(duì)于產(chǎn)品的定位和目標(biāo),明確用戶需求。

(2)范圍層

范圍層主要是將戰(zhàn)略層確定的目標(biāo)轉(zhuǎn)化為網(wǎng)站提供的功能和內(nèi)容。

(3)結(jié)構(gòu)層

結(jié)構(gòu)層主要是設(shè)計(jì)產(chǎn)品信息架構(gòu)圖,將分散的功能和內(nèi)容組成一個(gè)整體。

(4)框架層

框架層主要是將抽象的架構(gòu)圖轉(zhuǎn)化為詳細(xì)的線框圖,確定界面外觀、導(dǎo)航信息及信息要素的布局。

(5)表現(xiàn)層

表現(xiàn)層主要是按照“低保真”的線框圖設(shè)計(jì)出最終的產(chǎn)品。

六、產(chǎn)品框架設(shè)計(jì)理論-7(±2)信息塊效應(yīng)

人類頭腦最好的狀態(tài)能記憶含有7±2項(xiàng)信息塊,在記憶了 5-9 項(xiàng)信息后人類的頭腦就開始出錯(cuò)。(假如你的短時(shí)記憶像一般人那樣,你可能會(huì)回憶出5~9個(gè)單位,即7±2個(gè),這個(gè)有趣的現(xiàn)象就是神奇的7±2效應(yīng)。這個(gè)規(guī)律最早是在19世紀(jì)中葉,由愛爾蘭哲學(xué)家威廉漢密爾頓觀察到的。他發(fā)現(xiàn),如果將一把子彈撒在地板上,人們很難一下子觀察到超過7顆子彈)

應(yīng)用:

  • 導(dǎo)航或選項(xiàng)卡盡量不要超過9個(gè)
  • 如果導(dǎo)航或選項(xiàng)卡內(nèi)容很多,可以用一個(gè)層級(jí)結(jié)構(gòu)來展示各段及其子段,并注意其深廣度的平衡。

適用場(chǎng)景:規(guī)范導(dǎo)航或者選項(xiàng)卡的數(shù)量和層級(jí)深度,例如,我們網(wǎng)站的菜單最佳數(shù)量是多少個(gè)?

七、產(chǎn)品框架設(shè)計(jì)理論-卡片分類法

卡片分類法是一種規(guī)劃和設(shè)計(jì)互聯(lián)網(wǎng)產(chǎn)品或者軟件產(chǎn)品的信息構(gòu)架的方法。它屬于用戶研究中的一種方法,簡(jiǎn)單來說就是用戶來對(duì)信息卡片(或者是菜單卡片)進(jìn)行歸類,從而得出信息關(guān)聯(lián)性的一種方法。我們最后把關(guān)聯(lián)性更強(qiáng)的菜單放在一起,就形成了較為科學(xué)的一套信息分組。

適用場(chǎng)景:為我們?cè)O(shè)計(jì)導(dǎo)航、菜單以及分類提供幫助,例如,銀行APP轉(zhuǎn)賬和查詢余額兩個(gè)功能是否放在一起?

八、界面設(shè)計(jì)理論-格式塔理論

人在觀察和理解事務(wù)時(shí)首先會(huì)注意到一個(gè)整齊、有規(guī)律的整體,或者說,人們會(huì)自動(dòng)把所見的事物在人腦中加工為一個(gè)整體。應(yīng)用形式:

(1)刪除

從構(gòu)圖形象中排除不重要的部分,只保留那些絕對(duì)必要的組成部分,從而達(dá)到視覺的簡(jiǎn)化。在實(shí)際創(chuàng)作過程中,必須留意在設(shè)計(jì)中是否添加了任何與你預(yù)期的表達(dá)相抵觸的多余的東西。如果有,則應(yīng)排除,以改進(jìn)你設(shè)計(jì)上的視覺表達(dá)的格式塔。

(2)貼近

當(dāng)各個(gè)單元一個(gè)挨著一個(gè),彼此靠得很近的時(shí)候,可以用“貼近”這個(gè)術(shù)語來描繪這種狀態(tài),通常也把這種狀態(tài)看作歸類。以貼近二進(jìn)行視覺歸類的各種方法都是直截了當(dāng)?shù)?,并且易于施行?/p>

(3)結(jié)合

在構(gòu)圖中,結(jié)合就是單獨(dú)的視覺單元完全聯(lián)合在一起,無法分開。這可以使原來并不相干的視覺形象自然而然的關(guān)聯(lián)起來,比如常用的一種設(shè)計(jì)手法——異形同構(gòu):把兩種或幾種不同的視覺形象結(jié)合在一起,在視覺表達(dá)上自然而然地從一個(gè)視覺語義延伸到另一個(gè)視覺語義。

(4)接觸

接觸是指單獨(dú)的視覺單元無限貼近,以至于它們彼此粘連。這樣在視覺上就形成了一個(gè)較大的、統(tǒng)一的整體。接觸的形體有可能喪失原先單獨(dú)的個(gè)性,變得性格模糊,就如在圖案設(shè)計(jì)中相互接觸的不同形狀的單元形在視覺感受上是如此的相近,完全融為一體。

(5)重合

重合是結(jié)合的一種特殊形式。如果所有的視覺單元在色調(diào)或紋理等當(dāng)面都是不同的,那么,區(qū)分已被聯(lián)結(jié)的原來各個(gè)視覺單元就越容易;相反,如果所有的視覺單元在色調(diào)或紋理等反面都是一樣的,那么,原來各個(gè)視覺單元的輪廓線就會(huì)消失,從而形成一個(gè)單一的重合的形狀。重合,能創(chuàng)造出一種不容置疑的統(tǒng)一感和秩序性。重合各個(gè)不同視覺形象的時(shí)候,如果我們看到這些視覺形象的總體外形具有一個(gè)共同的、統(tǒng)一的輪廓,那么這樣的重合成功了。

(6)格調(diào)與紋理

格調(diào)與紋理是由大量重復(fù)的單元構(gòu)成的。兩者的主要區(qū)別在于視覺單元的大小或規(guī)模,除此之外,它們基本上都是一樣的。格調(diào)是視覺上擴(kuò)大了的紋理,而紋理則是在視覺上縮減了的格調(diào),因此,在不需要明確區(qū)別的情況下,我們可以同時(shí)解釋格調(diào)和紋理,感知格調(diào)或紋理的視覺格式塔,總是基于視覺單元的大小和數(shù)量的多少。但在一定的場(chǎng)合,別的因素也可能起作用。

例如,一個(gè)格式塔中視覺單元的總量大的,可以構(gòu)成一種格調(diào);但是,如果在飛機(jī)上俯瞰一整片樹林,恐怕就只能將其作為一種紋理來看了。格調(diào)和紋理實(shí)際上沒有嚴(yán)格的區(qū)分界限,當(dāng)視覺單元大小及數(shù)量變到一定的量值范圍,這種特性可以使格調(diào)顯得像是一種紋理,也可以使紋理呈現(xiàn)為一種格調(diào)?;蛘?,創(chuàng)造出一種格調(diào)之內(nèi)的紋理,以至格調(diào)和紋理同時(shí)并存。

(7)閉合

有一種常見的視覺歸類方法基于人類的一種完型心理:把局部形象當(dāng)作一個(gè)整體的形象來感知。這種知覺上的特殊現(xiàn)象,稱之為閉合。當(dāng)然,我們由一個(gè)形象的局部而辨認(rèn)其整體的能力,是建立在我們頭腦中留有對(duì)這一形象的整體與部分之間關(guān)系的認(rèn)識(shí)的印象這一基礎(chǔ)之上的。

也就是說,如果某種形象即使在完整情況下我們都是認(rèn)識(shí),則可以肯定,在其缺乏許多部分時(shí),我們依然不會(huì)認(rèn)識(shí)。如果一個(gè)形象缺的部分不多,那么可識(shí)別的細(xì)節(jié)就不足以匯聚成一個(gè)易于認(rèn)識(shí)的整體形象。而假如一個(gè)形象的各局部離的太遠(yuǎn),則知覺上需要補(bǔ)充的部分可能就太多了。在上述這些的情況下,人的習(xí)慣知覺就會(huì)把各局部完全按其本來面目當(dāng)作單獨(dú)的單元來看待。

適用場(chǎng)景:界面設(shè)計(jì)時(shí),選擇容易理解的形狀,把相關(guān)聯(lián)的元素組織在一起。

由于篇幅過長(zhǎng),以下抽取三點(diǎn)圖例示意。

相近(Proximity):距離相近的各部分趨于組成整體。人們通常把位置相對(duì)靠近的事物當(dāng)成一個(gè)整體

相似(Similarity):在某一方面相似的各部分趨于組成整體。人們會(huì)把那些明顯具有共同特性(如形狀、大小、共同運(yùn)動(dòng)、方向、顏色等)的事物當(dāng)成一個(gè)整體。

封閉(Closure):彼此相屬、構(gòu)成封閉實(shí)體的各部分趨于組成整體。人會(huì)將不完全封閉的東西當(dāng)成一個(gè)統(tǒng)一的整體,所以有些時(shí)候完全閉合是沒有必要的。

連續(xù)(Continuity):我們傾向于完整地連接一個(gè)圖形,而不是觀察殘缺的線條或形狀。我們傾向于完整地連接一個(gè)圖形,而不是觀察殘缺的線條或形狀。

總結(jié)

交互的核心要點(diǎn)在于完成用戶目標(biāo),而且隨著場(chǎng)景的不同,目標(biāo)、任務(wù)和行為可能會(huì)產(chǎn)生變化。這就需要我們深入學(xué)習(xí)交互設(shè)計(jì)的基本理論知識(shí),通過這些理論可以幫你創(chuàng)造出更好的設(shè)計(jì)。

 

來源:喜馬拉雅XUED(ID:ximalaya_XUED)

本文由 @喜馬拉雅XUED 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自 Pexels,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App