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