成人极品影院_久久综合亚洲色hezyo国_www.在线视频_奇米777四色精品综合影院_土壤污染状况调查_人人草人人插

新聞動態(tài)
簽約信息
公司信息
行業(yè)資訊

如今仍然存在的十大錯誤網(wǎng)站設計別再用了

 發(fā)布時間:2018-09-22     瀏覽次數(shù):2.7k     作者:斑驢互聯(lián)

跟以往相比,網(wǎng)站設計不斷地在完善,不過有些錯誤依然存在,下面斑驢互聯(lián)小編就把最常見最致命的十個錯誤的網(wǎng)站設計羅列出來,你們可要認清楚了,一定要在做網(wǎng)站設計的時候,避免出現(xiàn)這樣的錯誤。
1. 內(nèi)容位置不合預期
不能被用戶發(fā)現(xiàn)的信息沒有使用價值。許多網(wǎng)站,導航的類目字段表達不詳、亦或點擊后所呈現(xiàn)內(nèi)容與該類目關聯(lián)不大。還有一些網(wǎng)站,忽視了用戶的想法,直接按公司自己的思路去構架信息。如果網(wǎng)站的內(nèi)容結構與用戶的心理模型南轅北轍,用戶就找不到想要的信息。
讓用戶參與到網(wǎng)站設計中來。做一些簡單的可用性研究幫助你的網(wǎng)站被用戶讀懂,比如卡片分類、樹形測試、可用性測試。


http://www.fzgh99.com/storage/uploads/20180922/3de9ad443e67f5133debdfcc6b1e0a30.png


(圖1)網(wǎng)站ATT.com:用戶原本期望點擊“Smartphones”后看到買賣舊手機的信息,但是該網(wǎng)站卻把它放到了“Existing Customer”下。
2. 鏈接之間/導航各選項之間邊界模糊
用戶一旦分不清兩個相似的鏈接或導航選項,將難以找到獲取信息的最佳路徑。各鏈接/各導航選項之間、各鏈接/各導航選項與網(wǎng)站其他鏈接/導航選項之間要定義準確、邊界清晰。倘若有多個模塊或頁面都在介紹同一則息,為了驗證它們的異同,用戶就得一個一個確認,或費力猜測哪個才是用起來最方便的。再不然,用戶會直接使用搜索功能,或者干脆放棄你的網(wǎng)站。


http://www.fzgh99.com/storage/uploads/20180922/dad009702200765abbdb5a057202ffe0.png


(圖2)網(wǎng)站BAM Construction:想了解建筑項目細節(jié)的用戶無法判斷該點擊“Who We Are”、“What We Do”、還是“How We Do It”。很多用戶選擇了“What We Do”,然而頁面打開卻發(fā)現(xiàn)是公司服務類型的簡介。建筑項目的細節(jié)信息被放到了“How We Do It”里。
卡片分類和可用性測試可以幫助設計師避免這一問題。各鏈接語義邊界模糊,罪魁禍首是內(nèi)容策略的失敗。原因可能有二:
1.鏈接命名不當。不同的鏈接應引導用戶查看不同的內(nèi)容,但出于某些原因,有些鏈接使用了語義相似的字眼。這種情況下,我們只需對有問題的鏈接進行重命名、以作徹底區(qū)分。
2.內(nèi)容區(qū)分失敗。如果多個鏈接打開的不同頁面在內(nèi)容上有強關聯(lián)、且信息重疊,我們需要對這些內(nèi)容進行重組,以突出各個頁面的內(nèi)容重點。
3. 信息孤島
有些網(wǎng)站只零散著幾條信息,且信息之間沒什么關聯(lián)。
有的用戶看到這種“孤獨”且無法點擊的信息,會覺得網(wǎng)站其他頁面的內(nèi)容也一樣淺薄。找不到額外有用的信息,他們最終會流失到競爭對手那兒、或直接自行Google查詢。
也有用戶試著重新訪問,結果卻發(fā)現(xiàn)信息出現(xiàn)在預期之外的地方,而且與第一次看到的內(nèi)容樣式完全不同。還有用戶的確找到了這些“孤獨”的信息,卻得費勁心思把它們拼湊在一起。不管怎樣,這都給用戶留下了極差的印象。
從公司角度看,這種設計方式不但造成了糟糕的用戶體驗,也暴露了其失敗的內(nèi)容管理策略——某一模塊信息重復,不同模塊本該相同的信息卻彼此不同或矛盾。
一種解決方案是為內(nèi)容相關的不同頁面提供相關鏈接。還有一種更好的方案,就是反思自己的網(wǎng)站信息為何都如此“孤獨”,然后重新整合構架、并在最合適的地方提供鏈接。與其不斷重復相同的信息,不如在網(wǎng)站其他頁面加上鏈接,鏈到信息首次出現(xiàn)的位置。
4. 點擊次數(shù)過多
即使用戶可以明確目標信息的位置,體驗也仍會被意外出現(xiàn)或冗長的操作中斷。
網(wǎng)站設計團隊經(jīng)常會念叨用戶在獲取目標內(nèi)容前應該點擊幾次。其實沒有“魔法數(shù)字”——點擊的質量遠比數(shù)量重要。原則上,用戶每點擊一次,就應該離目標內(nèi)容近一點。如果反復讓用戶點擊,只會激怒他們、浪費他們的精力。
設計師有時忘記規(guī)劃用戶查找內(nèi)容的路徑,導致網(wǎng)站頁面之間缺乏關聯(lián)。所以,在正式設計前請先分析透徹用戶的操作路徑,想想有沒有更簡短的方案。


