交互設計的內容
發(fā)布時間:2022-01-06 09:45 [ 我要自學網原創(chuàng) ] 發(fā)布人: hh71427-2

1. 交互設計是對行為的設計


比如,吃一個蘋果,行為怎么設計?

解法:拿起蘋果 — 放到嘴里 — 吃,這就是吃蘋果的行為。

這個問題非常簡單根本不需要設計行為,人們下意識都知道怎么吃。

入門基礎!3分鐘幫新手快速了解交互設計!

現(xiàn)實生活中實際情況要比這個復雜。比如這個蘋果要兩個人分吃,那怎么來設計這個行為?

解法一:拿起蘋果 — 第一個人吃一半 — 第二個人吃完(第二個人能接受?)

解法二:拿起蘋果 — 分成兩半 — 分別給兩個人吃(這樣就合適點)

入門基礎!3分鐘幫新手快速了解交互設計!

如果問題再進一步復雜,行為設計的解法就有更多種,那就需要交互設計來研究更多行為設計的解法并找出最優(yōu)解。

在互聯(lián)網產品設計中,需要考慮的因素就更復雜,對交互設計的要求就更高。核心是這三個元素的組合:看到什么(see)、做什么(do)、完成什么任務。

看到什么(see)

操作前看到了什么信息,或者操作后看到什么信息。比如,界面里看到的功能、信息、字段、元素等。

做什么(do)

看到信息后該如何操作。比如,瀏覽商品介紹后可以點擊購買、收藏、分享等。

完成什么任務

就是經過一系列 see-do-see-do……后,完成了一個什么任務。比如,瀏覽商品 — 點擊購買 — 支付完成,就完成了買這個商品的任務。

入門基礎!3分鐘幫新手快速了解交互設計!

? see-do-see-do-完成任務

每個節(jié)點加這套流程的設計就是簡單交互設計。

比如移動端交互設計:界面原型就是每個節(jié)點,節(jié)點間的前后關系就是流程,最后完成什么任務,就是一套交互設計。

入門基礎!3分鐘幫新手快速了解交互設計!

實際業(yè)務場景中,每個節(jié)點可能都會有特殊情況,比如購買商品時沒庫存了,使用中突然沒網了等。所以節(jié)點和流程就會越來越復雜,交互設計自然更復雜。

入門基礎!3分鐘幫新手快速了解交互設計!

交互設計的價值

交互設計在互聯(lián)網產品中的價值主要分為用戶側和業(yè)務側。

1. 用戶側

用戶體驗已成為互聯(lián)網產品核心競爭力之一。

通過交互設計優(yōu)化產品可用性、易用性、愉悅性,可以帶來用戶體驗極大的提升。

提到用戶體驗,那首先繞不開用戶體驗五要素,具體可去查閱相關知識,網絡上這塊知識很多。

入門基礎!3分鐘幫新手快速了解交互設計!

交互設計在用戶體驗五要素中主要負責結構層和框架層設計(其他幾個層面,隨著交互能力的提升需要了解越深入),是產品從抽象概念到具象視覺形態(tài)的橋梁。

2. 業(yè)務側

交互設計主要體現(xiàn)三個層次業(yè)務價值: 協(xié)同價值 > 業(yè)務增值 > 設計驅動

協(xié)同價值:協(xié)同配合產品設計研發(fā)。特點是交互設計對業(yè)務目標達成沒產生突出價值。

業(yè)務增值:業(yè)務目標實現(xiàn)中起到突出價值。特點是交互設計對業(yè)務目標達成起到了突出貢獻。

設計驅動:設計策略指導戰(zhàn)略制定。特點是設計對業(yè)務目標達成起到決定作用。

這三個層面對交互設計師復合能力要求越高,大部分交互設計師的都處在第一或第二個層面,希望能看到更多設計師能達到設計驅動層面,共勉。

交互設計現(xiàn)狀

1. 需求越來越大

在互聯(lián)網+的浪潮下,各行各業(yè)都在加速擁抱互聯(lián)網進行融合、轉型、創(chuàng)新。從早期資訊互聯(lián)網、消費互聯(lián)網等,到現(xiàn)在產業(yè)互聯(lián)網。

互聯(lián)網影響的行業(yè)越來越廣,創(chuàng)造的互聯(lián)網產品越來越多,想產品用戶體驗競爭力越強,所需要的交互設計也越多。

2. 要求越來越高

互聯(lián)網從早期藍海到現(xiàn)在基本處于紅海,競爭越來越激烈,產品競爭從早期拼長處,到現(xiàn)在比短處,要求產品的每個環(huán)節(jié)都得強才能在競爭中立于不敗之地。

這就倒逼產品的用戶體驗足夠好,交互設計作為影響用戶體驗的重要一環(huán),自然要求交互質量足夠好。

3. 崗位化和技能化

交互設計在產品設計研發(fā)過程中被高頻提起,目前交互設計主要分為兩種方式在互聯(lián)網團隊中。

一是,交互設計崗位化,在中大型團隊中設立交互設計師崗位,聚焦交互設計,上游對接產品經理,下游對接 UI 設計師,好處是提升產品交互設計質量,減少下游因為交互問題的高成本返稿提升效率。

