交互設(shè)計(jì)師Web交互設(shè)計(jì)師的定義-baidubaike

交互設(shè)計(jì)師Web交互設(shè)計(jì)師的定義

秉承以用戶為中心的設(shè)計(jì)理念，應(yīng)用“以目標(biāo)為導(dǎo)向的設(shè)計(jì)”方法，進(jìn)行互聯(lián)網(wǎng)產(chǎn)品的設(shè)計(jì)。

這是關(guān)于交互設(shè)計(jì)師的一個(gè)基本定義。無(wú)論是現(xiàn)有的交互設(shè)計(jì)師或是對(duì)交互設(shè)計(jì)有興趣正打算入行的人都會(huì)考慮這個(gè)問(wèn)題�！暗降捉换ピO(shè)計(jì)師是干什么的？”“怎么干？”“是因?yàn)槲以诰W(wǎng)頁(yè)設(shè)計(jì)方面有經(jīng)驗(yàn)有能力于是就能當(dāng)交互設(shè)計(jì)師了嗎？”交互設(shè)計(jì)師首先需要認(rèn)同“以用戶為中心”的設(shè)計(jì)理念。有了為用戶著想的觀念，接下來(lái)就是方法，怎么設(shè)計(jì)才能很好的為用戶服務(wù)？在我看來(lái)，目前實(shí)現(xiàn)UCD最有效的方法就是Alancooper提出的“以目標(biāo)為導(dǎo)向的設(shè)計(jì)”方案。實(shí)際上“交互設(shè)計(jì)”這個(gè)名詞也是他提出來(lái)的。交互設(shè)計(jì)師的特點(diǎn)

交互設(shè)計(jì)師善于表達(dá)，以網(wǎng)頁(yè)語(yǔ)言表達(dá)，以網(wǎng)頁(yè)語(yǔ)言表達(dá)產(chǎn)品要告訴用戶的信息，要顯示給用戶的操作功能。

所以，凡是涉及到表達(dá)、傳達(dá)的問(wèn)題，都可以找交互設(shè)計(jì)師來(lái)做，也應(yīng)該由交互設(shè)計(jì)師來(lái)做。

產(chǎn)品經(jīng)理考慮要做個(gè)什么產(chǎn)品才有價(jià)值，交互設(shè)計(jì)師考慮怎么把這個(gè)想法最有效的轉(zhuǎn)化成一系列的界面展現(xiàn)給用戶。除了展現(xiàn)，還有和用戶的交互。這個(gè)展現(xiàn)、交互的過(guò)程就需要一定的表達(dá)能力。這種表達(dá)能力并不是我們平時(shí)所特指的口頭表達(dá)，而是使用網(wǎng)頁(yè)語(yǔ)言表達(dá)。我們經(jīng)常會(huì)討論一個(gè)按鈕的位置，討論某個(gè)狀態(tài)下光標(biāo)的樣式，聲討應(yīng)該寫成“登錄”而非“登陸”。這些都是網(wǎng)頁(yè)語(yǔ)言表達(dá)。有些時(shí)候，有些交互設(shè)計(jì)師會(huì)問(wèn)，“網(wǎng)頁(yè)上的文字要我來(lái)寫嗎？產(chǎn)品經(jīng)理比我了解的更清楚，他（她）們寫吧？”如果說(shuō)交互設(shè)計(jì)師的應(yīng)該具備“善于表達(dá)”的特點(diǎn)，那么，網(wǎng)頁(yè)上的文字就應(yīng)該由交互設(shè)計(jì)師來(lái)編寫，雖然產(chǎn)品經(jīng)理更了解產(chǎn)品，但是產(chǎn)品經(jīng)理并不是最懂得如何想用戶表達(dá)的人，交互設(shè)計(jì)師是。我們會(huì)討論“你”還是“我”這樣的稱謂問(wèn)題，會(huì)注意不要在頁(yè)面上出現(xiàn)“用戶”這樣的字眼，這些都是文字表達(dá)的問(wèn)題。對(duì)交互設(shè)計(jì)師的要求

