中文字字幕乱码视频,亚洲av综合a色av中文,最近2019中文字幕一页二页,亚洲av成人av天堂,亚洲国产精品无码久久98

首頁 > SEO動(dòng)態(tài) > 網(wǎng)站技術(shù)萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

當(dāng)我們談?wù)?a href="http://www.ytny.net.cn/seojianzhan/17750.html" target="_blank" >交互設(shè)計(jì)(Interaction Design)時(shí),可能有人會(huì)疑惑:在體驗(yàn)設(shè)計(jì)(User Experience Design 簡稱 UX Design)為主流的今天,為什么還要關(guān)注交互設(shè)計(jì)?

其實(shí),交互有廣義和狹義之分,廣義的交互不僅僅是指互聯(lián)網(wǎng)企業(yè)中的交互設(shè)計(jì)崗位,也包含從人機(jī)交互、人因工程等發(fā)展而來的大交互學(xué)科(各大院校的交互設(shè)計(jì)專業(yè))。而用戶體驗(yàn)設(shè)計(jì)和 UI 設(shè)計(jì)只是互聯(lián)網(wǎng)發(fā)展中形成的職業(yè)類別:

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

所以說,無論是體驗(yàn)設(shè)計(jì)、UI 設(shè)計(jì)甚至是服務(wù)設(shè)計(jì),它們都建立在交互設(shè)計(jì)的基礎(chǔ)之上。交互設(shè)計(jì)具備的學(xué)術(shù)背景和理論深度,是連接理論與實(shí)踐的橋梁,它幫助我們從執(zhí)行任務(wù)的"匠人",變成能夠深入理解背后的邏輯和目的的"設(shè)計(jì)師"。

很多同學(xué)雖然非常熟悉信息架構(gòu)、任務(wù)流程和頁面搭建等工作,但他們?nèi)匀桓械嚼Щ螅瑹o法將這些內(nèi)容串聯(lián)起來,也不清楚底層邏輯,就是因?yàn)樗麄內(nèi)狈?duì)交互設(shè)計(jì)學(xué)科背景的深入理解。只有掌握了交互設(shè)計(jì)的學(xué)科知識(shí),設(shè)計(jì)師才能在職業(yè)道路上走得更遠(yuǎn),更好地理解和應(yīng)用設(shè)計(jì)原則。

今天我們就以"學(xué)科+職業(yè)"的方式,真正系統(tǒng)地介紹一下廣義交互設(shè)計(jì)的基礎(chǔ)知識(shí)。主要包括以下幾部分:

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

第一章 交互設(shè)計(jì)概述

1. 什么是交互?

"交互"這個(gè)詞是從 Interaction 意譯的,詞義為"相互作用",從中文來說,即交流、互動(dòng)。在人與人之間,相互的打招呼、交流,就算是最簡單的交互。那么人和機(jī)器之間的交流互動(dòng)是什么樣的呢?舉個(gè)例子,如果你想給朋友發(fā)一條信息,交互過程可能是:

打開微信 → 打開對(duì)話框 → 輸入文字 → 點(diǎn)擊發(fā)送

在這個(gè)過程中,每一步的操作,手機(jī)都有所反饋,比如點(diǎn)擊微信 icon,就會(huì)進(jìn)入主界面,點(diǎn)擊"發(fā)送",信息就會(huì)發(fā)到對(duì)方微信,一系列的操作和反饋就構(gòu)成了交互。

所以簡而言之,當(dāng)人和一個(gè)對(duì)象(無論是人,機(jī)器,系統(tǒng)、環(huán)境等等)發(fā)生雙向的信息交流和互動(dòng),就是一種交互行為。這種交流和互動(dòng)必須是雙向的,如果只有一方的信息輸出,而沒有第二方的參與,就只是信息展示而不是交流互動(dòng)。來而不往非交互。比如我們平時(shí)看到的平面廣告,只是信息呈現(xiàn),沒有交互性,而下面的廣告設(shè)計(jì),就具備了交互的屬性:

交互廣告(圖片來源:廣告公司視頻截圖)

上圖是一個(gè)戒煙產(chǎn)品廣告,一般狀態(tài)下,畫面中的男士神態(tài)正常,當(dāng)有人在附近吸煙時(shí),畫面中的男士就開始咳嗽。這個(gè)廣告牌會(huì)根據(jù)外界的變化而呈現(xiàn)不同的反饋。

2. 什么是交互設(shè)計(jì)?

既然"交互"是交流、互動(dòng),那么"交互設(shè)計(jì)"簡單來說,就是設(shè)計(jì)如何交流如何互動(dòng),讓交流和互動(dòng)更加自然更加順暢。

事實(shí)上,人與外物的所有交互都是交互設(shè)計(jì)的范疇,比如一個(gè)人要開門,是用門把手還是直接推,需要鑰匙還是指紋,都屬于交互設(shè)計(jì)。只是當(dāng)前社會(huì)談到交互設(shè)計(jì),往往聚焦于人與互聯(lián)網(wǎng)產(chǎn)品或智能產(chǎn)品的交互,所以本文也主要討論后者。所以我們之后所說的"產(chǎn)品"主要就是指運(yùn)行在各種聯(lián)網(wǎng)終端(手機(jī)、電腦、Pad、電視等)上的網(wǎng)站、應(yīng)用等產(chǎn)品,或者是可聯(lián)網(wǎng)并具有交互性的智能設(shè)備,如智能汽車,智能機(jī)器人,智能音響等。

另外從職位角度來看,交互設(shè)計(jì)專門指在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)過程中確定了產(chǎn)品功能之后、視覺設(shè)計(jì)之前這一段,主要包括功能架構(gòu)的搭建、用戶流程的設(shè)計(jì)和界面元素的排布等方面,眾多的交互設(shè)計(jì)培訓(xùn)班就是在做這部分的培訓(xùn)。比如一個(gè) APP 的登錄注冊(cè),打開登錄頁是開始,登錄成功是結(jié)束,這個(gè)過程如何進(jìn)行,期間遇到各種問題如何解決,就是職業(yè)交互設(shè)計(jì)的范疇。

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

而從學(xué)科角度來看,交互設(shè)計(jì)是定義、設(shè)計(jì)人與人造系統(tǒng)如何關(guān)聯(lián)的設(shè)計(jì)領(lǐng)域。學(xué)術(shù)角度,對(duì)于交互會(huì)有更多偏研究的內(nèi)容,而不僅僅像職業(yè)交互設(shè)計(jì)師一樣去解決用戶需求,還要考慮很多基礎(chǔ)性的問題,比如人與環(huán)境的關(guān)系、人與人造物的關(guān)系等。

3. 交互設(shè)計(jì)的發(fā)展歷程和價(jià)值

