交互、體驗(yàn)設(shè)計(jì)概念梳理

交互入門【UISDC

交互設(shè)計(jì)是:以人的需求為導(dǎo)向,理解用戶的期望、需求,理解商業(yè)、技術(shù)以及業(yè)內(nèi)的機(jī)會(huì)與制約。基于以上的理解,創(chuàng)造出形式、內(nèi)容、行為有用、易用,令用戶滿意且技術(shù)可行,具有商業(yè)利益的產(chǎn)品。

對需求的時(shí)候,必須要搞明白三個(gè)問題:為什么要做這個(gè)?(目標(biāo));這個(gè)需求針對的用戶群是什么?(用戶);什么場景下會(huì)使用到這個(gè)功能(場景)。


基礎(chǔ):設(shè)計(jì)的美學(xué)知識。交互設(shè)計(jì)的基本原則,如一致性、減少輸入和減少操作步驟等;平臺(tái)特性及設(shè)計(jì)規(guī)范;做交互設(shè)計(jì)方案的方法,如繪制流程圖、原型圖和撰寫交互設(shè)計(jì)規(guī)范文檔。

進(jìn)階:特定控件設(shè)計(jì),如標(biāo)簽欄、列表界面和彈窗口,匯總已有設(shè)計(jì)的優(yōu)缺點(diǎn)和設(shè)計(jì)規(guī)律;特定界面設(shè)計(jì),界面中如何呈現(xiàn)特定的信息,如應(yīng)用程序首頁、個(gè)人資料或者數(shù)據(jù)流界面;獨(dú)立常用功能設(shè)計(jì),如注冊登錄、刷新和功能引導(dǎo),需要了解功能背后的技術(shù)知識和產(chǎn)品策略,需要繪制流程圖,組織線性的操作流。需要調(diào)研已有產(chǎn)品,并試圖區(qū)分它們的優(yōu)缺點(diǎn)。

中階:多項(xiàng)功能設(shè)計(jì),一個(gè)界面融合單獨(dú)的功能,需要應(yīng)用到設(shè)計(jì)方法和架構(gòu)的思路。設(shè)計(jì)方法是挖掘用戶需求和推動(dòng)設(shè)計(jì)優(yōu)先級的情景故事法、卡片分類、人物角色、訪談和問卷等;總結(jié)方法和已有的設(shè)計(jì)風(fēng)格研究;競品和優(yōu)秀產(chǎn)品分析;最新的系統(tǒng)和產(chǎn)品分析;掌控技術(shù)。

高階:產(chǎn)品架構(gòu);設(shè)計(jì)趨勢研究;產(chǎn)品發(fā)展趨勢。


理解什么是設(shè)計(jì);學(xué)習(xí)關(guān)注人,而非僅僅是產(chǎn)品;讀書更重要的是去感受和了解作者的體系是怎么樣的;An architect knows something about everything. <101 Things I Learned in Architecture School>

交互設(shè)計(jì)師特質(zhì):邏輯思維能力強(qiáng)、數(shù)據(jù)分析能力好、同理心、激情、審美眼光、創(chuàng)新意識、良好的溝通能力、敏捷的執(zhí)行能力、膽大心細(xì)、有大局觀、善于觀察、仔細(xì)傾聽

要有自己信仰的設(shè)計(jì)原則,最好自己去總結(jié),如“縮減、隱藏、附加、組織”。

要有自己的品牌意識


交互設(shè)計(jì)師定位【簡書

交互指的是產(chǎn)品與它的使用者之間的互動(dòng)過程,而交互設(shè)計(jì)師則是秉承以用戶為中心的設(shè)計(jì)理念,以用戶體驗(yàn)度為原則,對交互過程進(jìn)行研究并開展設(shè)計(jì)的工作人員。

