幫你提高網(wǎng)站瀏覽體驗(yàn)的5個(gè)建議   

1、一致性  

最重要的交互元素一定要友好，并且風(fēng)格一致。盡管在設(shè)計(jì)一款網(wǎng)站時(shí)，我們可以融入很多創(chuàng)新點(diǎn)和美學(xué)風(fēng)格，但是一些經(jīng)常使用、且重要的元素，風(fēng)格一定要一致，比如按鈕、鏈接、導(dǎo)航欄、表單等等。   

2、可讀性   

一般來(lái)說(shuō)，深圳網(wǎng)站制作網(wǎng)頁(yè)瀏覽者不會(huì)通讀全文，而是僅僅閱讀自己感興趣的部分。

眼動(dòng)研究展示了用戶(hù)最基本的瀏覽模式：從左到右，從上到下。因此，在設(shè)計(jì)時(shí)，要根據(jù)用戶(hù)閱讀習(xí)慣，合理進(jìn)行布局。

Ps 小建議：做足留白；圖像要大，這樣用戶(hù)才會(huì)停下來(lái)瀏覽；圖標(biāo)能增添讀者對(duì)文本的閱讀興趣；字體大小和種類(lèi)要有層次感；標(biāo)題要吸引人。  

3、速度    

如果頁(yè)面加載速度過(guò)慢，那么沒(méi)人愿意瀏覽。研究表明，加載超過(guò)4秒，會(huì)流失25%的用戶(hù)。    

Ps 小建議：使用頁(yè)面速度檢測(cè)工具來(lái)檢測(cè)網(wǎng)頁(yè)加載速度；利用CSS Sprites來(lái)減少所需加載文件的數(shù)量；設(shè)計(jì)風(fēng)格要盡量簡(jiǎn)約；通過(guò)Google Analytics分析回頭率，來(lái)驗(yàn)證加載速度提升是否有效。

4、關(guān)聯(lián)性    

定制化，是用戶(hù)體驗(yàn)設(shè)計(jì)的高級(jí)階段。

Ps 小建議：字體要大、要方便閱讀，這樣設(shè)計(jì)看起來(lái)就很經(jīng)典；簡(jiǎn)約的界面，導(dǎo)航起來(lái)更輕松。   

5、功能性    

當(dāng)用戶(hù)與設(shè)計(jì)進(jìn)行交互式，他們希望信息組織分明，功能完善。網(wǎng)頁(yè)設(shè)計(jì)的交互性其實(shí)很簡(jiǎn)單：操作起來(lái)舒服就好，華而不實(shí)的網(wǎng)頁(yè)設(shè)計(jì)只會(huì)流行一時(shí)。   

Ps 小建議：按鈕的辨識(shí)度要高，以便從頁(yè)面中脫穎而出；重要信息應(yīng)該高亮顯示，這樣用戶(hù)便會(huì)注意到最基本、最重要的信息；填表務(wù)求簡(jiǎn)潔高效。

4個(gè)流程幫你快速搞定運(yùn)營(yíng)設(shè)計(jì)   

1、需求分析  

需求分析分為：產(chǎn)品方向（目標(biāo)）、產(chǎn)品理解、審視頁(yè)面框架和交互的梳理、拆解全局這4個(gè)步驟。

產(chǎn)品方向  

熟知需求的方向，走什么風(fēng)格、目的是什么。比如提升流水、拉新、還是品牌宣傳等等。  

理解產(chǎn)品    

對(duì)產(chǎn)品深度理解和熟悉，要了解產(chǎn)品的屬性特征，深刻理解產(chǎn)品的背景、目標(biāo)及用戶(hù)群體特征。  

審視頁(yè)面框架和交互的梳理   

明確信息的層級(jí)結(jié)構(gòu)和排版的合理性，站在用戶(hù)的角度體驗(yàn)交互中的細(xì)節(jié)。  

拆解全局   

拆解全局、分類(lèi)規(guī)劃、讓層級(jí)更明確，方向更清晰，并能提出自己的見(jiàn)解，深度挖掘需求信息。

