人們用視覺(jué)獲取環(huán)境中的信息，對(duì)你注意的周圍都會(huì)是模糊的，你視線集中的中心點(diǎn)是清晰的。

　　先進(jìn)張，視覺(jué)上呈現(xiàn)這樣的狀態(tài)是：視線上沒(méi)有集中，整體模糊，是成方形的視覺(jué)框架。

　　第二張和第三張，圖中的兩朵花在圖形中是漂亮的亮點(diǎn)，漂亮的東西會(huì)引人注意，你會(huì)注意到上一朵或則下一朵，注意任何一朵花的時(shí)候，眼球集中點(diǎn)會(huì)以圓的形狀向外逐漸模糊，中心點(diǎn)就是焦點(diǎn)。

　　圓形作為設(shè)計(jì)中的元素的時(shí)候，自然更加的適應(yīng)視覺(jué)上的感知。

　　視覺(jué)強(qiáng)弱

　　美女其實(shí)可以獨(dú)立成為一個(gè)視覺(jué)焦點(diǎn)，但當(dāng)我們給美女加了圓形邊框后，視覺(jué)焦點(diǎn)就轉(zhuǎn)移到圓形邊框包括到的美女上，后將圓形填充，視覺(jué)焦點(diǎn)就轉(zhuǎn)移到填充色的圓形的美女上。

　　幾何的對(duì)比

　　上圖中我們可以看到，方形過(guò)度到圓形的變化，圓形是由極其細(xì)小的邊角組成，在變化當(dāng)中圖形變得越來(lái)越有樂(lè)趣，比較下來(lái)圓形在幾何圖形中具有平滑流暢的邊緣，圓形更讓人感覺(jué)輕松，愉悅。設(shè)計(jì)需要增加樂(lè)趣的時(shí)候，我們可以多運(yùn)用流暢線條的圖形來(lái)讓頁(yè)面活躍起來(lái)。

　　實(shí)例效果進(jìn)行比較（圓型設(shè)計(jì)）

　　在這個(gè)頁(yè)面上圓形挑起了大梁，支撐整個(gè)頁(yè)面，人物笑臉圖片組合的圓形包圍著瓶子，映射了這個(gè)飲料帶給我們的快樂(lè)。圓形不僅加強(qiáng)了焦點(diǎn)，更加強(qiáng)了頁(yè)面的層次感，讓頁(yè)面不會(huì)單薄、無(wú)力度。

　　實(shí)例效果進(jìn)行比較（方型設(shè)計(jì)）

　　雖然同樣用加框的形式來(lái)集中物體焦點(diǎn)，同圓形邊框相比整體畫(huà)面呆板，僵硬，缺失了活躍的感覺(jué)。

　　圓形在廣告位中的設(shè)計(jì)

　　圓形對(duì)價(jià)格的標(biāo)注，讓用戶對(duì)這誘惑的價(jià)格更加的感興趣，很好的營(yíng)造了商品的氣氛。

　　圓形元素和其它幾何圖形比較

　　圓形具有圓滑的特點(diǎn)，讓人感覺(jué)輕松，愉悅，合理的運(yùn)用會(huì)提高頁(yè)面的層次，讓焦點(diǎn)更加突出，增強(qiáng)視覺(jué)感的同時(shí)也能夠營(yíng)造活躍的氛圍。我們都在不斷嘗試如何讓頁(yè)面變的美觀而生動(dòng)，創(chuàng)造富有活力的頁(yè)面，讓網(wǎng)站給人的視覺(jué)感受富有好感，把握好設(shè)計(jì)中的焦點(diǎn)，使頁(yè)面信息有效傳達(dá)的前提下，運(yùn)用有趣的圓形來(lái)設(shè)計(jì)頁(yè)面是設(shè)計(jì)中很有效的方法。

　　產(chǎn)品經(jīng)理和交互設(shè)計(jì)師在頁(yè)面設(shè)計(jì)中的應(yīng)用

　　羅里羅嗦談了這么多，那么我們產(chǎn)品經(jīng)理及交互設(shè)計(jì)師在原型圖中如何來(lái)設(shè)計(jì)更好滿足用戶體驗(yàn)?zāi)兀?/P>

　　在做新產(chǎn)品原型時(shí)，需要考慮設(shè)計(jì)風(fēng)格問(wèn)題：符合目標(biāo)客戶的審美習(xí)慣，并具有一定的引導(dǎo)性。

