站酷文章样式设计思考

随着移动端的普及,移动阅读成为一种常态的习惯。而今天这里关于站酷文章样式的思考,主要原因来自于前几天在站酷第一次发布文章后的使用感受,以及所有展示结果的一个思考。

问题分析

站酷的作品发布,主要分为两个类型:作品、文章。
前者这里不做讨论,现在主要是对目前的文章发布,及一些问题做一些思考。站酷文章发布,主要功能模块架构为:

从上面的功能模块来说,对于一个以设计作品展示为主的平台,其功能是足够的。
但是针对于发布文章的用户群体,文章发布的排版功能还是不够的,这里可以对比微信公众号、简书等平台的文章发布。另外一个要讨论的点是PC端与移动端样式显示的不统一及缺少规范性。

很显然,从上图可以知道,移动端的排版以及显示效果跟预计差很远,这样的用户体验对于一个设计平台来说其实是有点讽刺的。那么为了应付这种问题,作为平台用户,经常采用的解决方法就是:用图片代替标题,或者用其他工具排好版后导出图片,这样最起码保证了一定的排版效果。

而图片代替的方式,又出现一个问题,移动端由于图片的尺寸,文字显示的大小远小于预期的效果,从而导致阅读的用户体验很不好。

 

设计思考

如何让页面文字阅读更舒适?

随着移动端的普及,移动端阅读成为了一种常态,用户会在手机上阅读到大量的新闻及各类文章,这些页面展示的主体就是通篇大段的文字。很多时候,我们经常会说“这样的页面还需要出效果图啊?”,平常的时候,你是否有考虑过:

 

从格式塔及排版原理,我们知道影响阅读的主要因素有:

 

 

对于既有的成熟平台,如何从最少的成本去优化这部分的用户,是我们需要考虑的。

富文本编辑与用户体验如何对应?

发布文章我们常规的做法基本都会先在word、有道云笔记、WPS等其他软件上写好文章,然后在统一发布到相应的平台。对于一般的平台来说,开发基本都会使用富文本编辑器组件,而组件功能的取舍,往往取决于产品的需求。根据上面的因素,对功能进行整理:

通过上述整理,对于字体、行长及间距,产品可以设定默认值,减少用户对非必须选项的纠结,另一方面也保证了产品文章界面视觉统一性。

 

界面设计

从影响阅读的因素,对编辑文章的功能进行相应的调整

加入【格式清除】功能,其主要源于很多用户的文章是从其他的编辑器或网站复制过来,或多或少会附带一些残留的代码,将会导致编辑器的预期效果出现差别,格式清除则是把文件打回最原始的纯文本状态。

后记

一些思考及想法

看完上面的内容,估计很多看官们都要摔键盘了:写了这么多就设计了两个界面,还是文字排版,完全无“干货”。
这里说一点关于设计驱动及开发成本的思考。

1、设计驱动

现在大部分的设计都是需要符合商业模式为主,所有的设计都需要有流量或者业务量的增长,才能被产品采纳为【需求】,而这些也是设计的驱动力。
本文的设计并没有具体的数据支撑,如果可以看到站酷APP的文章阅读量,或许会是一个不错的数据支撑点。
所以很多重设计也好,体验优化也好,确实在一定程度上改善了用户体验,但是却往往在需求优先级里排不上号,另外一个原因则是开发成本。
重设计或优化功能的时候,你是否考虑过?

 

2、开发成本

开发成本,设计师一般了解的并不够清楚,毕竟术业有专攻。但是我们可以从设计是否更改业务流程,是否需要前端、后端或者更多的资源来预估。比如上面的移动端效果,更多是只需要一个前端程序员,写几个css样式就解决问题了,开发成本基本可以忽略不计。适当的了解开发,有时候是在产品开发中博弈的资本。

 

 

上面说的站酷文章发布的问题,另外一个设计平台—UI中国貌似也差不多。虽然不知道两个平台产品经理是基于什么样的考虑,不怎么重视这块内容,但是如果只是极小的开发成本,不妨试着去听听用户的想法及反馈,并不是所有的需求都是基于流量与业务量的。而移动样式的优化,也有助于文章的分享传播,毕竟作为设计师为主用户群的平台,对于辣眼睛的排版,估计是不敢分享吧,会拉低欣赏档次的。

 

附记

个人网站(mvip.design)与我的个人小程序(木头印记)的效果展示,可以对比一下与站酷的效果。有兴趣的可以观摩一下,欢迎大家交流。

 

喜欢()
评论 (0)
热门搜索
30 文章
0 评论
0 喜欢
Top