@特贊Tezign??：準(zhǔn)備好涉足交互設(shè)計了嗎？在這篇文章中，作者對交互設(shè)計的各個方面做了簡單介紹：包括歷史、原則、知名設(shè)計師，以及他們的設(shè)計方法等等。即便你已經(jīng)是一個交互設(shè)計師，這篇文章也值得一讀。

相較于網(wǎng)頁設(shè)計波瀾不驚的開端，交互設(shè)計的成長之路漫長而曲折。最初，“網(wǎng)絡(luò)設(shè)計師”（web designer）這個術(shù)語更像是描述一個平面設(shè)計師（graphic designer）：一個關(guān)注于文字和圖面編排的設(shè)計師。但是現(xiàn)在，大多數(shù)網(wǎng)站和在線應(yīng)用程序都是互動的。因而，現(xiàn)代的網(wǎng)頁設(shè)計師不再像以前傳統(tǒng)的平面設(shè)計師一樣，而是需要做出完全不同的考慮。為了彌補這種差距，交互設(shè)計學(xué)科應(yīng)運而生。

? 什么是交互設(shè)計？

? 哪些理念引領(lǐng)交互設(shè)計？

? 交互設(shè)計師做什么？

? 知名交互設(shè)計師

? 工具

? 書籍

本輯先說前三個。

▼

什么是交互設(shè)計

僅在數(shù)十年前，第一個互動系統(tǒng)首次亮相，交互設(shè)計也就由此產(chǎn)生。新的界面帶來了新的挑戰(zhàn)，涌現(xiàn)出一批新的設(shè)計師來接受這個挑戰(zhàn)。隨后，一系列書籍紛紛出版，以闡釋這個未知領(lǐng)域的方方面面。

交互設(shè)計協(xié)會（The Interaction Design Association (IxDA)）解釋如下：

交互設(shè)計師以創(chuàng)造有用且實用的產(chǎn)品及服務(wù)為宗旨。以用戶為中心作為設(shè)計的基本原理，交互設(shè)計的實際操作必須建立在對實際用戶的了解之上：包括他們的目標(biāo)、任務(wù)、體驗、需求等等。以用戶為中心的角度出發(fā)，同時努力平衡用戶需求、商業(yè)發(fā)展目標(biāo)和科技發(fā)展水平之間的關(guān)系，交互設(shè)計師為復(fù)雜的設(shè)計挑戰(zhàn)提供解決方法，同時定義和發(fā)展新的交互產(chǎn)品和服務(wù)。

交互設(shè)計，就像用戶體驗設(shè)計（user experience design），為促進(jìn)人和環(huán)境的互動不斷發(fā)展。但不像用戶體驗設(shè)計包含了所有面向用戶的軟件和系統(tǒng)，交互設(shè)計師僅考慮用戶和電腦之間的互動。這樣的定位被稱為人機交互。

因為在我看來，最快速和最令人興奮的工業(yè)增長是在網(wǎng)上發(fā)生的。本文將重點放在交互設(shè)計，因為它涉及到網(wǎng)站和應(yīng)用程序。

▼

哪些理念引領(lǐng)交互設(shè)計

有很多基本理念推動著交互設(shè)計的實踐。這里對一些重要理念進(jìn)行簡單的概述：目標(biāo)驅(qū)動設(shè)計、“神奇的界面”、實用性、啟示性以及學(xué)習(xí)性。

目標(biāo)驅(qū)動設(shè)計

雖然交互設(shè)計師并不嚴(yán)格要求進(jìn)行用戶研究，但全面的用戶研究結(jié)果是最佳導(dǎo)向設(shè)計必不可少的。在每一個設(shè)計學(xué)科領(lǐng)域，藝術(shù)家必須首先承認(rèn)他們的缺陷，然后設(shè)計一個解決方案。在交互設(shè)計中，用戶本身往往制約著界面的發(fā)展。通常，用戶使用網(wǎng)絡(luò)的目的不同，他們可能是想在網(wǎng)上賺點零花錢。如果是這樣，你的應(yīng)用程序就要把這件事情做好。將用戶研究增加到這個方程式中，設(shè)定清晰的用戶目標(biāo)，以使形式和功能完美結(jié)合。

“神奇的界面”

為了方便起見，我將一系列交互設(shè)計的最佳實踐濃縮到這個從Alan Cooper（About Face 3: the Essentials of Interaction Design一書的作者）借鑒來的術(shù)語中。Alan指出，理想狀態(tài)下界面不應(yīng)該在用戶的腦海中出現(xiàn)—他們應(yīng)該簡單地“看”到界面作為底層系統(tǒng)的擴展。為此，最佳交互設(shè)計并不存在：它們不會花很長時間來加載或回應(yīng)；它們不會讓用戶去思考；他們不會給用戶增加煩惱。就像Jason Fried，37 Signal的CEO說的：“少就是少。”只給用戶他們需要的，然后走下一步。

實用性

