下面單說(shuō)一下我理解的用戶到達(dá)頁(yè)面的三種狀態(tài)。
我認(rèn)為一個(gè)頁(yè)面瀏覽行為可以分為:瀏覽前、瀏覽中、瀏覽后,三個(gè)階段。
初級(jí)設(shè)計(jì)師或者是產(chǎn)品亦或是互聯(lián)網(wǎng)工作人員大多認(rèn)為:瀏覽中才是我要做的,要花心思做的。
PS:據(jù)個(gè)人觀察百度MUX和百度商業(yè)用戶體驗(yàn)部是在今年第二季度才開(kāi)始進(jìn)行自己的微博推廣的,比CDC晚了好多...
中級(jí)(不加太多的稱(chēng)謂了,以免言多必失):瀏覽前很重要,很多時(shí)候前往比到達(dá)更重要,萬(wàn)一半路夭折或者遇到岔路口,用戶根本無(wú)法到達(dá),頁(yè)面再好也是白扯,既然用戶“千辛萬(wàn)苦”到達(dá)了我的頁(yè)面,要知道用戶在有準(zhǔn)確目的的搜索或者尋找的時(shí)候,每一秒對(duì)他們來(lái)說(shuō)都很長(zhǎng),我們就要盡快給他想要的信息。
高級(jí):上述三者都很重要,尤其是瀏覽前,我一定要為用戶節(jié)省每一毫秒,讓他們順利的到達(dá)我的頁(yè)面,以便獲取他們想要的信息。不僅如此,我還做好瀏覽中和后事兒,讓他不僅能了解他想要的信息,順便了解一些相關(guān)的信息,或是下一個(gè)可能的操作,相關(guān)事件的信息和很大可能性的下一步操作,遠(yuǎn)遠(yuǎn)比近期或者往期信息更會(huì)帶來(lái)點(diǎn)擊。
骨灰級(jí):瀏覽前和瀏覽中會(huì)做的悄無(wú)聲息,讓你沒(méi)有感覺(jué)到是一種瀏覽,而近乎一種生活,醒目的、處心積慮的、老謀深算的為用戶設(shè)計(jì)出了瀏覽完(或者你沒(méi)有,但是該頁(yè)面的任務(wù)已經(jīng)結(jié)束了)后的下一步操作。雖然會(huì)損傷一些視覺(jué)美觀,但是因?yàn)檫@種破壞達(dá)到了這最想讓人知道的目的!
PS:上述例子是我隨便截的圖,多有不合適之處,請(qǐng)各位老大多多包涵,請(qǐng)網(wǎng)友不要隨意聯(lián)想...后果自負(fù)。
瀏覽前的那些事:
在這就不在多說(shuō)了,網(wǎng)上關(guān)于用戶頁(yè)面點(diǎn)擊次數(shù)和等待時(shí)長(zhǎng)的訪問(wèn)流失分析和報(bào)告很多,只是再想強(qiáng)調(diào)一下,用戶怎么到達(dá)的真的很重要,這就是很多網(wǎng)站不遺余力拼SEO,拼客戶端或者快捷桌面的原因。
瀏覽中:
其實(shí),到這里我們UE/UI的設(shè)計(jì)才剛剛開(kāi)始。其他的不說(shuō),由于工作所限這塊地兒我們說(shuō)了才算,或者是更有話語(yǔ)權(quán)...(也許只是我們自認(rèn)為)
1、如何讓用戶找到他們想要的信息?
當(dāng)前的展現(xiàn)方式合不合理,有什么可以改進(jìn)的地方。用戶是需要的垂直性的細(xì)分的信息還是大而全的包羅萬(wàn)象的信息?是要做符合F型的信息羅列,還是像雙11,天貓一樣的居中的大型促銷(xiāo)、吸引用戶互動(dòng)的設(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)大的頁(yè)面數(shù)據(jù)分析,其他的公司或者網(wǎng)站有他們自己身的定,他的形式可能不符合你的內(nèi)容,就像讓王寶強(qiáng)去演李俊基的角色,跳rain的舞...
舉個(gè)門(mén)戶訪談頁(yè)面對(duì)比的例子,可能能說(shuō)明一些問(wèn)題...
三個(gè)頁(yè)面對(duì)比:
1、網(wǎng)易另一面:信息閱讀和頁(yè)面設(shè)計(jì)都比較差,全屏的高密度微軟雅黑,當(dāng)然這和它很久沒(méi)改版有關(guān)。
2、鳳凰自由談:文字閱讀比較舒服,標(biāo)題也很清晰,適合深度瀏覽和閱讀信息。但是看完后呢,然后怎辦?
3、騰訊今日話題:先不說(shuō)頭部的導(dǎo)語(yǔ),也不說(shuō)淡色背景的柔和,更不說(shuō)接近底色的小標(biāo)題,單說(shuō),相關(guān)專(zhuān)題的展示和右側(cè)滑動(dòng)的體驗(yàn),的確會(huì)讓用戶去關(guān)注,整個(gè)頁(yè)面的體驗(yàn)和展示更是在吸引用戶進(jìn)行下一次點(diǎn)擊,同時(shí)炫未必是件壞事,至少技術(shù)比別人強(qiáng),同時(shí)多多少少會(huì)吸引用戶去點(diǎn)擊(數(shù)據(jù)我不知道,猜測(cè))。
3、每屏盡量一個(gè)重點(diǎn)!再次強(qiáng)調(diào)!
為什么每屏盡量一個(gè)重點(diǎn)?
·適合用戶最大限度的去讀取信息,減少視噪,讓該信息更有價(jià)值。
·適合移動(dòng)、平板去閱讀,這點(diǎn)尤其在win8 體現(xiàn)的更明顯。
在這方面騰訊做的很好,可以對(duì)比各個(gè)門(mén)戶的網(wǎng)的十八大頁(yè)面。
當(dāng)然,CNTV也有創(chuàng)新,用了一個(gè)類(lèi)似win8的效果,但是假設(shè)我不說(shuō)你能發(fā)現(xiàn)么?非互聯(lián)網(wǎng)從業(yè)者有多人能知道?
PS:體驗(yàn)好未必內(nèi)容好,兩者往往不可兼得。就像白鴉在2011年交互體驗(yàn)日說(shuō)的:做產(chǎn)品的人認(rèn)為產(chǎn)品功能最重要,其他什么都不重要,做交互的人認(rèn)為交互就是全部,交互最重要,做視覺(jué)設(shè)計(jì)的人認(rèn)為視覺(jué)最重要,界面是第一。(非原文,只是記了個(gè)大概的意思,很深刻!)希望大家不要走上炫技術(shù)的形式主義之路...
關(guān)于十八大各門(mén)戶的分析稍后會(huì)有...可能不單單是你所能想象出來(lái)的。
4、功能是第一位的,但是功能會(huì)有123的重要程度,會(huì)有三六九等。
我想把頁(yè)面上的功能分為三類(lèi):
1、必要功能:返回、下一步、跳轉(zhuǎn)、等等一些常用的必要功能。
2、偶爾需要但不能少的功能:面包屑、分享(一定要根據(jù)自身的產(chǎn)品和內(nèi)容會(huì)有不同)、內(nèi)容選擇即所搜等。
3、可刪減的或需要新增的功能,這個(gè)依據(jù)不同的產(chǎn)品內(nèi)容而定,就當(dāng)前看來(lái),這就是造成我們更重糾結(jié)癥的根源,至于如何解決——解鈴還需系鈴人...
5、
設(shè)計(jì)不是空想出來(lái)的,這是對(duì)于視覺(jué)設(shè)計(jì)師說(shuō)的。
功能和內(nèi)容的設(shè)計(jì)更不是空想出來(lái)的、更不是靠“我感覺(jué),我想,我希望,可能,也許,領(lǐng)導(dǎo)認(rèn)為,同事說(shuō),你感覺(jué),你說(shuō)呢”這樣的詞語(yǔ)堆積出來(lái)的,而是靠著“尋找”和“分析”。這是對(duì)需求方和產(chǎn)品說(shuō)的
假設(shè):你的產(chǎn)品經(jīng)常和你說(shuō)上面的詞語(yǔ),那你就能判斷這項(xiàng)目靠不靠譜了...
關(guān)于瀏覽完后讓用戶去進(jìn)行如何的操作,個(gè)人還沒(méi)有太多的研究,遵循以下幾點(diǎn):
1、不要讓用戶罵著你的同時(shí)去關(guān)閉,除非這就是你的目的。比如下圖我就不會(huì)罵谷歌...
2、如果可以不要讓用戶立刻關(guān)閉,增加一些必要的相關(guān)信息的引導(dǎo),讓他感覺(jué)到你在為他著想,你想著他。
3、準(zhǔn)確的知道他來(lái)該頁(yè)面的目的,為下一個(gè)行為不遺余力的去設(shè)計(jì)去挖空心思,實(shí)現(xiàn)你的目的。
4、讓用戶很樂(lè)意的去進(jìn)行上述的事情,還叫著你的好。比如我們可恨又可愛(ài)的“雙11”。
5、鞭尸大會(huì)!這個(gè)不是給用戶看的,是自己要總結(jié)的,雖然死掉了,掛掉了,也要讓死去的人開(kāi)口,告訴我們是自殺,還是他殺?像《阿娘使道傳》去查看生死簿,同時(shí)也是對(duì)自己的一個(gè)鞭策吧。
感謝蘇杰,讓我學(xué)到一個(gè)新詞,一個(gè)新思維!