交互設(shè)計(jì)是由 IDEO 的一位創(chuàng)始人比爾·摩格理吉(Bill Moggridge)在 1984 年一次設(shè)計(jì)會(huì)議上提出的。后來它逐漸綜合了人機(jī)交互,人因工程,認(rèn)知心理學(xué)等領(lǐng)域的知識(shí),形成了專門用于解決產(chǎn)品在使用和體驗(yàn)方面問題的學(xué)科領(lǐng)域。

那么到底為什么會(huì)出現(xiàn)交互設(shè)計(jì)這個(gè)領(lǐng)域呢?

以前的產(chǎn)品,其實(shí)并不需要交互設(shè)計(jì),比如較早的洗衣機(jī)(下圖左),只需要一個(gè)開關(guān)就足夠了,但是后來,有了雙桶、半自動(dòng)、全自動(dòng)洗衣機(jī),操作越來越復(fù)雜,這時(shí)就需要交互設(shè)計(jì)師去研究用戶的使用流程與操作方式,讓用戶能夠與復(fù)雜功能和平相處:

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

這是實(shí)體產(chǎn)品的例子,計(jì)算機(jī)方面,比如以前的 DOS 系統(tǒng)(下圖左),一個(gè)命令對(duì)應(yīng)一種結(jié)果,只需要記住就行,也不需要交互設(shè)計(jì),后來有了圖形界面(下圖右),有了鼠標(biāo),操作就變得復(fù)雜,就需要交互設(shè)計(jì)師和界面設(shè)計(jì)師來定義軟件系統(tǒng)。

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

所以說,交互設(shè)計(jì)是順應(yīng)時(shí)代需求而產(chǎn)生的,當(dāng)工程師無暇處理人與機(jī)器的交流互動(dòng)問題時(shí),交互設(shè)計(jì)師便應(yīng)運(yùn)而生了。

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

在短短 30 多年的發(fā)展中,交互設(shè)計(jì)已經(jīng)涉及方方面面,從最初的網(wǎng)頁設(shè)計(jì),app 設(shè)計(jì),到智能設(shè)備、自然界面設(shè)計(jì),甚至是服務(wù)體驗(yàn),都可以通過交互設(shè)計(jì)的方法找到解決方案。當(dāng)前交互設(shè)計(jì)的研究重點(diǎn)已經(jīng)放在了多模態(tài)(多通道)、多媒體交互,虛擬交互以及人機(jī)協(xié)同等方面。

本章總結(jié):

本章簡單介紹了交互領(lǐng)域的來源和發(fā)展,隨著人與各種人造物之間的溝通互動(dòng)越來越復(fù)雜,交互設(shè)計(jì)應(yīng)運(yùn)而生,擔(dān)負(fù)起使溝通更加順暢、自然的重任。

第二章 交互設(shè)計(jì)學(xué)科理論基礎(chǔ)

新學(xué)科基本不會(huì)憑空誕生,一般都是從已有學(xué)科發(fā)展過渡而來,往往是當(dāng)已有學(xué)科無法解決新出現(xiàn)的問題時(shí),就會(huì)在他們的基礎(chǔ)上誕生新的學(xué)科。而交互設(shè)計(jì)就是在工業(yè)設(shè)計(jì)、人機(jī)交互等學(xué)科的基礎(chǔ)上,借鑒人因工程,認(rèn)知心理學(xué)等領(lǐng)域研究結(jié)果,逐漸融合而成的一門交叉學(xué)科。下面這幅圖基本展示了交互設(shè)計(jì)的學(xué)科結(jié)構(gòu),但并不全面:

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

這里由于篇幅原因,只簡單介紹與交互相關(guān)性較大的幾個(gè)領(lǐng)域:工業(yè)設(shè)計(jì)、人因工程、人機(jī)交互與認(rèn)知心理學(xué)。

1. 工業(yè)設(shè)計(jì)

對(duì)于工業(yè)設(shè)計(jì)(Industrial Design)大家應(yīng)該相對(duì)比較熟悉,很多大學(xué)都開設(shè)了工業(yè)設(shè)計(jì)專業(yè)。它與交互相關(guān)性很高,所以大量的工設(shè)畢業(yè)的學(xué)生都從事了交互設(shè)計(jì)職位(主要是薪資差別太大哈哈)。

從設(shè)計(jì)對(duì)象上來看,交互設(shè)計(jì)的對(duì)象比較偏網(wǎng)站、APP 之類的虛擬產(chǎn)品,而工業(yè)設(shè)計(jì)主要針對(duì)實(shí)體產(chǎn)品,比如電腦、吸塵器、交通工具之類的,所以會(huì)更多的考慮產(chǎn)品的外觀、材質(zhì)、內(nèi)部結(jié)構(gòu)設(shè)計(jì)等。當(dāng)然對(duì)于電視、音響等操作較為復(fù)雜的產(chǎn)品,工業(yè)設(shè)計(jì)師也會(huì)考慮很多人與產(chǎn)品交互的問題,比如電視遙控器的設(shè)計(jì)就是一個(gè)經(jīng)典題目。不過交互設(shè)計(jì)的對(duì)象會(huì)更加的集約化、系統(tǒng)化和精細(xì)化,所以對(duì)于設(shè)計(jì)分析和方案實(shí)現(xiàn)方面,有了更高的要求。

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

工業(yè)設(shè)計(jì)與交互設(shè)計(jì)的融合(圖片來自網(wǎng)絡(luò))

另外,工業(yè)設(shè)計(jì)與交互設(shè)計(jì)在很多方面都是相通的。特別是當(dāng)前市面上很多智能設(shè)備,都需要工業(yè)設(shè)計(jì)師和交互設(shè)計(jì)師緊密配合才能做出即好用又好看的產(chǎn)品。在漫長的工業(yè)設(shè)計(jì)發(fā)展史中,涌現(xiàn)的很多設(shè)計(jì)思考和方法,都可以為交互設(shè)計(jì)帶來養(yǎng)分,比如一直以來都在討論的"形式與功能"的問題,是形式追隨功能還是功能追隨形式或是功能形式各自獨(dú)立,其實(shí)跟交互與 UI 的關(guān)系很像,歷史總是在不斷的重復(fù)。

2. 人因工程

人因工程(Ergonomics)又稱為人機(jī)工程、人體工學(xué)等,主要是探討和應(yīng)用人類行為、能力本能極限和其它的特性等相關(guān)信息來設(shè)計(jì)器具、機(jī)器、設(shè)備、系統(tǒng)、任務(wù)、工作及其相關(guān)所屬的周遭環(huán)境,以增加生產(chǎn)力、安全性、舒適感和效率,進(jìn)而提升人類的生活品質(zhì)。

人因工程對(duì)交互設(shè)計(jì)較大的貢獻(xiàn)主要有兩個(gè)方面:

