2018-10-26 15:17:08
用戶體驗(yàn)很對(duì)你的用戶很重要
產(chǎn)品有用:用戶的需求;能用:流程都走得通,沒(méi)有致命的BUG;易用:操作便利,這非常關(guān)鍵;友好:用戶的情感需求。以上四點(diǎn)之后就融會(huì)貫通上升到品牌?!?/P>
用戶的需求決定產(chǎn)品如何設(shè)計(jì)
人的視覺(jué)通常不是先看中間,而是根據(jù)母語(yǔ)的讀寫(xiě)習(xí)慣,經(jīng)過(guò)大腦的指令,按照:從上到下,從左到右的路線進(jìn)行查看,下圖為用戶瀏覽網(wǎng)站時(shí)視線注意力“F現(xiàn)象”研究:注:綠色、黃色、紅色關(guān)注度以此升高,這說(shuō)明人喜歡先進(jìn)眼看左上角的內(nèi)容,這告訴我們,重點(diǎn)要在左邊偏上的部位出現(xiàn)。
從左上角的至右下角優(yōu)先比重逐級(jí)遞減
谷歌的搜索結(jié)果出現(xiàn)“金三角”現(xiàn)象:
對(duì)于google搜索結(jié)果的“金三角”現(xiàn)象(也有很多前端設(shè)計(jì)師形象地描述為搜索結(jié)果的“F現(xiàn)象”)。
什么是google搜索結(jié)果的“金三角”現(xiàn)象?
這項(xiàng)關(guān)于用戶對(duì)于搜索結(jié)果注意力的研究由搜索引擎營(yíng)銷公司Enquiro、Did-it以及專門(mén)研究人們眼睛運(yùn)動(dòng)行為的公司Eyetools聯(lián)合完成,通過(guò)對(duì)用戶觀察google搜索結(jié)果頁(yè)面時(shí)眼睛的運(yùn)動(dòng)來(lái)確定對(duì)搜索結(jié)果內(nèi)容的關(guān)注程度。
關(guān)于google搜索結(jié)果金三角調(diào)查結(jié)論的分析--Search Engine Watch文章“A New F-Word for Google Search Results”對(duì)上述調(diào)查結(jié)果的分析推論可總結(jié)為三點(diǎn):
?。?)自然搜索結(jié)果的重要性遠(yuǎn)高于關(guān)鍵詞廣告(至少對(duì)google是這樣,為了使客戶的利益大化,谷歌隨后在搜索列表頁(yè)的上面及下面加入了3條付費(fèi)廣告);
?。?)用戶對(duì)自然搜索結(jié)果的關(guān)注程度更高,除非搜索引擎關(guān)鍵詞廣告排名在上端,否則很難獲得用戶的關(guān)注;
(3)搜索引擎優(yōu)化很重要,營(yíng)銷人員如果忽視這一事實(shí),單純依靠贊助商鏈接廣告的搜索引擎營(yíng)銷方式很難取得好的效果。
調(diào)查結(jié)果發(fā)現(xiàn),用戶對(duì)于搜索結(jié)果頁(yè)面的關(guān)注的范圍呈現(xiàn)英文字母“F”的形狀,也可以描述為“金三角”現(xiàn)象。這種現(xiàn)象證實(shí)了一個(gè)簡(jiǎn)單的問(wèn)題:搜索結(jié)果中排名靠前的內(nèi)容更容易受到用戶的關(guān)注和點(diǎn)擊。這個(gè)規(guī)律對(duì)于google搜索結(jié)果右側(cè)的關(guān)鍵詞廣告同樣是適用的,只是對(duì)兩種內(nèi)容的點(diǎn)擊率有所不同。
這正好和謀思副總裁張少華先生提到的“首屏理論”一致。
網(wǎng)頁(yè)版塊規(guī)劃——兩欄設(shè)計(jì)研究
兩欄設(shè)計(jì)頁(yè)面
對(duì)于兩欄設(shè)計(jì),Jakbo Nielsen也曾對(duì)232位用戶瀏覽幾千個(gè)頁(yè)面的過(guò)程中的眼動(dòng)情況進(jìn)行追蹤,發(fā)現(xiàn)用戶在不同站點(diǎn)上的瀏覽行為有明顯的一致性。這種瀏覽行為有三個(gè)特征:
用戶首先會(huì)在內(nèi)容區(qū)的上部進(jìn)行橫向?yàn)g覽。
用戶視線下移一段距離后在小范圍內(nèi)再次橫向?yàn)g覽。
后用戶會(huì)在內(nèi)容區(qū)的左側(cè)做快速的縱向?yàn)g覽。
顯然,用戶的瀏覽行為并非精確的包含這個(gè)三個(gè)過(guò)程,有時(shí)候,在這三個(gè)過(guò)程之后,還會(huì)在底部有橫向?yàn)g覽的熱點(diǎn),使得整個(gè)瀏覽熱區(qū)圖看上去更像E而不是F。也有時(shí)候,用戶瀏覽時(shí)只反應(yīng)了上述的行為1和行為3,使得瀏覽熱區(qū)圖像一個(gè)倒寫(xiě)的L。但從所有數(shù)據(jù)整體上來(lái)看,用戶的屏幕瀏覽熱區(qū)圖還是較一致地反應(yīng)出了F圖像。
網(wǎng)頁(yè)版塊規(guī)劃——三欄設(shè)計(jì)研究
經(jīng)過(guò)分析上面的純理論性研究,我們?cè)賮?lái)看一個(gè)有趣的用戶研究:中、美、韓用戶瀏覽網(wǎng)頁(yè)習(xí)慣。
中韓兩國(guó)研究者進(jìn)行了一個(gè)關(guān)于認(rèn)知風(fēng)格(cognitive style)與網(wǎng)頁(yè)感知(webpage perception)的跨文化研究,找來(lái)中美韓三國(guó)用戶(共27人)進(jìn)行了眼動(dòng)測(cè)試,研究結(jié)果頗有意思。實(shí)驗(yàn)是讓用戶瀏覽(不做任何點(diǎn)擊)以下這個(gè)仿照雅虎布局的測(cè)試頁(yè)面(根據(jù)用戶的國(guó)籍使用相應(yīng)語(yǔ)言版本的頁(yè)面),眼動(dòng)儀將做實(shí)時(shí)記錄,測(cè)試過(guò)程為30秒。
研究者提出了一些設(shè)計(jì)建議。對(duì)于采用整體思維方式(holistic thinkers)的中韓用戶來(lái)說(shuō),他們更傾向于掃描頁(yè)面整體,而且以一種非線性的瀏覽方式,因此內(nèi)容安排可以較為靈活。對(duì)于采用分析性思維方式(analytic thinkers)的美國(guó)用戶來(lái)說(shuō),頁(yè)面布局要非常清晰,每個(gè)信息區(qū)域都要有區(qū)別于其他區(qū)域的特點(diǎn),導(dǎo)航部分也尤其重要。
視覺(jué)焦點(diǎn)之幾何圓的使用
由于每個(gè)人受教育程度、知識(shí)面、習(xí)慣、及生活方式、對(duì)色彩的喜好等因素的影響,不同的人對(duì)同樣的設(shè)計(jì)會(huì)有不同的理解和判斷。例如“我不喜歡這個(gè)網(wǎng)頁(yè)的設(shè)計(jì)”、“花花綠綠不喜歡”、“是不是用黃色比較好”、“喜慶的節(jié)日當(dāng)然用紅色啦”、“還是采用蘋(píng)果的灰色比較好”、“左邊欄再寬出10像素更好”……這些在工作中轟炸你頭腦的“建議”每天都會(huì)發(fā)生。
我們不可能滿足每一個(gè)人對(duì)于色彩、頁(yè)面設(shè)計(jì)的喜好,但是我們可以從另一個(gè)交互設(shè)計(jì)的角度來(lái)滿足絕大多數(shù)的需求,這就是——視覺(jué)焦點(diǎn)。
那么什么是視覺(jué)焦點(diǎn)呢?
視覺(jué)焦點(diǎn)就是在有限的視線范圍內(nèi)快速捕捉你自己認(rèn)為吸引你的區(qū)域。反映在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中,就是指設(shè)計(jì)的頁(yè)面上吸引人注意的地方,視線上集中交匯的地方,這個(gè)位置就叫焦點(diǎn)。在日常生活中我們運(yùn)用照相機(jī)對(duì)準(zhǔn)人的臉部,那也是在獲取一個(gè)焦點(diǎn)。在網(wǎng)頁(yè)設(shè)計(jì)中,引導(dǎo)用戶集中在你想讓他關(guān)注的區(qū)域,那樣會(huì)讓你的設(shè)計(jì)有重心和亮點(diǎn)。
——新圖聞技術(shù)團(tuán)隊(duì)為您服務(wù)!
新圖聞 服務(wù)全國(guó) ! 大連網(wǎng)站建設(shè) 首選品牌?。?nbsp;)轉(zhuǎn)載請(qǐng)注明來(lái)路。