运动类APP作为垂直细分的移动应用,随着全民健身理念的深入人心而蓬勃发展,但也面临着同质化严重和用户体验不佳的困境。界面是连接人与机器的桥梁,从设计的角度出发,界面就是设计师赋予物体的新面孔,界面设计的优劣关乎APP体验的优良。  
  然而,用户经常会对界面中显而易见的元素“视而不见”,称之为“无意视盲”现象,这样的现象往往会带给用户困扰甚至消极影响,体验不佳。本文通过研究影响无意视盲的因素,采取相应的设计策略优化APP界面设计,从而降低无意视盲发生率。  
  显著性  
  显著性指的是物体捕获注意的能力,分为感觉显著性和认知显著性。感觉显著性指的是物体自下而上的物理特征,而认知显著性则反映了物体包含的个体及社会相关性。感觉显著性包括有物体的颜色、位置、大小、运动等物理属性。  
  显著性因素具体应用到界面设计上就是视觉元素的颜色、位置、大小、动效等形态和视觉元素意义,合理地设计这些元素的权重将能有效分配用户的注意资源,形成和谐统一的视觉效果。而界面上的视觉噪音一般是由过多的视觉元素造成的,这些多余的视觉元素将人们的注意力,从那些传达信息的主要对象上转移到他处。  
  心理工作负荷  
  人的认知和注意资源有限,依据“中枢能量理论”,人在处理视觉信息时会将注意进行分配,除了对感兴趣和强度高的视觉刺激分配更多的视觉注意资源外,任务的难度也会影响视觉资源的分配。构建产品的功能架构要考虑用户的即时性需求和非即时性需求,即时需求是以效率为目的,非及时需求则以内容提供为主。  
  现在的运动APP同质化严重,为了提升用户的黏性,越来越多产品强调“工具+社交”的意义,导致APP功能繁琐,让用户对产品缺乏掌控感,需要简化和重构。产品信息框架需要逻辑简洁、设计合理才能平衡工具属性和社交属性的比例。  
  减轻用户认知负荷,获得良好的用户体验,在信息的布局上要构建科学合理、自然流畅、舒适愉悦的视线流与操作流。视线流是用户视觉焦点在界面上的流动轨迹,操作流是用户操作界面形成的触点移动轨迹。人的视线习惯是从上到下、从左到右,且水平运动快于垂直运动,因此,界面中左上象限比其他象限更容易获得注意,F型、Z型布局形式符合视线习惯。  
  此外,格式塔的接近性、相似性原理让界面上的信息以分组的方式呈现,通过将同类元素进行分组,采用一致的视觉风格,也可以创建清晰的信息布局。界面设计就像画画一样,需要有明确的视觉焦点和视觉流程。  
  注意定势和期望  
  定势指的是某种活动前的心理预备状态,而期望是指对某个事物发展的预设。当用户对界面中某个元素不能产生定势和预期,将会对知觉造成不利影响,也容易诱发视盲。在交互设计的后隐喻时代,拟物化和过度修饰已经成为了过去,用户更期待高效和降低认知负荷,扁平化风格兴起。一味追求扁平化,也会造成界面的同质化问题,因此,界面设计的细节将决定产品的品味和档次。  
  在扁平化的设计风格中,渐变的颜色可以称之为设计的细节。当界面中一个交互点击按钮控件采用渐变颜色,会让这个控件更具有按钮的隐喻,就好像在提示用户“点击我”,提升了界面的易用性。控件需要有文本或图标来辅助指明其意义,降低用户的认知成本,形成注意定势和心理预期,能更好地获得注意资源的分配。  
  加工能力  
  加工能力指的是一个人同时能够注意的刺激或信息的数量。人的视觉记忆容量有限,无法在有限的空间内同时关注过于繁杂的信息。因此,尽量可视化信息有助于减轻认知负担。  
  运动类app通过智能手机里陀螺仪、GPS等传感器收集和监测用户运动数据成为可能,并且实时性和准确性不断提高。如何将冗杂的运动数据以文本的形式一股脑抛给用户,对用户来说无疑是一场灾难,即便花了大量时间精力也未必能很好地理解数据的规律性和相关性。因此,将数据可视化符合人的认知加工能力,可以减少无意视盲现象的发生。  
  如何将运动类APP的数据可视化?运动类APP的数据大多采用柱状图、甜圈图、曲线图、表格等统计图表来展示,呈现较为精准的数据量化对比、分布情况、频率高低、比例大小等参数的特征,准确高效地表达数据。考虑到人的信息加工能力有限,会将数据进行分层级聚合,譬如时间序列属性的数据按照日、周、年聚合,让用户进行切换选择。  
  运动类APP交互界面的不断优化,主要目的是提升软件的易用性,改善用户体验,让用户更高效地完成目标任务,从而减少APP界面无意视盲的发生,提升运动类APP的用户体验。  

