交互設(shè)計(jì)入門

交互設(shè)計(jì)入門了解交互設(shè)計(jì)201*-03-1420:56推薦:P迪瀏覽:427views我要評(píng)論(1條)字號(hào):大中小分享到：8摘要:為什么會(huì)有交互設(shè)計(jì),交互設(shè)計(jì)能夠做什么?1.成功的互聯(lián)網(wǎng)產(chǎn)品具備哪些要素？①當(dāng)你的Boss需要做個(gè)產(chǎn)品時(shí)，它首先必須是可實(shí)現(xiàn)的，這也是為什么核心程序員架構(gòu)師的待遇普遍較高的原因，因?yàn)樗麄兪巧�產(chǎn)力。那么成功的產(chǎn)品首先要具備可實(shí)現(xiàn)模型。②產(chǎn)品...為什么會(huì)有交互設(shè)計(jì),交互設(shè)計(jì)能夠做什么?1.成功的互聯(lián)網(wǎng)產(chǎn)品具備哪些要素？

①當(dāng)你的Boss需要做個(gè)產(chǎn)品時(shí)，它首先必須是可實(shí)現(xiàn)的，這也是為什么核心程序員架構(gòu)師的待遇普遍較高的原因，因?yàn)樗麄兪巧�產(chǎn)力。那么成功的產(chǎn)品首先要具備可實(shí)現(xiàn)模型。

②產(chǎn)品做出來干什么？“方便用戶，讓用戶玩的爽？”當(dāng)然不是，產(chǎn)品的終極目標(biāo)是盈利，你的領(lǐng)導(dǎo)也只關(guān)心這個(gè)。怎么才能盈利，而且是可持續(xù)的盈利。這需要具備第二個(gè)要素業(yè)務(wù)模型。

③有了實(shí)現(xiàn)模型和業(yè)務(wù)模型產(chǎn)品就成功了嗎？以前是，但如今時(shí)代不同了，大多數(shù)的應(yīng)用已經(jīng)不存在技術(shù)難題，在這個(gè)企業(yè)不缺系統(tǒng)，互聯(lián)網(wǎng)不缺產(chǎn)品而用戶不懂技術(shù)的時(shí)刻，你靠什么贏得用戶？強(qiáng)大的運(yùn)營隊(duì)伍也只能推動(dòng)一個(gè)峰值，最根本的還是需要產(chǎn)品的第三個(gè)要素使用者模型，使用者模型像水一樣，可以成就一個(gè)產(chǎn)品，讓產(chǎn)品走的更遠(yuǎn)，也可以毀掉一個(gè)優(yōu)秀業(yè)務(wù)模型的產(chǎn)品。

2.怎么去完善使用者模型？

①我們先看看傳統(tǒng)的開發(fā)流程：立項(xiàng)→編程→測試→美化

這樣的做出來的產(chǎn)品大都數(shù)偏向程序員思維的實(shí)現(xiàn)模型或營銷策劃的業(yè)務(wù)模型，設(shè)計(jì)也就是加點(diǎn)圖標(biāo)上些顏色（舉個(gè)例子：環(huán)球資源，大家可以點(diǎn)開下眼界），基本上不存在用戶模型的概念。

②為了完善用戶模型的問題，現(xiàn)在絕大都數(shù)公司的開發(fā)流程做出了改進(jìn)，基本上基于這樣的流程：立項(xiàng)→需求分析→設(shè)計(jì)→編程→測試

這樣的流程提高了對(duì)需求分析人員和設(shè)計(jì)師的能力要求，這樣的組合必須在實(shí)現(xiàn)模型的前提下將業(yè)務(wù)模型和使用者模型進(jìn)行一個(gè)高度融合。那么問題來了：

假設(shè)設(shè)計(jì)師只具備視覺設(shè)計(jì)能力大都數(shù)從事互聯(lián)網(wǎng)產(chǎn)品界面設(shè)計(jì)的都是美術(shù)類出身，對(duì)業(yè)務(wù)的理解程度都要弱于表現(xiàn)需求，基本上是基于產(chǎn)品人員的線框圖制作視覺稿，根本無法推動(dòng)頁面結(jié)構(gòu)的優(yōu)化。那么出來的成品還是偏向于業(yè)務(wù)需求。遇到綜合型的產(chǎn)品經(jīng)理還好，遇到業(yè)務(wù)性的產(chǎn)品經(jīng)理就只能讓蠢事繼續(xù)下去了。舉個(gè)例子：一些轉(zhuǎn)化率低，跳出率高的頁面，產(chǎn)品經(jīng)理會(huì)覺得主要原因是設(shè)計(jì)稿氣氛不夠，按鈕不夠大。而真正的原因是因?yàn)樵O(shè)計(jì)師基于他的線框制作的視覺稿，目標(biāo)導(dǎo)向和行為召喚都不夠。