文字表達(dá)能力：寫郵件，寫blog，寫各種東西。如前所述，文字表達(dá)是頁(yè)面表達(dá)的一部分，具備一定的文字表達(dá)能力是必要的。

語(yǔ)言表達(dá)能力：多說(shuō)，開(kāi)會(huì)的時(shí)候要發(fā)言，一對(duì)一的討論要花心思。較好的語(yǔ)言表達(dá)能力是與同事溝通的必要素質(zhì)，更為重要的是，語(yǔ)言表達(dá)能力是表達(dá)能力的一種體現(xiàn)。如果面對(duì)面，一對(duì)一的交流都有困難，怎么能保證用頁(yè)面間接的跟用戶交流能交流清楚呢。

(省略掉兩個(gè)關(guān)于內(nèi)部工作方法的話題)web交互設(shè)計(jì)師的工作內(nèi)容

內(nèi)容包括：對(duì)產(chǎn)品進(jìn)行行為設(shè)計(jì)和界面設(shè)計(jì)。行為設(shè)計(jì)是指各種用戶操作后的效果設(shè)計(jì)。Web的操作以點(diǎn)擊為主。點(diǎn)擊操作又可以分為“表單提交”類和“跳轉(zhuǎn)鏈接”類兩種。除點(diǎn)擊外，還涉及到拖拽操作等。界面設(shè)計(jì)包括：頁(yè)面布局、內(nèi)容展示等眾多界面展現(xiàn)。例如：使用按鈕還是使用圖標(biāo)？字號(hào)大小的應(yīng)用，如何使用tab..之所以特意提出這樣一個(gè)話題，是為了強(qiáng)調(diào)除了“界面設(shè)計(jì)”，還需要“行為設(shè)計(jì)”。交互設(shè)計(jì)在被認(rèn)識(shí)的過(guò)程中會(huì)有很多誤區(qū)，常見(jiàn)的是把交互設(shè)計(jì)理解為一種專業(yè)的、高級(jí)的界面設(shè)計(jì)。一個(gè)產(chǎn)品不好用很多時(shí)候是因?yàn)榱鞒躺嫌袉?wèn)題，頁(yè)面表現(xiàn)的挺合理，但是，點(diǎn)擊了一下之后，就會(huì)發(fā)現(xiàn)“走不下去了”。流程是一系列的操作，也需要設(shè)計(jì)。如何進(jìn)行一個(gè)產(chǎn)品的交互設(shè)計(jì)?第一步.信息構(gòu)架設(shè)計(jì)

深入理解產(chǎn)品的目標(biāo)、功能需求。將這些目標(biāo)、需求轉(zhuǎn)化為界面表現(xiàn)。把內(nèi)容合理的歸類整理為若干的界面。信息構(gòu)架的設(shè)計(jì)意味著對(duì)導(dǎo)航的設(shè)計(jì)。“導(dǎo)航欄共有幾級(jí)？每級(jí)幾項(xiàng)？”這些問(wèn)題將隨著信息構(gòu)架的設(shè)計(jì)而確定。信息構(gòu)架設(shè)計(jì)的要求：1.符合用戶心理模型

2.盡量保持窄而淺的信息樹(shù)這一步工作需要和產(chǎn)品經(jīng)理充分的交流。第二步.界面細(xì)節(jié)設(shè)計(jì)

在整體信息構(gòu)架確定的基礎(chǔ)上，對(duì)界面上的細(xì)節(jié)進(jìn)行推敲。界面細(xì)節(jié)設(shè)計(jì)的要求：1.符合web可用性標(biāo)準(zhǔn)

2.符合圖形用戶界面的基本準(zhǔn)則

3.符合現(xiàn)有互聯(lián)網(wǎng)上業(yè)已形成的設(shè)計(jì)習(xí)慣