http://www.fzgh99.com/storage/uploads/20180922/81e7db573e6fe10f118d899d18c6bd97.png

http://www.fzgh99.com/storage/uploads/20180922/808bcc0673e24188f210a56f3573b510.png


(圖3)&(圖4)網(wǎng)站NYC.gov:用戶點擊“Find a Firehouse”后,發(fā)現(xiàn)又要點擊一次僅在拼寫上有大小寫差異的“Find a fire house”,頓時萬分無奈。
5. 價格隱藏
在決定為某事物買單之前,用戶需要了解相關價格、訂閱費、便利費、附加費等。43個研究對象中有兩三家網(wǎng)站價格信息獲取路徑太過復雜。比如,要在AARP的網(wǎng)站查到會費價目,須得完成好幾步不必要的會員購買流程。請記住,在執(zhí)行復雜操作流程前,先讓用戶了解到基本信息。
6. 用戶被困子級頁面
要為特殊內(nèi)容設計單獨頁面或子級頁面的網(wǎng)站需小心,別把你的用戶困在其中。215位被訪用戶中有很多人表示都曾有這樣的糟糕體驗:莫名進入新頁面,且找不到返回主站的鏈接。他們中的有些會通過點擊瀏覽器自帶的返回鍵、或重新輸入網(wǎng)址,以返回主站。但也有相當一部分人表示根本就沒有注意到自己是怎么來到新頁面的(因為主頁和子級頁面長得太像),并一直納悶剛才的導航怎么不見了。
因此,設計子級頁面時請仔細斟酌。如有此業(yè)務需求,請為用戶提供明顯的返回鏈接。


http://www.fzgh99.com/storage/uploads/20180922/23f7e0ae97c4e739a463630ac6e20846.png

http://www.fzgh99.com/storage/uploads/20180922/e9b8c9084e4eaeff2d16180913de355b.png


(圖5)&(圖6)英國紅十字會網(wǎng)站:其主頁首屏和子級頁尾屏十分相似:一樣的LOGO,一樣的導航選項(What We Do)。想查找first aid course的用戶被帶到子級頁后瞬間迷茫,不知如何返回。
7. 搜索結果不理想
萬不得已時,用戶會使用搜索功能。當目標非常明確時,用戶也會先行搜索。無論是哪種場景,我們的網(wǎng)站都應該確保為用戶提供強大的搜索結果。
可惜,對許多網(wǎng)站來說搜索功能是它們的致命缺陷。有的網(wǎng)站,搜索結果與搜索詞不匹配;有的網(wǎng)站,搜的結果隱晦不詳。有的搜索結果不但不符合語法句法規(guī)范,提供的描述也毫無利用價值,不禁讓用戶困惑怎么搜出這么不相干的信息。有的搜索結果還帶有外部廣告,直接把用戶導流到其他網(wǎng)站去了。
請密切關注用戶的搜索記錄,進一步了解用戶行為,挖掘搜索功能的不足。通過對搜索結果打標,如“最佳匹配搜索結果”,提高搜索精準度。
8. 過濾與分面導航錯誤
過濾(filters)和分面導航(faceted navigation)通常有助于提高用戶體驗。它們幫助用戶排除干擾元素,找到準確的搜素結果。然而,隨便給網(wǎng)站加上這兩種工具的話,并不能優(yōu)化用戶體驗。這兩種工具需幫助真正用戶滿足其真正需求。
圓梓解說:過濾是指在一定篩選條件下,把不相關的內(nèi)容排除,濾出用戶想要的結果;過濾是單維度的。分面導航和過濾的本質思想一致,可以看作是多維度的過濾,靈活性更強、搜索結果更精準;分面導航在電商網(wǎng)站中尤為常見。
過濾和分面導航為用戶限定了篩選結果范圍,不同的篩選條件可滿足用戶不同的搜索需求。比如企業(yè)員工可以通過刪選文件類型、日期或者主題來搜索上一周的PPT;電商網(wǎng)站的用戶可以通過鞋跟高度挑到喜歡的鞋子,也可以根據(jù)保暖級別選出最中意的外套。
有的網(wǎng)站把過濾和分類導航看成是全能的,幻想自己可以“包治百病”。結果其篩選條件并未關聯(lián)全部內(nèi)容類型,導致結果不準。同時,我們也要注意切不可把用戶推入“非此即彼”的僵局。家具用戶可能想選藍色椅子,也可能要挑藍色以外的其他顏色的椅子。兩種場景都要考慮到。
電商網(wǎng)站的商品必須被準確打標,以保證篩選結果的高度相關。比如,在AARP網(wǎng)站搜索“雞肉烹飪食譜”,排行前10的結果里竟然有6個都和雞肉無關。