　　網(wǎng)站在設(shè)計(jì)之前，必須明確目標(biāo)客戶群體，并針對(duì)目標(biāo)客戶的審美喜好，進(jìn)行分析，從而確定網(wǎng)站的總體設(shè)計(jì)風(fēng)格。

　　在頁(yè)面布局方面要重點(diǎn)突出，主次分明，圖文并茂。與你負(fù)責(zé)產(chǎn)品線目標(biāo)相結(jié)合，將目標(biāo)客戶感興趣的，重要的信息放置在焦點(diǎn)位置。你在和你的下一工序（有的公司是美工、有的公司是用戶體驗(yàn)師、有的是交互設(shè)計(jì)師）時(shí)，需要將你的執(zhí)導(dǎo)思想告訴給他們，不然他們不了解的話，會(huì)讓你的產(chǎn)品偏差非常大，以至在產(chǎn)品開(kāi)發(fā)之處你對(duì)產(chǎn)品的把握就已經(jīng)失去了方向。

　　1.對(duì)比圖像，文字更具吸引力

　　在瀏覽一個(gè)網(wǎng)站的時(shí)候，能夠直接吸引用戶目光的并不是圖像。調(diào)查發(fā)現(xiàn)：大多數(shù)通過(guò)偶然點(diǎn)擊進(jìn)入網(wǎng)站的用戶，他們是來(lái)尋覓的是信息而不是圖像。因此，保證網(wǎng)站設(shè)計(jì)凸現(xiàn)出重要的信息板塊，這才是設(shè)計(jì)的首要原則。

　　2.根據(jù)視覺(jué)鎖定，一欄格式比多欄格式擁有更好的表現(xiàn)力

　　大多數(shù)情況下，簡(jiǎn)潔更具力量。多欄內(nèi)容容易被用戶忽視，我們需要消除這些干擾，在砍掉板塊影響不大的情況下，盡量去掉這些冗余信息。例如資訊搜索列表頁(yè)。

　　3.簡(jiǎn)短的段落相對(duì)于長(zhǎng)段落來(lái)說(shuō)有更好的表現(xiàn)力

　　網(wǎng)頁(yè)信息是為大多數(shù)強(qiáng)調(diào)快速瀏覽的互聯(lián)網(wǎng)用戶提供的。除非上下文的銜接要求，保持信息由簡(jiǎn)短的段落和句式組成。例如網(wǎng)站的產(chǎn)品介紹。

　　4.人們大都只瀏覽網(wǎng)頁(yè)的小部分內(nèi)容

　　如果在用戶瀏覽的時(shí)候提供信息使他們盡快鎖定目標(biāo)，就可以把這一點(diǎn)發(fā)展成為你的優(yōu)勢(shì)。突出某些部分使網(wǎng)頁(yè)信息容易找到和閱讀。

　　5.用戶瀏覽網(wǎng)頁(yè)時(shí)，首先觀察網(wǎng)頁(yè)的左上部和上層部分，之后再往下閱讀，瀏覽右邊。

　　以前研究表明：讀者常忽視大部分的橫幅廣告，視線往往只停留幾分之一秒。因此需創(chuàng)新廣告位，合理配置網(wǎng)站廣告形式。

　　讀者在閱讀文章的時(shí)候并不是逐字逐句，而會(huì)習(xí)慣跳躍掃視，因此，關(guān)鍵信息高亮顯示出來(lái)更易于讀者把握重要信息。

　　標(biāo)題的設(shè)置要精煉，且要傳達(dá)足夠的信息量。這是讀者決定是否閱讀這篇文章的關(guān)鍵。另還可增加副標(biāo)題作為補(bǔ)充，如果副標(biāo)題仍不夠吸引，基本上他們就不會(huì)感興趣去點(diǎn)擊了，也就會(huì)出現(xiàn)了產(chǎn)品經(jīng)理不希望看到的信息——跳出率（Bounce Rate）。

　　6.網(wǎng)站結(jié)構(gòu)及頁(yè)面設(shè)計(jì)微應(yīng)用

　　（1）頁(yè)面導(dǎo)航方面：導(dǎo)航條清晰明了、突出，層級(jí)分明。

　?。?）圖片展示方面：比例協(xié)調(diào)、不變形，圖片清晰。圖片排列既不過(guò)于密集，也不會(huì)過(guò)于疏遠(yuǎn)。