4.符合大多數(shù)互聯(lián)網(wǎng)用戶使用電腦的習(xí)慣（目前只想到這幾條）這些細(xì)節(jié)設(shè)計(jì)更像是交互設(shè)計(jì)的專業(yè)，通常其他職位的人不會(huì)染指。顯然這些工作是很有價(jià)值的，但是創(chuàng)造性并不大，價(jià)值也不很大。隨著互聯(lián)網(wǎng)這個(gè)行業(yè)的成熟，細(xì)節(jié)上的表現(xiàn)會(huì)更統(tǒng)一、更規(guī)范。也許今天我們今天激烈爭(zhēng)論的問(wèn)題，幾年后已經(jīng)很成型了，不需要再爭(zhēng)論了。相比之下，信息構(gòu)架的設(shè)計(jì)更具有創(chuàng)造性，自由度更大。

5年前，RobertReimann為Cooper通訊（theCooperNewsletter）寫了第一篇題為《如果你想成為一名交互設(shè)計(jì)師》的文章。和許多人一樣，我讀后大受啟發(fā)：那正是我理想的職業(yè)。聽(tīng)從Reimann的建議，我接受培訓(xùn)，成了一名交互設(shè)計(jì)師�，F(xiàn)在，因?yàn)槲业臅�的緣故，我發(fā)現(xiàn)人們開(kāi)始問(wèn)我同樣的問(wèn)題：如何成為一名交互設(shè)計(jì)師？成為一名交互設(shè)計(jì)師意味著什么？每天究竟要做哪些工作？Reimann的佳作依然值得借鑒，在此基礎(chǔ)上我再補(bǔ)充些我自己的看法。最近五年的交互設(shè)計(jì)

在Reimann寫下《如果你想成為一名交互設(shè)計(jì)師》之后的5年中，交互設(shè)計(jì)領(lǐng)域發(fā)生了許多變化。網(wǎng)絡(luò)泡沫導(dǎo)致不少設(shè)計(jì)師紛紛離開(kāi)這個(gè)領(lǐng)域。但是網(wǎng)絡(luò)新近的復(fù)蘇又使新的從業(yè)者加入進(jìn)來(lái)。為了促進(jìn)業(yè)內(nèi)知識(shí)的累積，交互設(shè)計(jì)師們成立了一個(gè)新的團(tuán)體：交互設(shè)計(jì)協(xié)會(huì)（Reimann為首屆主席）。此外，繼軟件、互聯(lián)網(wǎng)等“傳統(tǒng)”業(yè)務(wù)之后，交互設(shè)計(jì)開(kāi)始進(jìn)入一些新的領(lǐng)域，包括手機(jī)，醫(yī)療設(shè)備，金融，娛樂(lè)與零售服務(wù)等。而傳統(tǒng)領(lǐng)域也在發(fā)生變化：互聯(lián)網(wǎng)已成為應(yīng)用軟件設(shè)計(jì)的平臺(tái)，即便是那些無(wú)需在線編程和運(yùn)行的軟件，也日漸成為“在線工作”與“下線工作”的混合體。就連操作系統(tǒng)也在逐步擺脫25年前賴以建構(gòu)的桌面隱喻的束縛。一切都顯得那么自然，有如探囊取物使交互設(shè)計(jì)師在今天成為一份理想的職業(yè)。交互設(shè)計(jì)師的一天

根據(jù)時(shí)間和項(xiàng)目的不同，交互設(shè)計(jì)師的日常工作包括：客戶訪談，現(xiàn)場(chǎng)研究，頭腦風(fēng)暴，撰寫文檔，制作原型以及產(chǎn)品測(cè)試。具體工作取決于項(xiàng)目進(jìn)程。除了埋頭撰寫文檔的日子（如框架構(gòu)建），每一天都會(huì)有所不同。不錯(cuò)，依然有很多EEMP：寫郵件（Email），收郵件（Email），會(huì)議（meeting）和報(bào)告（presentation）。但其間也不乏令人興奮的時(shí)刻。