產(chǎn)品往往會(huì)給出一些故事,告訴大家用戶到底需要什么樣的東西,交互把東西長什么樣告訴其他成員。產(chǎn)品經(jīng)理的核心是用戶需求交互設(shè)計(jì)的核心是用戶體驗(yàn)。用戶體驗(yàn)是用戶對于使用或者期望使用的產(chǎn)品、系統(tǒng)或服務(wù)的主觀感受和反應(yīng)。用戶體驗(yàn)五要素從表現(xiàn)、框架、結(jié)構(gòu)、范圍、到戰(zhàn)略,劃分為任務(wù)流、信息流。交互設(shè)計(jì)師主要圍繞結(jié)構(gòu)層和框架層,向上對接產(chǎn)品經(jīng)理打通用戶需求,如交互設(shè)計(jì)、動(dòng)效設(shè)計(jì)、信息架構(gòu)、信息設(shè)計(jì)、界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)等等。


情景化設(shè)計(jì)【知乎

Contextual Design 是交互設(shè)計(jì)中以用戶為中心的設(shè)計(jì)理論,是走到用戶身邊去,觀察、發(fā)現(xiàn)用戶在某一活動(dòng)中的切實(shí)問題,并加以解決。其較少采用問卷調(diào)查的形式,主要是以觀察用戶的同時(shí)對其進(jìn)行訪談和詢問。

原則一:根本目的是提升用戶體驗(yàn),認(rèn)清用戶,包括但不限于用戶的能力,目的,以及使用產(chǎn)品的場景,有針對性地改善用戶體驗(yàn)。

原則二:用戶很清楚要怎么做,但他們不一定能清楚地意識并描述他們行為的原因。切實(shí)觀察整個(gè)行為過程,他們的動(dòng)機(jī)、行為、策略、工作環(huán)境等,發(fā)現(xiàn)那些被忽略但是對整個(gè)行為過程起作用的細(xì)節(jié)。

原則三:好設(shè)計(jì)需要用戶協(xié)作。及時(shí)向用戶提問。

原則四:設(shè)計(jì)要整體化:注意整個(gè)產(chǎn)品過程中的連貫性,保持功能、結(jié)構(gòu)、布局的連貫性。

原則五:設(shè)計(jì)需要明確地表現(xiàn),及時(shí)用草圖、圖標(biāo)的方式記錄你的概念。


信息架構(gòu)【Quizlet

信息架構(gòu)(Dillon)就是設(shè)計(jì)、落實(shí)、評估信息空間讓其能夠變得被潛在利益相關(guān)者從人性和社會(huì)層面接受。

設(shè)計(jì)是打造一款工具,讓它能夠契合具體的任務(wù)、執(zhí)行人、還有使用的情景。

信息設(shè)計(jì)就是打造信息的呈現(xiàn)方式,契合具體任務(wù)、執(zhí)行人、還有使用情景。

信息架構(gòu)是一個(gè)讓信息和功能可被高效獲取并契合具體任務(wù)、執(zhí)行人、使用情景的設(shè)計(jì)過程的應(yīng)用。



UX專業(yè)名詞翻譯

交互原型設(shè)計(jì):Accessibility 可達(dá)性、above the fold 首屏、motion design 動(dòng)態(tài)設(shè)計(jì)、progressive disclosure 漸進(jìn)式呈現(xiàn)、call-to-action buttons 行動(dòng)召喚按鈕、biometrical authorization 生物式授權(quán)、physical home button 物理主頁按鈕、decluttering 清楚雜亂、visual hierarchy 視覺層次、1/3 split view 三分之一屏、key color 主色調(diào)、color scheme 配色方案、flick 快速翻動(dòng)、text fields 輸入框/文本框、label 標(biāo)題/標(biāo)簽、helper text 輔助說明/幫助文字、visibility icon 可見性切換圖標(biāo)、autofocus 自動(dòng)獲取焦點(diǎn)、text area 文本區(qū)域、soft/virtual keyboard 軟鍵盤、placeholder/hint text 占位符文本、progress bar 進(jìn)度條、picker 選擇器、popover 彈出框、engaging 迷人的


原則與方法【人人都是產(chǎn)品經(jīng)理

3次點(diǎn)擊原則:用戶點(diǎn)擊三次仍然無法方法他們想要的頁面,他們將要離開。

5秒測試:向用戶展示應(yīng)用或者網(wǎng)站5秒,然后讓其回想他們剛才看到的內(nèi)容。這是評價(jià)關(guān)鍵視覺效果,以及評判用戶的關(guān)注點(diǎn)是否符合預(yù)期影響的好方法。