假設(shè)設(shè)計(jì)師具備產(chǎn)品策劃和視覺表現(xiàn)能力

這樣的設(shè)計(jì)師也大量的存在，但發(fā)現(xiàn)與產(chǎn)品的溝通上效率很低，會(huì)出現(xiàn)以下的問題：1.溝通困難;2.修改成本高；3.無法估算完成時(shí)間；4.無法說服對(duì)方；5.項(xiàng)目時(shí)間不允許。

3.解決方案UCD理念

為了解決上述問題，UCD的理念開始逐步被大家接受和認(rèn)可，其中最具有驅(qū)動(dòng)方案的職位交互設(shè)計(jì)就是順著這樣的大環(huán)境被獨(dú)立出來。我們可以了解一下各大互聯(lián)網(wǎng)公司UED的主要組織結(jié)構(gòu)：

相比之前的流程，多出了用戶研究和交互設(shè)計(jì)的職位，而這兩個(gè)職位對(duì)產(chǎn)品概念到實(shí)現(xiàn)的過程起著主要的驅(qū)動(dòng)作用。

4.交互設(shè)計(jì)如何開展和融入開發(fā)流程

我們先來梳理一下之前流程上遇到的兩個(gè)問題：1.使用者模型不完善；2.溝通障礙使用者模型不完善；如何改善使用者模型，需要經(jīng)歷兩個(gè)過程：①業(yè)務(wù)模型框架化

在產(chǎn)品的概念階段時(shí)期，交互設(shè)計(jì)師需要基關(guān)注用戶界面和整體結(jié)構(gòu)，這個(gè)過程被稱作“框架設(shè)計(jì)”,框架設(shè)計(jì)就是一種基于用戶目標(biāo)的導(dǎo)航架構(gòu)和流程設(shè)計(jì)。這個(gè)階段交互的產(chǎn)出物主要有導(dǎo)航架構(gòu)圖，流程圖和低保真線框圖。

上述的產(chǎn)出物都需要和產(chǎn)品經(jīng)理反復(fù)確認(rèn)，以保證業(yè)務(wù)模型的完整。②.框架界面化在定義完功能模塊的頁面結(jié)構(gòu)和流程后，交互設(shè)計(jì)師還需要設(shè)計(jì)規(guī)劃使用者的操作，這些包括頁面元素的主次關(guān)系，小部件的處理，元素的組織，界面的引導(dǎo)等等。這個(gè)階段交互設(shè)計(jì)師需要提供原型demo:

原型demo是一個(gè)過程，主要用于具象的表達(dá)業(yè)務(wù)需求和定義界面模型，是一種目標(biāo)導(dǎo)向的設(shè)計(jì)過程。這個(gè)過程可以是多次迭代的，是提煉產(chǎn)品質(zhì)量的主要手段。有了這個(gè)過程，我們之前所講的完善使用者模型才能夠得到解決，用戶體驗(yàn)設(shè)計(jì)的理念才可以真正得到實(shí)施。

溝通障礙

在產(chǎn)品開發(fā)過程中，各個(gè)部門的合作與溝通存在著障礙，而產(chǎn)生交互職位之后，這些問題都能夠得到解決。

①產(chǎn)品與設(shè)計(jì)的溝通

在框架階段，交互設(shè)計(jì)師利用信息架構(gòu)圖和流程圖能夠?qū)�業(yè)務(wù)需求確定下來。在框架界面化階段，對(duì)于用戶的操作和界面元素也能夠用原型demo表達(dá)出來，而且修改成本低，可以快速的迭代。

②產(chǎn)品、設(shè)計(jì)與開發(fā)、測試的溝通交互設(shè)計(jì)師利用原型demo做評(píng)審測試是個(gè)非常高效的方法，這樣的方法能夠不僅能夠直觀的表達(dá)需求，而且可以提供早期的用戶測試，讓很多之前無法預(yù)見的問題及時(shí)的拋出來，原型demo是貫穿概念階段和實(shí)現(xiàn)階段的最佳表達(dá)方式，而這些都對(duì)于交互設(shè)計(jì)提出了更高的要求。