一是人體測量。首先是下圖所示的各種人體尺寸、活動(dòng)范圍的測量,這些在實(shí)體產(chǎn)品中運(yùn)用很廣泛。除了這些測量以外,還有對(duì)于記憶極限、注意力極限等的測量,對(duì)于交互中的可用性易用性提高都有很高的參考價(jià)值。

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

二是以人為中心的設(shè)計(jì)觀念?,F(xiàn)在各個(gè)設(shè)計(jì)領(lǐng)域都在提倡以人為中心,其實(shí)這個(gè)理念最早是由人因工程提出的,這種理念使設(shè)計(jì)師開始關(guān)注人的操作過程、人的感受,使得各種產(chǎn)品都有了巨大的進(jìn)步。

3. 人機(jī)交互

很多人把交互設(shè)計(jì)和人機(jī)交互(HCI,Human-computer Interaction)混為一談,其實(shí)這是不同的兩個(gè)領(lǐng)域。

簡單說來,人機(jī)交互主要是為交互設(shè)計(jì)提供技術(shù)支持,比如多點(diǎn)觸控、手勢(shì)交互等,都是人機(jī)交互的學(xué)科范疇,比如下圖是清華某人機(jī)交互研究所發(fā)布的"懸空打字"技術(shù)。它研究人與機(jī)器之間進(jìn)行信息傳遞的理論、技術(shù)和設(shè)備,既包括技術(shù)研究(包括算法、硬件技術(shù)等),也包括心理學(xué)研究;而交互設(shè)計(jì),是屬于設(shè)計(jì)中的一個(gè)領(lǐng)域,是一種實(shí)踐方法,通常為了解決特定使用場景下特定人群的使用過程中,人與機(jī)器(或軟件、網(wǎng)站)如何更方便簡單地"對(duì)話"的問題。

懸空打字技術(shù)(來自清華大學(xué))

當(dāng)然兩者也有比較大的交匯,比如人機(jī)交互研究中發(fā)現(xiàn)的一般規(guī)律可以指導(dǎo)交互設(shè)計(jì)或提供參照,人機(jī)交互研究中還包括對(duì)交互設(shè)計(jì)方法論的研究,而交互設(shè)計(jì)實(shí)踐中遇到的挑戰(zhàn)和難題也能夠促發(fā)新的人機(jī)交互研究。

4. 認(rèn)知心理學(xué)

在介紹交互設(shè)計(jì)的定義時(shí),我們提到它是"定義、設(shè)計(jì)人與人造系統(tǒng)如何關(guān)聯(lián)的設(shè)計(jì)領(lǐng)域",如何關(guān)聯(lián)當(dāng)然很重要,但在讓他們更好的關(guān)聯(lián)之前,我們需要深入的了解自身。而在交互設(shè)計(jì)領(lǐng)域,我們不可能專門研究人,所以就可以直接運(yùn)用相關(guān)的研究結(jié)果了。在大量的研究人的領(lǐng)域中,認(rèn)知心理學(xué)是跟我們的設(shè)計(jì)息息相關(guān)的學(xué)科,因?yàn)槿伺c人造系統(tǒng)要很好的關(guān)聯(lián),必須綜合運(yùn)用人的感知系統(tǒng)。下面從幾個(gè)最基礎(chǔ)的方面進(jìn)行簡單的介紹:

① 感知融合

感知融合是指人對(duì)外界的感知與反饋是系統(tǒng)性的過程,這個(gè)系統(tǒng)由視覺、聽覺、觸覺、前廳感覺(運(yùn)動(dòng)和重力覺)、整體位置及軀體感覺等等一起組成,它們?cè)诜答仚C(jī)制的作用下互相制約,互相協(xié)調(diào),從而使人可以在日常生活中能夠感知事物和適應(yīng)環(huán)境變化。所以在設(shè)計(jì)過程中,對(duì)于視覺、聽覺、觸覺等感知系統(tǒng)進(jìn)行綜合考慮,不能孤立的看待。

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

人的信息處理工作系統(tǒng)(感知融合)

② 視覺

人類接收信息 80%是通過視覺,而交互設(shè)計(jì)產(chǎn)品,整個(gè)交互過程基本都要緊密依賴于人的視覺系統(tǒng),所以了解視覺系統(tǒng)就非常有必要了。視覺系統(tǒng)具有主動(dòng)性、動(dòng)態(tài)建構(gòu)等特點(diǎn)。視覺認(rèn)知分為色彩認(rèn)知、運(yùn)動(dòng)認(rèn)知、形狀認(rèn)知、控件認(rèn)知等方面。這些認(rèn)知特點(diǎn)與界面設(shè)計(jì)都有很大的相關(guān)性,比如其中的形狀認(rèn)知包括相似性、接近性、連續(xù)性、簡潔性和完整性等特點(diǎn)。而且很多設(shè)計(jì)原則都是從人類視覺特點(diǎn)中來的,在這里不做展開,以后有機(jī)會(huì)專門做介紹。

舉個(gè)簡單的例子:

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

某平臺(tái)購物車改版前后對(duì)比

上圖左邊是某購物平臺(tái)的舊版購物車,右邊是新版,他們?yōu)槭裁匆鲞@樣的改進(jìn)呢?我們可以看到左圖中元素與元素之間間距都差不多,我們無法較快的區(qū)分信息的歸屬,比如滿贈(zèng)的商品是屬于上面的商品還是下面的;而右圖中間距進(jìn)行了調(diào)整,可以一眼就能分辨出贈(zèng)品是屬于上面的產(chǎn)品。

可能有的同學(xué)這時(shí)會(huì)說:"這不是很基礎(chǔ)的 UI 原則嘛,跟人的視覺有啥關(guān)系?",其實(shí)主要就是因?yàn)槿说囊曈X有之前提到的接近性的特點(diǎn),所以才會(huì)有這樣的原則。什么是接近性呢?請(qǐng)看下面這張圖:

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

視覺接近性原理

左邊的九個(gè)菱形,橫向間距小,豎向間距大,所以人眼會(huì)認(rèn)為每一排是一個(gè)整體;右邊圖里,橫向間距大,豎向間距小,所以人眼會(huì)認(rèn)為每一列是一個(gè)整體。這就是人眼睛看事物做判斷的特點(diǎn),各種設(shè)計(jì)都需要遵循這些特點(diǎn)。所以去學(xué)習(xí)那些別人總結(jié)出來的設(shè)計(jì)原則,不如直達(dá)根本,了解認(rèn)知學(xué)理論,你也可以創(chuàng)造出自己的設(shè)計(jì)原則!

③ 注意

除了視覺之外,認(rèn)知學(xué)里還有一塊非常重要,就是注意。有句話說,現(xiàn)代互聯(lián)網(wǎng)之戰(zhàn)基本上就是注意力之戰(zhàn),那打好這場仗,必然得了解人的注意是怎么回事。

簡單說來,人的注意有三個(gè)特點(diǎn):