交互設(shè)計(jì)師受聘同創(chuàng)意打交道使抽象的想法付諸現(xiàn)實(shí)。很少有工作能夠這般精彩。你可以通過(guò)頭腦風(fēng)暴，想象前所未有的事物，然后建造出來(lái)。還可以塑造行為，使世界變得更加有趣美好。你將用彩筆在白板和“隨意貼”上描繪自己的創(chuàng)意，幫助人們解決問(wèn)題。如果你足夠出色，還有機(jī)會(huì)同那些擁有先進(jìn)科技及巨大影響力的公司合作，讓世界因你而不同。要實(shí)現(xiàn)上述夢(mèng)想，你必須具備3個(gè)條件：氣質(zhì)、培訓(xùn)和經(jīng)驗(yàn)。氣質(zhì)

Reimann對(duì)于氣質(zhì)價(jià)值的論述依舊準(zhǔn)確。對(duì)于用戶的“同情共感”與學(xué)習(xí)新事物的能力是任何設(shè)計(jì)師都不可或缺的兩大特質(zhì)。也是該職業(yè)必備的基石。這并不意味著你需要成為“擅于交際的人物”（當(dāng)然這樣更好）。但確實(shí)意味著你應(yīng)當(dāng)對(duì)人類感興趣，包括人的行為與局限性。你至少理論上要關(guān)注人與社會(huì)環(huán)境。一名優(yōu)秀的交互設(shè)計(jì)師需要學(xué)會(huì)設(shè)身處地為用戶著想，而不是把自己想象成用戶，或者把用戶看作與自己類似的人。你們很可能截然不同。在MBTI人格測(cè)驗(yàn)中（Myers-Briggspersonalityscale），擁有“直覺(jué)型”人格（“N”：intuitive）同樣十分關(guān)鍵。能夠憑借直覺(jué)進(jìn)行跳躍性思維對(duì)設(shè)計(jì)師而言至關(guān)重要。因?yàn)槟悴豢赡苡肋h(yuǎn)看清問(wèn)題全局，接觸每一個(gè)用戶，對(duì)項(xiàng)目了然于胸。你不得不猜測(cè)與假設(shè)這時(shí)你需要直覺(jué)。培訓(xùn)

如果你認(rèn)為自己的氣質(zhì)適合這樣的工作，下一步就需要學(xué)習(xí)一些基礎(chǔ)知識(shí)。選擇好的入門書，如：《軟件觀念革命-交互設(shè)計(jì)精髓》（AboutFace2.0），《DesigningInterfaces》與《UniversalPrinciplesofDesign》。還需要了解你的工作介質(zhì)，比如互聯(lián)網(wǎng)，移動(dòng)通訊和軟件系統(tǒng)。你不必成為一名程序員，但需要了解每種介質(zhì)技術(shù)上的可行性。工業(yè)設(shè)計(jì)準(zhǔn)則與良好的溝通技巧也很有幫助。

