成人极品影院_久久综合亚洲色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://m.fzgh99.com/storage/uploads/20180922/3de9ad443e67f5133debdfcc6b1e0a30.png


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


http://m.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://m.fzgh99.com/storage/uploads/20180922/81e7db573e6fe10f118d899d18c6bd97.png

http://m.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://m.fzgh99.com/storage/uploads/20180922/23f7e0ae97c4e739a463630ac6e20846.png

http://m.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://m.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://m.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://m.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级毛片免费_麻豆一区二区三区四区精品蜜桃_午夜dj影院_国产九九九视频 | 色久悠悠综合图区国产精品_国产区在线观看成人精品_妙手房术在线观看_色小姐综合网_久草中文在线_国产一区二区欧美精品 | 久久99九九_被男人添B超爽视频免费_美女网站视频久久_国产高清在线不卡_中国一级特黄真人毛片_国产福利精品一区二区三区 | 91人人澡人人爽_成人免费区一区二区三区_蜜臀影音_欧美一级一级_国产二三区_91国模 | 久久爱网_久久亚洲精品成人无码网站_夜夜躁狠狠躁日日躁视频黑人_四虎成人免费观看_精品久久久久久久久久久国产字幕_国产精品国产三级国产三不 | 精品视频麻豆入口_在线播放欧美日韩_亚洲日本香蕉视频_成人网站YSL千人千色_亚洲小视频在线观看_原创国产精品91 | 性一级毛片_看看黄色毛片_91国自产区一二三区_亚洲国产激情一区二区三区_天天夜夜操操_中文字幕乱偷在线小说 | 真实国产乱子伦在线视频_女人来高潮水多视频_亚洲天堂字幕_少妇被粗大的猛烈进出免费视频_久久久成人免费视频_毛片A级放荡的护士 | 精品成人A人无码亚洲成A无码_无码精品人妻一区二区三区影院_欧美老熟妇又粗又大_91视频三级_av在线播放一区二区_欧美精品一区在线播放 | 久久免费播放_九九热在线精品视频_国产综合福利_日本二区_黄色成年_91女上位在线播放 | 青青草在线播放_国内精品久久久久久影院_精品无码一区二区三区爱欲九九_快色视频在线观看www_亚洲不卡无码永久在线_日本在线三区 | 深夜精品福利_成人在线免费视频播放_亚洲成人视屏_精品国产欧美另类一区_亚洲国产精品成人久久蜜臀_国产精品亚 | 隐龙老爸风华绝代短剧免费观看_自拍偷拍视频在线观看_欧州一区二区_成人污污www网站免费丝瓜_成年人免费看_欧美性性性性性色大片免费的 | 亚洲成人久久精品_欧洲成人在线视频_一级片黄色_欧美性猛交99久久久久99按摩_国产嫩草91_亚洲jizzjizz女人 | 久久久免费毛片_色先锋资源久久综合5566_91视频久久_国产精品自拍99_一级毛片欧美真人视频_亚洲欧美日韩中文无线码 九九热综合_亚洲综合精品成人_欧美a在线视频_国产性色AV内射白浆肛交后入_日皮免费视频_亚洲国产欧美另类 | 少妇特黄一区二区三区美国毛片_国产综合成色在线视频_久久毛片少妇高潮免费看_二级大黄大片高清在线视频_一级黄色大片在线观看_在线看片人成视频免费无遮挡 | 黄色影视在线免费观看_噗嗤噗嗤高清在线视频www_2020最新久久久视精品爱_开心激情站_精品少妇人妻av无码专区_久久午夜伦理 | 亚洲毛片av_99热精品国产麻豆_一区二区丝袜_精品91av_天堂网www在线资源链接_麻豆精品视频 | 嫖妓丰满肥熟妇在线精品_免费黄色观看_偿还的影视高清在线观看_国产黄色在线网站_国产免费AV片在线播放唯爱网_免费观看特级毛片 | 91精品啪在线观看国产91九色_综合日韩欧美_免费无码毛片一区二区三区A片_97人人人_国产微拍精品一区二区_亚洲综合久久av | 波多野结喷水最猛一部352_片在线免费观看_欧美韩一区二区_国产乱子伦一区二区三区视频播放_免费视频精品_日韩在线观看av | 久热精品免费_日韩av福利_欧美午夜片欧美片在线观看_天天操夜夜操夜夜操_无码中文字幕人妻在线一区_一区二区三区免费看 | 52gao在线视频_欧美视频一级_av成人免费网站_久久精品国产一区二区_国产中文字幕在线_91美女高潮出水 | 欧美黄片免费观看_久久91视频观看_黄色星星_黄色视屏免费看_国产精品美女自拍视频_yp在线 | 2020国自产拍精品露脸快速_亚洲日韩国产欧美一区二区三区_99精品久久久久久久_久久春色_亚洲精品一二区_国产成人精品免高潮在线观看 | 大青草网站_免费乱理伦片在线观看2017_最近中文字幕mv2018在线高清_久久婷婷五月综合色欧美_伊人影院在线视频_日韩一道本 | 男人网站在线_成人在线综合_国产精品久久av一区二区三区_日韩福利在线观看_猫咪免费人成网站在线观看_国产在线色视频 | 精品视频一区二区_中文字幕亚洲欧美_99久久精品国产一区二区_一区二区无码免费视频网站_久久国产精品免费视频_成人亚洲国产精品一区不卡 | 人妻AV无码专区久久_国产精品大白天新婚身材_久久久在线视频_日韩网红少妇无码视频香港_亚洲精品国产成人无码区A片_欧美久久综合 | 国产婷婷激情综合三区_国产视频亚洲一区_精品九九久久_国产网色_天堂色在线_www.在线观看麻豆 | 成年女人免费v片_国产精品免费高清_日本高清一区二区三区四区_第一福利社区1024_中国黄色软件_国产视频久久久 | 91人人_色视频软件_久久久国产精品一区二区中文_chineSe熟女老女人HD_国产精品久久香蕉_亚洲精品.com | 久草爱视频_久久久噜噜噜久久中文字幕色伊伊_女人高潮抽搐流白浆视频_99精品老司机免费视频_久久亚洲精品无码AV_a一区二区 | 久热精品免费_日韩av福利_欧美午夜片欧美片在线观看_天天操夜夜操夜夜操_无码中文字幕人妻在线一区_一区二区三区免费看 | 欧美青青_国产福利网站_黄色a∨_成人在线免费网站_少妇伦子伦精品无码_av淘宝国产首页在线 | 中文日产幕无线码一区二区_久久久久一区二区三区四区五区_成年人精品视频在线观看_色就是色欧美亚洲_偷窥中国老太XXXX_日本免费一区二区三区最新vr | 亚洲资源视频_国产情侣真实露脸在线_四色av网站入口_日本一区二区三区日本免费_国产91天堂素人系列在线播放_欧美gv在线 | 国产在线观看无码不卡_熟女丝袜潮喷内裤视频网站_国产一区欧美一区_国语精品_欧美黄色片在线_99热影视 国产性精品_久久精品无码人妻属于什么级别_成人性视频在线_久久超碰免费_国产精品综合久久久久_激情偷乱人伦在线视频 | 给我看免费播放的视频_国产一级a爱片在线观看视_欧美精品一区二区三区一线天视频_成人日韩视频_好吊妞视频在线观看_caoni视频 | 国产午夜在线视频不卡_中文精品一区_日日爱夜夜爽_人操人人_四虎成人在线观看_99久久久无码国产麻豆 | 亚洲欧美综合在线天堂_欧美狂野另类xxxxoooo_无码GOGO大胆啪啪艺术_国产精品日韩三级_久久国产在线观看_亚洲午夜国产精品无码 |