掃二維碼與項(xiàng)目經(jīng)理溝通
我們?cè)谖⑿派?4小時(shí)期待你的聲音
解答本文疑問(wèn)/技術(shù)咨詢/運(yùn)營(yíng)咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流
雖然我們微構(gòu)網(wǎng)絡(luò)在此之前就做了一套簡(jiǎn)單版的官網(wǎng)手機(jī)版,但是那時(shí)候基本采取的是傳統(tǒng)的設(shè)計(jì)風(fēng)格,比如說(shuō)列表就是一種傳統(tǒng)式的標(biāo)題+圖片+摘要,而且是看上去很緊湊的樣子。當(dāng)然現(xiàn)在依然很多網(wǎng)站甚至APP都是采用這種風(fēng)格,比如今日頭條、搜狐新聞等等。就是如下圖的形式:
因此,不能說(shuō)這種風(fēng)格不好,因?yàn)橥ㄟ^(guò)我們的調(diào)查還是有相當(dāng)一部分朋友認(rèn)同這種風(fēng)格,當(dāng)然有的建議左邊的文字不顯示摘要,而是把標(biāo)題都顯示出來(lái)。但我們最終在重新用HTML5定義新官網(wǎng)的時(shí)候放棄了這種風(fēng)格,而采用微信的圖文消息的更為簡(jiǎn)單的風(fēng)格。至于原因我們項(xiàng)目組給出如下理由:
1、我們的企業(yè)更新的文章很少,有的時(shí)候幾天可能只有一篇文章,一個(gè)月的文章更新數(shù)量可能就那么幾篇,如果采用傳統(tǒng)的方式,讓自己也好用戶也好一直看到的好像永遠(yuǎn)都是一樣的狀態(tài),而采用微信圖文消息風(fēng)格就不是這樣的,因?yàn)橐粌蓷l文章就沾滿一整屏了。
2、其次,現(xiàn)在隨著微信的流行,很多用戶下意識(shí)的認(rèn)為移動(dòng)互聯(lián)網(wǎng)=微信(當(dāng)然這種看法是錯(cuò)誤的,但互聯(lián)網(wǎng)中講的不是對(duì)與錯(cuò),在乎的是習(xí)慣與是否喜歡),因此采取這種方式也是迎合用戶習(xí)慣(當(dāng)然你也可以理解為模仿微信的設(shè)計(jì),呵呵;但我更喜歡被認(rèn)為一直借鑒,因?yàn)楝F(xiàn)在的設(shè)計(jì)趨勢(shì)大家也是相互借鑒完善的,而不像某些人直接照搬照抄)。
上面所說(shuō)的都不是重點(diǎn),我們今天就是從一個(gè)細(xì)節(jié)去談?dòng)脩趔w驗(yàn)的問(wèn)題。我們?cè)谠O(shè)計(jì)列表的時(shí)候根本沒(méi)有去看微信,因?yàn)槲覀冋J(rèn)為我們可能會(huì)做得更加美觀,但后來(lái)我們做出來(lái)后發(fā)現(xiàn)了一個(gè)問(wèn)題,讓我們開(kāi)始糾結(jié),首先看圖(左邊為微信,右邊為我們自己的)。
當(dāng)然可以背景色,字體顏色之類的有一點(diǎn)區(qū)別(其實(shí)我們的這些后期還需要繼續(xù)微調(diào)的),首先看整體框架,發(fā)現(xiàn)微信多了一個(gè)查看原文。這個(gè)時(shí)候我就開(kāi)始糾結(jié)了,畢竟騰訊的產(chǎn)品一向是做得讓大眾喜歡的(當(dāng)然也可以說(shuō)是我們的一種不自信吧)。于是開(kāi)始糾結(jié),從我個(gè)人角度來(lái)看這個(gè)查看全文是多余的。為什么?
首先看一下我們已經(jīng)做好的架構(gòu)跟微信的這個(gè)單條圖文都有的部分。那就是主要包含標(biāo)題+摘要+圖片(發(fā)布時(shí)間暫時(shí)不討論,這里是指我們通常會(huì)放上超鏈接的)。
在PC端的頁(yè)面設(shè)計(jì)我們通常是采取這樣的策略,比如說(shuō)這個(gè)標(biāo)題一個(gè)超鏈接,然后圖片一個(gè)超鏈接,然后摘要有的時(shí)候不放鏈接有的時(shí)候單獨(dú)一個(gè)鏈接,總之就是每一個(gè)模塊一個(gè)超鏈接。但在移動(dòng)端設(shè)計(jì)的時(shí)候這顯然不是一個(gè)好的主意,因?yàn)槲覀冊(cè)陔娔X上鼠標(biāo)可以很精確的點(diǎn)擊,而移動(dòng)端全靠我們手去操作,所以大家都會(huì)發(fā)現(xiàn)不管是大型網(wǎng)站還是APP都是采用全塊超鏈接的。兩者的對(duì)比如下(當(dāng)然只是主體代碼,細(xì)節(jié)省略,當(dāng)然實(shí)現(xiàn)方式也有多種):
說(shuō)了這么多好像沒(méi)有說(shuō)到我們這篇文章的重點(diǎn),現(xiàn)在就正式開(kāi)始了,就進(jìn)入我們的真正主題。那就是我們到底要不要像微信的那樣在下面加一個(gè)“查看全文”,其實(shí)我們?cè)谏厦媾粡垖?duì)比圖也是為了說(shuō)明這個(gè)問(wèn)題的,需要說(shuō)明的就是微信的那個(gè)“查看全文”并不是一個(gè)入口鏈接,而是一個(gè)“提示作用”,因?yàn)槟且徽麎K其實(shí)都是可以點(diǎn)擊的。
當(dāng)然前面也說(shuō)過(guò),騰訊的產(chǎn)品一向用戶體驗(yàn)做的不錯(cuò),也因此成功。那么他這個(gè)設(shè)計(jì)自然也有他的道理。于是我們?yōu)榱瞬患m結(jié)這個(gè)問(wèn)題,我們就調(diào)研了至少十幾個(gè)用戶。而這些用戶有互聯(lián)網(wǎng)的從業(yè)者和普通網(wǎng)民,得到的結(jié)果也有所不同。
首先是互聯(lián)網(wǎng)從業(yè)者或者對(duì)互聯(lián)網(wǎng)知識(shí)有所了解的人的回答(把他們的回答主題意思總結(jié)):
我覺(jué)得不需要這個(gè)東西,有這個(gè)東西看上去多余,而且影響了整體的美觀,因?yàn)槭俏椅铱隙ㄖ肋@里是個(gè)列表,自然我如果對(duì)這個(gè)文章感興趣我自然也會(huì)點(diǎn)擊進(jìn)去查看。
其次就是一些普通網(wǎng)民的回答:
我覺(jué)得這個(gè)東西有必要,因?yàn)槲疑暇W(wǎng)的時(shí)候就是規(guī)規(guī)矩矩按照網(wǎng)站或者軟件的提示來(lái)操作,當(dāng)然看到這個(gè)查看全文我就知道這里是可以看更多內(nèi)容的。如果沒(méi)有說(shuō)不定我會(huì)認(rèn)為這個(gè)文章不全,從而認(rèn)為這個(gè)網(wǎng)站不靠譜。
那么現(xiàn)在自然就知道這樣做有利有弊,利就是讓互聯(lián)網(wǎng)“小白”能夠快速找到放心,引導(dǎo)他們進(jìn)行更好的操作,比較互聯(lián)網(wǎng)產(chǎn)品越簡(jiǎn)單越好。而不好的地方就在于對(duì)于一些專業(yè)人士而言看上去可能會(huì)多余。
當(dāng)然我們最終還是決定把這個(gè)提示給加上去,因?yàn)檫@是我們的企業(yè)官網(wǎng),我們的用戶大多數(shù)就是普通的網(wǎng)民;當(dāng)然如果我們的網(wǎng)站是一個(gè)面向站長(zhǎng)的,我就不會(huì)把這個(gè)提示加上去。當(dāng)然如果你有更好的建議可以向我們提出,我們將由衷地表示感謝。
很多人都在講用戶體驗(yàn),但這些人往往從來(lái)不去問(wèn)問(wèn)其他人的想法,總是在自己的世界里做自己所認(rèn)為對(duì)用戶體驗(yàn)好的事情。用戶體驗(yàn)也需要看場(chǎng)景的,也就是實(shí)事求是,因地制宜、因時(shí)制宜。
我們?cè)谖⑿派?4小時(shí)期待你的聲音
解答本文疑問(wèn)/技術(shù)咨詢/運(yùn)營(yíng)咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流