微构网络

[移动项目实践]从微信公众号单条图文消息风格谈用户体验

2014-12-20 11:08 栏目:微构动态 查看(6,545)

虽然我们微构网络在此之前就做了一套简单版的官网手机版,但是那时候基本采取的是传统的设计风格,比如说列表就是一种传统式的标题+图片+摘要,而且是看上去很紧凑的样子。当然现在依然很多网站甚至APP都是采用这种风格,比如今日头条、搜狐新闻等等。就是如下图的形式:

移动设计

因此,不能说这种风格不好,因为通过我们的调查还是有相当一部分朋友认同这种风格,当然有的建议左边的文字不显示摘要,而是把标题都显示出来。但我们最终在重新用HTML5定义新官网的时候放弃了这种风格,而采用微信的图文消息的更为简单的风格。至于原因我们项目组给出如下理由:

1、我们的企业更新的文章很少,有的时候几天可能只有一篇文章,一个月的文章更新数量可能就那么几篇,如果采用传统的方式,让自己也好用户也好一直看到的好像永远都是一样的状态,而采用微信图文消息风格就不是这样的,因为一两条文章就沾满一整屏了。

2、其次,现在随着微信的流行,很多用户下意识的认为移动互联网=微信(当然这种看法是错误的,但互联网中讲的不是对与错,在乎的是习惯与是否喜欢),因此采取这种方式也是迎合用户习惯(当然你也可以理解为模仿微信的设计,呵呵;但我更喜欢被认为一直借鉴,因为现在的设计趋势大家也是相互借鉴完善的,而不像某些人直接照搬照抄)。

问题背景

上面所说的都不是重点,我们今天就是从一个细节去谈用户体验的问题。我们在设计列表的时候根本没有去看微信,因为我们认为我们可能会做得更加美观,但后来我们做出来后发现了一个问题,让我们开始纠结,首先看图(左边为微信,右边为我们自己的)。

与微信对比

当然可以背景色,字体颜色之类的有一点区别(其实我们的这些后期还需要继续微调的),首先看整体框架,发现微信多了一个查看原文。这个时候我就开始纠结了,毕竟腾讯的产品一向是做得让大众喜欢的(当然也可以说是我们的一种不自信吧)。于是开始纠结,从我个人角度来看这个查看全文是多余的。为什么?

问题衍生

首先看一下我们已经做好的架构跟微信的这个单条图文都有的部分。那就是主要包含标题+摘要+图片(发布时间暂时不讨论,这里是指我们通常会放上超链接的)。

文章主体结构

在PC端的页面设计我们通常是采取这样的策略,比如说这个标题一个超链接,然后图片一个超链接,然后摘要有的时候不放链接有的时候单独一个链接,总之就是每一个模块一个超链接。但在移动端设计的时候这显然不是一个好的主意,因为我们在电脑上鼠标可以很精确的点击,而移动端全靠我们手去操作,所以大家都会发现不管是大型网站还是APP都是采用全块超链接的。两者的对比如下(当然只是主体代码,细节省略,当然实现方式也有多种):

移动端设计和PC端设计对比

 

问题讨论

说了这么多好像没有说到我们这篇文章的重点,现在就正式开始了,就进入我们的真正主题。那就是我们到底要不要像微信的那样在下面加一个“查看全文”,其实我们在上面弄一张对比图也是为了说明这个问题的,需要说明的就是微信的那个“查看全文”并不是一个入口链接,而是一个“提示作用”,因为那一整块其实都是可以点击的。

当然前面也说过,腾讯的产品一向用户体验做的不错,也因此成功。那么他这个设计自然也有他的道理。于是我们为了不纠结这个问题,我们就调研了至少十几个用户。而这些用户有互联网的从业者和普通网民,得到的结果也有所不同。

首先是互联网从业者或者对互联网知识有所了解的人的回答(把他们的回答主题意思总结):

我觉得不需要这个东西,有这个东西看上去多余,而且影响了整体的美观,因为是我我肯定知道这里是个列表,自然我如果对这个文章感兴趣我自然也会点击进去查看。

其次就是一些普通网民的回答:

我觉得这个东西有必要,因为我上网的时候就是规规矩矩按照网站或者软件的提示来操作,当然看到这个查看全文我就知道这里是可以看更多内容的。如果没有说不定我会认为这个文章不全,从而认为这个网站不靠谱。

那么现在自然就知道这样做有利有弊,利就是让互联网“小白”能够快速找到放心,引导他们进行更好的操作,比较互联网产品越简单越好。而不好的地方就在于对于一些专业人士而言看上去可能会多余。

当然我们最终还是决定把这个提示给加上去,因为这是我们的企业官网,我们的用户大多数就是普通的网民;当然如果我们的网站是一个面向站长的,我就不会把这个提示加上去。当然如果你有更好的建议可以向我们提出,我们将由衷地表示感谢。

写在最后

很多人都在讲用户体验,但这些人往往从来不去问问其他人的想法,总是在自己的世界里做自己所认为对用户体验好的事情。用户体验也需要看场景的,也就是实事求是,因地制宜、因时制宜。

 

 

转载请注明出处:[移动项目实践]从微信公众号单条图文消息风格谈用户体验 - 微构网络
分享:

您可能遇到的问题?

搜索微构网络的干货:

值班:15574303608 业务:在线咨询 技术:在线咨询

电话:0731-83862683 售后:在线咨询 邮箱:server@csweigou.com

地址:长沙市五一西路锦绣中环1116(五一广场平和堂对面)