一是選擇性:注意是主動(dòng)選擇的過程,也就是說,人要是把注意力集中在某個(gè)地方,需要主動(dòng)做出選擇,不像聽覺和嗅覺,可以被動(dòng)接受。所以,在設(shè)計(jì)過程中,需要通過一些方法,讓重點(diǎn)內(nèi)容成為被注意對(duì)象。比如在新消息到達(dá)時(shí),通過彈窗、小紅點(diǎn)等形式提示用戶,就是典型的影響用戶注意選擇的方法。

二是集中性:正在集中精力所在的最多只能有一個(gè)實(shí)體,無論它是一個(gè)對(duì)象、一個(gè)特征、一個(gè)記憶還是一個(gè)概念。因?yàn)檫@個(gè)特點(diǎn),在設(shè)計(jì)中就應(yīng)該避免過多干擾注意的內(nèi)容,盡量讓用戶集中注意在重點(diǎn)內(nèi)容、重點(diǎn)任務(wù)上。

三是注意分配:雖然集中精力所在只能有一個(gè),但整體的注意資源還是可以得到有限度的分配。但也取決于并行活動(dòng)的性質(zhì)、復(fù)雜程度以及熟練程度。比如左手畫圓右手畫方,是很難做到的,但是同時(shí)走路并看手機(jī),就沒有問題,主要就是因?yàn)樽呗愤@個(gè)動(dòng)作我們非常熟練,只需要分配很少的注意力資源。所以在設(shè)計(jì)過程中,需要關(guān)注用戶同時(shí)進(jìn)行的任務(wù),是不是會(huì)對(duì)注意造成壓力,合理進(jìn)行注意管理。

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

上圖是 Evernote 從 2008 年到 2020 年的 UI 設(shè)計(jì)變化史,這里我們可以很明顯的看出一個(gè)趨勢(shì),就是簡單化和扁平化,那為什么會(huì)有這種趨勢(shì)呢,只是因?yàn)槿藗兊膶徝腊l(fā)生了變化嗎,肯定不是這么簡單。

早年間,蘋果手機(jī)將屏幕分辨率一下子提升了不少,這讓眾多手癢的設(shè)計(jì)師們終于有了發(fā)揮余地(以前那種可以看到一個(gè)個(gè)像素的屏幕實(shí)在沒啥可做的),所以他們對(duì)于圖標(biāo)和界面無所不用其極,描繪的美輪美奐。當(dāng)然,一開始之所以這樣,另外一個(gè)原因也是為了沿用現(xiàn)實(shí)中的心智模式,讓用戶可以在屏幕上迅速理解,但是這兩者之間的成分,我覺得還是前者更多。然后到了一定的階段,人們發(fā)現(xiàn)這些精美的圖標(biāo)和控件很大程度上吸引了用戶的注意力,真正重要的東西反而不容易看到,當(dāng)然也是物極必反吧,終于在 iOS7 當(dāng)中,蘋果徹底做了大革新,全部扁平化,提出內(nèi)容至上的原則,其實(shí)就是對(duì)于注意力資源的重新考慮。

④ 記憶

在人的認(rèn)知系統(tǒng)中,記憶也是一個(gè)神奇的東西。

人的記憶分為短期記憶和長期記憶。短期記憶也稱工作記憶,是為了完成任務(wù)而臨時(shí)儲(chǔ)存的信息。工作記憶的容量有限,大約是 7±2,即我們能夠同時(shí)記住的互不相關(guān)的東西的數(shù)量在 5~9 之間。此外,工作記憶還非常不穩(wěn)定,如果我們將注意轉(zhuǎn)移到新事物上,之前工作記憶中的內(nèi)容就可能遺失。所以在設(shè)計(jì)中,需要考慮用戶的記憶壓力,盡量避免過多過長的記憶。

⑤ 習(xí)慣

《上癮》中關(guān)于習(xí)慣是這么說的:"所謂習(xí)慣,就是'在情境暗示下產(chǎn)生的無意識(shí)行為',使我們幾乎不假思索就做出的舉動(dòng)。如今,我們習(xí)以為常的那些產(chǎn)品和服務(wù)正在改變我們的一舉一動(dòng),而這,真是產(chǎn)品設(shè)計(jì)者的初衷。"

產(chǎn)品設(shè)計(jì)者的初衷一定是要改變用戶的習(xí)慣嗎?到底應(yīng)該引導(dǎo)用戶習(xí)慣還是順從用戶習(xí)慣呢?其實(shí)都不一定,要視情況而定。比如手機(jī)設(shè)計(jì)從物理鍵盤到觸摸屏,大勢(shì)所趨,需要引導(dǎo)習(xí)慣;而觸摸屏上鍵盤的字母排布,就需要順從用戶習(xí)慣了。

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

本章總結(jié):

本章介紹了交互設(shè)計(jì)的學(xué)科理論基礎(chǔ),我們不但需要掌握流程圖、線框圖等工作實(shí)踐技能,也要了解這些底層的源頭性知識(shí),這樣才能知其然也知其所以然。

第三章 交互設(shè)計(jì)的基本流程與方法

一道菜怎么做,有它的菜譜,菜譜告訴了我們做菜的流程和方法。比如打開西紅柿炒蛋的菜譜,就可以發(fā)現(xiàn)這道菜最重要的流程就是先炒好雞蛋拿出來,然后炒西紅柿,再把雞蛋放進(jìn)去。而方法就是比較常規(guī)的切菜、打蛋和攪拌了。其實(shí)交互設(shè)計(jì)也是有"譜"的~

那說到設(shè)計(jì)的流程,很多同學(xué)都可以脫口而出很多著名流程了,比如英國設(shè)計(jì)協(xié)會(huì)的"雙鉆模型"、谷歌的"設(shè)計(jì)沖刺"、阿里的"五導(dǎo)家"等等,都是屬于方法輪類型的流程,較為抽象。而"信息架構(gòu) → 用戶流程 → 線框圖設(shè)計(jì) → 原型制作"之類的,就屬于實(shí)操類型的流程,直白但沒什么內(nèi)涵。至于設(shè)計(jì)的方法,更是五花八門,什么KANO模型、用戶體驗(yàn)地圖、奧卡姆剃刀之類。

這時(shí)候,對(duì)于有選擇困難癥的同學(xué)就會(huì)非常難受了,到底哪家流程最強(qiáng)呢?以及那么多方法,應(yīng)該什么時(shí)候使用呢?

對(duì)于誰最強(qiáng)的問題,筆者也沒有答案,不過通過我深入分析和思考,發(fā)現(xiàn)設(shè)計(jì)流程其實(shí)都有共通點(diǎn),而且根本不用那么復(fù)雜,歸根結(jié)底,對(duì)于完成設(shè)計(jì)最重要的其實(shí)永遠(yuǎn)都只有三步:

