十年专注于品牌网站建设 十余年专注于网站建设_小程序开发_APP开发,低调、敢创新、有情怀!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

方便用户获取视觉信息是移动端设计重点之一

百恒网络 2016-11-07 4121

前面我们通过《如何注重移动端视觉体验设计》这篇文章介绍了,聚焦点原理以及操作方法,屏幕上突出显示聚焦点和通过动画创造临时聚焦点,在设计过程中,考虑用户体验同时要着重用户获取信息的方便度,接下来由南昌网站制作公司百恒网络设计师介绍具体思路及操作方法。

清理屏幕,给内容让位

当用户看到移动终端的屏幕时,需要使用选择性注意 的能力,区分有用和无 用的内容。这种辨别过程不是自动进行的,用户必须首先在大脑中进行选择分 析,然后把注意力集中在有用的内容上。屏幕上无用的信息越多,大脑选择耗费 的认知成本 就越大。

根据认知心理学上的最新发现,大脑在注意模式下会优先处理无用的信息, 选择无视它们,就好像大脑在抑制这些让人分心的信息。这可是个好消息,设计 者可以帮助用户减少大脑在这里付出的辛劳!只要屏幕上仅显示有用的信息,用 户就不需要花费过多的认知成本抑制无用的信息,注意自然会更多地集中在有用 的信息上。

为了能够即时为用户选择有用的信息,我们可以使用交互时刻的概念:用户 看到的屏幕内容、刚刚进行的操作、最终的目标等不同因素,决定了用户的需求 也不一样。设计者应该自问,用户在什么时候需要导航选项,什么时候需要把精 力集中在页面内容上。下面请看几个例子。

让文章的形式利于阅读

凸显视觉信息的一个方法是让用户对阅读活动产生兴趣。移动终端和其他媒 介一样,在用户进行操作的核心部分里,提供的内容最为重要。令用户轻松地获 得阅读信息,把阅读信息作为界面核心,会让用户活动明显简化。在移动过程 中,阅读活动需要在各种不同的环境中进行,而且这些环境往往不够安静,难以 让人集中精力。所以,应该帮助用户更容易快速获得信息和迅速浏览。

一些简单的方法能够让文章的布局更利于快速浏览。如果设计者要呈现的是 以文字为基础的内容,以下建议就显得更为重要,尤其是各种媒体文章、报刊网 站、档案资料、博客和社交网络等。

把阅读内容分成小段

为了便于用户在移动终端上阅读,可以把文章分割成小段,这样有利于读者 获取资讯:如果作者的每一个想法都用单独的一小段文字呈现,那么这种布局方 式有利于读者在浏览全篇文章时不遗失信息。

控制好背景与文字的对比度

为了保证读者能够轻松地阅读文章,设计者应该优化背景颜色和文字颜色的 对比度。这条原则不但有利于视力不佳的用户(随着人口不断老龄化,视力不佳 的用户数目将越来越多),对其他用户同样大有裨益!如果背景与文字对比强烈, 那么移动终端用户即便处于光线暗淡、反射光弱、持续运动等不利于阅读的环境 中,也会感到更加舒适。

万维网联盟(W3C)就此制定了标准,而且设计者可以使用“16 进制颜色 码”等工具,测试颜色和亮度的差别,比如乔纳森·斯努克(Jonathan Snook) 设计的工具测试,网址如下:http://goo.gl/E5xZPc。如果你正在设计移动终端网 站,还可以在 HTML 文本上使用浏览器扩展程序完成自动测试。

设计者可以根据文章各部分的重要性调整背景与文字的对比度:不重要的文 字可以与背景的对比度小一些。这样一来,设计者从视觉上建立等级梯度,用户 自然心领神会,知道该信息属于次要信息。

最后,在使用背景图片的时候,更不要忘记加强文字与背景的对比度。尤其 是,网站更新需要常常更换背景图片,文字设计更需留心。如果设计者无法全权决定使用何种背景图片,那么一定要挑选一种适合任何背景的字体颜色,或者设 计一种无论使用什么背景图片,文字依然能保持清晰、醒目的界面。

本文仅限内部技术人员查阅学习交流,不得作于其他商业用途.原创文章出自:南昌网站建设公司-百恒网络 http://www.jxbh.cn 此文禁止转载,谢谢合作!


400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
售后服务 售后服务
 
备案专线 备案专线
 
×