麓言信息运动类APP界面设计必备知识点
运动类APP作为垂直细分的移动应用,随着全民健身理念的深入人心而蓬勃发展,但也面临着同质化严重和用户体验不佳的困境。界面是连接人与机器的桥梁,从设计的角度出发,界面就是设计师赋予物体的新面孔,界面设计的优劣关乎APP体验的优良。
然而,用户经常会对界面中显而易见的元素“视而不见”,称之为“无意视盲”现象,这样的现象往往会带给用户困扰甚至消极影响,体验不佳。本文通过研究影响无意视盲的因素,采取相应的设计策略优化APP界面设计,从而降低无意视盲发生率。
显著性
显著性指的是物体捕获注意的能力,分为感觉显著性和认知显著性。感觉显著性指的是物体自下而上的物理特征,而认知显著性则反映了物体包含的个体及社会相关性。感觉显著性包括有物体的颜色、位置、大小、运动等物理属性。
显著性因素具体应用到界面设计上就是视觉元素的颜色、位置、大小、动效等形态和视觉元素意义,合理地设计这些元素的权重将能有效分配用户的注意资源,形成和谐统一的视觉效果。而界面上的视觉噪音一般是由过多的视觉元素造成的,这些多余的视觉元素将人们的注意力,从那些传达信息的主要对象上转移到他处。
心理工作负荷
人的认知和注意资源有限,依据“中枢能量理论”,人在处理视觉信息时会将注意进行分配,除了对感兴趣和强度高的视觉刺激分配更多的视觉注意资源外,任务的难度也会影响视觉资源的分配。构建产品的功能架构要考虑用户的即时性需求和非即时性需求,即时需求是以效率为目的,非及时需求则以内容提供为主。
现在的运动APP同质化严重,为了提升用户的黏性,越来越多产品强调“工具+社交”的意义,导致APP功能繁琐,让用户对产品缺乏掌控感,需要简化和重构。产品信息框架需要逻辑简洁、设计合理才能平衡工具属性和社交属性的比例。
减轻用户认知负荷,获得良好的用户体验,在信息的布局上要构建科学合理、自然流畅、舒适愉悦的视线流与操作流。视线流是用户视觉焦点在界面上的流动轨迹,操作流是用户操作界面形成的触点移动轨迹。人的视线习惯是从上到下、从左到右,且水平运动快于垂直运动,因此,界面中左上象限比其他象限更容易获得注意,F型、Z型布局形式符合视线习惯。
此外,格式塔的接近性、相似性原理让界面上的信息以分组的方式呈现,通过将同类元素进行分组,采用一致的视觉风格,也可以创建清晰的信息布局。界面设计就像画画一样,需要有明确的视觉焦点和视觉流程。
注意定势和期望
定势指的是某种活动前的心理预备状态,而期望是指对某个事物发展的预设。当用户对界面中某个元素不能产生定势和预期,将会对知觉造成不利影响,也容易诱发视盲。在交互设计的后隐喻时代,拟物化和过度修饰已经成为了过去,用户更期待高效和降低认知负荷,扁平化风格兴起。一味追求扁平化,也会造成界面的同质化问题,因此,界面设计的细节将决定产品的品味和档次。
在扁平化的设计风格中,渐变的颜色可以称之为设计的细节。当界面中一个交互点击按钮控件采用渐变颜色,会让这个控件更具有按钮的隐喻,就好像在提示用户“点击我”,提升了界面的易用性。控件需要有文本或图标来辅助指明其意义,降低用户的认知成本,形成注意定势和心理预期,能更好地获得注意资源的分配。
加工能力
加工能力指的是一个人同时能够注意的刺激或信息的数量。人的视觉记忆容量有限,无法在有限的空间内同时关注过于繁杂的信息。因此,尽量可视化信息有助于减轻认知负担。
运动类app通过智能手机里陀螺仪、GPS等传感器收集和监测用户运动数据成为可能,并且实时性和准确性不断提高。如何将冗杂的运动数据以文本的形式一股脑抛给用户,对用户来说无疑是一场灾难,即便花了大量时间精力也未必能很好地理解数据的规律性和相关性。因此,将数据可视化符合人的认知加工能力,可以减少无意视盲现象的发生。
如何将运动类APP的数据可视化?运动类APP的数据大多采用柱状图、甜圈图、曲线图、表格等统计图表来展示,呈现较为精准的数据量化对比、分布情况、频率高低、比例大小等参数的特征,准确高效地表达数据。考虑到人的信息加工能力有限,会将数据进行分层级聚合,譬如时间序列属性的数据按照日、周、年聚合,让用户进行切换选择。
运动类APP交互界面的不断优化,主要目的是提升软件的易用性,改善用户体验,让用户更高效地完成目标任务,从而减少APP界面无意视盲的发生,提升运动类APP的用户体验。
麓言信息运动类APP界面设计必备知识点相关推荐
- 麓言信息广州学APP设计培训有哪些?
APP开发并不是一件容易的事,需要组成一支具有产品经理.UI设计师.前端开发工程师.后端开发工程师.测试工程师和运维工程师等开发团队.开发app最终是要给到用户使用的,所以在开发过程中,要特别注意用户 ...
- 设计灵感|资讯博客类App界面设计
博客资讯类App界面,这类界面通常都包含大量的文字内容,通过调整标题及正文的字重.字号.字体等方面形成优雅的版式,以获取舒适的阅读感受,这是设计好这类界面的关键. 博客资讯类App界面优秀作品鉴赏 在 ...
- 麓言信息平面设计可以转行UI设计吗?
从目前设计行业的流行趋势来看,UI设计是比较热门的行业之一.因此越来越多的平面设计师或者零基础小白都开始转行做UI设计. 平面设计以『视觉』为主轴,强调资讯阅读的可视性以及爆炸的视觉效果,来吸 ...
- APP界面设计必备,常用字体规范
好长时间没发帖,净想过年了,过年哈,倒腾工作总结和年货是大事. 这几天有人问我说:"最近看了好多教程,都老高大上了,但是老弟我做不到呀,想学点直接能拿来用的,这个要求过分吗--" ...
- 阅读类app界面设计UI可临摹素材模板
阅读App的诞生让读书变得更加方便,而一款书籍内容丰富.界面清爽舒适的App能让用户获得更加良好的阅读体验. 产品介绍:简洁的阅读APP,整体页面排版清新,交互完整 主要功能: 首页:活动海报,图书分 ...
- 麓言信息零基础学习UI设计需要会代码吗?
最近一些在学习UI设计的伙伴经常会问到我一个问题,零基础学习UI设计需要会代码吗?我要是不会代码,以后是不是找不到工作啊,今天就针对这问题呢,给大家做一个详细的解答. 首先我们要知道作为一 ...
- 麓言信息为什么要学UI设计?有什么好处?
互联网行业的迅速发展,使各个公司更加重视网站与产品的设计,和用户体验,因此带动了整个UI设计行业的兴起! 游戏UI设计 几乎人人都玩游戏,而游戏UI设计也成为大火的行业之一,游戏界 ...
- android课程表需求分析,运动类APP设计之需求分析
一.行业背景 近些年随着物质条件的改善,人们越来越重视自己的身体,所以也越来越多的人会进行身体锻炼.同时又由于移动互联的飞速发展,大量的运动App 也随之产生.而跑步在所有锻炼方式中属于无门槛无准备便 ...
- 展示型app用什么型号服务器,APP版式设计教程:信息展示型UI界面设计的四种类型...
作为一名专业的APP设计师,版式设计也是我们日常设计当中的一项基本功. 那你到底对版式设计有多深的理解呢? 你现在可以摸着旁边妹子的手说,什么是版式设计ma ? 版式设计又分为哪几种呢? 这个时候妹子 ...
最新文章
- 北大图灵班本科生吴克文获STOC 2020最佳论文奖
- tomcat更换服务器后无法显示验证码
- 例题:学习数据库查询。学生信息表的创建,主外键关系,以及45道题的查询实例。主要知识点在讲页45页,和讲页65页...
- 系统单据号生成规则推荐
- a标签点击事件_DOM事件机制
- python selenium span内容读取_【程仁智推荐】Selenium自动化测试入门
- AI 线上峰会 | 人工智能技术解析与实战
- qt lighthouse相关
- 【redis】 windows 32x 64x
- 项目疑难杂症记录(一):fragment单例导致的界面异常
- iOS开发那些事-iOS6苹果地图有用开发
- 如何锻炼一个人处理问题的能力?
- Q4_一个事物领导另一个
- SpringBoot------集成PageHelper分页功能
- EnterpriseLibrary2.0的学习-DAAB
- 【ArcGIS】数据属性重新赋值
- Visio 2007 下载安装
- kafka报org.apache.kafka.common.errors.RecordTooLargeException
- 大牛直播SDK-Windows RTMP/RTSP/本地FLV播放器使用说明...
- WebStorm中TODO的作用