花生壳客户端-浅谈移动端以纯文本阅读为主的Web设计要点
1 确认体会点评目标 1.1 移动阅览及其组成要素 移动阅览是指使用手机、平板电脑、电子阅览器等移动终端进行的所有阅览行为,包含经过浏览器浏览网页以及书城客户端、花生壳客户端;新闻客户端、资讯客户端、杂志客户端、微博、公众号文章等阅览途径,浏览小说、报纸、图书、杂志、动漫、文献等内容的阅览行为。
从移动阅览组成要素来讲,首要有三个:移动阅览用户(主体)、电子读物(由内容和移动载体组成的客体)、行为(用户的态度与行为表达),如下图所示。
1.2 影响移动阅览绩效的目标 有关影响移动阅览绩效目标的研讨许多,相关目标首要能够分为四类:主体点评、数字内容、硬件功用、软件功用(详见下表)。
1.3 纯文本文章阅览体会的点评目标 本研讨旨在为公众号用户提供更好的文章阅览体会,结合产品当前的现状,在点评目标上有其独特性。其间“数字内容”是开放性的,未来会经过运营引荐等方法进行优化,不在此次研讨范围内;“硬件功用”整体上取决于用户自身的手机终端和手Q版本运行带来的影响,较为复杂,因而现阶段研讨只重视显现舒适度,经过干流屏幕测验结果适配到不同屏幕中;“软件功用”现在尚不完善,未来会跟着文章的价值定位而进行差异化规划,因而现阶段研讨首要重视版面规划,即字体、字号、行距等要素对阅览发生的影响。
确认本研讨的意图是优化纯文本文章的阅览体会,及对应的二级目标(表格中“*”)后,结合产品特性,咱们对目标进行了细化。版面规划的显现舒适度一般能够从视觉绩效(即可用性)和视觉片面偏好(即漂亮性)两个角度进行点评。依据以往研讨发现,两者显著相关,片面偏好评分较高的往往辨识绩效较佳。这一点也能够从影响视觉绩效的元素与规划元素的关联性中得到验证。
不同版式规划在一定文章长度内对视觉绩效发生的影响是比较有限的(用户坚持高度留意力会集的情况下,使命完成的准确性和时间差异不会很大),但却能够经过视觉疲惫表现出来(也是用户留意力高度会集之后的一种表现)。在视觉疲惫的相关研讨中,首要有以下定论:
A.文本与布景的亮度对比 当白色布景遇到黑色文字时,提高了文字的反射率,然后容易被留意理解,但色差较大,持久凝视会发生疲惫感,相对凝视时间短。
用户偏好正极性(文本为深色,布景为淡色),但实际上负极性(文本为淡色,布景为深色)更不易疲惫。
B.文字最小可接受的视角 一般由字号巨细与阅览视距决定,实验室测量方法如下图所示。在电子书阅览测验中,针对接近正方形的中文字(即,字高等于字宽),一般可接受最小视距为30cm以上,恰当视距为50cm。青年组(20-35岁)“字高”至少为4.8mm(24pt),中年组(36-50岁)至少为5.14mm(25pt)。当固定近似正方形中文字体的字高4.85 mm与行距3 mm,字元间距为0.61 mm 或1.21 mm会有较好的绩效,而且也不会增加视觉疲惫[2]。
综上所述,在确认字体的情况下,字色、布景、字号、字距、行距是影响视觉绩效的首要要素。此外,屏幕亮度,屏幕尺寸,屏幕分辨率,环境光线,阅览视距,用户年纪,文本长度,阅览意图等都会对用户的阅览体会发生影响,咱们将在研讨中进行操控。
视觉片面偏好能够经过清晰度、漂亮性、视觉舒适性三个目标进行归纳点评。
2 研讨方法与展望 2.1 研讨范式 本研讨首要分两个部分进行,第一部分为片面调试,如下图所示,请用户在电脑上调理研讨相关的参数值,参数所对应的视觉效果会同步显现在手机上,用户需求调理出自己最舒适的视觉感触。
2.2 变量操控 本研讨选用2*2被试内规划,自变量为阅览视距(水平1:习气视距,水平2:恰当视距-50cm)与手机机型(水平1:iPhone6,水平2:iPhone6plus),各测验经过ABBA平衡顺序效应,每完成一个测验进行片面反馈,并歇息5分钟,再进行下一个测验。
选用一致的环境光线,及iPhone自适应的屏幕亮度,用户年纪从14-35岁,每篇文章的长度,错别字散布都相对均衡,要求用户在校订测验中坚持固定的视距,尽可能快和多的找到错别字写在纸上。
2.3 小结与研讨展望 本研讨在规划师选定的几种字体下,对用户片面偏好的阅览体会进行了视觉绩效的测量,用以确认字色、布景、字号、字距、行距等规划元素的参数值。回顾本文研讨结果能够发现,用户在手机阅览中的视距要比电子书阅览视距更近,平均视距30cm,近一半用户视距在10-30cm之间。屏幕巨细、视距、年纪对字号、行距、布景、字色等参数均有不同程度的影响。别的,字体在其间起了非常重要的效果(如,兰亭正文36-38pt,汉仪正文34-36pt),不同的字体在不同视距等要素的影响下,会得到不同的结果参数,详见后续视觉同学的分享文章。
字体服务于文本阅览。不论是为阅览规划而挑选字体的规划师,还是因文本阅览而反复凝视字体的读者,都会在有意或无意间,逐渐构成自己关于字体及文字排版的点评规范。所以一般咱们会以为存在人群遍及的视觉认知心思,以及专业规划师经过长期工作经验所取得的归纳点评能力,两者之间可能是有差异的,如不同的个体对不同的字体偏好是不同的,对漂亮性与可用性之间分配的权重是不同的。
在运用字体时,规划师需求依据规划需求挑选适宜的字体,设定相应的字号、字距、行距、字色等,符合成本要求,以取得最优的视觉效果,这个过程就会涉及到漂亮性与可用性之间的平衡。当字体使用场景复杂,面临的用户差异大的时候,这种平衡就显得尤为重要。
因而,未来的研讨能够有两个方向:
一、从字体研讨动身,在不同的使用场景下,取得用户的遍及视觉认知心思;
二、从移动阅览绩效动身,对目标体系的其他方面进行点评与优化。