網(wǎng)站建設(shè) -
建站教程 - 網(wǎng)頁(yè)設(shè)計(jì) - 網(wǎng)站建設(shè)過(guò)程中的十大網(wǎng)頁(yè)設(shè)計(jì)缺陷
創(chuàng)新互聯(lián)通過(guò)13年
建站經(jīng)驗(yàn)項(xiàng)目包括小型的地方性商業(yè)網(wǎng)站、娛樂(lè)網(wǎng)站,到非盈利性網(wǎng)站,再到組織機(jī)構(gòu)的官方網(wǎng)站,上市公司網(wǎng)站等通過(guò)對(duì)網(wǎng)站的分析,及整個(gè)
建站行業(yè)的了解調(diào)查總結(jié)了目前
網(wǎng)站建設(shè)設(shè)計(jì)的10大常見(jiàn)和具破壞力的錯(cuò)誤設(shè)計(jì)。
1、內(nèi)容位置不合預(yù)期 不能被用戶(hù)發(fā)現(xiàn)的信息沒(méi)有使用價(jià)值。很多網(wǎng)站,導(dǎo)航的類(lèi)目字段表達(dá)不詳、亦或點(diǎn)擊后所呈現(xiàn)內(nèi)容與該類(lèi)目關(guān)聯(lián)不大。還有一些網(wǎng)站,忽視了用戶(hù)的想法,直接按公司自己的思路去構(gòu)架信息。如果網(wǎng)站的內(nèi)容結(jié)構(gòu)與用戶(hù)的心理模型南轅北轍,用戶(hù)就找不到想要的信息。
讓用戶(hù)參與到
網(wǎng)站設(shè)計(jì)中來(lái)。做一些簡(jiǎn)單的可用性研究幫助你的網(wǎng)站被用戶(hù)讀懂,比如卡片分類(lèi)、樹(shù)形測(cè)試、可用性測(cè)試。
2、鏈接之間/導(dǎo)航各選項(xiàng)之間邊界模糊 用戶(hù)一旦分不清兩個(gè)相似的鏈接或?qū)Ш竭x項(xiàng),將難以找到獲取信息的理想路徑。各鏈接/各導(dǎo)航選項(xiàng)之間、各鏈接/各導(dǎo)航選項(xiàng)與網(wǎng)站其他鏈接/導(dǎo)航選項(xiàng)之間要定義準(zhǔn)確、邊界清晰。倘若有多個(gè)模塊或頁(yè)面都在介紹同一則信息,為了驗(yàn)證它們的異同,用戶(hù)就得一個(gè)一個(gè)確認(rèn),或費(fèi)力猜測(cè)哪個(gè)才是用起來(lái)方便的。再不然,用戶(hù)會(huì)直接使用搜索功能,或者干脆放棄你的網(wǎng)站。
卡片分類(lèi)和可用性測(cè)試可以幫助設(shè)計(jì)師避免這一問(wèn)題。各鏈接語(yǔ)義邊界模糊,罪魁禍?zhǔn)莾?nèi)容策略的失敗。原因可能有二:
鏈接命名不當(dāng):不同的鏈接應(yīng)引導(dǎo)用戶(hù)查看不同的內(nèi)容,但出于某些原因,有些鏈接使用了語(yǔ)義相似的字眼。這種情況下,我們只需對(duì)有問(wèn)題的鏈接進(jìn)行重命名、以作徹底區(qū)分。
內(nèi)容區(qū)分失?。喝绻鄠€(gè)鏈接打開(kāi)的不同頁(yè)面在內(nèi)容上有強(qiáng)關(guān)聯(lián)、且信息重疊,我們需要對(duì)這些內(nèi)容進(jìn)行重組,以突出各個(gè)頁(yè)面的內(nèi)容重點(diǎn)。
3、信息孤島 有些網(wǎng)站只零散著幾條信息,且信息之間沒(méi)什么關(guān)聯(lián)。
有的用戶(hù)看到這種“孤獨(dú)”且無(wú)法點(diǎn)擊的信息,會(huì)覺(jué)得網(wǎng)站其他頁(yè)面的內(nèi)容也一樣淺薄。找不到額外有用的信息,他們終會(huì)流失到競(jìng)爭(zhēng)對(duì)手那兒、或直接自行Google查詢(xún)。
也有用戶(hù)試著重新訪(fǎng)問(wèn),結(jié)果卻發(fā)現(xiàn)信息出現(xiàn)在預(yù)期之外的地方,而且與次看到的內(nèi)容樣式完全不同。還有用戶(hù)的確找到了這些“孤獨(dú)”的信息,卻得費(fèi)勁心思把它們拼湊在一起。不管怎樣,這都給用戶(hù)留下了極差的印象。
從公司角度看,這種設(shè)計(jì)方式不但造成了糟糕的用戶(hù)體驗(yàn),也暴露了其失敗的內(nèi)容管理策略——某一模塊信息重復(fù),不同模塊本該相同的信息卻彼此不同或矛盾。
一種
解決方案是為內(nèi)容相關(guān)的不同頁(yè)面提供相關(guān)鏈接。還有一種更好的方案,就是反思自己的網(wǎng)站信息為何都如此“孤獨(dú)”,然后重新整合構(gòu)架、并在合適的地方提供鏈接。與其不斷重復(fù)相同的信息,不如在網(wǎng)站其他頁(yè)面加上鏈接,鏈到信息次出現(xiàn)的位置。
4、點(diǎn)擊次數(shù)過(guò)多 即使用戶(hù)可以明確目標(biāo)信息的位置,體驗(yàn)也仍會(huì)被意外出現(xiàn)或冗長(zhǎng)的操作中斷。
網(wǎng)站設(shè)計(jì)團(tuán)隊(duì)經(jīng)常會(huì)念叨用戶(hù)在獲取目標(biāo)內(nèi)容前應(yīng)該點(diǎn)擊幾次。其實(shí)沒(méi)有“魔法數(shù)字”——點(diǎn)擊的質(zhì)量遠(yuǎn)比數(shù)量重要。原則上,用戶(hù)每點(diǎn)擊一次,就應(yīng)該離目標(biāo)內(nèi)容近一點(diǎn)。如果反復(fù)讓用戶(hù)點(diǎn)擊,只會(huì)激怒他們、浪費(fèi)他們的精力。
設(shè)計(jì)師有時(shí)忘記規(guī)劃用戶(hù)查找內(nèi)容的路徑,導(dǎo)致網(wǎng)站頁(yè)面之間缺乏關(guān)聯(lián)。所以,在正式設(shè)計(jì)前請(qǐng)先分析透徹用戶(hù)的操作路徑,想想有沒(méi)有更簡(jiǎn)短的方案。
5、價(jià)格隱藏 在決定為某事物買(mǎi)單之前,用戶(hù)需要了解相關(guān)價(jià)格、訂閱費(fèi)、便利費(fèi)、附加費(fèi)等。43個(gè)研究對(duì)象中有兩三家網(wǎng)站價(jià)格信息獲取路徑太過(guò)復(fù)雜。比如,要在AARP的網(wǎng)站查到會(huì)費(fèi)價(jià)目,須得完成好幾步不必要的會(huì)員購(gòu)買(mǎi)流程。請(qǐng)記住,在執(zhí)行復(fù)雜操作流程前,先讓用戶(hù)了解到基本信息。
6、用戶(hù)被困子級(jí)頁(yè)面 要為特殊內(nèi)容設(shè)計(jì)單獨(dú)頁(yè)面或子級(jí)頁(yè)面的網(wǎng)站需小心,別把你的用戶(hù)困在其中。215位被訪(fǎng)用戶(hù)中有很多人表示都曾有這樣的糟糕體驗(yàn):莫名進(jìn)入新頁(yè)面,且找不到返回主站的鏈接。他們中的有些會(huì)通過(guò)點(diǎn)擊瀏覽器自帶的返回鍵、或重新輸入網(wǎng)址,以返回主站。但也有相當(dāng)一部分人表示根本就沒(méi)有注意到自己是怎么來(lái)到新頁(yè)面的(因?yàn)橹黜?yè)和子級(jí)頁(yè)面長(zhǎng)得太像),并一直納悶剛才的導(dǎo)航怎么不見(jiàn)了。
因此,設(shè)計(jì)子級(jí)頁(yè)面時(shí)請(qǐng)仔細(xì)斟酌。如有此業(yè)務(wù)需求,請(qǐng)為用戶(hù)提供明顯的返回鏈接。
7、搜索結(jié)果不理想 萬(wàn)不得已時(shí),用戶(hù)會(huì)使用搜索功能。當(dāng)目標(biāo)非常明確時(shí),用戶(hù)也會(huì)先行搜索。無(wú)論是哪種場(chǎng)景,我們的網(wǎng)站都應(yīng)該確保為用戶(hù)提供強(qiáng)大的搜索結(jié)果。
可惜,對(duì)許多網(wǎng)站來(lái)說(shuō)搜索功能是它們的致命缺陷。有的網(wǎng)站,搜索結(jié)果與搜索詞不匹配;有的網(wǎng)站,搜的結(jié)果隱晦不詳。有的搜索結(jié)果不但不符合語(yǔ)法句法規(guī)范,提供的描述也毫無(wú)利用價(jià)值,不禁讓用戶(hù)困惑怎么搜出這么不相干的信息。有的搜索結(jié)果還帶有外部廣告,直接把用戶(hù)導(dǎo)流到其他網(wǎng)站去了。
請(qǐng)密切關(guān)注用戶(hù)的搜索記錄,進(jìn)一步了解用戶(hù)行為,挖掘搜索功能的不足。通過(guò)對(duì)搜索結(jié)果打標(biāo),如“理想匹配搜索結(jié)果”,提高搜索精準(zhǔn)度。
8、過(guò)濾與分面導(dǎo)航錯(cuò)誤 過(guò)濾(filters)和分面導(dǎo)航(faceted navigation)通常有助于提高用戶(hù)體驗(yàn)。它們幫助用戶(hù)排除干擾元素,找到準(zhǔn)確的搜素結(jié)果。然而,隨便給網(wǎng)站加上這兩種工具的話(huà),并不能優(yōu)化用戶(hù)體驗(yàn)。這兩種工具需幫助真正用戶(hù)滿(mǎn)足其真正需求。
過(guò)濾是指在一定篩選條件下,把不相關(guān)的內(nèi)容排除,濾出用戶(hù)想要的結(jié)果;過(guò)濾是單維度的。分面導(dǎo)航和過(guò)濾的本質(zhì)思想一致,可以看作是多維度的過(guò)濾,靈活性更強(qiáng)、搜索結(jié)果更精準(zhǔn);分面導(dǎo)航在電商網(wǎng)站中尤為常見(jiàn)。
過(guò)濾和分面導(dǎo)航為用戶(hù)限定了篩選結(jié)果范圍,不同的篩選條件可滿(mǎn)足用戶(hù)不同的搜索需求。比如企業(yè)員工可以通過(guò)刪選文件類(lèi)型、日期或者主題來(lái)搜索上一周的PPT;電商網(wǎng)站的用戶(hù)可以通過(guò)鞋跟高度挑到喜歡的鞋子,也可以根據(jù)保暖級(jí)別選出中意的外套。
有的網(wǎng)站把過(guò)濾和分類(lèi)導(dǎo)航看成是全能的,幻想自己可以“包治百病”。結(jié)果其篩選條件并未關(guān)聯(lián)全部?jī)?nèi)容類(lèi)型,導(dǎo)致結(jié)果不準(zhǔn)。同時(shí),我們也要注意切不可把用戶(hù)推入“非此即彼”的僵局。家具用戶(hù)可能想選藍(lán)色椅子,也可能要挑藍(lán)色以外的其他顏色的椅子。兩種場(chǎng)景都要考慮到。
電商網(wǎng)站的商品必須被準(zhǔn)確打標(biāo),以保證篩選結(jié)果的高度相關(guān)。
9、用戶(hù)被迫閱讀大量信息 網(wǎng)站信息組織不當(dāng),容易造成用戶(hù)迷失。大量的文本信息既枯燥又增加了閱讀難度。同時(shí)也挑戰(zhàn)著用戶(hù)耐性。
請(qǐng)記住,網(wǎng)站用戶(hù)習(xí)慣于瀏覽、而不是精讀。使用簡(jiǎn)短的句子、段落、項(xiàng)目列表、標(biāo)題及粗體關(guān)鍵詞,確保用戶(hù)輕松抓取關(guān)鍵信息。
10、鏈接隱藏 我們的可用性研究常年發(fā)現(xiàn),用戶(hù)經(jīng)常忽略與廣告長(zhǎng)得相似、或被放在廣告位的鏈接內(nèi)容。列在廣告周?chē)逆溄痈潜挥脩?hù)“打入冷宮”。
設(shè)計(jì)師有時(shí)會(huì)通過(guò)增加一些設(shè)計(jì)元素,比如邊框、背景色或圖像等,使之更突出??上氯缭高`,用戶(hù)依舊不買(mǎi)賬。鏈接內(nèi)容設(shè)計(jì)得越花哨,越容易被用戶(hù)當(dāng)成廣告。
深究這些錯(cuò)誤設(shè)計(jì)的原因,遠(yuǎn)不如修正錯(cuò)誤重要。只要在
網(wǎng)站設(shè)計(jì)過(guò)程中多做些用戶(hù)研究和可用性測(cè)試,多關(guān)注研究結(jié)果,以上多數(shù)錯(cuò)誤都可以輕松避免。
沒(méi)有的網(wǎng)站。每一個(gè)網(wǎng)站在設(shè)計(jì)策劃過(guò)程中都會(huì)因各種因素的干擾而互相妥協(xié),但是基于以用戶(hù)體驗(yàn)為中心兼顧性能、索引為原則的設(shè)計(jì)相信還是能夠避免以上問(wèn)題出現(xiàn)的。
網(wǎng)頁(yè)標(biāo)題:網(wǎng)站建設(shè)過(guò)程中的十大網(wǎng)頁(yè)設(shè)計(jì)缺陷
網(wǎng)站地址:http://jinyejixie.com/news/214869.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)