二是,交互設計技能化,交互設計被分給產品經理或 UI 設計師,需要產品經理或 UI 設計師輸出交互稿,或者這兩個角色一起共創(chuàng)交互設計。尤其當下互聯(lián)網行業(yè)崗位競爭激烈,UI 設計師和產品經理復合型發(fā)展具備交互技能的越來越多。

交互設計歷史

此節(jié)比較難啃,這節(jié)花了很多時間整理,也糾正了一些自己錯誤的認知。

人與人、物與物、人與物都存在交互行為。

“人與人”比如你在路上巧遇一個老友,你會喊住老友“喲,這么巧”并“招手”,老友回“喲,這么巧”并“微笑”,這樣通過語言、手勢或表情的相互行為就是交互,但這主要是社會學領域暫不討論,本次主要聊人與物的交互。

1. 交互由來

石器時代,人使用石斧等石器,都和“物”產生了交互行為。石斧的大小、木頭的長短、捆綁的方式、手握的方式都可以納入交互設計的范疇。這時候人類還處在生存需求階段,對工具核心訴求是“可用”。隨著人類社會的進步,人類可以交互的“物”從簡單的工具到復雜的機器。

工業(yè)時代,工業(yè)革命新技術極大的提升了社會生產力,標準化、同質化產品源源不斷的滿足人類需求。豐富的產品為人們提供了更多選擇的可能性,“可用”不再是是人類選擇產品的唯一考量,產品好不好用,也就是“易用”也成為了人類選擇產品的考量標準。這時候,交互設計開始作為一個獨立的流程和角色提到產品開發(fā)流程中了。

1984 年比爾·摩格理吉第一次提出“交互設計”,對產品與用戶之間的交互機制進行設計,讓用戶能夠更加簡單和輕松去使用、體驗產品,最終感受其價值。在“交互設計”這個概念被正式提出后,交互設計被越來越多公司和行業(yè)重視并加入到產品開發(fā)流程中。

2. 交互設計突飛猛進

隨著信息革命中互聯(lián)網技術的發(fā)展,人類交互的“物”越來越復雜,從傳統(tǒng)工業(yè)設計中借用的交互設計這個概念,在 2000 年之后越來越被重視,交互設計所帶來的產品易用性和用戶體驗被各大公司重視。

這個時期交互設計經歷了三個階段:命令行界面 CLI、圖形用戶界面 GUI、自然用戶界面 NUI。

3. 命令行界面 CLI

信息革命初期,個人電腦剛被發(fā)明時候,電腦沒有鼠標,人們通過鍵盤和電腦交互,用戶在命令行輸入?yún)^(qū)輸入指令后回車,電腦再根據(jù)用戶指令給出相應反饋,這種交互就要求用戶熟記各種指令,用戶記憶成本和操作成本都很高,導致易用性和用戶體驗非常差。

入門基礎!3分鐘幫新手快速了解交互設計!

4. 圖形用戶界面 GUI

1979 年冬天喬布斯的施樂-帕洛阿爾托研究中心(Xerox PARC)之行,喬布斯被施樂的圖形化用戶界面和屏幕二維定位操作輸入設備鼠標震驚,接下來將這兩項技術應用于自己的個人PC設備,這就是GUI初步被大眾使用的開端,直到今天個人PC設備,我們主要都是使用鍵盤鼠標與電腦進行交互。

入門基礎!3分鐘幫新手快速了解交互設計!

2007 年 1 月 9 日,又一次劃時代的人機交互方式改變發(fā)生在蘋果推出了首款 iPhone 時。界面、控件作為真實物理世界的投射,使用觸控方式與圖形化界面交互讓終端設備的易用性得到了極大突破。

入門基礎!3分鐘幫新手快速了解交互設計!

雖然觸控交互開啟了人機交互方式的新時代,但它并沒有完全替代鼠標交互,基于鼠標像素級別的精準定位等交互特性,在日常辦公等場景下還是處于支配地位。

通過觸控、鍵盤、鼠標點擊拖動等行為對圖形化用戶界面進行交互操作,相比 CLI 的優(yōu)點顯而易見。用戶只需通過點擊就能夠完成之前通過復雜的命令行才能夠完成的任務。但不代表就完全替代 CLI,在特定場景 CLI 交互方式還是處在支配地位,如密碼輸入、開發(fā)編程等。

5. 自然用戶界面 NUI

自然用戶界面只需要用戶通過最自然的方式(語言、表情、眼神、動作、觸摸等)和計算機進行交流,擺脫了 GUI 階段所需要的鍵盤、鼠標、界面等。

如今年來出現(xiàn)了語音交互、虛擬現(xiàn)實(AR、VR、全息投影)、生物識別(指紋、掌紋、聲紋、面部識別、虹膜、筆跡、步態(tài)等)、體感技術(識別手勢、表情、眼動追蹤、熱量、肢體動作等)、信息識別技術(圖片識別、文字識別、物品識別、語言等)等新交互方式,感興趣的同學可以研究研究。

Sketch視頻教程
我要自學網商城 ¥40 元
進入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔因您的行為而導致的法律責任,
本站有權保留或刪除有爭議評論。
參與本評論即表明您已經閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設計 室內設計 室外設計 機械設計 工業(yè)自動化 影視動畫 程序開發(fā) 網頁設計 會計課程 興趣成長 AIGC