實用性是指人們用一個工具來完成一個特定目標(biāo)的難易程度。交互設(shè)計師必須考慮他們設(shè)計的界面的實用性。界面使底層系統(tǒng)易于被理解和使用。

啟示性

剪刀的設(shè)計讓不熟悉剪刀的人馬上就明白哪里是手持的，哪里是剪切的。交互設(shè)計不是也應(yīng)該是這樣嗎？最佳的工業(yè)、交互設(shè)計是不言自明的；就像那句老話講的，形式服從功能。換句話說，鏈接就應(yīng)該像是鏈接，按鈕就應(yīng)該像是按鈕，搜索框就應(yīng)該……你懂得。

這里的基本原則就叫啟示性。啟示性代表了參與者和他們周圍環(huán)境之間的可能性行為。因為啟示性充分表達(dá)了網(wǎng)站和服務(wù)的基本功能，所以對于設(shè)計師而言，在設(shè)計中自始至終貫徹這個概念是至關(guān)重要的。Bill Scott 和Theresa Neil列舉了一個類似概念（叫做“提供邀請”），作為他們的六個交互設(shè)計原則之一。

可學(xué)習(xí)性

大量用來組織用戶界面的都是熟悉的組件。如果用戶習(xí)慣按按鈕提交表格，在這種情況下，他們就會去尋找按鈕。這就是界面使用習(xí)慣或者模式其中的一個例子。當(dāng)面臨相似的設(shè)計挑戰(zhàn)時，優(yōu)秀的交互設(shè)計師不會每一次都去重新發(fā)明一些東西。相反，他們會利用已有的設(shè)計模式。網(wǎng)上很多交互設(shè)計模式都記錄在Yahoo!的設(shè)計庫中。

總而言之，如果手上的設(shè)計問題確實需要特殊處理，交互設(shè)計師應(yīng)該花大力氣讓這個界面易于掌握，或者易于學(xué)習(xí)。這一點需要對當(dāng)下的設(shè)計慣例、啟示性及網(wǎng)絡(luò)整體的實用性都非常熟悉。

▼

交互設(shè)計師做什么

交互設(shè)計師在整個開發(fā)過程中扮演著關(guān)鍵角色。作為一個項目團隊的一部分，他們通常會進(jìn)行以下活動：

組織、宣傳設(shè)計策略

盡管這里的界限是模糊的，但有一點是肯定的：一個交互設(shè)計師需要知道她/他為誰設(shè)計，以及他們的目標(biāo)是什么。通常，這些由信息架構(gòu)師和用戶研究人員提供。反過來，一個交互設(shè)計師將評估設(shè)計目標(biāo)，展開設(shè)計策略。他們或單獨工作，或與其他設(shè)計師合作。設(shè)計策略幫助團隊成員在什么樣的交互能幫助用戶實現(xiàn)目標(biāo)方面達(dá)成共識。

確定和構(gòu)建交互框架

當(dāng)交互設(shè)計師有一個刺激他/她設(shè)計的好的想法時，他/她可以開始構(gòu)思這個界面，如何用它來輔助必要的交互活動。在這里細(xì)節(jié)是魔鬼。有些專業(yè)人員會在便簽本或者是寫字板上繪制這些互動設(shè)計；而另一些則選擇用軟件應(yīng)用程序來幫助他們；有些人會選擇團隊合作，有些人則獨立工作。這些都基于交互設(shè)計師本身以及他們的工作流程。

交互雛形

根據(jù)不同項目，交互設(shè)計師下一個步會開始創(chuàng)建雛形。一個團隊創(chuàng)建交互雛形的方式有很多，在這里就不一一詳細(xì)描述。其中包括：xhtml/css雛形創(chuàng)建模式，紙面雛形創(chuàng)建模式，甚至protocasting。

隨時關(guān)注

對于一個已入行的交互設(shè)計師而言，最大的挑戰(zhàn)之一是這個行業(yè)的發(fā)展速度。每天，新的設(shè)計師給這個行業(yè)帶來新的活力。因此，用戶期待這些新的交互會出現(xiàn)在你的網(wǎng)站上。聰明的交互設(shè)計師會經(jīng)常性地在網(wǎng)絡(luò)上搜索尋找新的交互模式，利用新技術(shù)（比如CSS3或者HTML5）來適應(yīng)這種變化，然后推動媒體不斷向前發(fā)展。

譯者微信號：

【從新人到大牛的交互設(shè)計完全修煉手冊】

菜鳥入門必讀好文！
《網(wǎng)易美女設(shè)計主管！交互設(shè)計菜鳥如何入門？》

阿里資深設(shè)計師手把手帶你認(rèn)識交互設(shè)計！
《交互設(shè)計那些事兒（一）》
《交互設(shè)計那些事兒（二）》

多位資深前輩經(jīng)驗合集！交互設(shè)計師自學(xué)指南！
《交互設(shè)計師修煉指南！教你從零開始成為優(yōu)秀交互設(shè)計師》

翻譯/校對：何澗 黃迪
編輯：林文婷

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量91萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：