http://www.fzgh99.com/storage/uploads/20180922/9cc131b22aa37d90f82bf64338cff9c3.png


(圖7)網(wǎng)站Maplin.com:用戶想在該網(wǎng)站搜索50英鎊以下的藍牙音箱,卻發(fā)現(xiàn)左下方的篩選條件不能幫自己查詢到匹配結果,只好每個價格范圍都點擊一下,然后自己在心里計算哪些商品適合自己。
9. 用戶被迫閱讀大量信息
網(wǎng)站信息組織不當,容易造成用戶迷失。大量的文本信息既枯燥又增加了閱讀難度。同時也挑戰(zhàn)著用戶耐性。
請記住,網(wǎng)站用戶習慣于瀏覽、而不是精讀。使用簡短的句子、段落、項目列表、標題及粗體關鍵詞,確保用戶輕松抓取關鍵信息。


http://www.fzgh99.com/storage/uploads/20180922/86487363aec554bbf1e03cbdaed60b1d.png


(圖8)網(wǎng)站The Headphone.com:Shure SRH440 Studio頭戴式耳機詳情描述太過冗長,大篇幅的展示讓用戶很難抓取到關鍵信息,無法迅速判斷該耳機與其他耳機的區(qū)別。
10. 鏈接隱藏
我們的可用性研究常年發(fā)現(xiàn),用戶經(jīng)常忽略與廣告長得相似、或被放在廣告位的鏈接內(nèi)容。列在廣告周圍的鏈接更是被用戶“打入冷宮”。
設計師有時會通過增加一些設計元素,比如邊框、背景色或圖像等,使之更突出。可惜事如愿違,用戶依舊不買賬。鏈接內(nèi)容設計得越花哨,越容易被用戶當成廣告。


http://www.fzgh99.com/storage/uploads/20180922/f3979d6d64d3d7dbc8307de4b3a0b505.png


(圖9)網(wǎng)站Pitfield London:該頁展示了Pitfield Cafe的營業(yè)時間,并在右側設計了菜單鏈接,鏈接下面是一杯熱騰騰的咖啡;咖啡的下面是一列廣告位。這種設計很難讓用戶找到菜單鏈接。
再接再厲
可以確定的是,沒有哪位設計師愿意產(chǎn)出糟糕的網(wǎng)站。既然這些錯誤設計已存在多年,為何它們的設計師不愿意“自我迭代”呢?這背后的原因大概能聊上三天三夜。這10條錯誤設計里,有幾條反映的是構架失敗的問題。比如:
網(wǎng)站信息結構出錯,可能與公司組織結構和內(nèi)部政策有關。
網(wǎng)站內(nèi)容出錯,可能由公司部門之間缺乏溝通、未遵循總體內(nèi)容策略造成。
糟糕的搜索結果,可能源于內(nèi)容管理系統(tǒng)混亂,內(nèi)容打標有誤、漏打,搜索工具不完善。
深究這些錯誤設計的原因,遠不如修正錯誤重要。只要在網(wǎng)站設計過程中多做些用戶研究和可用性測試,多關注研究結果,以上多數(shù)錯誤都可以輕松避免。
沒有完美的網(wǎng)站。每一個網(wǎng)站都會有這樣那樣的問題:該表單字段有問題,該段文本編輯不當,該導航還缺一個選項等等。只要能發(fā)現(xiàn)問題、及時修改即可。
另外,做用戶研究時不要忽視了之前的研究報告。隨著日后設計偏好的變化,這些歷史報告可以反復提醒你避免再次犯錯。