與有經(jīng)驗(yàn)的設(shè)計(jì)師共處，無(wú)論是在工作中，還是通過(guò)非正式的聚會(huì)、會(huì)議或者在線交流（比如交互設(shè)計(jì)協(xié)會(huì)（IxDA）的郵件討論）同樣受益匪淺（我在這里提到的很多問(wèn)題都曾在那里討論過(guò)）。那些信手拈來(lái)的知識(shí)，觀點(diǎn)與方法都是設(shè)計(jì)文化的一部分。少說(shuō)話，用心聽(tīng)�？焖倥嘤�(xùn)的途徑之一即在校學(xué)習(xí)（盡管過(guò)程緊湊，學(xué)費(fèi)高昂）。我現(xiàn)在首推三所學(xué)校：卡耐基－梅隆大學(xué)（CarnegieMellon）、伊利諾斯州立大學(xué)的設(shè)計(jì)學(xué)院（InstituteofDesign）和英國(guó)皇家設(shè)計(jì)學(xué)院（RoyalCollegeofArt）。遺憾的是，上述學(xué)校提供的都是面向研究生的課程。我還不知道任何本科階段的交互設(shè)計(jì)專業(yè)。不過(guò)相信未來(lái)幾年將會(huì)出現(xiàn)。沒(méi)有交互設(shè)計(jì)的本科專業(yè)，大學(xué)階段該如何準(zhǔn)備呢？我的建議如下：進(jìn)入一所好的設(shè)計(jì)院校學(xué)習(xí)工業(yè)設(shè)計(jì)或傳媒設(shè)計(jì)（你都能學(xué)到有用的技能），或者關(guān)注設(shè)計(jì)以外的任意領(lǐng)域。人文學(xué)科、人類學(xué)、文學(xué)、心理學(xué)、社會(huì)學(xué)、戲劇、政治、文化研究都有助于你成為一名更加豐富的設(shè)計(jì)師。經(jīng)驗(yàn)

培訓(xùn)與知識(shí)儲(chǔ)備，這些還遠(yuǎn)遠(yuǎn)不夠。即便作為一名交互設(shè)計(jì)讀物的作者，我依然認(rèn)為書本只能為你提供從業(yè)背景，只有設(shè)計(jì)本身才能讓你成長(zhǎng)為一名交互設(shè)計(jì)師。設(shè)計(jì)經(jīng)驗(yàn)從何而來(lái)呢？主要有兩個(gè)方法：一所好的學(xué)校能讓你接觸到現(xiàn)實(shí)課題（關(guān)于商務(wù)、技術(shù)以及用戶限制）；你也可以提供專業(yè)設(shè)計(jì)或免費(fèi)為別人設(shè)計(jì)（后者非無(wú)路可走請(qǐng)慎用）。

郵件討論，本地團(tuán)體與人才市場(chǎng)是著手找工作的首選。多數(shù)工作是通過(guò)口頭推薦找來(lái)的，因此同其他設(shè)計(jì)者的聯(lián)系也能有所幫助。自我展示

盡管Cooper，Google那樣的公司會(huì)在求職過(guò)程中或讓你完成一系列的測(cè)試，所有的公司都要求作品展示（portfolio）。準(zhǔn)確地說(shuō)你要準(zhǔn)備兩類作品：一份在線，一份書面。在線作品集應(yīng)當(dāng)提供作品綜述，可以包含一些樣本文件。書面作品集（面試攜帶）則是對(duì)作品更加深刻的展現(xiàn)，以便你論述項(xiàng)目問(wèn)題與解決過(guò)程。不要光介紹成果，工作過(guò)程也很重要。

沒(méi)有作品怎么辦？找找看。這個(gè)世界充滿有待解決的問(wèn)題，設(shè)計(jì)一個(gè)解決方案。為什么要做交互設(shè)計(jì)師？

因?yàn)檫@樣你就能改變世界。不錯(cuò)，我們貌似只是在修補(bǔ)按鈕、下拉菜單、儀表什么的，但真正的工作卻是改變這個(gè)世界，一點(diǎn)一滴讓它更加人性。我們幫助人們完成日常工作，無(wú)論是游戲，救生還是轉(zhuǎn)賬。我們將自己的價(jià)值注入這個(gè)世界，讓事物變得有用，易用，愉快，健康。這樣的工作真不賴。--------------------------------------------------------------------------------

DanSaffer是AdaptivePath的高級(jí)交互設(shè)計(jì)師。在電子商務(wù)，應(yīng)用軟件，硬件等領(lǐng)域表現(xiàn)出色。曾與LucentTechnologies，WarnerBro，MAYAViz等多家公司合作。高級(jí)交互設(shè)計(jì)師職位描述：