前期研究 → 設(shè)計(jì)輸出 → 驗(yàn)證迭代

而那些五花八門的方法,都可以對(duì)應(yīng)到每個(gè)階段當(dāng)中??梢哉f,這三個(gè)步驟適用于一切設(shè)計(jì),不光是互聯(lián)網(wǎng)行業(yè)的交互設(shè)計(jì)、UI 設(shè)計(jì),也包括平面、建筑、室內(nèi)、環(huán)境,只要是設(shè)計(jì)師存在的地方,都可以使用這三個(gè)步驟做設(shè)計(jì)。

有的同學(xué)可能會(huì)懷疑了,這也太簡單了吧?其實(shí)只是看著簡單,要真的做好的話,每一步都需要好幾年去鍛煉!

1. 前期研究

這一步是很多初學(xué)者容易忽略并且做不好的,他們喜歡上來就先畫圖,就算知道要做研究,也不知道如何入手。

那到底研究些啥呢,通俗點(diǎn)來講,前期研究主要就是明白你到底在干啥。門衛(wèi)有三個(gè)哲學(xué)問題:你是誰,從哪來,到哪去。研究也有三個(gè)哲學(xué)問題:要解決什么問題,為什么有這個(gè)問題,用什么途徑去解決。

所以這一步主要就是了解背景以及定義問題,不然我們做設(shè)計(jì)就會(huì)非常盲目,最后做出來才發(fā)現(xiàn)并沒有解決問題,那設(shè)計(jì)方案就是廢物。舉個(gè)例子,如果你給一部電影做海報(bào),那前期研究這一步就得好好了解這部電影講了什么,如何通過一張海報(bào)體現(xiàn)電影的精髓,而且這些你不能私下思索,得跟電影出品方深入溝通,看他們想表達(dá)什么,喜歡什么樣的風(fēng)格等等,如果你自己的理解跟他們的相同,那皆大歡喜,如果不同,那就要按照他們的意思來,畢竟是商業(yè)設(shè)計(jì)嘛。所以這里面門門道道還是很多的。

如果是交互設(shè)計(jì),在這一步就得深入了解項(xiàng)目的出發(fā)點(diǎn),落腳點(diǎn)和方向。比如:"公司為什么做這個(gè)項(xiàng)目,能帶來什么價(jià)值?市場上同類產(chǎn)品表現(xiàn)如何?這款產(chǎn)品是為哪些用戶解決什么問題?"如果是改版項(xiàng)目,還需要了解當(dāng)前版本數(shù)據(jù)表現(xiàn)如何,用戶反饋如何,有什么樣的問題等等。

前期研究的方法:

前期研究的方法很多,而且大多是從別的領(lǐng)域拿來的。比如用來了解外部環(huán)境的"PEST 模型",就是從商學(xué)領(lǐng)域拿來的。還有用來分析用戶需求的"KANO 模型",用來了解已有用戶體驗(yàn)問題的"用戶體驗(yàn)地圖"等,都是不錯(cuò)的工具,大家可以根據(jù)研究目的選擇合適的方法。以下是 Nielsen Norman Group 總結(jié)的用研方法(注意這里只是用戶研究方法,并不是包含所有前期研究方法):

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

用研方法(來自Nielsen Norman Group)

前期研究的產(chǎn)出:

前期研究主要解決業(yè)務(wù)目標(biāo)和設(shè)計(jì)目標(biāo)的問題,所以產(chǎn)出并沒有固定的模式。如果是新項(xiàng)目,可以是市場分析報(bào)告,競品分析報(bào)告,商業(yè)機(jī)會(huì)分析,用戶研究報(bào)告等等。如果是改版項(xiàng)目,可以是數(shù)據(jù)分析報(bào)告,產(chǎn)品問題總結(jié)等。

2. 設(shè)計(jì)輸出

這一步應(yīng)該最好理解。當(dāng)?shù)谝粋€(gè)階段完成,我們知道了要干什么,往哪個(gè)方向走,所以現(xiàn)在就可以真正開始做設(shè)計(jì)了。具體來說,對(duì)于交互領(lǐng)域,這一步主要包括信息架構(gòu)設(shè)計(jì),流程設(shè)計(jì)和界面設(shè)計(jì)。

設(shè)計(jì)輸出的方法:

交互設(shè)計(jì)的一大堆方法中,大多都是用在這一階段的。比如"卡片分類法",就專門是為了解決信息架構(gòu)的,還有常見的"任務(wù)分析法"、"場景分析法",主要就是為了解決流程的問題,而大家熟知的"F 型視覺模型"、"費(fèi)茨定律"等,就是為了更好的做好界面設(shè)計(jì)。

設(shè)計(jì)輸出的產(chǎn)出:

這里的產(chǎn)出大家都比較熟悉,做完信息架構(gòu)會(huì)產(chǎn)出腦圖或者樹狀圖,來體現(xiàn)產(chǎn)品框架;用戶流程圖就可以用來展示操作流程;線框圖可以表現(xiàn)用戶具體見到的產(chǎn)品形態(tài)與交互方式。根據(jù)不同項(xiàng)目的不同需要,還可以產(chǎn)出頁面流程圖、可交互的原型等等。

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

頁面流程圖(圖片來自網(wǎng)絡(luò))

需要注意的是,在此階段,可能產(chǎn)生不同的設(shè)計(jì)方案,可以通過下一階段比較取舍。

3. 驗(yàn)證迭代

雖然經(jīng)過系統(tǒng)的分析找到了問題,并根據(jù)正確的設(shè)計(jì)方法實(shí)現(xiàn)了功能,但是并不能保證當(dāng)前的方案已經(jīng)完美,好的產(chǎn)品都是慢慢打磨出來的。

所以這一步就需要對(duì)于之前的設(shè)計(jì)方案進(jìn)行客觀性的驗(yàn)證,看是否符合用戶需求與業(yè)務(wù)需求,是否能夠解決第一步中定義的問題。一般有兩種驗(yàn)證場景:

  1. 開發(fā)前驗(yàn)證:進(jìn)入開發(fā)階段前的方案測試,可以通過讓目標(biāo)用戶使用原型或者觀看設(shè)計(jì)稿的方式,盡早暴露方案中的問題并修正;
  2. 上線后驗(yàn)證:產(chǎn)品上線后,收集反饋數(shù)據(jù)、用戶行為數(shù)據(jù)等,與舊版本或之前的預(yù)期、目標(biāo)做對(duì)比,及時(shí)發(fā)現(xiàn)問題并修復(fù)。

