这篇文章主要介绍了移动端以纯文本阅读为主的Web设计要点,针对文本的颜色与布局等方面总结了如何提升移动页面的阅读效果体验的方法,需要的朋友可以参考下

1 确认体会点评目标1.1 移动阅览及其组成要素移动阅览是指运用手机、平板电脑、电子阅览器等移动终端进行的一切阅览行为,包括经过阅览器阅览网页以及书城客户端、新闻客户端、资讯客户端、杂志客户端、微博、大众号文章等阅览途径,阅览小说、报纸、图书、杂志、动漫、文献等内容的阅览行为。

从移动阅览组成要素来讲,首要有三个:移动阅览用户(主体)、电子读物(由内容和移动载体组成的客体)、行为(用户的情绪与行为表达),如下图所示。浅谈移动端以纯文本阅览为主的Web规划关键  移动 阅读 文本 第1张

1.2 影响移动阅览绩效的目标有关影响移动阅览绩效目标的研讨许多,相关目标首要能够分为四类:主体点评、数字内容、硬件功用、软件功用(详见下表)。浅谈移动端以纯文本阅览为主的Web规划关键  移动 阅读 文本 第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]。浅谈移动端以纯文本阅览为主的Web规划关键  移动 阅读 文本 第3张

综上所述,在确认字体的情况下,字色、布景、字号、字距、行距是影响视觉绩效的首要要素。此外,屏幕亮度,屏幕尺度,屏幕分辨率,环境光线,阅览视距,用户年纪,文本长度,阅览意图等都会对用户的阅览体会发生影响,咱们将在研讨中进行操控。

视觉片面偏好能够经过清晰度、漂亮性、视觉舒适性三个目标进行归纳点评。

 2 研讨办法与展望2.1 研讨范式本研讨首要分两个部分进行,第一部分为片面调试,如下图所示,请用户在电脑上调理研讨相关的参数值,参数所对应的视觉效果会同步显现在手机上,用户需求调理出自己最舒适的视觉感触。浅谈移动端以纯文本阅览为主的Web规划关键  移动 阅读 文本 第4张

浅谈移动端以纯文本阅览为主的Web规划关键  移动 阅读 文本 第5张

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),不同的字体在不同视距等要素的影响下,会得到不同的成果参数,详见后续视觉同学的共享文章。

字体服务于文本阅览。不论是为阅览规划而挑选字体的规划师,仍是因文本阅览而重复凝视字体的读者,都会在有意或无意间,逐步构成自己关于字体及文字排版的点评规范。所以一般咱们会以为存在人群遍及的视觉认知心思,以及专业规划师经过长时间工作经验所取得的归纳点评才能,两者之间可能是有差异的,如不同的个别对不同的字体偏好是不同的,对漂亮性与可用性之间分配的权重是不同的。

在运用字体时,规划师需求依据规划需求挑选适宜的字体,设定相应的字号、字距、行距、字色等,符合本钱要求,以取得最优的视觉效果,这个进程就会涉及到漂亮性与可用性之间的平衡。当字体运用场景杂乱,面临的用户差异大的时分,这种平衡就显得尤为重要。

因而,未来的研讨能够有两个方向:

一、从字体研讨动身,在不同的运用场景下,取得用户的遍及视觉认知心思;

二、从移动阅览绩效动身,对目标体系的其他方面进行点评与优化。

转载请说明出处
知优网 » 浅谈移动端以纯文本阅览为主的Web规划关键

发表评论

您需要后才能发表评论