交互新人眼中的交互設計

從一開始選擇做交互設計這個崗位,我就一直在思考:“交互設計究竟是什么東西”。近段時間以來參加了一些面試,每次面試都會讓我去重新思考一下這個問題。加上最近又做了一些工作,看了一些資料,對這個問題又有了一些新的認識,所以來記錄一下。

普通大眾認為的交互設計

交互設計作為一個新興職位,可能大部分的人都還不知道有交互設計這個崗位,不過這并不妨礙他們對于交互設計的認知。舉個例子,他們可能會知道“搖一搖”或者“掃一掃”,并且可能每天都在用這兩種交互方式。

“搖一搖”是由微信帶起的一種風靡全國的交互方式,通過簡單的左右晃動手機,伴隨著來福槍的槍聲就可以找到同時在搖動手機的人,然后進行陌生人社交。

“掃一掃”則是微信帶來的另外一種交互方式,通過手機攝像頭掃描二維碼,即可讀取二維碼的信息。掃一掃可以解決從其他端口到手機端的傳輸問題,比如在PC網頁上掃描二維碼下載東西。

其次就是微信發送圖片的那個交互方式:如果在發照片的前一段時間有發生拍照、截屏或者保存照片的行為,當你按下添加鍵時,微信會詢問你是否是要發送該照片。

以上的交互設計的例子可能代表絕大多數人對于交互設計的認知,雖然他們可能不明白交互設計具體在做什么,但是他們會形成這樣的刻板印象:交互設計就是優化使用的體驗

交互設計在產品設計的地位

交互設計師現在主要活躍在各種互聯網產品設計中。互聯網產品主要包含這些人:產品經理、交互設計師、視覺設計師、開發工程師。他們在產品設計中的各種步驟發揮自己的作用。

產品經理:讓產品有用。這里的有用是指讓產品具備某種功用,或者說滿足用戶的某種需求。互聯網的產品經理無時無刻不在挖掘用戶的需求,然后設想解決方案去滿足用戶的需求。產品經理定義了產品最基礎的功能,讓產品變得有用處。

交互設計師:讓產品的內在變得好用。交互設計師是銜接產品經理的下一個環節,負責把產品經理抽象的需求具象化成流程和界面。通過統籌頁面布局,使得每個頁面的表達更加詳略得當,用戶可以一眼抓住最重要的內容。通過統籌操作流程,讓用戶可以高效地完成自己的任務。可以看到,交互設計師的作用就是使得產品變得好用,而且對于這種“好用”,用戶可能可以感覺得到,但是具體卻是說不清的。所以說這種好用是內在性的好用。

視覺設計師:讓產品的外在變得好用。交互設計師設計完頁面和流程之后,到用戶具體接觸到的成品還有一個步驟,那就是視覺設計師做的事情。視覺設計師把交互設計師那些粗略的界面豐富起來,通過顏色、字體、圖形、動效(交互設計師也會參與動效的設計)的潤色,使得界面變成實際產品中那種色彩斑斕、活靈活現的界面。這就是用戶可以實實在在感受到的東西,所以說這種好用是外在性的好用。

開發工程師:讓產品真正能用。前面產品經理和設計師做了那么多工作,其實都是在做模型,真正把模型建立成真正產品的人是開發工程師。如果沒有開發工程師,前面做的那么多都是紙上談兵而已。所以說,開發工程師讓產品“能用”起來。

交互設計的三要素

交互設計師的作用在于讓產品變得好用、易用。這其中交互設計師需要進行大量的思考,其中思考的主要內容就是根據三要素來進行的。

用戶

交互設計的服務對象是用戶,我們根據用戶來指定相對應的交互流程和界面。所以這要求交互設計師要具備同理心,換句話說,交互設計要經常進行換位思考,站在用戶的角度去思考問題。去設想用戶會怎么做,然后根據用戶的心理模型去進行相應的設計共組。

需求

交互設計是承接產品經理的工作的,產品經理會提供一系列的需求。交互設計師需要根據需求來進行設計,所以交互設計的第二個要素是需求。從這點可以看到,交互設計師需要平衡用戶和產品經理這兩個角色的訴求,這一點是很考驗交互設計師的能力的。

場景

有了用戶,有了需求,接下來就是要設想用戶的使用場景。交互設計師做的每個設計都是基于用戶場景來進行的,所以場景至關重要。如果要在三要素里面挑選一個最重要的要素,我覺得應該就是場景的。場景實際上包含有“人、物、動作”三個維度,在一定程度上可以說包含有前面兩個要素。

交互設計的產出

與其他職位不同,交互設計師的主要工作其實是思考,思考各個流程和頁面,做反而是比較小的部分。這是,說到底每個職位最終都要看自己的成果說話,所以交互設計師的產出究竟是什么呢?

頁面:交互設計產出物之一就是界面,不過這里的界面只是線框圖界面,線框圖就是簡單的線條和方框構成的圖,主要是定義的是界面上的元素有哪些?位置要怎么擺放?大小對比是怎么樣?

線框圖[2]

流程:交互設計的第二項產出是流程,可以是流程圖,也可以是界面的流程。

流程圖[4]

頁面流程[3]

信息架構:交互設計師還有一項很重要的事情是梳理產品的信息架構。當產品的內容和功能變得很大很大的時候,就需要這一步驟。好的信息架構可以讓用戶快速找到自己想要的東西。信息架構梳理的最終產出就是思維導圖。


信息架構


交互方式:交互方式還有一項工作是構思交互方式,主要是交互動作的觸發方式。比如上文的“搖一搖”和“掃一掃”。同樣的還有下拉刷新、瀑布流等,這些都是屬于交互方式的創新,不是一般的交互設計師是能做的。


從當初選擇做交互設計師到現在做第二份實習工作,對于交互的理解也在逐漸加深,也越發覺得當初的選擇沒有選錯。期待我能在交互設計這條路上越走越遠吧。


[1]張小龍2011年華中科大演講實錄:“搖一搖”源于性暗示和性驅動-虎嗅網

[2]20個出色的移動線框圖設計工具 - 站長之家?

[3]9步開發出一款iPhone 應用 | 雷鋒網?

[4]解析流程圖與線框圖的幾種分類 - 網頁設計 - 思緣論壇 平面設計,Photoshop,PSD,矢量,模板,打造最好的素材和設計論壇?

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,923評論 6 535
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,740評論 3 420
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,856評論 0 380
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,175評論 1 315
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,931評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,321評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,383評論 3 443
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,533評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,082評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,891評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,067評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,618評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,319評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,732評論 0 27
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,987評論 1 289
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,794評論 3 394
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,076評論 2 375

推薦閱讀更多精彩內容