比如某個(gè) APP,我們做了兩個(gè)版本,一個(gè)是首頁底下有 TAB Bar,分為四個(gè)標(biāo)簽,就像微信一樣,用戶可以方便的到達(dá)四個(gè)主要板塊;另一種是抽屜模式,用戶可以點(diǎn)擊左上角的按鈕,向右打開導(dǎo)航。在沒有真實(shí)使用者的情況下,我們可能很難判斷那個(gè)方案更好,所以我們就可以用兩套原型做用戶測試,看用戶在使用過程中的體驗(yàn)與反饋,根據(jù)測試結(jié)果決定使用哪個(gè)方案。

驗(yàn)證迭代的方法:

一般使用可用性測試、任務(wù)場景分析、數(shù)據(jù)分析或 A/B 測試等方法,看用戶在實(shí)際使用過程中產(chǎn)生了什么問題,然后快速迭代,使產(chǎn)品逐漸完善。

驗(yàn)證迭代的產(chǎn)出:

此階段產(chǎn)出可用性測試報(bào)告,用戶反饋報(bào)告等。為進(jìn)一步改進(jìn)產(chǎn)品提供方向。

之前也說了,好的產(chǎn)品是打磨出來的,所以驗(yàn)證迭代看似是最后一步,但其實(shí)是永無止境的,除非產(chǎn)品徹底下線了。所以這一步不叫設(shè)計(jì)驗(yàn)證,而叫驗(yàn)證迭代,就是告訴大家驗(yàn)證之后是不斷的迭代過程,不斷重復(fù)"研究 → 設(shè)計(jì) → 驗(yàn)證"的過程。
下圖是這三個(gè)階段的總結(jié):

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

有的同學(xué)可能會(huì)問,這三個(gè)步驟哪個(gè)最重要呢?看似第二步最實(shí)在,可能大部分人覺得它最重要,但細(xì)細(xì)思考, 它們的重要程度是一樣的,如果做不好第一步,你的第二步就是缺乏依據(jù)的;如果做不好第二步,那第一步再好也只是紙上談兵;如果做不好第三步,那產(chǎn)品就失去了進(jìn)步的可能,也就意味了馬上會(huì)被市場淘汰。所以負(fù)責(zé)任的說,這三個(gè)步驟,做不好任何一步,基本都會(huì)出現(xiàn)問題,畢竟已經(jīng)是最簡化的流程了。

另外,從整體上看,這三個(gè)環(huán)節(jié)在不同類型的項(xiàng)目中又會(huì)有不同的內(nèi)容。比如改版項(xiàng)目,前期研究側(cè)重舊版本的數(shù)據(jù)分析、用戶研究和市場上優(yōu)秀競品的優(yōu)勢(shì)分析等,而對(duì)于新產(chǎn)品項(xiàng)目,就會(huì)更加注重一些宏觀的分析,比如市場價(jià)值、商業(yè)價(jià)值等分析。

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

本章總結(jié):

本章介紹交互設(shè)計(jì)的基礎(chǔ)流程,前期研究、設(shè)計(jì)輸入、驗(yàn)證迭代的步驟可以應(yīng)用在各個(gè)設(shè)計(jì)門類,不僅僅是交互設(shè)計(jì)領(lǐng)域。

第四章 交互設(shè)計(jì)基本原則

1. 關(guān)于設(shè)計(jì)原則

提到"原則"這個(gè)詞,大家就會(huì)想到,"我是一個(gè)有原則的人","那個(gè)人毫無原則"之類的,那這個(gè)原則是什么呢?說白了就是"做事的準(zhǔn)則",一個(gè)有原則的人是有底線的,不突破底線就是他的原則,這種人比較可靠,值得信賴,而沒有原則的人就比較可怕,你無法確定他會(huì)做出什么事。

所以在設(shè)計(jì)中,原則也非常重要,不按照原則進(jìn)行的設(shè)計(jì)就是耍流氓。那么設(shè)計(jì)要遵循什么原則呢?

2. 已有的著名設(shè)計(jì)原則

已經(jīng)對(duì)互聯(lián)網(wǎng)設(shè)計(jì)有所了解的同學(xué)應(yīng)該早都接觸了挺多設(shè)計(jì)原則,這里幫大家羅列下比較有影響力的 3 個(gè)(僅做羅列,具體解釋請(qǐng)自行百度):

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

有的同學(xué)說,這 15 年前的老原則還能用嗎?其實(shí)這些都沒有過時(shí),因?yàn)檫@些原則很好的遵循了"以用戶為中心"的基本點(diǎn),雖然我們的產(chǎn)品一直在更新?lián)Q代,早已不是當(dāng)年的模樣,但是用戶還是一樣的用戶,所以這些原則在今天依然是體驗(yàn)設(shè)計(jì)的最基本原則,無論你的產(chǎn)品是手機(jī)、PC、大屏觸控甚至是智能硬件,都全部適用。

3. 最核心的設(shè)計(jì)原則

在說原則之前,想先簡單說一下很多同學(xué)常有的誤區(qū)。很多關(guān)于設(shè)計(jì)原則的文章或解答中都會(huì)提到菲茨定律、席克定律、格式塔原理、7±2 法則等,其實(shí)這些并不能稱為設(shè)計(jì)原則。我們之前說了,原則是"你需要遵守的基本準(zhǔn)則",而菲茨定律這些只是闡述人機(jī)交互的規(guī)律和特點(diǎn),主要是幫助大家進(jìn)行設(shè)計(jì)決策的。

在這里,我?guī)椭蠹姨釤挸鲎詈诵牡膸c(diǎn),這幾個(gè)做到了,你的設(shè)計(jì)方案肯定能保障基礎(chǔ)的用戶體驗(yàn)。

原則一:易于理解,不讓用戶思考

提到易于理解,就需要先說一下這幾個(gè)概念:

  1. 運(yùn)作模型:又稱為實(shí)現(xiàn)模型,是指機(jī)器實(shí)現(xiàn)某一功能的真實(shí)過程。
  2. 表現(xiàn)模型:又稱為設(shè)計(jì)模型,是設(shè)計(jì)師對(duì)于運(yùn)作模型的改造和表達(dá)。
  3. 心理模型:是用戶對(duì)于事物的普遍性認(rèn)知。

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

為了讓用戶易于理解產(chǎn)品,設(shè)計(jì)師的設(shè)計(jì)模型(Design Models)應(yīng)該盡量接近用戶的心理模型(Mental Models)。這個(gè)概念是由交互設(shè)計(jì)之父阿蘭·庫珀(Alan Cooper)在《交互設(shè)計(jì)精髓》這本書里提出的。

在理想狀態(tài)下,心理模型與設(shè)計(jì)模型相吻合。但實(shí)際上,用戶和設(shè)計(jì)人員之間的交流只能通過系統(tǒng)本身來進(jìn)行。比如設(shè)計(jì)一款門把手,如果將它設(shè)計(jì)成逆時(shí)針轉(zhuǎn)打開房門的設(shè)定,那就和用戶的心理模型相違背了,這就是設(shè)計(jì)模型與用戶模型的不符,最終導(dǎo)致用戶無法使用產(chǎn)品。設(shè)計(jì)人員必須保證產(chǎn)品的各個(gè)方面都與正確的概念模型保持一致。

