網(wǎng)頁(yè)交互設(shè)計(jì)的思維方式

交互思維是什么?網(wǎng)上的搜索結(jié)果大多是一些交互設(shè)計(jì)的方法。但是我這里要講的，是真正做交互設(shè)計(jì)所具備的思維方式。交互設(shè)計(jì)在國(guó)內(nèi)發(fā)展的并不成熟，還有很長(zhǎng)一段路要走。很多人，甚至包括交互設(shè)計(jì)師自身，對(duì)這一工作的性質(zhì)和價(jià)值都未必有足夠的了解。

交互設(shè)計(jì)，聽(tīng)上去是“設(shè)計(jì)”，但是其本質(zhì)和常見(jiàn)的UI和視覺(jué)設(shè)計(jì)相去甚遠(yuǎn)。“交互”指的是人類(lèi)與機(jī)器之間的溝通，與美學(xué)、界面、按鈕什么的，其實(shí)沒(méi)有半毛錢(qián)關(guān)系。領(lǐng)域細(xì)分之前，也許我們考慮的東西越多越好，但是在細(xì)分之后的今天甚至未來(lái)，交互設(shè)計(jì)就要有它不一樣的價(jià)值。

由于目前的大環(huán)境對(duì)這一細(xì)分領(lǐng)域仍舊缺乏了解，所以我希望在這篇文章里，寫(xiě)幾個(gè)做交互設(shè)計(jì)所需要的思維方式。

1. 可用性優(yōu)先，視覺(jué)靠邊

一個(gè)功能首先要能用、好用，才會(huì)有人關(guān)心好不好看，審美挑剔的用戶其實(shí)比你想象中要少很多。當(dāng)然不是說(shuō)視覺(jué)設(shè)計(jì)不重要，只是對(duì)于交互設(shè)計(jì)而言，解決可用性才是最優(yōu)先的，而視覺(jué)上的優(yōu)化，可以在下一個(gè)環(huán)節(jié)再做討論。

例如下圖這個(gè)例子，在一個(gè)較寬的頁(yè)面上放一段較窄的文字：如果只以視覺(jué)感官來(lái)考慮，可能會(huì)設(shè)計(jì)出方案一(左);如果純粹以可讀性來(lái)考慮，可能會(huì)設(shè)計(jì)出方案三(右);如果兩者都估計(jì)到，可能最后得出的是方案二(中)。可見(jiàn)單憑任何一個(gè)環(huán)節(jié)都沒(méi)有辦法得到好的方案，但是我們應(yīng)該分清順序，從各自的立場(chǎng)提供幫助。

2. 不寄期望于用戶的理解力、耐性和信任度

通過(guò)長(zhǎng)期的摸索和測(cè)試，你會(huì)發(fā)現(xiàn)用戶這種生物，不但永遠(yuǎn)不會(huì)成長(zhǎng)和進(jìn)化，反倒變得越來(lái)越懶惰。十年前也許你可以用純文本小廣告騙到點(diǎn)擊率，如今沒(méi)有圖片大家都懶得掃一眼。交互思維需要有一種佛祖般的慈悲胸懷(只是一個(gè)比喻)，無(wú)微不至地對(duì)主流用戶表示關(guān)懷(對(duì)不起，小眾和非主流們)。如果你對(duì)用戶行為感興趣，可以去看我之前寫(xiě)過(guò)的這篇《你想象中的用戶 vs 真實(shí)的用戶》。

例如下圖，解析圖片中，右邊寫(xiě)清楚“解析中”幫助用戶理解當(dāng)前在等待什么，進(jìn)度條幫助減輕用戶的不耐煩，模糊處理的圖片給用戶“你的圖沒(méi)有丟，正在處理呢”的心理暗示。

3. 不脫離目標(biāo)談設(shè)計(jì)