1.對(duì)交互設(shè)計(jì)過(guò)程有深入的了解，可以獨(dú)立完成整個(gè)設(shè)計(jì)過(guò)程（交互流程、角色模型等等交互設(shè)計(jì)方法能熟練應(yīng)用）；

2.開(kāi)發(fā)產(chǎn)品原型，配合進(jìn)行用戶測(cè)試及分析。

3.協(xié)助產(chǎn)品開(kāi)發(fā)人員和界面/視覺(jué)設(shè)計(jì)師進(jìn)行詳細(xì)設(shè)計(jì)和產(chǎn)品實(shí)現(xiàn)。任職資格：

1.交互設(shè)計(jì)/工業(yè)設(shè)計(jì)/人因工程/工業(yè)心理學(xué)等相關(guān)專業(yè)本科（含）以上學(xué)歷，2.IT交互設(shè)計(jì)從業(yè)經(jīng)驗(yàn)兩年以上，具有較多的實(shí)際產(chǎn)品經(jīng)驗(yàn)者優(yōu)先。如果您健康積極有朝氣，對(duì)互聯(lián)網(wǎng)行業(yè)充滿興趣與激情，渴望成功如果您具有創(chuàng)新意識(shí)和高度的責(zé)任心，具有較強(qiáng)的適應(yīng)能力如果您具備較好的專業(yè)素養(yǎng)和職業(yè)修養(yǎng)，善于溝通協(xié)作[編輯本段]交互設(shè)計(jì)師的發(fā)展前景隨著網(wǎng)絡(luò)和新技術(shù)的發(fā)展，各種新產(chǎn)品和交互方式越來(lái)越多，人們也越來(lái)越重視交互的體驗(yàn)，許多公司、網(wǎng)站、新興的行業(yè)都開(kāi)始注意到交互設(shè)計(jì)在品牌的創(chuàng)建、客戶回頭率、客戶滿意度等方面影響很大，因此交互設(shè)計(jì)師也越來(lái)越受到重視。待積累經(jīng)驗(yàn)后可發(fā)展為項(xiàng)目經(jīng)理等管理。其一般月薪為3000-10000元，。作為一個(gè)交互設(shè)計(jì)師，必須要對(duì)用戶體驗(yàn)方面的理論有較深的理解和認(rèn)識(shí)，有一定視覺(jué)設(shè)計(jì)和XHTML/CSS等相關(guān)崗位的技術(shù)和技能，熟悉UI設(shè)計(jì)的基本規(guī)范，具有良好的創(chuàng)意設(shè)計(jì)能力，；shuian運(yùn)用Photoshop和Dreamweaver等設(shè)計(jì)工具，良好的客戶服務(wù)意識(shí)[1]。

擴(kuò)展閱讀：交互設(shè)計(jì)師常用的web設(shè)計(jì)模式

交互設(shè)計(jì)師常用的web設(shè)計(jì)模式

交互設(shè)計(jì)師在設(shè)計(jì)線框圖原型時(shí)，熟知常見(jiàn)的web設(shè)計(jì)模式很有幫助，做到“心中有數(shù)”才能創(chuàng)造出符合需求，用戶易學(xué)易用的界面來(lái)。所謂“沒(méi)有必要重復(fù)發(fā)明輪子”，模式往往容易解決常見(jiàn)問(wèn)題，正確的模式能幫用戶熟悉界面、提高效率。常見(jiàn)的UI設(shè)計(jì)模式如下圖：

下面分別進(jìn)行具體分析，遇到不同需求的時(shí)候就可以選擇合適UI設(shè)計(jì)模式。01.主體/細(xì)節(jié)（Master/Detail）模式

主體/細(xì)節(jié)模式可以分為橫向和縱向兩種。如果想讓用戶在同一頁(yè)面下，引導(dǎo)他們?cè)陬惸肯赂咝У厍袚Q，這無(wú)疑是一種理想的方式。如果主體信息對(duì)于用戶來(lái)說(shuō)更重要，最好選擇橫向布局�；蚴侵黧w部分不僅條目多而且包含信息也多，那也該選擇這種橫向布局。舉例來(lái)說(shuō)：