原則二:容錯(cuò)性

人與機(jī)器,就像是在交流、溝通一樣,人向機(jī)器發(fā)出指令,機(jī)器給予人回應(yīng)。

當(dāng)設(shè)計(jì)師根據(jù)人們的心理模型來設(shè)計(jì)產(chǎn)品時(shí),大體上是可以以人們普遍接受的習(xí)慣,使產(chǎn)品可以與人進(jìn)行流暢的交互。而當(dāng)人的指令沒有得到機(jī)器恰當(dāng)?shù)幕貜?fù)的時(shí)候,也就是出現(xiàn)錯(cuò)誤信息的時(shí)候,同樣需要設(shè)計(jì)師進(jìn)行恰當(dāng)?shù)脑O(shè)計(jì),讓機(jī)器做出使人能夠明白的回應(yīng),以方便人們繼續(xù)進(jìn)行操作,最終達(dá)成目標(biāo)。這便是容錯(cuò)機(jī)制。容錯(cuò)包括預(yù)防與解決。

預(yù)防是指在用戶進(jìn)行提交操作之前,就對(duì)可能得錯(cuò)誤進(jìn)行提示,減少因?yàn)椴僮麇e(cuò)誤造成的損失。比如下圖的登錄頁面,密碼一欄底下提前明確提示設(shè)置密碼的要求,而不是點(diǎn)擊"創(chuàng)建賬號(hào)"后才提示。

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

設(shè)置密碼前明確提示密碼要求進(jìn)行防錯(cuò)(圖片來自網(wǎng)絡(luò))

還有一些平臺(tái)的注冊(cè)流程中,在用戶輸入了昵稱后,就立馬展示"該昵稱已被占用",提醒用戶及時(shí)修改;微信轉(zhuǎn)賬中,如果金額較大,需要驗(yàn)證對(duì)方姓名,這些也屬于預(yù)防錯(cuò)誤。

而解決是指當(dāng)出現(xiàn)錯(cuò)誤之后的解決方案。比如當(dāng)用戶誤刪了東西,可以通過回收站進(jìn)行恢復(fù),這就是一種出現(xiàn)錯(cuò)誤之后的解決途徑。

原則三:一致性

心理模型和容錯(cuò)性主要是基于某些設(shè)計(jì)點(diǎn),而對(duì)于產(chǎn)品的整體,需要遵循一致性的原則。從視覺的角度,整體的一致可以使產(chǎn)品更加統(tǒng)一,形成品牌感;從交互方面,一致性可以減少用戶的理解成本,提高易用性??傮w來說一致性表現(xiàn)在以下三個(gè)方面:

視覺一致性

  1. 色彩一致性(主色、輔色、點(diǎn)綴色、字體色等)
  2. 風(fēng)格一致性(扁平、投影、擬物、動(dòng)效等風(fēng)格表現(xiàn))
  3. 屬性一致性(字體、圖標(biāo)、圖片等)

行為一致性

  1. 操作一致性(刪除、滑動(dòng)、點(diǎn)擊、刷新、上傳、發(fā)布等操作)
  2. 平臺(tái)一致性(安卓和 iOS 的不同的操作習(xí)慣)

感知一致性

  1. 位置一致性(比如類似模塊的相同按鈕位置相似)
  2. 文本一致性(提示語、操作提示、功能按鈕、編輯提示)

原則四:可控性

人類對(duì)于自主控制的需求是與生俱來的。著名的心理學(xué)家亞伯拉罕-馬斯洛(Abraham Maslow)的需求層次理論中指出,人類最基本的需求是生理上的需求,即健康,食物和睡眠。為了滿足這些需求,人類需要大量的可控性,掌控我們生活的環(huán)境以獲取足夠的食物;自我約束的控制以避免疾病等。這種習(xí)性映射到產(chǎn)品使用過程中也是一樣,用戶希望產(chǎn)品被自己掌控。

那如何讓用戶在使用產(chǎn)品的過程中有更多掌控的感覺?主要是靠及時(shí)的操作反饋和狀態(tài)反饋。交互設(shè)計(jì)師需要考慮到用戶操作流程中的各種狀態(tài),及時(shí)反饋給用戶,提高產(chǎn)品的可控性??偟膩碚f主要就是"知道現(xiàn)在是什么狀況","知道下一步怎么做"。

本章總結(jié):

本章主要介紹了交互設(shè)計(jì)的基本原則,從比較著名的原則到提煉的 4 個(gè)重點(diǎn)原則,大家可以多體會(huì),融入到工作當(dāng)中,盡量避免設(shè)計(jì)中的低級(jí)錯(cuò)誤。

第五章 交互設(shè)計(jì)未來趨勢(shì)

過去的人機(jī)交互是通過鍵鼠、觸摸等的基礎(chǔ)交互方式,近些年,語音、手勢(shì)、眼動(dòng)等多模態(tài)交互在各個(gè)領(lǐng)域都有了長足的發(fā)展,未來,人機(jī)交互的發(fā)展主要從以下 5 個(gè)方面展開:

1. 人工智能介入人機(jī)交互,省去復(fù)雜環(huán)節(jié)

人工智能的介入正在徹底改變?nèi)藱C(jī)交互的面貌。AI 技術(shù)通過學(xué)習(xí)用戶的行為模式和偏好,能夠預(yù)測用戶需求,從而簡化交互流程,減少不必要的步驟。這種智能化的交互方式不僅提升了用戶體驗(yàn),還提高了效率。例如,智能助手可以根據(jù)用戶的日程自動(dòng)設(shè)置提醒,或者根據(jù)用戶的閱讀習(xí)慣推薦文章。

AI 的自然語言處理能力使得機(jī)器能夠理解復(fù)雜的人類語言,使得交流更加直觀和自然。此外,AI 還能夠通過圖像識(shí)別技術(shù),為用戶提供更加個(gè)性化的交互方式,如通過面部表情了解用戶情緒,提供場景化服務(wù)等。智能家居技術(shù)通過計(jì)算機(jī)程序和網(wǎng)絡(luò)技術(shù)將家庭設(shè)備連接到互聯(lián)網(wǎng)上,實(shí)現(xiàn)家庭設(shè)備的自動(dòng)化控制和遠(yuǎn)程控制。

具體到交互設(shè)計(jì)上,對(duì)于輸入和操作各個(gè)環(huán)節(jié),AI 都將逐步重塑。例如空調(diào)交互,以前都是手動(dòng)控制空調(diào)的溫度、風(fēng)速、風(fēng)向等,以后這些操作都將由 AI 代勞,需要人參與的大概只剩下最初的溫度喜好設(shè)置。