標簽: 南昌網(wǎng)站建設公司/南昌做網(wǎng)站的公司/南昌微信小程序/南昌APP開發(fā)/—斑驢互聯(lián)

分享本文
每個作品都是一次思維與靈魂的碰撞
斑驢互聯(lián)在南昌一直向著“做業(yè)內(nèi)一流互聯(lián)網(wǎng)設計團隊”這一愿景努力,不斷提升對網(wǎng)站高端設計,微信公眾號/小程序開發(fā)等產(chǎn)品的用戶體驗
400 0791 158
主站蜘蛛池模板: 真实国产乱子伦在线视频_女人来高潮水多视频_亚洲天堂字幕_少妇被粗大的猛烈进出免费视频_久久久成人免费视频_毛片A级放荡的护士 | 午夜欧美成人_中文字幕乱人伦高清视频_亚洲AV久久精品狠狠爱AV_爱色av网址_欧美老妇多毛XXXXX极瑞视频_人妻与子交毛片 | 99热新_欧美性成人_91超碰在线播放_91av中文字幕_久re在线_www.久久久久久 | 中文学幕专区_久久天天插_yw.尤物在线精品视频_五月天天爽天天狠久久久综合_朝鲜美女黑毛bbw_77tv色成人 | 久久人人超碰_亚洲色精品三区二区一区_日本WWW网站色情乱码_久久女同互慰一区二区三区_寂寞少妇饥渴难耐自慰_日产精致一致六区麻豆 | 99久久国产综合精品女乱人伦_免费一级a一片久久精品网_久久久快播_日本啪啪网站_久久成人综合_日韩精品无码一区二区 | 免费欧美一级片_天天撸夜夜操_免费不卡av在线_欧美精品一区二区三区蜜臀_久久人妻夜夜做天天爽_欧美福利网 | 伊人夜色精品一区二区三区_日韩在线三区_日韩在线视频欧美_玖草资源_日本免费高清一本视频_国产精品网站视频 91在线短视频_国产精品久久艹_91视频大全_超碰97人人模人人爽人人喊_japanese在线观看精品视频_久久精品国产99久久久小说 | 97AV麻豆蜜桃一区二区_黄色一级片av_日本视频中文字幕一区二区三区_91精品一区二区三区久久久久久_操人视频在线免费观看_男女啪啪高潮无遮挡免费 | 6080午夜三级中文在线观看_思热99re视热频这里只精品_中文字幕在线观看一区二区三区_亚洲第九十七页_黑人白浆_伊人久久影视 | 亚洲国产成人久久久网站_日韩系列在线_精品无人乱码高清m5535_亚洲深夜福利在线_色在线中文字幕_九色自拍 | 国产乱人伦偷精品视频下_人妻丰满熟妇av无码区_天天操操夜夜操操_91精品国产一_欧美日韩免费在线视频_五月综合色婷婷在线观看 | 日韩欧美国产成人一区二区_黑人性受xxxx黑人xyx性爽_xxxxx免费视频_一区二区三区免费中文视频_久久黄色一级片_又爽又黄无遮拦成人网站 91av在线免费_日韩三区视频_久久丫精品_视频一区视频二区欧美_久久免费看片_永久免费观看午夜成人网站 | 午夜少妇福利_亚洲av无码成人精品国产_国产亚洲精品久久久久四川人_老司机福利片_在线看一级毛片免费视频播放_国产亚洲精品成人av久久果冻 | 国产小视频免费在线观看_国产精品嫩草69影院_国产日韩久久免费影院_在线观看国产一区二区_水蜜桃成视频人在线看_偷拍视频久久 | 激情五月天色色狼婷婷_成人网站免费视频可能被黑_亚洲精品白浆高清久久久久久_国产又粗又猛又爽的视频A片_永久精品_浪货跪下给我好好含着羞辱调教 | 国产在线拍小情侣国产拍拍偷_久久一级毛片_小13箩莉黄瓜自慰喷白浆_亚洲AV无码专区在线厂_99久久无码一区人妻A片孕妇_蜜桃中文字幕 | 日韩三级网址_97色偷偷色噜噜狠狠爱网站97_日韩av一区在线观看_在线观看网站黄_国产精品无码AV在线播放_在厨房被C到高潮A毛片奶水 | 神马久久免费视频_未禁18成禁人免费无遮挡_操你啦青青草_秋霞国产午夜伦午夜福利片_国产视频激情_爱爱视频免费在线观看 | 日本免费看视频_69pao强力打造_亚洲AV伊人久久综合密臀性色_国产真实伦在线观看_国产综合精品一区_强行扒开女同学腿看屁股眼 | 91av在线免费_日韩三区视频_久久丫精品_视频一区视频二区欧美_久久免费看片_永久免费观看午夜成人网站 | 日日摸夜夜添夜夜添高潮视频_www.17c.com91嫩草_国产精品人妻无码久久久郑州_久热中文_亚洲av激情毛片九色一区_日本无码欧美激情视频二区 | 亚洲色无码中文字幕伊人_毛片免费在线观看_黄色片免费看视频_免费看91的网站_成人毛片大全_日韩女优网站 | 777色婷婷_久久伊人中文_日韩1区_国产视频2_成人电亚洲在线_看全黄大色黄大片美女人 | 12av在线_把少妇弄高潮了www_日韩成人久久_亚洲免费精品网站_麻豆成人在线视频_香港三级a∨在线观看 | 性无码一区二区三区在线观看_私人影院在线观看_男人插女人在线观看_亚洲精品图片_欧美性色黄大片www_久久99热精品免费观看 | 婷婷四虎东京热无码群交双飞视频_好大好硬好爽免费视频_亚洲AV男人的天堂网址在线观看_成人午夜天_国产成人免费9x9x_国产伦精品一区二区三区免费优势 | 中文字幕在线观看免费视频_天天躁日日躁狠狠躁一区_女人与公拘交酡全过女免费_日本女人b_中文无码人妻影音先锋_狠狠色噜噜狠狠狠狠黑人 | 99亚洲国产精品_丰满熟女大屁股水多多_亚洲国语_日本五十路一区二区三区在线观看_婷婷日日夜夜_久久国产精品免费看 | 免费a级片在线观看_成人无码WWW免费视频_日本xxxx色视频在线观看免费_亚洲成人入口_国产欧美另类久久精品_一级淫片aaaaaaa蜜桃 | 国产最新地址_亚洲AV无码一区二区三区网站_久久久av大桥未久一区二区_久久国产精品99国产_挺进长腿秘书的臀缝耸动小说_亚洲精品中文字幕视频 | 优优人体大尺大尺无毒不卡_一级片视频网站_97色伦97色伦国产欧美_九九九视频在线_国产一区免费视频_www.xxx麻豆 | 精品视频一区二区_中文字幕亚洲欧美_99久久精品国产一区二区_一区二区无码免费视频网站_久久国产精品免费视频_成人亚洲国产精品一区不卡 | 国产高清视频在线播放_国产丰满农村老妇女乱_国产精品欧美在线视频_国产精品久久久91_麻豆男女午夜福利视频_www.日 | 国产一区在线不卡_天天干夜夜草_久久九九看黄一片_亚洲91影院_国产99国产精偷国产黄在线欧洲_ysl蜜桃色成人网 | 亚洲AV午夜成人影院老师机影院_国产亚洲精品久久7788_亚洲一级一级一级_色视频观看_妺妺窝人体色聚窝窝WWW_久久久久久久久四区三区 | 亚洲成亚洲成网_黑鬼吊太大少妇尖叫_50熟妇熟乱xx×毛片_国产亚洲精品久久久久久_国产SUV精品一区二区五_成年人午夜影院 | 国产在线黄色_日本一级床片_91在线永久_成人h动漫亚洲一区二区_97国产精品亚洲精品_日本www一道久久久免费 | 日本二级黄色片_女人喷液抽搐高潮视频_任你操在线视频免费观看_中国一级大毛片_啊灬啊灬啊灬快灬喷水了_国产好爽又高潮了毛片91 | 波多野结衣中文在线_丰满多毛少妇做爰视频爽爽和R_91精品毛片_国产精品对白久久久久粗_蜜桃影片在线播放网站免费观看_疯狂做受ⅩⅩⅩⅩ高潮高清视频 | 国产片av不卡在线播放_日本爽快片18禁片_桃色福利影院_中文字幕久久久久人妻中出_亚洲成av人片一区二区三区_男人的天堂免费A级毛片无码 |