交互設(shè)計(jì)師不喜歡聽(tīng)到：“請(qǐng)你設(shè)計(jì)兩個(gè)界面，商品列表頁(yè)和詳情頁(yè)?！?/p>

更好的溝通方式是：“我們需要為想要購(gòu)買(mǎi)商品的用戶提供信息，可選的商品數(shù)量有N個(gè)，用戶最感興趣的信息有……，一般人不會(huì)看但必須附上的信息有……”

這樣做并不是矯情，而是不同的信息量和重要性，所對(duì)應(yīng)的解決方式可能完全不同。并不是一提到商品信息，就都要想淘寶、亞馬遜那樣的結(jié)構(gòu)。

例如下圖，如果商品詳情重要程度較低，很多人愿意直接購(gòu)買(mǎi)(如 App Store)，可以采用方案一(左)，如果商品詳情非常重要，不看幾乎不會(huì)購(gòu)買(mǎi)，則可以采用方案二。

4. 用戶期望比邏輯更重要

有傳言說(shuō)交互設(shè)計(jì)需要很強(qiáng)的邏輯性，才能夠梳理頁(yè)面上復(fù)雜的信息。這想就錯(cuò)了，界面是為了便于使用而存在，如果用戶不能快速理解和操作，邏輯再正確也喪失了意義。

拿到一大堆信息時(shí)，需要思考的不是改用總分、分總還是總分總結(jié)構(gòu)，而是對(duì)用戶來(lái)說(shuō)那些事基礎(chǔ)、主要和輔助功能/信息，詳細(xì)可以去看我以前寫(xiě)過(guò)的《復(fù)雜頁(yè)面的布局設(shè)計(jì)》。

例如下面是簡(jiǎn)書(shū)網(wǎng)頁(yè)端的布局分析：

5. 沒(méi)有奇怪的設(shè)計(jì)，只有看不懂的設(shè)計(jì)

自以為對(duì)互聯(lián)網(wǎng)產(chǎn)品很了解的人，通常習(xí)慣用定式思維來(lái)評(píng)判設(shè)計(jì)的好壞。例如，認(rèn)為凡是符合設(shè)計(jì)趨勢(shì)的(扁平化、卡片化……)就是好的，凡是自己沒(méi)見(jiàn)過(guò)的，就是不好的。這樣的習(xí)慣非常危險(xiǎn)，因?yàn)橛脩魪膩?lái)不會(huì)以這些標(biāo)準(zhǔn)評(píng)判一款產(chǎn)品的好壞，對(duì)他們來(lái)說(shuō)，能夠幫助他們高效完成任務(wù)的，就是好的產(chǎn)品。

例如下圖，你可能很少在手機(jī)上看到分頁(yè)，但這并不是一個(gè)拒絕在手機(jī)上使用分頁(yè)的理由。如果列表數(shù)量過(guò)多，需要支持用戶逐條尋找，且在搜索和篩選上有一些限制，就有可能需要用到分頁(yè)。否則，用戶并不會(huì)覺(jué)得你的設(shè)計(jì)很符合當(dāng)下流行趨勢(shì)，而是煩惱無(wú)法完成自己想要的操作。

總結(jié)

交互思維并不能夠取代任何東西，也并不比任何你之前所學(xué)到的東西更加正確，甚至并不是所有的交互設(shè)計(jì)都要有與之相同的思維方式。

如果你是交互設(shè)計(jì)師，我希望這篇文章能夠啟發(fā)你更加深刻地思考自己所在的角色以及能夠提供的價(jià)值。

如果你不是，我希望這篇文章能夠幫助你與交互設(shè)計(jì)師合作時(shí)，溝通更加順暢，一起創(chuàng)造出色的作品。

本文標(biāo)題：網(wǎng)頁(yè)交互設(shè)計(jì)的思維方式
當(dāng)前URL：http://www.bm7419.com/news10/165910.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、動(dòng)態(tài)網(wǎng)站、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、Google、用戶體驗(yàn)、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)