二八法則:由帕累托原則 Pareto principle 引出 ,適用于任何網(wǎng)站,網(wǎng)頁app或軟件環(huán)境,即80%的結(jié)果是由20%的功能/特征所承擔(dān)。

AB測試:將兩個(gè)不同版本的線上內(nèi)容提供給用戶,來觀察他們更傾向于哪一個(gè)。

Accessibility 可訪問性:指網(wǎng)站或app是否可以被輕松使用和理解,以及該網(wǎng)站/app對殘疾人或其他人群的特殊需要是否考慮完善,比如通過配色設(shè)計(jì)使色盲者也能輕松閱讀。

主動(dòng)傾聽:一種采訪技巧,即采訪者通過認(rèn)真傾聽和及時(shí)地反應(yīng),來使交流更好地進(jìn)行下去。

網(wǎng)頁/應(yīng)用數(shù)據(jù)分析:可以有效地提供你的網(wǎng)站/app的流量信息,它告訴你流量從何而來,以及用戶主要在哪里停留。它為了解你的網(wǎng)站/app是否可行提供了一個(gè)很好的視角。

卡片分類法:一種幫助設(shè)計(jì)/評估網(wǎng)站信息架構(gòu)的方法。在卡片分類活動(dòng)中,參與者按自己的理解將細(xì)目分成不同的組,也可能需要給這些組貼上一定的標(biāo)簽。你可以使用卡片、紙張或在線卡片分類工具來進(jìn)行卡片分類。

點(diǎn)擊流分析:指在網(wǎng)站分析中收集和分析用戶會(huì)去訪問哪些頁面,及以什么順序去訪問等數(shù)據(jù)的過程。訪問者在網(wǎng)站訪問的路徑稱為點(diǎn)擊流。

競品分析:對當(dāng)前和潛在競爭對手的優(yōu)勢和劣勢的評估。

使用情景分析:指收集和分析以下信息:目標(biāo)用戶、任務(wù)、支持其目標(biāo)的工具、產(chǎn)品使用的物理環(huán)境、技術(shù)約束及其他會(huì)影響用戶體驗(yàn)的因素。情境分析數(shù)據(jù)可以通過訪談、研討、調(diào)查、站點(diǎn)訪問、焦點(diǎn)小組座談、觀察性研究和情境調(diào)查來收集。

轉(zhuǎn)換率:指在線完成目標(biāo)交易的訪問者所占比。在電子商務(wù)中,轉(zhuǎn)化營銷是指將網(wǎng)站訪問者轉(zhuǎn)化為付費(fèi)客戶的行為。提高轉(zhuǎn)化率的過程稱為轉(zhuǎn)化率優(yōu)化。

日記分析:指收集有關(guān)用戶行為、活動(dòng)和經(jīng)驗(yàn)的定性數(shù)據(jù)的研究方法。通常情況下,用戶定期進(jìn)行主動(dòng)報(bào)告活動(dòng)以創(chuàng)建活動(dòng)日志,日記分析周期可以從幾天到一個(gè)多月。

用戶參與度:如何引起用戶關(guān)注并保持其注意力的度量。任何吸引用戶關(guān)注一個(gè)頁面(無論是按鈕還是菜單)的功能都是至關(guān)重要的。

錯(cuò)誤分析:任務(wù)分析的一部分,用于標(biāo)識每個(gè)指定的任務(wù)流集合出現(xiàn)錯(cuò)誤的頻率和類型。錯(cuò)誤率是在給定的時(shí)間段內(nèi)發(fā)生錯(cuò)誤的頻率。

人種志:通過用觀察和面對面交流等方法,對人及其所處環(huán)境進(jìn)行的一種研究。

眼球追蹤:研究人的眼動(dòng)觀察屏幕或環(huán)境時(shí)產(chǎn)生的行為模式。通過眼動(dòng)跟蹤軟件可以追蹤用戶眼睛在屏幕上的運(yùn)動(dòng)以了解用戶頻繁關(guān)注何處,并會(huì)以什么順序?yàn)g覽。

魚骨圖:旨在識別給定情況下因素之間因果關(guān)系的圖表。它由一個(gè)指出了問題的“頭”和代表了各種因素及其分類的延脊椎排列的骨骼組成。魚骨有助于視覺化指出特定問題的潛在原因。

