交互设计iOS学习UI/交互设计规范

lofter、知乎、简书web端“写文章”功能差异交互分析

2016-12-16  本文已影响1006人  史蒂芬宋

因为最近经常在LOFTER、知乎和简书web端使用“写文章”功能,所以在进行文章编辑的同时也发现3个平台“写文章”功能的差异点及平台侧重点。虽然“写文章”功能基本操作流程大同小异,但在细节交互上存在很大的差异,下面谈谈我的一些想法。

平台简析

下面是LOFTER、知乎、简书的平台slogan及百度百科上的平台简介:

从3个平台的slogan及平台简介可以看出3个平台的平台属性及中心需求的区别。

LOFTER主打图片社交,汇集多领域的品质生活家和生活达人,以打造高品质图片社区。由此可见写文章(长篇)功能并不是其核心需求。

知乎是一个真实的网络问答社区,分享彼此的专业知识、经验和见解,同时把自己本专业内的内容编辑成文章进行分享交流,写文章是辅助问答的最好方式之一,所以写文章是知乎的核心功能之一,这从web端的功能布局上也能体现出来。

简书是一个将写作与阅读整合在一起的网络产品,定位就是一款写作产品,为作者制造一种沉浸式的写作氛围,进而可以专注于写作,所以从核心上来说简书更为专一。

功能入口

下面是LOFTER、知乎、简书web端“写文章”功能的入口位置:

LOFTER其实并没有专门的“写文章”入口,只有发布文字的入口。作为一个图片社交平台,LOFTER并不鼓励用户编辑长篇的文字发布,就像微信并不鼓励用户只发布文字放到朋友圈一样。但是LOFTER采用的独立域名,"专注兴趣,分享创作"的口号,轻博客的产品功能还是受到很多人的喜爱。但是对于 LOFTER长文章的短板,LOFTER最近也刚上了 LOFTER的“长文章”功能,以便满足用户在图片社交之外编辑更长文章的需求。

知乎的“写文章”入口在很明显的顶部问答之后,这也符合知乎的问答社区属性,作为辅助问答的核心功能

简书作为主打写作功能的产品,“写文章”入口在并不十分明显的左下角。不过对于专一写作而言,入口并不是影响写作的主要因素

交互细节差异

下面从全屏编辑默认界面差异、文章预览差异、发布限制差异、移动端页面效果差异等4方面进行对比:

1. 全屏编辑默认界面差异

从3个平台全屏默认编辑界面对比,LOFTER与知乎的页面布局基本一致,简书的文章编辑界面看上去更简洁、清爽,无多余视觉干扰,更容易让用户专注。

在上传题图方面,LOFTER的题图上传有宽高限制,从LOFTER 提供的官方图片看,LOFTER依旧希望用户提供高品质的题图,以保证整个平台的内容质量;知乎的题图兼容性好,无宽高及格式限制;简书没有题图上传入口,取用的是用户文章中的第一张图。

2. 文章预览差异

从3个平台提供的文章预览功能对比:

LOFTER提供的预览效果及支持设备更为丰富,包括移动端和pc端的预览,为用户编辑更有质量的文章提供有力支持。

知乎基于社区属性,提供的预览功能并非针对自己,而是邀请好友预览,以增强社区相同兴趣或专业的用户交流沟通频率,增强社区属性的社交粘性。

简书并没有提供文章预览功能,其一是简书相对于表现形式,更注重文章内容及表现力,不仅限于视觉表现。其二是简书文章编辑的样式与发布完成后的样式相同,在文章编辑时即可对样式进行视觉调整,所以不需要单独的预览功能。

3.发布限制差异

从发布限制对比,LOFTER只上传图片和标题即可发布文章,这样轻松的长文章发布设置,与文字发布功能没什么区别,很明显这还是基于图片社交的基本属性所设置。

知乎简书的限制设置相同,都是必须输入标题和内容才可发布文章,是以内容导向的设置。

4.移动端页面效果差异

下图为之前上传在LOFTER、知乎和简书的文章,web端的编辑样式3个平台基本一致,但放在移动端页面上存在布局差异。

主要的差异点是在LOFTER知乎、简书的页面样式差异,我截取了3个平台相同文章的相同位置,知乎与简书的展示效果基本一致,与web端的样式基本相同,下图为知乎与简书的移动端页面显示:

下图为LOFTER的移动端页面显示,差异点主要为图片无自适应,移动端依旧按照图片原始尺寸等比压缩显示,以及移动端样式与web端页面布局出现错乱,及图文上下间距默名增大。在多端图片与页面样式同步上LOFTER并没有做到很好的显示效果,这在一定程度上会降低用户提供高品质文章的积极性,如果LOFTER对多端样式同步保持一致,会对用户提供有质量的文章起到一定的促进作用

因为3个平台的平台属性不同,在“写文章”单项功能中虽然流程大致相当,虽然每个平台根据自己的平台特点设置不同的辅助项,但在辅助设置上存在巨大的交互细节差异。因为写作时间比较紧,如在文章中表述不恰当也请指正,以便及时纠正。

所用设备:Mac pro   所用浏览器:火狐  、Safari   机型:iPhone6s

上一篇下一篇

猜你喜欢

热点阅读