2014-12-30 藍(lán)藍(lán)設(shè)計(jì)的小編
藍(lán)藍(lán)設(shè)計(jì)( www.z1277.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù).
每一個(gè)扁平化界面設(shè)計(jì)，都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)
來(lái)源：http://www.58img.com/design/1997
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
滿足客戶的需求是設(shè)計(jì)師們需要履行的首要任務(wù)，但客戶們的“高要求”總是讓設(shè)計(jì)稿一再被淪為飛機(jī)稿，這是很多設(shè)計(jì)師無(wú)法解決卻始終面臨的問題。既然無(wú)法滿足客戶捉摸不透的需求，不如直接用你的理由說(shuō)服他！
接下來(lái)，我們會(huì)用案例教你在設(shè)計(jì)中可以融入哪些內(nèi)容來(lái)提升網(wǎng)頁(yè)的用戶體驗(yàn)，如何站在用戶體驗(yàn)角度打動(dòng)客戶，并且讓客戶認(rèn)同你的設(shè)計(jì)。
1.首先用愛思卡網(wǎng)頁(yè)來(lái)舉例，愛思卡的網(wǎng)站用擁有視差滾動(dòng)效果，作用不僅僅是讓用戶獲得更好的視覺享受，更要讓用戶產(chǎn)生與網(wǎng)頁(yè)互動(dòng)的感覺，在瀏覽每一屏的時(shí)候都像是與公司之間的對(duì)話，而不是一個(gè)人冷冰冰的對(duì)著網(wǎng)頁(yè)而已。
2. “i20”公益活動(dòng)的信息技術(shù)服務(wù)商之一，為活動(dòng)中的專題項(xiàng)目“鄉(xiāng)香集市”特別定制了一個(gè)活動(dòng)官方網(wǎng)站。該網(wǎng)站實(shí)現(xiàn)頁(yè)面自適應(yīng)，讓用戶在不同的設(shè)備上享受同樣的視覺效果。在移動(dòng)端越來(lái)越普及的時(shí)代中，這種設(shè)計(jì)能很大程度的提升用戶體驗(yàn)，讓用戶從網(wǎng)站上直接感受到企業(yè)貼心的服務(wù)。
3.久楓服飾的網(wǎng)站。雖然該網(wǎng)站主要以圖片為主，但是網(wǎng)站的打開和瀏覽速度并沒有因此受到影響。設(shè)計(jì)師建議，盡量在網(wǎng)頁(yè)中使用輕量級(jí)的圖片，比如矢量圖。矢量圖可以任意的調(diào)整大小，并且能適應(yīng)任何屏幕的分辨率，這也更利于頁(yè)面自適應(yīng)的設(shè)計(jì)。
4. MN電子商務(wù)官方網(wǎng)站受到了很多網(wǎng)頁(yè)設(shè)計(jì)師的好評(píng)。圖片風(fēng)的網(wǎng)頁(yè)設(shè)計(jì)在美觀度上很有優(yōu)勢(shì)，但網(wǎng)頁(yè)的打開速度卻會(huì)令用戶等不及。在上一個(gè)案例中提到，使用輕量級(jí)的圖片能有效的避免這類問題的發(fā)生，但如果不能轉(zhuǎn)換成矢量圖，那就嘗試著用縮小原圖來(lái)提升網(wǎng)站的速度。
5.想要在第一時(shí)間吸引用戶繼續(xù)瀏覽，視覺上的沖擊力也許是最直接有效的方法。如下案例所示，設(shè)計(jì)師用強(qiáng)烈的對(duì)比效果激起用戶繼續(xù)瀏覽的興趣，其實(shí)有時(shí)用戶很簡(jiǎn)單，只要把握住一些關(guān)鍵點(diǎn)，他們會(huì)心甘情愿的為之后的內(nèi)容買單。
6.信封式樣的小設(shè)計(jì)充滿創(chuàng)意，用戶滑動(dòng)鼠標(biāo)仿佛就在打開信封。這樣的小效果增強(qiáng)了網(wǎng)站的互動(dòng)性，讓用戶對(duì)接下來(lái)的內(nèi)容更有興趣，并且在無(wú)形中產(chǎn)生了一種引導(dǎo)作用。
7.小標(biāo)識(shí)在網(wǎng)頁(yè)中的應(yīng)用是非常普遍的，它們通常以最佳配角的形式出現(xiàn)。該網(wǎng)站的特別之處在于，標(biāo)識(shí)在首頁(yè)中起到了挑大梁的作用，而且效果出人意料。用戶對(duì)于網(wǎng)頁(yè)一向以走馬觀花為主，因此，大段的文字內(nèi)容成了禁忌，圖標(biāo)符號(hào)的設(shè)計(jì)形式反而更能勾起用戶的興趣，也更利于閱讀。
8.明確的用戶視線引導(dǎo)就好比有一條隱秘的網(wǎng)站線索讓瀏覽者自行摸索，這種形式能間接的給用戶帶來(lái)“接下來(lái)的內(nèi)容更精彩”的感覺。
9.用戶對(duì)于清新簡(jiǎn)潔的網(wǎng)頁(yè)設(shè)計(jì)會(huì)降低抵抗力。扁平化的設(shè)計(jì)風(fēng)格雖然并不是百搭款，但在網(wǎng)頁(yè)中偶爾融入也能為用戶帶來(lái)小驚喜。
10.Nature House電子商務(wù)網(wǎng)站與普通的電商網(wǎng)站在視覺設(shè)計(jì)上就有很大的區(qū)別。該網(wǎng)站集結(jié)了很多提升用戶興趣的關(guān)鍵點(diǎn)，比如視差滾動(dòng)、用標(biāo)識(shí)代替了大段文字內(nèi)容，以及用縮小圖片大小來(lái)加快網(wǎng)站打開速度等，這些看似細(xì)節(jié)化的問題卻為用戶的瀏覽體驗(yàn)加分不少。
所有的客戶都會(huì)對(duì)自己的網(wǎng)站很挑剔，但他們的挑剔可能只停留在表面的外觀設(shè)計(jì)上，所以，讓用戶體驗(yàn)來(lái)打動(dòng)客戶是一個(gè)很正確的選擇。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.z1277.cn