2、提取核心價(jià)值信息

    第一屏是頁(yè)面活動(dòng)中最重要的部分，直接影響到用戶(hù)對(duì)這個(gè)專(zhuān)題的了解，那么我們從用戶(hù)看到開(kāi)始，判斷最有價(jià)值的信息，為主題抓痛點(diǎn)。

    4W+1H

    What什么活動(dòng)主題？ Why有什么利益？ Who目標(biāo)人群？ When有何限制？How怎么參加？

    從用戶(hù)角度出發(fā)，利益點(diǎn)更加直接，比如做什么得什么，憑什么享什么。

    把最有價(jià)值的信息傳達(dá)給用戶(hù)是最根本的，其次是用設(shè)計(jì)將產(chǎn)品與用戶(hù)建立良好的關(guān)系，創(chuàng)造恰到好處的吸引力，平衡用戶(hù)的情感，控制注意力。

3、設(shè)計(jì)過(guò)程

    每個(gè)設(shè)計(jì)師肯定都有自己的收集百寶箱，挑選好的設(shè)計(jì)風(fēng)格和布局進(jìn)行參考，考慮品牌的統(tǒng)一性和專(zhuān)題的氛圍，拉近用戶(hù)的距離和加深用戶(hù)的品牌認(rèn)知。

    推陳出新，將產(chǎn)品與用戶(hù)建立良好的關(guān)系，與用戶(hù)達(dá)成良好的互動(dòng)，吸引用戶(hù)的注意力。

4、線(xiàn)上體驗(yàn)與總結(jié)

    項(xiàng)目總結(jié)與整理

    運(yùn)營(yíng)走的是短快線(xiàn)，那自然就要求我們要高效、快準(zhǔn)狠。給自己建個(gè)控件庫(kù)、模板庫(kù)吧。等相對(duì)成熟的時(shí)候推廣給大家用。從此之后“小快手”就是你的昵稱(chēng)！快速、高效、品質(zhì)就是你的代名詞。

    總結(jié)

    首先要解決用戶(hù)的基本需求，在此前提下考慮設(shè)計(jì)形態(tài)的可行性與實(shí)用性，運(yùn)用更加有趣好玩兒的與用戶(hù)建立良好的互動(dòng)，吸引用戶(hù)的注意力。其次對(duì)諸多細(xì)節(jié)的把控和相關(guān)規(guī)則的建立，以小見(jiàn)大、以點(diǎn)及面，最后品牌同一些和多樣性的協(xié)調(diào)發(fā)展。

10個(gè)技巧幫你設(shè)計(jì)旅游類(lèi)網(wǎng)站  

1、用戶(hù)需要一目了然的重點(diǎn)

    進(jìn)入酒店預(yù)訂網(wǎng)站或是板塊的用戶(hù)一般來(lái)說(shuō)目的性很強(qiáng)，他們心里其實(shí)已經(jīng)有了很完整的設(shè)想，而來(lái)到網(wǎng)站只是為了完成計(jì)劃。因此，讓用戶(hù)在首頁(yè)就直觀(guān)的看到他們需要的內(nèi)容，并且盡可能的減少其他不重要內(nèi)容的出現(xiàn)，這是一個(gè)提升用戶(hù)體驗(yàn)的好方法。