5.小結(jié)

寫了這么多內(nèi)容，主要是想說明一下為什么要有交互設(shè)計(jì)和交互設(shè)計(jì)能夠解決什么問題。如果決策者不能夠明白這些道理，UCD的方法很難開展起來；如果從業(yè)者不能夠明白這些道理，所做的工作也會(huì)是盲目和無效的。我想通過這篇文章幫助一些新手明白自己工作的任務(wù)和目的，少走些彎路。

下個(gè)章節(jié)講「交互設(shè)計(jì)的職能」，會(huì)具體到交互設(shè)計(jì)的工作是如何展開和結(jié)束…源地址：

擴(kuò)展閱讀：交互設(shè)計(jì)入門基礎(chǔ)概念

UCD：（usercentereddesign）“以用戶為中心進(jìn)行設(shè)計(jì)”：要設(shè)計(jì)者把用戶的需求置于一切需求之上。

人物角色：（personas）UCD方法中最重要的一個(gè)工具，它所使用的所有手段都是為了促進(jìn)和鞏固UCD的思路。hci：人機(jī)交互（Human-ComputerInteraction,簡寫HCI）：是一門計(jì)算機(jī)科學(xué)，主要研究關(guān)于設(shè)計(jì)、評(píng)價(jià)和實(shí)現(xiàn)供人們使用的交互計(jì)算系統(tǒng)以及有關(guān)這些現(xiàn)象進(jìn)行研究的科學(xué)。Ui：UI即UserInterface（用戶界面）的簡稱。UI設(shè)計(jì)則是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。Gui：圖形用戶界面（GraphicalUserInterface，簡稱GUI，又稱圖形用戶接口）是指采用圖形方式顯示的計(jì)算機(jī)操作用戶界面。

Miller實(shí)驗(yàn)：由于人類大腦處理信息的能力有限，它會(huì)將復(fù)雜信息劃分成塊和小的單元。根據(jù)喬治A米勒（GeorgeA.Miller）的研究，人類短期記憶一般一次只能記住5-9個(gè)事物。這一事實(shí)經(jīng)常被用來作為限制導(dǎo)航菜單選項(xiàng)到7個(gè)的論據(jù)；然而關(guān)于神奇的“7，加2或者減2”還是引起了激烈的討論。因此目前還不清楚是否7±2原則能、可能或應(yīng)該應(yīng)用到web中。米勒的研究

可用性原則是：尼爾森《十大可用性原則》：

一、狀態(tài)可見原則用戶在網(wǎng)頁上的任何操作，不論是單擊、滾動(dòng)還是按下鍵盤，頁面應(yīng)即時(shí)給出反饋。“即時(shí)”是指，頁面響應(yīng)時(shí)間小于用戶能忍受的等待時(shí)間。二、環(huán)境貼切原則

網(wǎng)頁的一切表現(xiàn)和表述，應(yīng)該盡可能貼近用戶所在的環(huán)境（年齡、學(xué)歷、文化、時(shí)代背景），而不要使用第二世界的語言三、撤銷重做原則

為了避免用戶的誤用和誤擊，網(wǎng)頁應(yīng)提供撤銷和重做功能。四、一致性原則

同一用語、功能、操作保持一致五、防錯(cuò)原則

通過網(wǎng)頁的設(shè)計(jì)、重組或特別安排，防止用戶出錯(cuò)。六、易取原則

好記性不如爛筆頭。盡可能減少用戶回憶負(fù)擔(dān)，把需要記憶的內(nèi)容擺上臺(tái)面。七、靈活高效原則

中級(jí)用戶的數(shù)量遠(yuǎn)高于初級(jí)和高級(jí)用戶數(shù)。為大多數(shù)用戶設(shè)計(jì)，不要低估，也不可輕視，保持靈活高效。八、易掃原則

互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁的動(dòng)作不是讀，不是看，而是掃。易掃，意味著突出重點(diǎn)，弱化和剔除無關(guān)信息。九、容錯(cuò)原則

幫助用戶從錯(cuò)誤中恢復(fù)，將損失降到最低。如果無法自動(dòng)挽回，則提供詳盡的說明文字和指導(dǎo)方向，而非代碼，比如404。十、人性化幫助原則

幫助性提示最好的方式是：1、無需提示；2、一次性提示；3、常駐提示；4；幫助文檔。

用戶體驗(yàn)：（UserExperience，簡稱UE）是用戶在使用產(chǎn)品過程中建立起來的純主觀感受。

