網(wǎng)頁交互設(shè)計(jì)那點(diǎn)事

作為設(shè)計(jì)師，我們總是希望我們的用戶獲得更好的體驗(yàn)，試著讓他們喜歡我們的網(wǎng)站，應(yīng)用程序和啟動(dòng)界面。設(shè)計(jì)的原型要一再考究鑒定，確實(shí)要這樣設(shè)計(jì)，用戶可以接受嗎？用戶會(huì)按照我們的意圖去操作？我們需要不停的假設(shè)與驗(yàn)證，不停的優(yōu)化完善我們的設(shè)計(jì)，因此我們需要考慮一些方面：

1、 分析產(chǎn)品需求

在執(zhí)行一個(gè)新的產(chǎn)品設(shè)計(jì)時(shí)，首先與產(chǎn)品經(jīng)理進(jìn)行溝通，明確了解需求的定位。在工作中遇到過這樣的問題，產(chǎn)品經(jīng)理將需求發(fā)給設(shè)計(jì)人員，然后設(shè)計(jì)人員按照需求文檔，直接進(jìn)行了功能設(shè)計(jì)，產(chǎn)品經(jīng)理評審原型時(shí)，發(fā)現(xiàn)與自己規(guī)劃的產(chǎn)品完全不同，在這兩者之間，設(shè)計(jì)人員與產(chǎn)品經(jīng)理缺少溝通與交涉，對產(chǎn)品的需求理解不同；因此設(shè)計(jì)人員在設(shè)計(jì)前要進(jìn)行前期需求分析：

2、 產(chǎn)品用戶體驗(yàn)設(shè)計(jì)瞄準(zhǔn)具體的用戶群體

一個(gè)產(chǎn)品的存在，肯定是有一定的市場，也會(huì)有一群用戶需要使用它。對于用戶的行為特征有所不同，作為設(shè)計(jì)人員需研究這個(gè)產(chǎn)品的目標(biāo)群體從點(diǎn)到面，尋找到用戶的共性將產(chǎn)品的主要特性以網(wǎng)頁的形式展示。

分析清楚你的用戶的群體如：分析一些用戶的年齡，學(xué)歷，知識(shí)水平，理性感性成分，性別，家庭背景，個(gè)人成長環(huán)境，對行業(yè)進(jìn)入的深淺，使用的客戶端品牌，操作系統(tǒng)，瀏覽器以及其版本，操作習(xí)慣，消費(fèi)能力，個(gè)人好惡，地區(qū)，訪問時(shí)間，停留時(shí)間，停留頁面，操作語言等信息因?yàn)椴煌男枨笕ピO(shè)計(jì)，徹底了解你的用戶為他們而設(shè)計(jì)原型：

3、 理解你的產(chǎn)品——規(guī)劃頁面布局

1. 一個(gè)頁面總體的信息量不宜過多，提供給用戶識(shí)別的區(qū)塊最好不超出這個(gè)數(shù)字5-9

范圍太多。（7±2原則，即“由于人類大腦處理信息的能力有限，它會(huì)將復(fù)雜信息劃分成塊和小的單元。根據(jù)喬治A米勒（George A. Miller）的研究，人類短期記憶一般一次只能記住5-9個(gè)事物。”）

2. 該頁面需要完成的主體功能，放在頁面首要主體位置。其它必須功能放在次之位置。

3. 不要讓那些有必要而非必須的功能，因?yàn)樽陨砝娴男枰?，?qiáng)行搶占主體位置，以致影響人們對最熟悉、最常用的功能使用。

