用戶到達(dá)頁面才是設(shè)計(jì)的開始

2012-12-21    藍(lán)藍(lán)設(shè)計(jì)的小編

 

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   yvirxh.cn  )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、  cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

 

來源: http://blog.sina.com.cn/s/blog_680594f20101dc05.html

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,            請點(diǎn)這里

很久之前認(rèn)為一個(gè)項(xiàng)目的完成和上線是一個(gè)項(xiàng)目的完結(jié),
后來認(rèn)識到,一個(gè)項(xiàng)目或頁面的上線不是結(jié)束而僅僅是開始,
現(xiàn)在明白了,用戶到達(dá)頁面,我們的設(shè)計(jì)才是剛剛開始。

我不敢說是絕對的或者百分百,但是用戶到達(dá)該頁面、該網(wǎng)站、使用該產(chǎn)品,這之前更多的依靠的是搜索或者運(yùn)營的推廣。作為負(fù)責(zé)部分項(xiàng)目的UE/UI設(shè)計(jì)師來說,我不是產(chǎn)品,不是項(xiàng)目經(jīng)理,更不是運(yùn)營和廣告我沒有那么多的能力去干預(yù)用戶到達(dá)或者使用我的設(shè)計(jì)。

下面單說一下我理解的用戶到達(dá)頁面的三種狀態(tài)。
我認(rèn)為一個(gè)頁面瀏覽行為可以分為:瀏覽前、瀏覽中、瀏覽后,三個(gè)階段。

初級設(shè)計(jì)師或者是產(chǎn)品亦或是互聯(lián)網(wǎng)工作人員大多認(rèn)為:瀏覽中才是我要做的,要花心思做的。
點(diǎn)擊查看原圖  
PS:據(jù)個(gè)人觀察百度MUX和百度商業(yè)用戶體驗(yàn)部是在今年第二季度才開始進(jìn)行自己的微博推廣的,比CDC晚了好多...

中級(不加太多的稱謂了,以免言多必失):瀏覽前很重要,很多時(shí)候前往比到達(dá)更重要,萬一半路夭折或者遇到岔路口,用戶根本無法到達(dá),頁面再好也是白扯,既然用戶“千辛萬苦”到達(dá)了我的頁面,要知道用戶在有準(zhǔn)確目的的搜索或者尋找的時(shí)候,每一秒對他們來說都很長,我們就要盡快給他想要的信息。
點(diǎn)擊查看原圖


高級:上述三者都很重要,尤其是瀏覽前,我一定要為用戶節(jié)省每一毫秒,讓他們順利的到達(dá)我的頁面,以便獲取他們想要的信息。不僅如此,我還做好瀏覽中和后事兒,讓他不僅能了解他想要的信息,順便了解一些相關(guān)的信息,或是下一個(gè)可能的操作,相關(guān)事件的信息和很大可能性的下一步操作,遠(yuǎn)遠(yuǎn)比近期或者往期信息更會帶來點(diǎn)擊。

點(diǎn)擊查看原圖


骨灰級:瀏覽前和瀏覽中會做的悄無聲息,讓你沒有感覺到是一種瀏覽,而近乎一種生活,醒目的、處心積慮的、老謀深算的為用戶設(shè)計(jì)出了瀏覽完(或者你沒有,但是該頁面的任務(wù)已經(jīng)結(jié)束了)后的下一步操作。雖然會損傷一些視覺美觀,但是因?yàn)檫@種破壞達(dá)到了這最想讓人知道的目的!

點(diǎn)擊查看原圖

PS:上述例子是我隨便截的圖,多有不合適之處,請各位老大多多包涵,請網(wǎng)友不要隨意聯(lián)想...后果自負(fù)。


瀏覽前的那些事:
在這就不在多說了,網(wǎng)上關(guān)于用戶頁面點(diǎn)擊次數(shù)和等待時(shí)長的訪問流失分析和報(bào)告很多,只是再想強(qiáng)調(diào)一下,用戶怎么到達(dá)的真的很重要,這就是很多網(wǎng)站不遺余力拼SEO,拼客戶端或者快捷桌面的原因。


瀏覽中:
其實(shí),到這里我們UE/UI的設(shè)計(jì)才剛剛開始。其他的不說,由于工作所限這塊地兒我們說了才算,或者是更有話語權(quán)...(也許只是我們自認(rèn)為)

1、如何讓用戶找到他們想要的信息?
當(dāng)前的展現(xiàn)方式合不合理,有什么可以改進(jìn)的地方。用戶是需要的垂直性的細(xì)分的信息還是大而全的包羅萬象的信息?是要做符合F型的信息羅列,還是像雙11,天貓一樣的居中的大型促銷、吸引用戶互動的設(shè)計(jì)。

2、用戶以什么方式去閱讀我們提供的信息?
文字:純文字,文字配圖,標(biāo)題性文字驚鴻一瞥的形式。
圖片:圖片配文字,信息圖形化,純?yōu)g覽似的圖片展示。

根據(jù)內(nèi)容而定,而這些是需要在設(shè)計(jì)師頭腦中有給與相應(yīng)內(nèi)容可以匹配的最佳的展示方式,而不是看著什么潮,什么新,什么流行,或者是那個(gè)改了版去抄哪個(gè),再或者是因?yàn)樗泻軓?qiáng)大的用研分析人員、強(qiáng)大的頁面數(shù)據(jù)分析,其他的公司或者網(wǎng)站有他們自己身的定,他的形式可能不符合你的內(nèi)容,就像讓王寶強(qiáng)去演李俊基的角色,跳rain的舞...