Windows窗口屬于縱向排布

Macmail的橫向排布

0.2分欄瀏覽

分欄瀏覽也分為橫向和縱向兩種。用戶可以通過(guò)它，選擇不同的類別點(diǎn)進(jìn)并逐步引導(dǎo)用戶找到需要的信息。舉例：

Outlook采用逐級(jí)分欄的界面，用戶可以選擇進(jìn)入“收件箱”>“某封收

件”>“具體郵件內(nèi)容”

0.3搜索/結(jié)果

搜索屏幕模式對(duì)于想快速、直接看到具體結(jié)果的用戶來(lái)說(shuō)非常便捷。從很簡(jiǎn)單的到非常復(fù)雜的都有。

Gmail采用簡(jiǎn)單搜索

而對(duì)于google學(xué)術(shù)的用戶，高級(jí)搜索限定更復(fù)雜的搜索條件會(huì)提煉出用戶更期

望得到的信息。

0.4過(guò)濾數(shù)據(jù)組

分為橫向和縱向。開(kāi)始定義一些已知信息，之后通過(guò)限定條件對(duì)搜索后的結(jié)果進(jìn)行再過(guò)濾。

51job用戶在使用簡(jiǎn)單搜索輸入所需職位后，縱向布局的左邊面板提供諸如“發(fā)

布時(shí)間、薪金”等條件，進(jìn)一步優(yōu)化信息

以京東為例，多數(shù)電子商務(wù)網(wǎng)站在用戶初步模糊搜索后，提供進(jìn)一步優(yōu)化的過(guò)濾

條件。上圖中，京東采用的是橫向排列方式

0.5表單

表單類型眾多，也是最能體現(xiàn)用戶體驗(yàn)是否良好的地方。其中包含很多內(nèi)容，推薦專門介紹表單的書：《WebFormDesign:FillingintheBlanks》。

注冊(cè)信息一般使用表單

0.6調(diào)色盤/畫布

調(diào)色盤/畫布雖然不算最常見(jiàn)模式，但它對(duì)于創(chuàng)造圖形類文檔有著不可替代的優(yōu)勢(shì)：比如設(shè)計(jì)線性或非線性圖；流程圖；頁(yè)面布局；制定物理大小的設(shè)計(jì)/圖表或控制布局。

對(duì)于設(shè)計(jì)師來(lái)說(shuō)調(diào)色盤/畫布這種模式并不陌生，常用軟件，例如：Axure、ps

都是采用這種方式。

0.7儀表盤

一個(gè)設(shè)計(jì)完善的儀表盤應(yīng)提供：一目了然的關(guān)鍵信息，實(shí)時(shí)數(shù)據(jù)，易讀的圖形和操作，清晰的入口和瀏覽。理論上講，在一個(gè)屏幕下展示復(fù)雜的數(shù)據(jù)本身就很難。

之前我用水晶易表為蘇寧電器做的實(shí)時(shí)監(jiān)控各個(gè)地區(qū)門店銷售系統(tǒng)儀表盤0.8電子表格

方便用戶快速瀏覽，編輯大板塊信息的理想模式。電子表格需要提供下列功能：標(biāo)準(zhǔn)的表格（諸如分類，隱藏/顯示欄目，重列欄目，分組（如果可以）），全局撤銷/重做，增加/插入/刪除排，鍵盤導(dǎo)航，導(dǎo)入和導(dǎo)出。

淘寶購(gòu)物車選擇使用電子表格，可以讓用戶對(duì)已選商品進(jìn)行快速編輯（增加/減

少數(shù)量，刪除等）0.9向?qū)?/p>

對(duì)于復(fù)雜的或是不常見(jiàn)的流程，向?qū)?快速啟動(dòng)屏幕模式可以有效地導(dǎo)航。