對(duì)于設(shè)計(jì)師來說,我們可以多了解人工智能的能力,一方面是通過 AI 輔助設(shè)計(jì),另一方面也可以把 AI 融入到產(chǎn)品中。

2. 語音、眼動(dòng)、手勢(shì)等自然交互方式更加普及

自然交互方式的普及標(biāo)志著人機(jī)交互領(lǐng)域的一大進(jìn)步。這些交互方式模仿人類的自然行為,使得與技術(shù)的互動(dòng)變得更加直觀和無縫。

語音識(shí)別技術(shù)的進(jìn)步使得用戶可以通過簡單的口頭指令來控制設(shè)備,而無需觸摸屏幕或按鈕。眼動(dòng)追蹤技術(shù)允許用戶通過注視來選擇選項(xiàng)或?qū)Ш浇缑?,這對(duì)于行動(dòng)不便的用戶尤其有用。

手勢(shì)識(shí)別技術(shù)則通過捕捉用戶的肢體動(dòng)作來執(zhí)行命令,為用戶提供了一種全新的非接觸式交互方式。隨著這些技術(shù)的成熟和普及,人機(jī)交互將變得更加自然和直觀,減少用戶的認(rèn)知負(fù)擔(dān),提高交互的效率和愉悅感。

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

Vision Pro(來自Apple)

對(duì)于設(shè)計(jì)師來說,需要對(duì)語音交互基礎(chǔ)規(guī)范、VR/AR 基礎(chǔ)交互規(guī)范等非常熟悉,未來的設(shè)計(jì)一定會(huì)是多模態(tài)的。

3. 多設(shè)備協(xié)同交互

隨著智能設(shè)備的普及,我們正步入一個(gè)多設(shè)備協(xié)同交互的新時(shí)代。在這個(gè)新時(shí)代中,手機(jī)、電腦、電視、智能手表、智能家居等設(shè)備不再是孤立的個(gè)體,而是通過先進(jìn)的技術(shù)相互連接和協(xié)同工作,形成一個(gè)無縫的智能生態(tài)系統(tǒng)。這種協(xié)同不僅提高了效率,也極大地豐富了用戶的交互體驗(yàn)。

多設(shè)備協(xié)同意味著數(shù)據(jù)的共享,用戶的個(gè)人偏好、設(shè)置和應(yīng)用狀態(tài)可以在所有設(shè)備間同步,使得個(gè)性化體驗(yàn)得以跨設(shè)備延續(xù);另外用戶可以在不同設(shè)備間無縫切換,例如,在手機(jī)上編輯的文檔可以在電腦上繼續(xù)編輯,無需手動(dòng)傳輸文件。這種連續(xù)性體驗(yàn)讓用戶的工作和娛樂更加流暢;在多設(shè)備協(xié)同的環(huán)境中,用戶可以根據(jù)當(dāng)前的場景和需求選擇最合適的設(shè)備來完成任務(wù)。例如,在家中可以通過電視大屏享受視頻內(nèi)容,而在外出時(shí)則可以通過手機(jī)繼續(xù)觀看。

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

圖:豐富的多終端設(shè)備(來自華為)

在這種情況下,設(shè)計(jì)師需要對(duì)各個(gè)終端的特性、場景、用戶特點(diǎn)非常熟悉,才能做出真正符合用戶需求且流暢的交互體驗(yàn)。

4. 包容性設(shè)計(jì)

包容性設(shè)計(jì)(Inclusive Design)是一種以用戶為中心的設(shè)計(jì)哲學(xué),它強(qiáng)調(diào)為所有人設(shè)計(jì)產(chǎn)品和服務(wù),無論他們的年齡、能力、文化背景或其他差異。這種設(shè)計(jì)方法不僅關(guān)注主流用戶群體,還特別考慮到邊緣用戶的需求,如老年人、殘疾人等。

通過包容性設(shè)計(jì),技術(shù)變得更加易于訪問和使用,確保每個(gè)人都能享受到技術(shù)帶來的便利。例如,通過提供可調(diào)整的字體大小、高對(duì)比度模式和語音控制功能,應(yīng)用程序可以為視力不佳或運(yùn)動(dòng)障礙的用戶提供更好的體驗(yàn)。包容性設(shè)計(jì)不僅是一種道德責(zé)任,也是商業(yè)上的必要,因?yàn)樗鼣U(kuò)大了潛在用戶的基礎(chǔ),并提高了產(chǎn)品的市場競爭力。

隨著社會(huì)的進(jìn)步,政府與民眾將對(duì)這一塊越來越重視,包容性設(shè)計(jì)的知識(shí)與技能將成為所有設(shè)計(jì)師的基礎(chǔ)能力。

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

圖:支付寶長輩模式

5. 意念交互的進(jìn)一步發(fā)展

腦機(jī)接口(BCI)技術(shù)是人機(jī)交互領(lǐng)域的一個(gè)前沿領(lǐng)域,它允許用戶通過腦電波直接與計(jì)算機(jī)或其他設(shè)備通信。這種技術(shù)的發(fā)展預(yù)示著意念交互的可能性,即用戶可以僅憑思考來控制設(shè)備。

BCI 技術(shù)在醫(yī)療領(lǐng)域已經(jīng)展現(xiàn)出巨大的潛力。2024 年初,馬斯克的腦機(jī)接口公司 Neuralink 首次公開展示了第一位接受腦機(jī)芯片植入的人體試驗(yàn)對(duì)象。在直播中,我們看到 29 歲的諾蘭·阿博夫僅憑意念就能在電腦上移動(dòng)光標(biāo)下國際象棋(下圖)。

萬字干貨!5大章節(jié)全面解析交互設(shè)計(jì)

用意念下國際象棋(來自Neuralink線上直播)

隨著技術(shù)的進(jìn)一步發(fā)展,BCI 可能會(huì)被應(yīng)用于更廣泛的領(lǐng)域,包括游戲、教育和日常工作。意念交互的實(shí)現(xiàn)將極大地?cái)U(kuò)展人機(jī)交互的邊界,為用戶提供前所未有的控制和交互體驗(yàn)。想象一下,只需要頭腦中的想象就可以操控任何設(shè)備,那得有多酷~

作者:覺之設(shè)計(jì)

想了解更多網(wǎng)站技術(shù)的內(nèi)容,請(qǐng)?jiān)L問:網(wǎng)站技術(shù)

本文來源:http://www.ytny.net.cn/seodongtai/20339.html

免責(zé)聲明:部分文章信息來源于網(wǎng)絡(luò)以及網(wǎng)友投稿,本網(wǎng)站只負(fù)責(zé)對(duì)文章進(jìn)行整理、排版、編輯,是出于傳遞更多信息之目的,并不意味著贊同其觀點(diǎn)或證實(shí)其內(nèi)容的真實(shí)性,不承擔(dān)任何法律責(zé)任。