2、用合適的大圖作為背景

    用美觀(guān)的高清大圖作為網(wǎng)站背景似乎已經(jīng)成了一種萬(wàn)能的設(shè)計(jì)方法，一張大圖搭配簡(jiǎn)單的文字，就能輕輕松松讓網(wǎng)站變得莫名的高大上。在圖片的選擇上，“是否足夠美觀(guān)？”可能是我們一味的關(guān)注點(diǎn)，而“是否合適”也許對(duì)我們的整體設(shè)計(jì)更重要。這里所說(shuō)的“合適”包括很多方面，色彩、布局、大小，甚至圖片中表達(dá)的含義。

    3、切換圖片時(shí)減少誤點(diǎn)可能

    在酒店詳情頁(yè)中最受關(guān)注且最先出現(xiàn)的是關(guān)于酒店的一些圖片，而這些圖片內(nèi)容對(duì)用戶(hù)來(lái)說(shuō)可能又愛(ài)又恨。當(dāng)用戶(hù)正在瀏覽的時(shí)候會(huì)覺(jué)得圖片表現(xiàn)完整但有些雜亂，而當(dāng)用戶(hù)沒(méi)需求的時(shí)候又會(huì)因?yàn)橐恍┱５牟僮髟斐烧`點(diǎn)。如果網(wǎng)站能先展示一部分圖片，讓需要查看更多圖片的用戶(hù)點(diǎn)擊進(jìn)入一個(gè)專(zhuān)門(mén)的圖片板塊，并且對(duì)這些圖片進(jìn)行分類(lèi)，便于用戶(hù)有針對(duì)性的快速找到自己需要的內(nèi)容，這樣的設(shè)計(jì)才更符合用戶(hù)體驗(yàn)。

4、完整詳細(xì)的酒店信息

    酒店信息詳情頁(yè)中的信息內(nèi)容都大同小異，但一些細(xì)微的差別卻能令網(wǎng)站的用戶(hù)體驗(yàn)大相徑庭。大多數(shù)網(wǎng)站的介紹以“酒店簡(jiǎn)介”之類(lèi)的官方信息作為首要內(nèi)容，其實(shí)，用戶(hù)實(shí)際需要的并不是這些官方資料，與其息息相關(guān)的實(shí)用型內(nèi)容才是他們最關(guān)注的。

5、特別信息應(yīng)該特別標(biāo)注

    這里所說(shuō)的特別信息并不全部特指重要信息，也可以是一些網(wǎng)站方認(rèn)為需要引起用戶(hù)注意的優(yōu)惠信息、贈(zèng)送項(xiàng)目，或者數(shù)量提醒等。

    6、圖文并茂的生動(dòng)點(diǎn)評(píng)頁(yè)

    其他用戶(hù)的點(diǎn)評(píng)是很多正在選擇的用戶(hù)都會(huì)關(guān)注的板塊之一，這些點(diǎn)評(píng)意見(jiàn)可能會(huì)對(duì)他們的最終選擇起到很大的引導(dǎo)作用，因此這部分的設(shè)計(jì)更應(yīng)該被重視。常規(guī)化的劃分會(huì)讓用戶(hù)覺(jué)得沉悶單調(diào)，嘗試著設(shè)計(jì)一個(gè)活潑生動(dòng)的點(diǎn)評(píng)板塊，讓用戶(hù)更容易接受和認(rèn)可。

7、情感化預(yù)訂日歷

    預(yù)訂日歷雖然只是一個(gè)很細(xì)小的環(huán)節(jié)，但是用戶(hù)很容易在這里產(chǎn)生混亂，所以給予用戶(hù)及時(shí)的交互反應(yīng)變得格外重要，色差顯示或小批注都不會(huì)顯得多余。但在這部分的設(shè)計(jì)中也要注意，區(qū)域始終應(yīng)該保持整潔，不能因?yàn)閮?nèi)容多而疏忽視覺(jué)感受。

8、互動(dòng)產(chǎn)生反饋

    用戶(hù)在瀏覽任何網(wǎng)站時(shí)都喜歡有一種“我不是一個(gè)人在瀏覽”的感覺(jué)，所以每次鼠標(biāo)懸停產(chǎn)生的一個(gè)小動(dòng)作都會(huì)讓用戶(hù)覺(jué)得很溫暖。

9、拆分復(fù)雜的流程

    酒店預(yù)訂的流程大多不會(huì)很復(fù)雜，和一般網(wǎng)上購(gòu)物的流程大致類(lèi)似，但首次預(yù)訂的用戶(hù)可能會(huì)少了一些安全感，而拆分并且顯示整個(gè)過(guò)程就是消除用戶(hù)不安的最好方法。

10、減少輸入框和必填項(xiàng)

    滿(mǎn)屏的輸入框和標(biāo)記著紅色星號(hào)的必填項(xiàng)與生俱來(lái)著一種令人反感的視覺(jué)體驗(yàn)，而很多網(wǎng)站恰巧就是這么做的！為什么一定要讓用戶(hù)必須先注冊(cè)才能預(yù)訂或者購(gòu)買(mǎi)？這種強(qiáng)制性的行為要求會(huì)讓用戶(hù)覺(jué)得自己處于很被動(dòng)的位置。如果網(wǎng)站能以柔和的態(tài)度解決登錄注冊(cè)問(wèn)題會(huì)不會(huì)更好？