京東上使用wizard快速引導(dǎo)不熟悉流程的顧客完成付款

0.10.Q&A

Q&A模式是指用戶通過(guò)選取相符條件，從而自主找到適合自己的解決方案。Q&A不同于搜索模式，它通常需要了解用戶基礎(chǔ)上，通過(guò)提問(wèn)來(lái)幫助用戶弄清他們?nèi)狈��?jīng)驗(yàn)的在哪里（比如健康保險(xiǎn)，抵押，計(jì)劃，購(gòu)買）有哪些可供的選擇或建議。

上海移動(dòng)資費(fèi)導(dǎo)購(gòu)系統(tǒng)可以讓用戶通過(guò)回答幾個(gè)問(wèn)題，可以建議用戶選擇哪種話

費(fèi)套餐

0.11.平行面板

平行面板屏幕模式可以收起（一次只顯示一個(gè)），也可以展開(kāi)（同時(shí)顯示全部）。這種模式適合組織大量類似或相互影響的信息，讓用戶在同一頁(yè)面更高效的獲得信息。最佳應(yīng)用在：需要申請(qǐng)者需要填寫各種沒(méi)有順序的類別目錄。0.12.交互模型

交互模型屏幕模式應(yīng)用在很多交互要素需要與關(guān)鍵項(xiàng)目（比如日歷、地圖、圖標(biāo)、畫布等）進(jìn)行交互的時(shí)候。是一種用戶體驗(yàn)更貼近用戶心智模型的模式。在日歷、地圖、線狀圖、預(yù)設(shè)可能場(chǎng)景分析（包括計(jì)算器），所見(jiàn)即所得編輯器（包括圖片處理）時(shí)應(yīng)用效果非常好。

Google的calendar在日歷上可以直接編輯提示內(nèi)容

附加：13.空白狀態(tài)

空白狀態(tài)指在任何數(shù)據(jù)輸入或進(jìn)入系統(tǒng)前，應(yīng)用的自然狀態(tài)。Gettingreal一書曾說(shuō)空白狀態(tài)的屏幕使得用戶更期待。通過(guò)給用戶一種預(yù)覽來(lái)降低擔(dān)心、沮喪和猶豫�？瞻谞顟B(tài)屏幕包括：視頻，快速教程，幫助提示，安裝后的截圖。

Wufoo是一個(gè)在線表單設(shè)計(jì)網(wǎng)站，初始后會(huì)引導(dǎo)用戶建立表單14.其他模式

還有兩種廣泛使用但在企業(yè)軟件很少使用的模式。

-門戶：如果你是市場(chǎng)調(diào)研專家，商業(yè)需求分析師和用戶反饋調(diào)研員設(shè)計(jì)門戶，可以參考控制面板的設(shè)計(jì)規(guī)范和案例。

-Tabs：其實(shí)Tab是一種部件，不是一種模式。它為在多種同語(yǔ)境下的數(shù)據(jù)提供多選一選擇。如果數(shù)據(jù)結(jié)構(gòu)導(dǎo)致你的設(shè)計(jì)tab顯得很多。有兩個(gè)小建議：第一，重新考慮架構(gòu)。通過(guò)使用卡片分類或請(qǐng)教一名專業(yè)的信息架構(gòu)師；第二，可以參考平行面板的規(guī)范和案例。

參考文獻(xiàn)：《Designinginterfaces》and《Designingwebinterfaces》

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

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

《交互設(shè)計(jì)師Web交互設(shè)計(jì)師的定義-baidubaike》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請(qǐng)保留原作者信息,謝謝!
鏈接地址：http://www.seogis.com/gongwen/650773.html

• 上一篇：論交互設(shè)計(jì)中用戶體驗(yàn)的認(rèn)識(shí)
• 下一篇：人機(jī)交互界面設(shè)計(jì)的三個(gè)工作流程