網(wǎng)頁重設(shè)計的7個常見誤區(qū)與解決方案

3 評論 11695 瀏覽 48 收藏 11 分鐘

絕大多數(shù)的網(wǎng)站會隨著內(nèi)容的增加、需求的改變和產(chǎn)品的演進(jìn)而進(jìn)行重新設(shè)計。但是,不可避免的,網(wǎng)站重設(shè)計會遭遇各種各樣的問題,碰到誤區(qū),陷入困境。絕大多數(shù)的網(wǎng)站重設(shè)計所遭遇的誤區(qū)都很相似,想要破解也并非難事。

1、保留全部內(nèi)容

我明白,做取舍總是一件艱難的事情。現(xiàn)有的內(nèi)容已經(jīng)和你的網(wǎng)站一同存在了多年,要舍棄其中的某一部分對你而言,是一件艱難的事情。

但是,當(dāng)你決定要重新設(shè)計網(wǎng)站的時候,不妨問一下你自己:現(xiàn)在的這數(shù)百個頁面是否真的能解決你的訪客所有的問題么?

在取舍的問題上,單純審視內(nèi)容是否需要保留并不足以做出決策——你得有足夠的理由說服自己這些內(nèi)容值得保留。保留全部內(nèi)容是一個典型的“囤積控”的心態(tài),對于網(wǎng)站的訪問者而言,這樣心態(tài)下重設(shè)計的網(wǎng)站所帶來的體驗可能是災(zāi)難性的。網(wǎng)站內(nèi)容應(yīng)當(dāng)重新審核。同網(wǎng)站的實際用戶和潛在用戶去溝通,用實際的反饋和數(shù)據(jù)來作為重設(shè)計的支撐。同陳舊過時的內(nèi)容說再見,用精煉的語言和精簡的頁面來構(gòu)建一個新的網(wǎng)站吧。

很多時候,內(nèi)容策略師的角色更像是婚姻關(guān)系顧問,你需要確定哪些內(nèi)容是冗余、過時、瑣碎的,為什么它們會造成困惑,而哪些是實際有用的。

2、重視趨勢,忽略持久價值

0abf4c31964517.56d0125cda23c

視差滾動,長陰影,視頻背景,粘滯式導(dǎo)航,全景大圖背景,無限滾動,作為一名設(shè)計師你應(yīng)該不會忽視這些正在流行的設(shè)計趨勢,毫無疑問。

時下流行的設(shè)計趨勢,總會出現(xiàn)在你打開的每一個網(wǎng)站上,它們時刻都在暗示你它們是如此的受歡迎。當(dāng)你準(zhǔn)備重新設(shè)計網(wǎng)站的時候,它們總會第一時刻涌入 你的大腦,毫無違和感地介入到你的設(shè)計方案中來。但是別忘了,網(wǎng)站重設(shè)計的首要任務(wù)并非炫技,而是重新組織內(nèi)容,幫助網(wǎng)站訪客解決問題。

這個時候,你需要記住三個原則:不要為了設(shè)計而設(shè)計;對你的品牌保持忠誠;易用性永遠(yuǎn)在第一位。

如果設(shè)計趨勢真的符合用戶需求,能提升整體體驗,拿來使用不無不可。如果它僅僅是讓網(wǎng)站更加炫酷,那么是否采用還值得商榷。合適的才是真的好。

3、全是重點

d84cde36383119.5719f4aba222c

當(dāng)我們被客戶告知他們說的每一條信息都很重要的時候,他們所處的狀況可能需要我們提供很多幫助。但是當(dāng)你真正深入了解的時候,就會發(fā)現(xiàn)什么是真正重要的,而其他的是次重要的,甚至有些信息是不重要。

當(dāng)你的利益相關(guān)方,尤其是甲方為你提供信息的時候,這種情況發(fā)生的機率相當(dāng)高。當(dāng)你開始網(wǎng)站重設(shè)計的時候,你可能會希望每一條信息都要出現(xiàn)在首頁,緊接著,你會發(fā)現(xiàn)這樣設(shè)計出來的首頁,很可怕。

“如果所有都是重點,那么就不存在重點了。——Patrick Lencioni”

這是一個最常見的誤區(qū),它所導(dǎo)致的直接結(jié)果缺少層次,信息過載。所以,你應(yīng)當(dāng)讓每個頁面有一個重點,一個核心,這意味著有些信息將不會得到重視,但是用戶總不會因為沒有重點而無所適從——至少你所呈現(xiàn)出來的重點,會被用戶注意到。

4、主觀臆測

“用戶在手機上永遠(yuǎn)用不到這些內(nèi)容?!?/p>

實際上這是這個令人不安的對白出現(xiàn)的頻率還挺高的??v觀過去十年,當(dāng)人們需要針對移動端來設(shè)計網(wǎng)頁的時候,他們會將網(wǎng)頁原有的一部分內(nèi)容直接去除掉。

18af8930280037.561c07fce8411

當(dāng)然,重設(shè)計過程中,減少內(nèi)容通常是一件好事情。但是,當(dāng)你開始基于自己的主觀假設(shè)而開始針對特定內(nèi)容進(jìn)行刪除的時候,情況就稍微有點危險了。用戶在電腦上翻看網(wǎng)頁的時候還好,結(jié)果打開手機瀏覽的時候,發(fā)現(xiàn)某些他所需要的部分沒了,情形無疑是尷尬的。