費(fèi)茲定律:一個(gè)數(shù)學(xué)模型,根據(jù)目標(biāo)大小和鄰近度來預(yù)測指向目標(biāo)所需的時(shí)間。目標(biāo)越小離得越遠(yuǎn),用戶與之交互的時(shí)間越長。

焦點(diǎn)小組訪談:這是與參與者的一組討論,主持人對特定主題引導(dǎo)出一系列的問題。其目的是獲取有關(guān)用戶、產(chǎn)品、概念、原型、任務(wù)、策略和環(huán)境的反饋。

格式塔原則:也被稱為“簡單原則”(Law of simplicity),即每一種刺激都以其最簡單的形式被察覺。人們不能孤立地去感知事物,而是將其作為更大的整體的一部分去觀察該事物。

HEART框架:Google的HEART框架可以讓你從更高的的維度去衡量用戶體驗(yàn)。衡量的指標(biāo)是:幸福感、參與度、采納度、保留度和任務(wù)分析。

??硕桑好枋隽艘粋€(gè)人對于他/她的選擇作出決定所需的時(shí)間。增加選擇次數(shù)將增加決策時(shí)間。

易學(xué)性:學(xué)會(huì)有效地使用一個(gè)系統(tǒng)或界面的難易程度。

心智模型:用戶心智模型越接近網(wǎng)站的功能,網(wǎng)站的可用性就越高。

參與性設(shè)計(jì):試圖在設(shè)計(jì)過程中使所有利益相關(guān)者(如員工、合作伙伴、客戶、最終用戶)積極參與的設(shè)計(jì)方法,其目的是確保最終結(jié)果滿足他們的需求。

人物畫像:基于可用數(shù)據(jù)和用戶訪問所創(chuàng)建的代表性用戶。雖然角色的個(gè)人資料可能是虛構(gòu)的,但用于創(chuàng)建用戶類型的信息不是。

定性研究:一種關(guān)注語境和言論,而不是數(shù)字或統(tǒng)計(jì)數(shù)據(jù)的人類行為學(xué)研究。

定量研究:一種關(guān)注數(shù)字和統(tǒng)計(jì)數(shù)據(jù)的人類行為學(xué)研究,可以通過民意調(diào)查,問卷調(diào)查和咨詢來完成。

調(diào)查:針對特定群體提取特定數(shù)據(jù)的所產(chǎn)生的一個(gè)問題清單。調(diào)查可以通過電話、互聯(lián)網(wǎng)、面對面等其他各種方式進(jìn)行。

任務(wù)分析:用于識別和理解用戶與網(wǎng)站/app交互行為的方法。

任務(wù)流程圖:一種在網(wǎng)站上對任務(wù)及其相互關(guān)系的視覺表達(dá)方法。

出聲思考:一種在可用性測試中收集數(shù)據(jù)的方法。在可用性測試期間,通過讓用戶思考并說出他們所見所為來收集有價(jià)值的信息。

可用性:用戶與用戶界面進(jìn)行交互的有效性和滿意度。

用戶流:用戶完成任務(wù)所執(zhí)行的步驟。“頂部路徑”是最常見的用戶流。

用戶研究:側(cè)重于通過觀察技術(shù)、任務(wù)分析和許多其他方法來了解用戶需求、行為和動(dòng)機(jī)。


【注意點(diǎn)】

注意用戶做什么,而不是他們說什么



什么是交互設(shè)計(jì)【知乎

交互設(shè)計(jì)師工作內(nèi)容:定義用戶特點(diǎn)、需求、目標(biāo);理清用戶任務(wù)和流程;定義功能;整理信息/頁面結(jié)構(gòu);提出設(shè)計(jì)方案草稿,制作原型,團(tuán)隊(duì)討論;跟進(jìn)設(shè)計(jì)和開發(fā);跟進(jìn)上線和迭代優(yōu)化;循環(huán)

讓人能夠創(chuàng)造人造物、建立對人造物的基本認(rèn)知、讓人造物的使用符合創(chuàng)造的意圖。

界定一個(gè)設(shè)計(jì)是否屬于交互設(shè)計(jì)的范疇:

