超全面!交互設(shè)計的基礎(chǔ)方法和理論總結(jié)(上)

一、需求挖掘理論

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

1. 內(nèi)部挖掘

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

2. 外部挖掘

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

超全面!交互設(shè)計的基礎(chǔ)方法和理論總結(jié)(上)

二、需求分級理論-通用四象限法

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

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

通用四象限法

適用場景:交互設(shè)計師收到很多需求時。

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

超全面!交互設(shè)計的基礎(chǔ)方法和理論總結(jié)(上)

三、需求分級理論-KANO模型

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

必須具備的(Must-have)

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

所期望的(Linear)

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

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

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

KANO 模型

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

超全面!交互設(shè)計的基礎(chǔ)方法和理論總結(jié)(上)

四、需求分級理論-馬斯洛需求層次理論

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

1. 生理需求

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

2. 安全需求

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

3. 社交/情感需求

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

4. 尊重需求

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

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

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

馬斯洛需求層次理論

適用場景:需求實現(xiàn)的價值有多大?

超全面!交互設(shè)計的基礎(chǔ)方法和理論總結(jié)(上)

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

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

1. 戰(zhàn)略層

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

2. 范圍層

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

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

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

4. 框架層

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

5. 表現(xiàn)層

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

超全面!交互設(shè)計的基礎(chǔ)方法和理論總結(jié)(上)

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

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

應(yīng)用:

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

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

超全面!交互設(shè)計的基礎(chǔ)方法和理論總結(jié)(上)

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

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

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

超全面!交互設(shè)計的基礎(chǔ)方法和理論總結(jié)(上)

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

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

1. 刪除

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

2. 貼近

當(dāng)各個單元一個挨著一個,彼此靠得很近的時候,可以用「貼近」這個術(shù)語來描繪這種狀態(tài),通常也把這種狀態(tài)看作歸類。以貼近而進行視覺歸類的各種方法都是直截了當(dāng)?shù)模⑶乙子谑┬小?/p>

3. 結(jié)合

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

4. 接觸

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

5. 重合

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

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

格調(diào)與紋理是由大量重復(fù)的單元構(gòu)成的。兩者的主要區(qū)別在于視覺單元的大小或規(guī)模,除此之外,它們基本上都是一樣的。格調(diào)是視覺上擴大了的紋理,而紋理則是在視覺上縮減了的格調(diào),因此,在不需要明確區(qū)別的情況下,我們可以同時解釋格調(diào)和紋理,感知格調(diào)或紋理的視覺格式塔,總是基于視覺單元的大小和數(shù)量的多少。但在一定的場合,別的因素也可能起作用。例如,一個格式塔中視覺單元的總量大的,可以構(gòu)成一種格調(diào);但是,如果在飛機上俯瞰一整片樹林,恐怕就只能將其作為一種紋理來看了。格調(diào)和紋理實際上沒有嚴格的區(qū)分界限,當(dāng)視覺單元大小及數(shù)量變到一定的量值范圍,這種特性可以使格調(diào)顯得像是一種紋理,也可以使紋理呈現(xiàn)為一種格調(diào)。或者,創(chuàng)造出一種格調(diào)之內(nèi)的紋理,以至格調(diào)和紋理同時并存。

7. 閉合

有一種常見的視覺歸類方法基于人類的一種完型心理:把局部形象當(dāng)作一個整體的形象來感知。這種知覺上的特殊現(xiàn)象,稱之為閉合。當(dāng)然,我們由一個形象的局部而辨認其整體的能力,是建立在我們頭腦中留有對這一形象的整體與部分之間關(guān)系的認識的印象這一基礎(chǔ)之上的。也就是說,如果某種形象即使在完整情況下我們都是認識,則可以肯定,在其缺乏許多部分時,我們依然不會認識。如果一個形象缺的部分不多,那么可識別的細節(jié)就不足以匯聚成一個易于認識的整體形象。而假如一個形象的各局部離的太遠,則知覺上需要補充的部分可能就太多了。在上述這些的情況下,人的習(xí)慣知覺就會把各局部完全按其本來面目當(dāng)作單獨的單元來看待。

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

由于篇幅過長,以下抽取三點圖例示意。

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

超全面!交互設(shè)計的基礎(chǔ)方法和理論總結(jié)(上)

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

超全面!交互設(shè)計的基礎(chǔ)方法和理論總結(jié)(上)

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

超全面!交互設(shè)計的基礎(chǔ)方法和理論總結(jié)(上)
連續(xù)(Continuity):我們傾向于完整地連接一個圖形,而不是觀察殘缺的線條或形狀。我們傾向于完整地連接一個圖形,而不是觀察殘缺的線條或形狀。

超全面!交互設(shè)計的基礎(chǔ)方法和理論總結(jié)(上)

總結(jié)

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

歡迎關(guān)注作者微信公眾號:「喜馬拉雅XUED」

超全面!交互設(shè)計的基礎(chǔ)方法和理論總結(jié)(上)

圖片素材作者:Gytis Jonaitis

「目標導(dǎo)向設(shè)計」

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng) UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎(chǔ)設(shè)計愛好者也準備了貼心的知識樹專欄。開啟免費自學(xué)新篇章,按照我們的專欄一步步學(xué)習(xí),一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計導(dǎo)航:國內(nèi)人氣最高的設(shè)計網(wǎng)址導(dǎo)航,設(shè)計師必備: http://hao.uisdc.com

收藏 88
點贊 9

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。