網(wǎng)站頁面的布局方式，展示方式直接影響著用戶使用網(wǎng)站的方便性。合理的布局會(huì)讓用戶在瀏覽網(wǎng)站時(shí)快速發(fā)現(xiàn)核心內(nèi)容和服務(wù)。如果布局不合理，用戶需要思考如何獲取頁面的信息，從頁面內(nèi)容篩選主要服務(wù)。在這個(gè)過程中，用戶通常是進(jìn)行掃描瀏覽，捕捉對用戶有用的信息，他們不會(huì)花費(fèi)太多的時(shí)間去停留頁面，會(huì)選擇離開頁面，甚至以后不會(huì)訪問網(wǎng)站。因此頁面布局的重點(diǎn)是體現(xiàn)網(wǎng)站運(yùn)營的核心內(nèi)容及服務(wù)，將核心服務(wù)顯示在關(guān)鍵的位置，供用戶在最短的時(shí)間瀏覽到。用戶捕捉到這新信息后，然后做出判斷是否對網(wǎng)站做深層次的瀏覽使用。

4、 好的產(chǎn)品體驗(yàn)由很多細(xì)節(jié)組成的

不好的體驗(yàn)會(huì)使用戶一點(diǎn)點(diǎn)遺失；好的產(chǎn)品體驗(yàn)，會(huì)留住用戶創(chuàng)造價(jià)值；在設(shè)計(jì)時(shí)我們要時(shí)刻多會(huì)用戶考慮，多問自己這樣是否可以，是否可以做到更好….

4.1 引導(dǎo)用戶的視線——應(yīng)用古藤堡圖表

用戶一旦進(jìn)入頁面，不管他們是有意進(jìn)入還是無意間進(jìn)入網(wǎng)頁，人們在瀏覽頁面或布局的時(shí)候，視線往往趨向于從左上角到右下角，就好像頁面的布局設(shè)計(jì)有某種自然引力一樣。因?yàn)槿藗兺ǔ６际菑淖笾劣?，由上往下地閱讀，久而久之視線自然會(huì)沿著這一路徑移動(dòng)，因此我們在設(shè)計(jì)時(shí)將內(nèi)容模塊按照這樣的視線引導(dǎo)排列；古藤保圖標(biāo)簡單面熟了這一閱讀軌跡規(guī)律，如：

如圖所示右上角和左下角則是視覺盲點(diǎn)。因此，采用對角線平衡通常是一個(gè)好設(shè)計(jì)所需要考慮的因素，因?yàn)樵O(shè)計(jì)師遵從了用戶習(xí)慣性的眼動(dòng)規(guī)律。

4.2使用顏色來吸引用戶注意

顏色能把人的注意力吸引到特定的元素上去，當(dāng)某個(gè)元素的顏色與其他的形成反差時(shí)更是如此。相對一致性來說，人類對物體間的差異性更為敏感。因此在頁面中加入一些顏色，可以非常有效地把瀏覽者的視線引導(dǎo)到我們希望他們看到的地方。如：

4.3友好的交互文本

文字的使用在網(wǎng)站中必不可少，友好的文本可以誘導(dǎo)用戶，帶來網(wǎng)站的轉(zhuǎn)化率。

有人情味

設(shè)計(jì)產(chǎn)品時(shí)賦予了產(chǎn)品各種各樣的人格特質(zhì)，因此設(shè)計(jì)也是有人性的。文本和設(shè)計(jì)元素都是友好、機(jī)靈并且智能的，而不是枯燥、古板或傲慢的。產(chǎn)品的文本可以直接與用戶對話，并提供實(shí)際、非正式的協(xié)助，就像任何一個(gè)人回答鄰居所提出的問題一樣。當(dāng)用戶在在網(wǎng)站中尋找重要信息受到困擾時(shí)，網(wǎng)站需要給予積極的反饋并給予幫助引導(dǎo)。用戶體驗(yàn)團(tuán)隊(duì)會(huì)在每個(gè)產(chǎn)品的可用時(shí)間里尋找最佳的平衡。然后，迭代、創(chuàng)新和改善會(huì)循環(huán)往復(fù)。

值得信任

好的設(shè)計(jì)可以深深贏用戶的信任。從基礎(chǔ)設(shè)計(jì)就開始的，例如，界面確保高效和專業(yè)、動(dòng)作容易撤銷、廣告被明確識(shí)別、術(shù)語的一致性以及令用戶驚喜而非驚詫。產(chǎn)品在有危險(xiǎn)的時(shí)候會(huì)警告用戶，比如不安全的鏈接