超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

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

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

 

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.miumiuwan.com  )是一家專(zhuān)注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(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ù)

 

來(lái)源: http://blog.sina.com.cn/s/blog_680594f20101dc05.html

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

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

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

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

初級(jí)設(shè)計(jì)師或者是產(chǎn)品亦或是互聯(lián)網(wǎng)工作人員大多認(rèn)為:瀏覽中才是我要做的,要花心思做的。
點(diǎ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),我們就要盡快給他想要的信息。
點(diǎn)擊查看原圖


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

點(diǎn)擊查看原圖


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

點(diǎn)擊查看原圖

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ì)罵谷歌...
點(diǎn)擊查看原圖
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”。
點(diǎn)擊查看原圖

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

 




 

 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