　?。?）圖標(biāo)使用方面：簡(jiǎn)潔、明了、易懂、準(zhǔn)確，與頁(yè)面整體風(fēng)格統(tǒng)一。

　?。?）廣告位設(shè)計(jì)方面：避免干擾視線，廣告圖片符合整體風(fēng)格，避免喧賓奪主。

　?。?）按鈕設(shè)置方面：對(duì)于交互性的按鈕必須清晰突出，以確保用戶可以清楚地點(diǎn)擊。

　　（6）站內(nèi)搜索方面：搜索提交后，顯示清晰列表，并對(duì)該搜索結(jié)果中的相關(guān)字符以不同顏色加以區(qū)分。

　?。?）欄目命名方面：與欄目?jī)?nèi)容準(zhǔn)確相關(guān)，簡(jiǎn)潔清晰，不宜過(guò)于深?yuàn)W。

　　其實(shí)對(duì)一個(gè)網(wǎng)站做一次用戶體驗(yàn)分析是很細(xì)很累的活，但是意義卻很大，尤其對(duì)年銷售額上千萬(wàn)級(jí)的電子商務(wù)網(wǎng)站而言，用戶體驗(yàn)做好了，轉(zhuǎn)化率能增加千分之一那就能促進(jìn)數(shù)百上千萬(wàn)的銷售額，必須引起足夠重視。

　　　事實(shí)上，互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁(yè)的習(xí)慣和顧客瀏覽商店中物品的習(xí)慣沒(méi)有多大差別。用戶打開(kāi)一個(gè)新的頁(yè)面，掃視一些文字，并點(diǎn)擊先進(jìn)個(gè)引起他興趣的鏈接。在這過(guò)程中，頁(yè)面上有大量的區(qū)域用戶甚至完全沒(méi)有看過(guò)。大部分用戶在頁(yè)面上尋找他感興趣且可點(diǎn)擊的內(nèi)容，一旦發(fā)現(xiàn)目標(biāo)，點(diǎn)擊行為就會(huì)發(fā)生，但如果頁(yè)面不符合期望，后退或關(guān)閉按鈕也將馬上被點(diǎn)擊。

　　1.大部分時(shí)候用戶并非在閱讀屏幕上的內(nèi)容，而是在掃視。

　　用戶習(xí)慣掃視和快速尋找頁(yè)面上一些能夠引導(dǎo)他理解內(nèi)容的關(guān)鍵點(diǎn)。

　　2.不要考驗(yàn)用戶的耐心

　　當(dāng)一個(gè)頁(yè)面不能滿足用戶的期望時(shí)，離開(kāi)就在所難免。希望通過(guò)添加相關(guān)內(nèi)容來(lái)豐富頁(yè)面和留住用戶往往效果不佳甚至適得其反。一屏頁(yè)面上承載的信息越多，認(rèn)知的負(fù)擔(dān)就會(huì)越重，就需要花費(fèi)更多的時(shí)間去處理信息，如果這些信息中還有些不是用戶期望的，那就還要花額外的精力將這些多于信息從注意力中剝離。Jakbo Nielsen的研究結(jié)論也表明：一個(gè)頁(yè)面上的認(rèn)識(shí)負(fù)擔(dān)越重，導(dǎo)航和瀏覽就會(huì)越困難，用戶離開(kāi)并尋找其他替代品的可能性就越大。

　　3. 用戶并不做佳選擇

　　用戶并不是在搜尋找到佳選項(xiàng)的快途徑，他們也并非用線性的方式來(lái)閱讀屏幕上的內(nèi)容（有順序地從一個(gè)模塊到另一個(gè)模塊）。當(dāng)用戶找到先進(jìn)個(gè)合理的選項(xiàng)，或者一旦找到了可能的目標(biāo)內(nèi)容，“立即點(diǎn)擊”或“開(kāi)始閱讀”的可能性會(huì)非常大。其實(shí)，用戶是在尋找能讓他們覺(jué)得有用或者合適的內(nèi)容，而非尋找佳的選擇，理由也很直觀：我們不是用戶的孩子，他不會(huì)關(guān)心我們的一切，他只是希望獲取他想要的信息，然后走人。

——新圖聞技術(shù)團(tuán)隊(duì)為您服務(wù)！

       新圖聞 服務(wù)全國(guó) ！  大連網(wǎng)站建設(shè)  首選品牌?。?nbsp;）轉(zhuǎn)載請(qǐng)注明來(lái)路。