麓言信息运动类APP界面设计必备知识点相关推荐

  1. 麓言信息广州学APP设计培训有哪些?

    APP开发并不是一件容易的事,需要组成一支具有产品经理.UI设计师.前端开发工程师.后端开发工程师.测试工程师和运维工程师等开发团队.开发app最终是要给到用户使用的,所以在开发过程中,要特别注意用户 ...

  2. 设计灵感|资讯博客类App界面设计

    博客资讯类App界面,这类界面通常都包含大量的文字内容,通过调整标题及正文的字重.字号.字体等方面形成优雅的版式,以获取舒适的阅读感受,这是设计好这类界面的关键. 博客资讯类App界面优秀作品鉴赏 在 ...

  3. 麓言信息平面设计可以转行UI设计吗?

    从目前设计行业的流行趋势来看,UI设计是比较热门的行业之一.因此越来越多的平面设计师或者零基础小白都开始转行做UI设计.     平面设计以『视觉』为主轴,强调资讯阅读的可视性以及爆炸的视觉效果,来吸 ...

  4. APP界面设计必备,常用字体规范

    好长时间没发帖,净想过年了,过年哈,倒腾工作总结和年货是大事. 这几天有人问我说:"最近看了好多教程,都老高大上了,但是老弟我做不到呀,想学点直接能拿来用的,这个要求过分吗--" ...

  5. 阅读类app界面设计UI可临摹素材模板

    阅读App的诞生让读书变得更加方便,而一款书籍内容丰富.界面清爽舒适的App能让用户获得更加良好的阅读体验. 产品介绍:简洁的阅读APP,整体页面排版清新,交互完整 主要功能: 首页:活动海报,图书分 ...

  6. 麓言信息零基础学习UI设计需要会代码吗?

      最近一些在学习UI设计的伙伴经常会问到我一个问题,零基础学习UI设计需要会代码吗?我要是不会代码,以后是不是找不到工作啊,今天就针对这问题呢,给大家做一个详细的解答.     首先我们要知道作为一 ...

  7. 麓言信息为什么要学UI设计?有什么好处?

      互联网行业的迅速发展,使各个公司更加重视网站与产品的设计,和用户体验,因此带动了整个UI设计行业的兴起!     游戏UI设计     几乎人人都玩游戏,而游戏UI设计也成为大火的行业之一,游戏界 ...

  8. android课程表需求分析,运动类APP设计之需求分析

    一.行业背景 近些年随着物质条件的改善,人们越来越重视自己的身体,所以也越来越多的人会进行身体锻炼.同时又由于移动互联的飞速发展,大量的运动App 也随之产生.而跑步在所有锻炼方式中属于无门槛无准备便 ...

  9. 展示型app用什么型号服务器,APP版式设计教程:信息展示型UI界面设计的四种类型...

    作为一名专业的APP设计师,版式设计也是我们日常设计当中的一项基本功. 那你到底对版式设计有多深的理解呢? 你现在可以摸着旁边妹子的手说,什么是版式设计ma ? 版式设计又分为哪几种呢? 这个时候妹子 ...

最新文章

  1. 北大图灵班本科生吴克文获STOC 2020最佳论文奖
  2. tomcat更换服务器后无法显示验证码
  3. 例题:学习数据库查询。学生信息表的创建,主外键关系,以及45道题的查询实例。主要知识点在讲页45页,和讲页65页...
  4. 系统单据号生成规则推荐
  5. a标签点击事件_DOM事件机制
  6. python selenium span内容读取_【程仁智推荐】Selenium自动化测试入门
  7. AI 线上峰会 | 人工智能技术解析与实战
  8. qt lighthouse相关
  9. 【redis】 windows 32x 64x
  10. 项目疑难杂症记录(一):fragment单例导致的界面异常
  11. iOS开发那些事-iOS6苹果地图有用开发
  12. 如何锻炼一个人处理问题的能力?
  13. Q4_一个事物领导另一个
  14. SpringBoot------集成PageHelper分页功能
  15. EnterpriseLibrary2.0的学习-DAAB
  16. 【ArcGIS】数据属性重新赋值
  17. Visio 2007 下载安装
  18. kafka报org.apache.kafka.common.errors.RecordTooLargeException
  19. 大牛直播SDK-Windows RTMP/RTSP/本地FLV播放器使用说明...
  20. WebStorm中TODO的作用

热门文章

  1. 关于计算机科学家理想的作文,我的理想作文是科学家
  2. JMeter 压力测试
  3. PIP遇到的问题解决方法
  4. InfluxDB【InfluxDB数据库操作】
  5. hihocoder 1469 福字 (dp)
  6. ai智能写作——我的写作生涯开挂了
  7. Java字符串截取,截取某个字符之前或者之后的字符串
  8. Python之图像处理 ——小点的去除
  9. 自定义适配器(Adapter)的使用
  10. 【linux】bashrc配置文件里的source路径有问题解决