交互設計師Web交互設計師的定義-baidubaike

交互設計師Web交互設計師的定義

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

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

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

所以，凡是涉及到表達、傳達的問題，都可以找交互設計師來做，也應該由交互設計師來做。

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

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

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

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

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

深入理解產(chǎn)品的目標、功能需求。將這些目標、需求轉化為界面表現(xiàn)。把內(nèi)容合理的歸類整理為若干的界面。信息構架的設計意味著對導航的設計�！皩Ш綑诠灿袔准�？每級幾項？”這些問題將隨著信息構架的設計而確定。信息構架設計的要求：1.符合用戶心理模型

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

在整體信息構架確定的基礎上，對界面上的細節(jié)進行推敲。界面細節(jié)設計的要求：1.符合web可用性標準

2.符合圖形用戶界面的基本準則

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

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

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

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

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

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

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

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

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

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

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

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

沒有作品怎么辦？找找看。這個世界充滿有待解決的問題，設計一個解決方案。為什么要做交互設計師？

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

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

1.對交互設計過程有深入的了解，可以獨立完成整個設計過程（交互流程、角色模型等等交互設計方法能熟練應用）；

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

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

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

擴展閱讀：交互設計師常用的web設計模式

交互設計師常用的web設計模式

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

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

主體/細節(jié)模式可以分為橫向和縱向兩種。如果想讓用戶在同一頁面下，引導他們在類目下高效地切換，這無疑是一種理想的方式。如果主體信息對于用戶來說更重要，最好選擇橫向布局�；蚴侵黧w部分不僅條目多而且包含信息也多，那也該選擇這種橫向布局。舉例來說：

Windows窗口屬于縱向排布

Macmail的橫向排布

0.2分欄瀏覽

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

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

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

0.3搜索/結果

搜索屏幕模式對于想快速、直接看到具體結果的用戶來說非常便捷。從很簡單的到非常復雜的都有。

Gmail采用簡單搜索

而對于google學術的用戶，高級搜索限定更復雜的搜索條件會提煉出用戶更期

望得到的信息。

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

分為橫向和縱向。開始定義一些已知信息，之后通過限定條件對搜索后的結果進行再過濾。

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

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

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

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

0.5表單

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

注冊信息一般使用表單

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

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

對于設計師來說調(diào)色盤/畫布這種模式并不陌生，常用軟件，例如：Axure、ps

都是采用這種方式。

0.7儀表盤

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

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

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

淘寶購物車選擇使用電子表格，可以讓用戶對已選商品進行快速編輯（增加/減

少數(shù)量，刪除等）0.9向導

對于復雜的或是不常見的流程，向導/快速啟動屏幕模式可以有效地導航。

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

0.10.Q&A

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

上海移動資費導購系統(tǒng)可以讓用戶通過回答幾個問題，可以建議用戶選擇哪種話

費套餐

0.11.平行面板

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

交互模型屏幕模式應用在很多交互要素需要與關鍵項目（比如日歷、地圖、圖標、畫布等）進行交互的時候。是一種用戶體驗更貼近用戶心智模型的模式。在日歷、地圖、線狀圖、預設可能場景分析（包括計算器），所見即所得編輯器（包括圖片處理）時應用效果非常好。

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

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

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

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

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

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

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

參考文獻：《Designinginterfaces》and《Designingwebinterfaces》

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

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

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

• 上一篇：論交互設計中用戶體驗的認識
• 下一篇：人機交互界面設計的三個工作流程