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