一般說來,沒有數(shù)據(jù)支撐的假設(shè)直接拿來做設(shè)計,并不是好主意。

雖然我們常常號稱“站在普通用戶的角度”來分析,但是作為設(shè)計者和產(chǎn)品經(jīng)理的思維方式與普通用戶相去甚遠(yuǎn),關(guān)注的點差別很大。所以,在做精簡或者刪 減工作的時候,不要代表實際用戶來做這種假設(shè)。盡量將完整的流程,全部的模塊合理的進(jìn)行重新設(shè)計,呈現(xiàn)在小屏幕上,并且通過用戶調(diào)研和反饋來進(jìn)行優(yōu)化和精 簡。

5、忽略溝通

當(dāng)你在設(shè)計網(wǎng)站的時候,總是期待將普通訪客轉(zhuǎn)化為網(wǎng)站的客戶,對不對?

你期望自己的網(wǎng)站能夠為客戶帶來某些價值,給予幫助,但是那個小小的“聯(lián)系我們”鏈接總是在角落里面,許多普通用戶打開網(wǎng)頁之后,很少會繼續(xù)往深處點擊,瀏覽的人多,咨詢的人少,真正下單購買產(chǎn)品和服務(wù)的就更少了。

4cf5b736074729.572b3334f37fc

所以,真正要解決這個問題,你需要讓用戶盡可能方便的同你開始溝通,提供注冊也好,通過郵箱訂閱信息也罷,提供社交帳號授權(quán)也可,鼓勵用戶同你和你的網(wǎng)站構(gòu)建聯(lián)系,哪怕他此刻不會購買產(chǎn)品,但是留下了溝通的渠道,至少讓他不會忘記你的網(wǎng)站和產(chǎn)品。

另外有一點也值得注意,網(wǎng)站通常不會只有一個首頁,用戶常常會通過搜索引擎進(jìn)入某個子頁面或者單頁,你應(yīng)當(dāng)在設(shè)計的時候注意讓這些頁面也擁有溝通的鏈接或者郵件訂閱入口。

6、干擾用戶體驗

3873c234391109.5714bee192712

的確,你應(yīng)當(dāng)吸引用戶的注意力,但是這不能以“欺騙”用戶,或者辜負(fù)用戶的信任為代價。

當(dāng)你被一個充滿噱頭的新聞標(biāo)題吸引了注意力,點開卻發(fā)現(xiàn)內(nèi)容完全不是你想的那樣。標(biāo)題黨令人生厭。同樣的,通過搜索引擎找到你想要的產(chǎn)品或者素材,打開頁面之后卻直接出現(xiàn)彈出框,要你注冊,要你支付,有的甚至壓根就不是相關(guān)的頁面。所有的一切都是在干擾、打斷用戶體驗。

也許在網(wǎng)站中采用這樣的設(shè)計,短期內(nèi)會有一定的效果,但是從長期來看,這種干擾性的用戶體驗很難讓用戶留存。

你的網(wǎng)站是在幫助用戶達(dá)成目標(biāo),獲得價值,千萬不要打斷他們正在進(jìn)行的流程,破壞用戶體驗,尊重使用你的網(wǎng)站的用戶,當(dāng)你給予用戶足夠尊重之時,他們會用尊重予以回饋的。

在此之后,用更高價值的產(chǎn)品、服務(wù)和內(nèi)容來吸引用戶,而不是強迫用戶注冊。如果你真正在意你的用戶,就不要干擾用戶體驗,而是讓他們注意到注冊之后擁有更高的附加值,有更好的服務(wù),這樣的設(shè)計才是雙贏的。

7、不考慮用戶的過渡

5afc6636068907.570e23f14f6e2

重設(shè)計網(wǎng)站無疑是一件好的事情,但是對于老用戶而言,大規(guī)模的改變是好事還是壞事還值得商榷。

忽略老用戶在重設(shè)計之后的過渡是許多網(wǎng)站重設(shè)計中的敗筆。重設(shè)計對于許多老用戶而言,是需要重新學(xué)習(xí)和熟悉的,畢竟以往熟悉的東西變換了位置,甚至直接沒有了。意想不到的改變,會導(dǎo)致整個體驗上的缺失和挫折。

解決方案其實也不復(fù)雜,將原本的用戶流程也納入到新網(wǎng)站的設(shè)計當(dāng)中來,通過諸如 intro.js 這樣的功能模塊來提升網(wǎng)站的新用戶引導(dǎo)流程。還有的網(wǎng)站會讓舊版和新版同時存在,使用301重新定向,將用戶從舊版引導(dǎo)到新版來幫助用戶進(jìn)行過渡。

 

譯文來自:優(yōu)設(shè)

原文地址:Medium

原文作者:Steve Luvender

譯者:@陳子木

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. ?? ?? ??

    來自廣東 回復(fù)
  2. ?

    來自四川 回復(fù)
  3. :mrgreen: :mrgreen: :mrgreen:

    來自日本 回復(fù)