舉個(gè)門戶訪談頁面對比的例子,可能能說明一些問題...


三個(gè)頁面對比:
1、網(wǎng)易另一面:信息閱讀和頁面設(shè)計(jì)都比較差,全屏的高密度微軟雅黑,當(dāng)然這和它很久沒改版有關(guān)。
2、鳳凰自由談:文字閱讀比較舒服,標(biāo)題也很清晰,適合深度瀏覽和閱讀信息。但是看完后呢,然后怎辦?
3、騰訊今日話題:先不說頭部的導(dǎo)語,也不說淡色背景的柔和,更不說接近底色的小標(biāo)題,單說,相關(guān)專題的展示和右側(cè)滑動的體驗(yàn),的確會讓用戶去關(guān)注,整個(gè)頁面的體驗(yàn)和展示更是在吸引用戶進(jìn)行下一次點(diǎn)擊,同時(shí)炫未必是件壞事,至少技術(shù)比別人強(qiáng),同時(shí)多多少少會吸引用戶去點(diǎn)擊(數(shù)據(jù)我不知道,猜測)。

3、每屏盡量一個(gè)重點(diǎn)!再次強(qiáng)調(diào)!
為什么每屏盡量一個(gè)重點(diǎn)?
·適合用戶最大限度的去讀取信息,減少視噪,讓該信息更有價(jià)值。
·適合移動、平板去閱讀,這點(diǎn)尤其在win8 體現(xiàn)的更明顯。
在這方面騰訊做的很好,可以對比各個(gè)門戶的網(wǎng)的十八大頁面。
當(dāng)然,CNTV也有創(chuàng)新,用了一個(gè)類似win8的效果,但是假設(shè)我不說你能發(fā)現(xiàn)么?非互聯(lián)網(wǎng)從業(yè)者有多人能知道?
PS:體驗(yàn)好未必內(nèi)容好,兩者往往不可兼得。就像白鴉在2011年交互體驗(yàn)日說的:做產(chǎn)品的人認(rèn)為產(chǎn)品功能最重要,其他什么都不重要,做交互的人認(rèn)為交互就是全部,交互最重要,做視覺設(shè)計(jì)的人認(rèn)為視覺最重要,界面是第一。(非原文,只是記了個(gè)大概的意思,很深刻?。┫M蠹也灰呱响偶夹g(shù)的形式主義之路...
關(guān)于十八大各門戶的分析稍后會有...可能不單單是你所能想象出來的。

4、功能是第一位的,但是功能會有123的重要程度,會有三六九等。
我想把頁面上的功能分為三類:
1、必要功能:返回、下一步、跳轉(zhuǎn)、等等一些常用的必要功能。
2、偶爾需要但不能少的功能:面包屑、分享(一定要根據(jù)自身的產(chǎn)品和內(nèi)容會有不同)、內(nèi)容選擇即所搜等。
3、可刪減的或需要新增的功能,這個(gè)依據(jù)不同的產(chǎn)品內(nèi)容而定,就當(dāng)前看來,這就是造成我們更重糾結(jié)癥的根源,至于如何解決——解鈴還需系鈴人...

5、 設(shè)計(jì)不是空想出來的,這是對于視覺設(shè)計(jì)師說的。
功能和內(nèi)容的設(shè)計(jì)更不是空想出來的、更不是靠“我感覺,我想,我希望,可能,也許,領(lǐng)導(dǎo)認(rèn)為,同事說,你感覺,你說呢”這樣的詞語堆積出來的,而是靠著“尋找”和“分析”。這是對需求方和產(chǎn)品說的
假設(shè):你的產(chǎn)品經(jīng)常和你說上面的詞語,那你就能判斷這項(xiàng)目靠不靠譜了...

關(guān)于瀏覽完后讓用戶去進(jìn)行如何的操作,個(gè)人還沒有太多的研究,遵循以下幾點(diǎn):
1、不要讓用戶罵著你的同時(shí)去關(guān)閉,除非這就是你的目的。比如下圖我就不會罵谷歌...
點(diǎn)擊查看原圖
2、如果可以不要讓用戶立刻關(guān)閉,增加一些必要的相關(guān)信息的引導(dǎo),讓他感覺到你在為他著想,你想著他。
3、準(zhǔn)確的知道他來該頁面的目的,為下一個(gè)行為不遺余力的去設(shè)計(jì)去挖空心思,實(shí)現(xiàn)你的目的。
4、讓用戶很樂意的去進(jìn)行上述的事情,還叫著你的好。比如我們可恨又可愛的“雙11”。
點(diǎn)擊查看原圖

5、鞭尸大會!這個(gè)不是給用戶看的,是自己要總結(jié)的,雖然死掉了,掛掉了,也要讓死去的人開口,告訴我們是自殺,還是他殺?像《阿娘使道傳》去查看生死簿,同時(shí)也是對自己的一個(gè)鞭策吧。
感謝蘇杰,讓我學(xué)到一個(gè)新詞,一個(gè)新思維!
 

 




 

 

日歷

鏈接

個(gè)人資料

存檔