首頁(yè)訪問(wèn)感受提升三步曲_網(wǎng)頁(yè)設(shè)計(jì)教程

推薦：新型創(chuàng)意網(wǎng)絡(luò)廣告之索尼Cyber.shot
點(diǎn)擊觀賞該廣告廣告制作：互動(dòng)通www.hdtworld.com廣告背景：2007年10月24日，索尼（中國(guó)）有限公司在北京舉辦“有型o有色”2007索尼數(shù)碼相機(jī)秋季新品發(fā)

　　第一步（視覺(jué)設(shè)計(jì)）

　　1 體現(xiàn)產(chǎn)品定位；
　　2 溶入情感；

　　談起美味的食物，大家還是以“色、香、味”為主要出發(fā)點(diǎn)，“色”為什么在第一位？不言而喻，相信大家都能體會(huì)：

　　今日下廚，如下圖：(反面教材)

　　雖然門(mén)戶視覺(jué)設(shè)計(jì)，主要為內(nèi)容服務(wù)，但無(wú)論你的產(chǎn)品功能再?gòu)?qiáng)、操作再實(shí)用，不得不承認(rèn)，和用戶進(jìn)行主要溝通的還是界面這塊。
　　另外，產(chǎn)品設(shè)計(jì)中必須溶入情感，冰冷的界面是無(wú)法讓人接受的。

　　先談?wù)勔曈X(jué)設(shè)計(jì)傳達(dá)的產(chǎn)品定位和情感，舉例：

　　Yupoo：
　　傳達(dá)給我們的第一感覺(jué)是什么？一個(gè)年青化的產(chǎn)品；
　　情感上是很活潑，輕松的，綠色在這點(diǎn)體現(xiàn)的很到位。

　　IBM：
　　第一感覺(jué)是什么？企業(yè)服務(wù)型網(wǎng)站；
　　情感上是專業(yè)、權(quán)威的，黑配藍(lán)也體現(xiàn)的很到位。

　　假如IBM變成這樣會(huì)是什么感覺(jué)。

　　………

　　征服用戶的眼球，將是我們做的第一步，如何將你的情感傳達(dá)給用戶，也將是我們需要解決的首要問(wèn)題。

　　第二步（內(nèi)容）

　　1 內(nèi)容排序；
　　2 內(nèi)容展現(xiàn)方式；
　　3 可擴(kuò)展性。

　　“網(wǎng)站首頁(yè)是什么?” 在UPA Workshop中 Daniel Szuc 這樣問(wèn)到。
　　我理解的是，網(wǎng)站是一本書(shū)，首頁(yè)就是封面和目錄。封面從視覺(jué)上吸引你，目錄將是讓你最快了解這本書(shū)的途徑。如何有序、科學(xué)的將內(nèi)容展現(xiàn)，也是這個(gè)環(huán)節(jié)設(shè)計(jì)師需要解決的首要問(wèn)題。

　　在你還不能確定首頁(yè)的內(nèi)容塊前，建議通過(guò)定性和定量這二方面進(jìn)行分析：
　　1 焦點(diǎn)小組 （將內(nèi)容部門(mén)拉上進(jìn)行討論，確定最初的內(nèi)容塊）
　　2 日志分析 （通過(guò)數(shù)據(jù)來(lái)分析用戶對(duì)內(nèi)容的關(guān)注度）；
　　3 問(wèn)卷調(diào)查 （假如通過(guò)以上二點(diǎn)都不能確定，那把這個(gè)權(quán)利交給用戶吧，這是你從用戶那拿到數(shù)據(jù)最直接的一種方式）。

　　協(xié)調(diào)內(nèi)容部門(mén)是很重要的一個(gè)環(huán)節(jié)，假如有爭(zhēng)執(zhí)不下的情況，那情參考（3），數(shù)據(jù)是很有說(shuō)服力的.

　　第三步（可用性）

　　1 簡(jiǎn)單快速完成任務(wù)；
　　2 提高用戶滿足度。