1、人造系統(tǒng)復(fù)雜與否?它是否能被人腦快速理解?

2、人造系統(tǒng)的「對話機(jī)制」是物理界面還是虛擬界面?

可用性+用戶體驗(yàn):構(gòu)建簡單有效的心理映射模型。


交互設(shè)計(jì)方法論【知乎魏海?!?/p>

研究方法論(操作流程)

1.定性研究--用研(人群調(diào)查,比如問卷,訪談...)

2.設(shè)定人物角色原型

3.問題腳本,情景化思考設(shè)計(jì),角色在使用中遇到的問題(發(fā)現(xiàn)問題)

4.動(dòng)作腳本(解決方法)

5.畫線框圖(草圖)

6.制作原型(體現(xiàn)完整流程)

7.原型可用性測試

8.進(jìn)入設(shè)計(jì)開發(fā)

測試方法論(列舉了常用到的一些方法)

灰度測試(A/B test)、布爾邏輯(是+否=是?“or,and,not”)、尼爾森交互設(shè)計(jì)法則(About Face)

整體的統(tǒng)一、突出重點(diǎn)/合理的隱藏、從更高一層去考慮下層的設(shè)計(jì),戰(zhàn)略層>內(nèi)容層>結(jié)構(gòu)層>框架層>表現(xiàn)層、實(shí)體感即隱喻/系統(tǒng)符合世界的操作、鮮明/形象/深思熟慮(icon? 顏色 位置 大小的細(xì)節(jié))、有意義的‘動(dòng)效’(合理的動(dòng)效,有目的的)、符合用戶習(xí)慣、可反悔原則、反饋原則、‘不走死胡同’原則

啟發(fā)式評估:

過程:1)觀察者解釋評估對象、2)評估者了解或使用評估對象、3)評估者評估、4)集體討論

原則:1)系統(tǒng)狀態(tài)可見、2)系統(tǒng)與用戶現(xiàn)實(shí)世界的匹配、3)用戶控制與自由、4)一致性與標(biāo)準(zhǔn)化、5)錯(cuò)誤預(yù)防、6)認(rèn)知而不是記憶、7)使用的靈活性與效率、8)美觀而精煉的設(shè)計(jì)、9)幫助用戶識別、診斷和修正錯(cuò)誤、10)幫助和文檔

Android Material Design 的App的設(shè)計(jì)語言

動(dòng)畫效果、樣式風(fēng)格、布局結(jié)構(gòu)、組件規(guī)范、紋理、可用性

交互設(shè)計(jì)的分析層面著重點(diǎn)有:

(人)人物原型、(事)要解決的需求、(物)所在的當(dāng)下場景

再概括為:(什么人)了解你的目標(biāo)用戶、(什么事)了解用戶要做的事情/同理心,(解決方法&為什么要這么做)用講故事的方式描述解決方案、(實(shí)現(xiàn)解決方案)(心理模型 與 實(shí)際模型 的結(jié)合)用流程圖,線框圖來解決。



UXD【IxD Foundation】:

UX設(shè)計(jì)的七個(gè)因素標(biāo)準(zhǔn):有用 useful、易用 usable、可尋 findable、可信 credible、合意 desirable、可達(dá) accessible、有價(jià)值 valuable

交互設(shè)計(jì)是設(shè)計(jì)人機(jī)交互界面,包括五個(gè)維度:詞句、視覺呈現(xiàn)、物理空間與實(shí)體、時(shí)間、行為。


數(shù)據(jù)分析的UX

以用戶為中心設(shè)計(jì)——讓終端用戶參與進(jìn)來

功能需求——優(yōu)先列出功能列表

數(shù)據(jù)探索分析——理念產(chǎn)生設(shè)計(jì)要求

可視化編碼——選擇正確形式

交互設(shè)計(jì)——優(yōu)化用戶交互

顏色和展示設(shè)計(jì)——融合美學(xué)和科學(xué)

【每一個(gè)數(shù)字背后都有一個(gè)重要的故事,但這需要你給他們一個(gè)清晰的并有說服力的聲音?!猄tephen Few】


設(shè)計(jì)規(guī)范:

小程序:

蘋果:

安卓/material design:

微軟:

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容