2017-8-22 資深UI設(shè)計者
交互思維是什么？網(wǎng)上的搜索結(jié)果大多是一些交互設(shè)計的方法。但是我這里要講的，是真正做交互設(shè)計所具備的思維方式。交互設(shè)計在國內(nèi)發(fā)展的并不成熟，還有很長一段路要走。很多人，甚至包括交互設(shè)計師自身，對這一工作的性質(zhì)和價值都未必有足夠的了解。
交互設(shè)計，聽上去是“設(shè)計”，但是其本質(zhì)和常見的UI和視覺設(shè)計相去甚遠?！敖换ァ敝傅氖侨祟惻c機器之間的溝通，與美學(xué)、界面、按鈕什么的，其實沒有半毛錢關(guān)系。領(lǐng)域細分之前，也許我們考慮的東西越多越好，但是在細分之后的今天甚至未來，交互設(shè)計就要有它不一樣的價值。
由于目前的大環(huán)境對這一細分領(lǐng)域仍舊缺乏了解，所以我希望在這篇文章里，寫幾個做交互設(shè)計所需要的思維方式。
一個功能首先要能用、好用，才會有人關(guān)心好不好看，審美挑剔的用戶其實比你想象中要少很多。當然不是說視覺設(shè)計不重要，只是對于交互設(shè)計而言，解決可用性才是最優(yōu)先的，而視覺上的優(yōu)化，可以在下一個環(huán)節(jié)再做討論。
例如下圖這個例子，在一個較寬的頁面上放一段較窄的文字：如果只以視覺感官來考慮，可能會設(shè)計出方案一（左）；如果純粹以可讀性來考慮，可能會設(shè)計出方案三（右）；如果兩者都估計到，可能最后得出的是方案二（中）?？梢妴螒{任何一個環(huán)節(jié)都沒有辦法得到好的方案，但是我們應(yīng)該分清順序，從各自的立場提供幫助。
通過長期的摸索和測試，你會發(fā)現(xiàn)用戶這種生物，不但永遠不會成長和進化，反倒變得越來越懶惰。十年前也許你可以用純文本小廣告騙到點擊率，如今沒有圖片大家都懶得掃一眼。交互思維需要有一種佛祖般的慈悲胸懷（只是一個比喻），無微不至地對主流用戶表示關(guān)懷（對不起，小眾和非主流們）。如果你對用戶行為感興趣，可以去看我之前寫過的這篇《你想象中的用戶 vs 真實的用戶》。
例如下圖，解析圖片中，右邊寫清楚“解析中”幫助用戶理解當前在等待什么，進度條幫助減輕用戶的不耐煩，模糊處理的圖片給用戶“你的圖沒有丟，正在處理呢”的心理暗示。
交互設(shè)計師不喜歡聽到：“請你設(shè)計兩個界面，商品列表頁和詳情頁?！?
更好的溝通方式是：“我們需要為想要購買商品的用戶提供信息，可選的商品數(shù)量有N個，用戶最感興趣的信息有……，一般人不會看但必須附上的信息有……”
這樣做并不是矯情，而是不同的信息量和重要性，所對應(yīng)的解決方式可能完全不同。并不是一提到商品信息，就都要想淘寶、亞馬遜那樣的結(jié)構(gòu)。
例如下圖，如果商品詳情重要程度較低，很多人愿意直接購買（如 App Store），可以采用方案一（左），如果商品詳情非常重要，不看幾乎不會購買，則可以采用方案二。
有傳言說交互設(shè)計需要很強的邏輯性，才能夠梳理頁面上復(fù)雜的信息。這想就錯了，界面是為了便于使用而存在，如果用戶不能快速理解和操作，邏輯再正確也喪失了意義。
拿到一大堆信息時，需要思考的不是改用總分、分總還是總分總結(jié)構(gòu)，而是對用戶來說那些事基礎(chǔ)、主要和輔助功能/信息，詳細可以去看我以前寫過的《復(fù)雜頁面的布局設(shè)計》。
例如下面是簡書網(wǎng)頁端的布局分析：
自以為對互聯(lián)網(wǎng)產(chǎn)品很了解的人，通常習慣用定式思維來評判設(shè)計的好壞。例如，認為凡是符合設(shè)計趨勢的（扁平化、卡片化……）就是好的，凡是自己沒見過的，就是不好的。這樣的習慣非常危險，因為用戶從來不會以這些標準評判一款產(chǎn)品的好壞，對他們來說，能夠幫助他們完成任務(wù)的，就是好的產(chǎn)品。
例如下圖，你可能很少在手機上看到分頁，但這并不是一個拒絕在手機上使用分頁的理由。如果列表數(shù)量過多，需要支持用戶逐條尋找，且在搜索和篩選上有一些限制，就有可能需要用到分頁。否則，用戶并不會覺得你的設(shè)計很符合當下流行趨勢，而是煩惱無法完成自己想要的操作。
交互思維并不能夠取代任何東西，也并不比任何你之前所學(xué)到的東西更加正確，甚至并不是所有的交互設(shè)計都要有與之相同的思維方式。
如果你是交互設(shè)計師，我希望這篇文章能夠啟發(fā)你更加深刻地思考自己所在的角色以及能夠提供的價值。
如果你不是，我希望這篇文章能夠幫助你與交互設(shè)計師合作時，溝通更加順暢，一起創(chuàng)造出色的作品。
藍藍設(shè)計( tweetduck.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍藍設(shè)計的小編 http://tweetduck.com