2024国产成人精品免费视频|日本免费一区二区三区毛片|久久97超碰色中文字幕|亚洲天堂a中文字幕

[移動項目實踐]從微信公眾號單條圖文消息風格談用戶體驗

2014-12-20 11:08 欄目:團隊動態(tài) 查看(15739)

雖然我們微構網(wǎng)絡在此之前就做了一套簡單版的官網(wǎng)手機版,但是那時候基本采取的是傳統(tǒng)的設計風格,比如說列表就是一種傳統(tǒng)式的標題+圖片+摘要,而且是看上去很緊湊的樣子。當然現(xiàn)在依然很多網(wǎng)站甚至APP都是采用這種風格,比如今日頭條、搜狐新聞等等。就是如下圖的形式:

移動設計

因此,不能說這種風格不好,因為通過我們的調查還是有相當一部分朋友認同這種風格,當然有的建議左邊的文字不顯示摘要,而是把標題都顯示出來。但我們最終在重新用HTML5定義新官網(wǎng)的時候放棄了這種風格,而采用微信的圖文消息的更為簡單的風格。至于原因我們項目組給出如下理由:

1、我們的企業(yè)更新的文章很少,有的時候幾天可能只有一篇文章,一個月的文章更新數(shù)量可能就那么幾篇,如果采用傳統(tǒng)的方式,讓自己也好用戶也好一直看到的好像永遠都是一樣的狀態(tài),而采用微信圖文消息風格就不是這樣的,因為一兩條文章就沾滿一整屏了。

2、其次,現(xiàn)在隨著微信的流行,很多用戶下意識的認為移動互聯(lián)網(wǎng)=微信(當然這種看法是錯誤的,但互聯(lián)網(wǎng)中講的不是對與錯,在乎的是習慣與是否喜歡),因此采取這種方式也是迎合用戶習慣(當然你也可以理解為模仿微信的設計,呵呵;但我更喜歡被認為一直借鑒,因為現(xiàn)在的設計趨勢大家也是相互借鑒完善的,而不像某些人直接照搬照抄)。

問題背景

上面所說的都不是重點,我們今天就是從一個細節(jié)去談用戶體驗的問題。我們在設計列表的時候根本沒有去看微信,因為我們認為我們可能會做得更加美觀,但后來我們做出來后發(fā)現(xiàn)了一個問題,讓我們開始糾結,首先看圖(左邊為微信,右邊為我們自己的)。

與微信對比

當然可以背景色,字體顏色之類的有一點區(qū)別(其實我們的這些后期還需要繼續(xù)微調的),首先看整體框架,發(fā)現(xiàn)微信多了一個查看原文。這個時候我就開始糾結了,畢竟騰訊的產(chǎn)品一向是做得讓大眾喜歡的(當然也可以說是我們的一種不自信吧)。于是開始糾結,從我個人角度來看這個查看全文是多余的。為什么?

問題衍生

首先看一下我們已經(jīng)做好的架構跟微信的這個單條圖文都有的部分。那就是主要包含標題+摘要+圖片(發(fā)布時間暫時不討論,這里是指我們通常會放上超鏈接的)。

文章主體結構

在PC端的頁面設計我們通常是采取這樣的策略,比如說這個標題一個超鏈接,然后圖片一個超鏈接,然后摘要有的時候不放鏈接有的時候單獨一個鏈接,總之就是每一個模塊一個超鏈接。但在移動端設計的時候這顯然不是一個好的主意,因為我們在電腦上鼠標可以很精確的點擊,而移動端全靠我們手去操作,所以大家都會發(fā)現(xiàn)不管是大型網(wǎng)站還是APP都是采用全塊超鏈接的。兩者的對比如下(當然只是主體代碼,細節(jié)省略,當然實現(xiàn)方式也有多種):

移動端設計和PC端設計對比

 

問題討論

說了這么多好像沒有說到我們這篇文章的重點,現(xiàn)在就正式開始了,就進入我們的真正主題。那就是我們到底要不要像微信的那樣在下面加一個“查看全文”,其實我們在上面弄一張對比圖也是為了說明這個問題的,需要說明的就是微信的那個“查看全文”并不是一個入口鏈接,而是一個“提示作用”,因為那一整塊其實都是可以點擊的。

當然前面也說過,騰訊的產(chǎn)品一向用戶體驗做的不錯,也因此成功。那么他這個設計自然也有他的道理。于是我們?yōu)榱瞬患m結這個問題,我們就調研了至少十幾個用戶。而這些用戶有互聯(lián)網(wǎng)的從業(yè)者和普通網(wǎng)民,得到的結果也有所不同。

首先是互聯(lián)網(wǎng)從業(yè)者或者對互聯(lián)網(wǎng)知識有所了解的人的回答(把他們的回答主題意思總結):

我覺得不需要這個東西,有這個東西看上去多余,而且影響了整體的美觀,因為是我我肯定知道這里是個列表,自然我如果對這個文章感興趣我自然也會點擊進去查看。

其次就是一些普通網(wǎng)民的回答:

我覺得這個東西有必要,因為我上網(wǎng)的時候就是規(guī)規(guī)矩矩按照網(wǎng)站或者軟件的提示來操作,當然看到這個查看全文我就知道這里是可以看更多內容的。如果沒有說不定我會認為這個文章不全,從而認為這個網(wǎng)站不靠譜。

那么現(xiàn)在自然就知道這樣做有利有弊,利就是讓互聯(lián)網(wǎng)“小白”能夠快速找到放心,引導他們進行更好的操作,比較互聯(lián)網(wǎng)產(chǎn)品越簡單越好。而不好的地方就在于對于一些專業(yè)人士而言看上去可能會多余。

當然我們最終還是決定把這個提示給加上去,因為這是我們的企業(yè)官網(wǎng),我們的用戶大多數(shù)就是普通的網(wǎng)民;當然如果我們的網(wǎng)站是一個面向站長的,我就不會把這個提示加上去。當然如果你有更好的建議可以向我們提出,我們將由衷地表示感謝。

寫在最后

很多人都在講用戶體驗,但這些人往往從來不去問問其他人的想法,總是在自己的世界里做自己所認為對用戶體驗好的事情。用戶體驗也需要看場景的,也就是實事求是,因地制宜、因時制宜。

 

 

與我們的項目經(jīng)理聯(lián)系
掃二維碼與項目經(jīng)理溝通

我們在微信上24小時期待你的聲音

解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯(lián)網(wǎng)交流

轉載請注明出處:[移動項目實踐]從微信公眾號單條圖文消息風格談用戶體驗 - 微構網(wǎng)絡
分享:
高密市| 逊克县| 石柱| 盘山县| 阳春市| 融水| 保亭| 昌都县| 山东| 孟津县| 福泉市| 沅江市| 佛坪县| 出国| 磴口县| 嘉鱼县| 花莲市| 应城市| 清涧县| 汉阴县| 河北区| 宜宾市| 禄丰县| 博客| 镇赉县| 祁门县| 广南县| 浪卡子县| 大同县| 丰台区| 杭锦后旗| 威海市| 岑巩县| 汨罗市| 阜宁县| 凤凰县| 涿鹿县| 连城县| 枞阳县| 灯塔市| 平阴县|