• 
• 
• 
• 
• 
• 
• 

知識普及 ? 網(wǎng)頁設(shè)計與用戶瀏覽體驗-分析

網(wǎng)頁設(shè)計與用戶瀏覽體驗-分析

網(wǎng)頁設(shè)計師 于2020-05-18 11:48發(fā)表 閱讀次數(shù) 2294次

我們的網(wǎng)站設(shè)計師在進行青島網(wǎng)頁設(shè)計時往往希望加入很多自己的想法和創(chuàng)意效果，但是經(jīng)常會出現(xiàn)自我感覺良好的特效，但卻直接破壞了用戶的瀏覽體驗，特別是在做flash站的時候，往往犯一些比較坑爹的錯誤，比如讓瀏覽者找不到導航欄，在首頁找不到進入內(nèi)頁的按鈕。下面介紹幾個比較常見的例子。 　　可能會有人覺得反正minisite就幾個頁面而已。無需過多考慮頁面信息布局問題。但既然是網(wǎng)站，自然想讓頁面有更高的粘度，而用戶體驗的會對其產(chǎn)生一定的影響。如果每個頁面的導航雖然很有創(chuàng)意但用戶使用起來很不方便，那么即便是再有創(chuàng)意也會因為難以使用而令人產(chǎn)生反感不想繼續(xù)瀏覽下去的想法。 　　網(wǎng)頁設(shè)計，導航欄就應該像是導航欄、信息區(qū)域就應該像是信息區(qū)域。沒有人喜歡用鼠標不斷的在看似可點擊的區(qū)域去嘗試點擊。下面是總結(jié)的一些點： 　　導航欄 　　網(wǎng)站的導航欄目的很明確：導航網(wǎng)站，用戶可快速訪問網(wǎng)頁。那么導航也就需要讓用戶輕易找到，并且展示方式也需要有效率(把所有的內(nèi)容都堆放在導航欄上也會令用戶感到頭大)。 　　參考網(wǎng)站： 　　ContentOf 　　即便是已經(jīng)閱讀”關(guān)于我們”頁面并文字里有許多的隨機鏈接，哥還是很疑惑這個頁面到底是不是打醬油用的。最合適的猜測可能這是個人介紹頁面，而亂七八糟的鏈接和找不到導航欄，哥只能帶著困惑和不解離開這個網(wǎng)站。 　　SelfTitled 　　隱藏的菜單與類目不清楚導致網(wǎng)站導航難以使用。當訪客想找到他想了解的類目將會是非常困難的。 　　尊重原有的習慣 　　網(wǎng)站的布局是可以稍微有變化的，但是太大的變化會讓人無所適從。 　　參考網(wǎng)站： 　　LegoClick 　　網(wǎng)頁的滾動通常是從左至右，從上到下。而這個坑爹的網(wǎng)站卻是從網(wǎng)頁底部開始。加上不能關(guān)閉的關(guān)閉按鈕和其他些小問題，你會覺得樂高這個網(wǎng)站很莫名其妙(雖然設(shè)計很漂亮)。 　　KyleTezak 　　這是另一個視覺效果很好但由于糟糕的用戶體驗會引起訪客不爽的案例。網(wǎng)站上沒有固定的導航欄，而只是個懸浮著的固定導航條(感謝江列農(nóng)同學的糾正)。如果要找到聯(lián)系方式，需要到左下角點擊”Information”(信息)。使用更傳統(tǒng)的方式將有助于提升訪客體驗：例如，放一個電子郵箱或是將文案改為”contactinformation”(聯(lián)系信息)，亦或是在頁面底部添加聯(lián)系方式。這是典型的通過細節(jié)提升用戶體驗的方式。 　　善用首屏 　　首屏的是非常之重要的。也不講什么因為所以了，單看看門戶網(wǎng)站的報價單就可以知道，往往首屏廣告的價格是二屏的2倍! 　　參考網(wǎng)站： 　　BioBak 　　這是另一個拖動方式進行導航的網(wǎng)站，很顯然它對于這種導航方式自我感覺非常良好。從視覺/樂趣角度來說是個好網(wǎng)站，但設(shè)計公司設(shè)計了用戶體驗很糟糕的導航方式：必須要使用鼠標滾輪才能看到比首屏更多的內(nèi)容。 　　可點擊的內(nèi)容 　　首先，鏈接應該是看上去就像鏈接。而不要讓用戶拿著鼠標在頁面上面漫游的查找(通過鼠標的指針形狀變?yōu)槭中?。更極端的情況是：連手型都沒有。特別是要注意flash中按鈕的hit區(qū)域。 　　參考網(wǎng)站： 　　PrismGirl 　　易用性差的網(wǎng)站通常都有同樣的通病。當哥在這么漂亮的網(wǎng)站上看不到導航時，就不得不用鼠標亂戳的方式查找鏈接。這個網(wǎng)站很漂亮但也非常復雜，復雜到我們需要花費一個小時來找鏈接，但你可能都猜不到點擊跟隨鼠標的圖標方式進入網(wǎng)站。并且，這個網(wǎng)站除了令人印象深刻的設(shè)計之外就沒提供個毛內(nèi)容出來!

網(wǎng)頁設(shè)計與用戶瀏覽體驗-分析相關(guān)標簽：設(shè)計網(wǎng)頁，網(wǎng)站制作方案，設(shè)計網(wǎng)站，網(wǎng)站建設(shè)公司

相關(guān)熱點推薦

網(wǎng)頁設(shè)計中的功能與美化 寫網(wǎng)頁內(nèi)容需要注意些什 青島網(wǎng)站制作之SEO標 網(wǎng)頁界面設(shè)計教程二：與 網(wǎng)頁的設(shè)計中應注意內(nèi)容 交互設(shè)計與視覺設(shè)計哪個 罕見網(wǎng)站設(shè)計心得 優(yōu)化過程中如何快速收錄 用戶體驗影響客戶信任值 網(wǎng)站建設(shè)經(jīng)驗之制版篇— 用戶體驗展示形式 網(wǎng)站建設(shè)中友情鏈接的作 網(wǎng)站目錄改版后做網(wǎng)址跳 發(fā)布的高權(quán)重文章被轉(zhuǎn)載 微信APP的H5活動頁 40種網(wǎng)站設(shè)計常用技巧 引發(fā)思考的細節(jié)設(shè)計 值得重視的網(wǎng)站建設(shè)方面 網(wǎng)站制作必須要注意的事 一起探討百度快照回檔的 青島網(wǎng)站設(shè)計哪家好？ 網(wǎng)頁設(shè)計細節(jié)的處理 網(wǎng)頁界面設(shè)計教程四：色 如何創(chuàng)造高質(zhì)量內(nèi)容的原 一個設(shè)計師談怎么樣才能 什么是cache緩存 分析網(wǎng)站建設(shè)的特點 使用預定義框架集為網(wǎng)頁 網(wǎng)頁鏈接顏色的用戶體驗 為什么你的網(wǎng)站沒流量？ 網(wǎng)站關(guān)鍵詞暴跌的原因分 面向未來的搜索引擎優(yōu)化 告訴你企業(yè)app客戶端 網(wǎng)站做哪些友情鏈接能提 快照又回到以前的了，是 現(xiàn)在高端的網(wǎng)站設(shè)計都有 網(wǎng)站制作之圖形處理技術(shù) 談談在網(wǎng)站SEO中的分 標題優(yōu)化技巧 談網(wǎng)站設(shè)計的10個要點

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務，同時歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點地區(qū)：青島網(wǎng)站建設(shè)價格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