　　先看看具體有中國(guó)特色的門(mén)戶首頁(yè)是什么樣子的？ （Tom Sina Sohu）

　　什么是網(wǎng)站的可用性？
　　指的是用戶在訪問(wèn)網(wǎng)站時(shí)感受如何、操作是否夠簡(jiǎn)單，能否能高效而直接的完成任務(wù)。
　　如Apple的產(chǎn)品，以設(shè)計(jì)簡(jiǎn)潔、操作方便及獨(dú)特的品味著稱，也可以將可用性理解為產(chǎn)品的核心競(jìng)爭(zhēng)機(jī)制。

　　如何引導(dǎo)用戶快速的完成任務(wù)。
　　1 導(dǎo)航及提示明晰
　　2 文字可讀性強(qiáng)
　　3 內(nèi)容準(zhǔn)確
　　4 減少頁(yè)面噪音
　　5 操作簡(jiǎn)單

　　提高用戶的滿足度
　　1 次要功能的淡化
　　2 易學(xué)習(xí)

　　文字可讀性強(qiáng)：比如標(biāo)題、按鈕、介紹等…盡量表述清楚，讓用戶做到心里有數(shù)，并可以猜測(cè)點(diǎn)擊后的情況，看下面的文字標(biāo)題不知作何感想；

　　內(nèi)容準(zhǔn)確：請(qǐng)盡量避免誘導(dǎo)點(diǎn)擊情況，被愚弄的感覺(jué)是不好受的；

　　減少頁(yè)面噪音：內(nèi)容區(qū)分明顯，減少干擾用戶閱讀的內(nèi)容（比如：文字鏈、FLASH廣告、誘惑的圖片等….），雖然放這些內(nèi)容會(huì)提高網(wǎng)站的流量，但對(duì)網(wǎng)站的長(zhǎng)期發(fā)展絕對(duì)是弊大于利的；

　　搜狗拼音 是比較典型的頁(yè)面，頁(yè)面中最重要的下載按鈕及分流下載鏈接，卻放在如此花哨的背景上，更可怕的是右側(cè)的廣告還在閃動(dòng)。

　　淡化次要功能：主要功能重點(diǎn)突出，其它功能讓用戶在逐漸的使用中找到，提升用戶的成就感并加強(qiáng)對(duì)網(wǎng)站的情感。（比如Google的其它服務(wù)，Yahoo Logo中的隱藏聲音）；

　　Google很好、很強(qiáng)大！

　　易學(xué)習(xí)：好的產(chǎn)品，用戶學(xué)習(xí)代價(jià)將會(huì)很低，比如Apple Ipod、Iphone，上手時(shí)間比較短，在減少用戶挫折感的同時(shí)，也在不斷加強(qiáng)用戶對(duì)產(chǎn)品的忠誠(chéng)度。另外一個(gè)，Turbo Photo圖片處理的軟件，應(yīng)該是設(shè)計(jì)時(shí)，按鈕的位置不合理，我都用一年多了，還是會(huì)經(jīng)常誤操作。

　　雖然不是很系統(tǒng)，但以上的這些觀點(diǎn)希望能對(duì)產(chǎn)品設(shè)計(jì)人員有所啟發(fā)的。關(guān)于UCD的流程及方法，國(guó)內(nèi)更多處于摸著石頭過(guò)河的階段，相信在不斷的探索中，國(guó)內(nèi)能拿出真正適合目前的企業(yè)及產(chǎn)品的設(shè)計(jì)流程及方法。有其它的問(wèn)題也請(qǐng)聯(lián)系： Peter.xiao999#Gmail.com (責(zé)編：68design2)

分享：與用戶體驗(yàn)的這兩年
國(guó)內(nèi)網(wǎng)站真正流行并重視用戶體驗(yàn)不超過(guò)兩年，我相信大部分從業(yè)者的研究資歷也僅限于此。區(qū)別在于，因功底和個(gè)體差異影響到的對(duì)新概念的理解突破，我的經(jīng)歷大概