交互設計的本質（上篇）

根據這幾年我從事交互行業的心得，個人理解交互如下：

通俗的說：交互設計就是作為強行介入陌生人生活的保姆或管家，你如何知道你服務的那群人的喜怒哀樂，伺候好他們，就能賺到錢。

專業的說：

低層次，是針對用戶場景下的心理模型進行的用戶行為構建。

高層次，是通過新建、優化或重塑服務模式進而構建健康可持續的商業模式。

低層次是新人的境界，高層次老人應該擔負起的責任。

交互設計的核心通俗來說：從用戶角度來說怎么做好他的管家，從產品角度來說怎么做好產品的導演。

【連續VS非連續】

這里先介紹2個系統的概念，在物理界，我們的真實生活層面就是一個連續系統的世界。我們的汽車加油門也好剎車也好速度不可能瞬間 從0跳到120碼必須線性從0逐漸升至120碼

這里的變化是遵循著物理世界數據的積累而產生的線性變化這樣的系統就是連續系統

有規律可循的，結果是可預測的。反之，非線性系統就是會毫無征兆的出現崩潰的

那么，這個跟人類需要交互設計有什么關系呢？

只要有非連續系統存在就有黑盒世界，這個黑盒呢就好比你在電腦前種草剁手

但是后臺數據只是010101010的存儲，這里的010…對我們來說就是黑盒世界

正因為黑盒世界的存在，交互設計師這個職業存在的理由之一，那就是把這個在黑盒中的非連續系統模擬成連續系統（白盒）。

將黑盒模擬成白盒，我們首要關注的是用戶在行為層面上出現的規律

從上面的行為區域數據來看，分為舒適區、伸展區和困難區。如果產品忽略掉了行為區域，那么往往會在行為層面上產生體驗問題。如下圖的微信，住場景中的輸入信息是處于舒適區的，而反饋屬于高頻行為，但被設置在困難區，顯然是存在重大問題的。

所以交互設計師在設計功能時候不僅要給用戶一個他們想要的世界，還要在設計功能時考慮到用戶的行為層面 （這里需要提醒大家的是，你的同事或非專業人事經常會吧這單一層面的知識籠統的理解為用戶體驗） 。

脫離了這個用戶行為模型你可能會隨意布局，你的任性糟蹋的恰恰是用戶體驗。

|從用戶行為模型出發再說頁面布局

如上圖，頁面在行為層上有兩個維度：信息維度和行為維度。

信息重要度，按照用戶在頁面的視覺流規律，從左向右，信息重要度遞減，從上到下，信息重要度遞減。

行為重要度，按照行為區域數據，從底到頂，行為重要度遞減。

因此視覺重點區域是布局重要的信息區域

視覺流難以捕捉到的地方，不要去放對產品對用戶來說都很重要的區域；

反之，則反之，舉個生活中的例子

【一般脖子長的人穿低胸的衣服，都會配上出彩的項墜】

講完了行為層面，接下來我們需要進一步深入下去，進入用戶的心理模型層。

用戶的心里模型≠用戶心理

它是指用戶心理層面的共性。這是決定產品形態的關鍵

有哪些共性呢？打個比方說

文件夾和文件

【父與子】

圖中的父與子就是文件夾和文件

其實它們來自物理世界中的文件夾和文件，是隱喻現實對象。

這個文件夾和文件的關系是用戶經過學習構建出來的，不是天生就有的。尤其是那些從來沒有使用過物理文件夾和文件的用戶，這一關系更是直接從計算機系統中學習構建的。也就是說，用戶心理模型有兩種形態，一種是經驗之后先天構建的，一種是學習之后，新建或調整后構建的。

經過這么多年的信息技術教育，這樣的概念已扎根于用戶腦海中，所以是一個用戶心理模型。

再舉一個近一點的例子

手機上保存的照片都會落在一個叫相冊的地方

雖然這對于現實中沒有相冊的用戶來說，是一次被教育的過程，但多次使用下來，也并未覺得有什么不對。那么這個用戶心理模型的建立就是成功的。

【相冊任務流】

用戶的心理模型一旦建立不要輕易打破

比如對爸媽來說很陌生的緩存

我們對第一次使用緩存的用戶往往會發出提示消息“緩存的文件在這里”

這就是在教育用戶，緩存的東西總集中存放在一處，在這個過程中雖然用戶不理解“緩存”這個新的概念，但是卻有了“緩存的東西一定有一個地方放著”這樣的心理模型，這就是我們要的效果。

在淺析了用戶行為層面——用戶心里模型之后，我們需要更進一步的深入到設計的深度層——用戶的社會心理學層面。這一層面的本質是人性，我們可以加以利用也可以加以規避。

先說加以利用

看到左邊QQ頭像上的圖標了嗎？“寒江觀雪是MAC，曾欣是手機端”明明可以不說的非要說出來，這里利用的是虛榮心。

當產品的用戶量足夠產生社會心理學效應時，要及時的適當的把心理學的規律用在產品中，可以達到“四兩撥千斤”的效果。

不信？我帶你回憶下

還記得為了讓自己的QQ等級升太陽而天天掛QQ嗎？請問誰給你電費讓你如此執著？

還記得為了讓大家知道自己喜歡的歌手是誰，學生黨的你不惜花錢充值個上線提醒？

還記得當年為了追喜歡的女生給她充值整個暑假的黃鉆帶她一起玩游戲？

這些無非利用了1點——攀比

如今“攀比”依然盛行發一條微博就會顯示“來自iphone6plus”， 但在這個狀態小尾巴的設計的應用上， 設計師最后還是敗給了用戶的想象力 。

微博上明星代言了哪款手機

發的微博就會自帶手機型號

這是何其高頻率的廣告位哈

對于那幫愛矯情的話癆而言

越獄的手機顯示的不是位置

而是此時此地定制化的心情

【圖】

所以對于不喜歡攀比的你而言

目前唯一能為下一代做的就是

送他一個3個太陽級的QQ號

【QQ等級】

孩子這是我當年的QQ號現在附帶集創堂的叔叔阿姨們送給你——青木

所以說設計不單單是技巧，技巧人人都有可能掌握，結合心理學掌控人心

才能做出有無限想象空間的設計。

此圖的應用前提是你的用戶基數龐大到能夠產生心理學效應

接下來，我們講設計的最高境界：結合真實的場景設計

搜狗輸入法針對大屏手機的改進，就是對操作輸入區優化的典型。雖然搜狗在iOS端并沒有成為主流，但是它的滑屏輸入和單手輸入對我們都是很好的啟發。

…………#上篇ENDing#

開堂推薦2本理學讀物

《怪誕行為學》《設計師要懂的心理學》

1個對老人和新人通用的建議

對于新人：一切歸零。嬰兒時期老老實實喝奶，不要去看大魚大肉。

留堂作業

地鐵的軋機是右手刷卡的出發點是因為右撇子多，但是當大家雙手拿了東西時，就要騰出右手再刷卡過站。

這里你有更好的解決方案嗎？

集創分享|每周1h 只談知識不扯淡

想要了解更多？掃一掃