三個(gè)影響用戶體驗(yàn)的因素：系統(tǒng)，用戶和使用環(huán)境

交互設(shè)計(jì)與程序設(shè)計(jì)：直接影響產(chǎn)品最終用戶的設(shè)計(jì)放在交互設(shè)計(jì)，不影響最終用戶的設(shè)計(jì)部分稱為程序設(shè)計(jì)部分。

交互設(shè)計(jì)與界面設(shè)計(jì)：界面設(shè)計(jì)只是告訴人們怎么打扮現(xiàn)有的東西，但是已經(jīng)為時(shí)過晚。用戶體驗(yàn)五要素：

1.表現(xiàn)層（Surface）

是看到的一序列網(wǎng)頁，由圖片和文字組成。

關(guān)注的是視覺設(shè)計(jì)（VisualDesign），也可以說是最終產(chǎn)品的外觀。2.框架層（Skeleton）

按鈕、表格、照片和文本區(qū)域的位置，用于優(yōu)化設(shè)計(jì)布局，以到達(dá)這些元素的最大效果和效率。

被分成3個(gè)部分，必須完成信息設(shè)計(jì)（InformationDesign）促進(jìn)理解信息表達(dá)方式；還包含界面設(shè)計(jì)（InterfaceDesign）或說是安排好讓用戶與系統(tǒng)地功能產(chǎn)生交互的界面元素；從信息空間方面講，界面就是導(dǎo)航設(shè)計(jì)（NavigationDesign）指屏幕上的一些組合，允許用戶在信息架構(gòu)中穿行。

3.結(jié)構(gòu)層（Structure）比框架層更抽象，框架是結(jié)構(gòu)的具體表達(dá)方式。結(jié)構(gòu)層是用來設(shè)計(jì)用戶如何達(dá)到某個(gè)頁面，并且在我們做完事之后能去什么地方。軟件方面，結(jié)構(gòu)層將范圍轉(zhuǎn)變成交互設(shè)計(jì)（InteractionDesign），我們可以定義系統(tǒng)如何相應(yīng)用戶請(qǐng)求。信息空間方面，結(jié)構(gòu)層則是信息架構(gòu)（InformationArchitecture）在信息空間中內(nèi)容元素的分布。4.范圍層（Scope）

確定網(wǎng)站各種特性和功能的最合適組合方式，這些特性和功能就構(gòu)成網(wǎng)站的范圍層。在軟件方面它轉(zhuǎn)化成創(chuàng)建功能規(guī)格（FunctionalSpecification），對(duì)產(chǎn)品的“功能組合”的詳細(xì)描述。信息空間方面，范圍則以內(nèi)容需求（ContentRequirement）形式表現(xiàn)，對(duì)各種內(nèi)容元素的要求的詳細(xì)描述。5.戰(zhàn)略層（Strategy）

決定范圍，包括經(jīng)營者想從網(wǎng)站得到什么；包括用戶想從網(wǎng)站得到什么。關(guān)注內(nèi)容來自企業(yè)外部的用戶需求（UserNeed）是網(wǎng)站的目標(biāo)：商業(yè)目標(biāo)或其他類型的目標(biāo)

概念設(shè)計(jì)：首先考慮什么才是對(duì)用戶有價(jià)值的。行為設(shè)計(jì)：告訴軟件的元素怎么表現(xiàn)和交流。

交互設(shè)計(jì)師首先考慮概念設(shè)計(jì)，然后考慮行為設(shè)計(jì)，最后考慮界面設(shè)計(jì)。

細(xì)分用戶群就是細(xì)分用戶目標(biāo)。描述用戶行為的方法有。建人物角色（personal）；界面設(shè)計(jì)與視覺設(shè)計(jì)的區(qū)別；好的交互設(shè)計(jì)要怎樣；找出目標(biāo)用戶，界面線框圖；

友情提示：本文中關(guān)于《交互設(shè)計(jì)入門》給出的范例僅供您參考拓展思維使用，交互設(shè)計(jì)入門：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問題，請(qǐng)聯(lián)系我們及時(shí)刪除。

《交互設(shè)計(jì)入門》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請(qǐng)保留原作者信息,謝謝!
鏈接地址：http://m.taixiivf.com/gongwen/650749.html

• 上一篇：金屬幕墻施工組織設(shè)計(jì)范本
• 下一篇：手機(jī)交互設(shè)計(jì)禁忌