童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

移动用户界面的5个设计原则

1月25日 封了心投稿
  文章分享了关于衡量用户交互作用的5个原则,希望能够对你有所启发。
  去年移动端用户首次在全球范围内超过桌面端用户。看看来自全球的统计数据,如今超过22屏幕的分辨率为640360。
  这种趋势不容忽视,尽管响应式和移动式开发已有一段时间了,移动界面中的交互与桌面界面中的交互却非常不同。随着ReactNative和ProgressiveWebApps(响应式网页程序)的兴起,未来几年移动用户界面的开发也将成为Web开发的重要组成部分。
  在开发移动用户界面时,简易性对于良好的用户体验至关重要。界面应保持一致,避免用户的认知超负荷和让用户感觉到混乱。
  为了满足和权衡用户交互的作用,本文提到了5个可衡量的原则。这篇文章将分别对这些原则做一个简短的总结,并举例子来概述我们在创建移动界面时应该考虑的问题。
  有效性
  有效性可检验当用户在使用界面时候的有效性如何。用户有从其他界面和现实世界中获取的经验。在人机交互(HCI)中,称为用户正在创建的心理模型,以便更容易地理解复杂的概念。我们可以根据现实生活中获取的知识来提高用户的效率。有效性的目标是减少完成任务所需的操作次数。
  举一些例子:
  PWA是使用心理模型来提升用户效率的一个极好的例子。通过设计类似于模拟调谐器的数字调谐器,用户可以立即将这个数字版本的调谐器映射到他在现实世界的体验中。
  使用匹配和已知的图标来减少认知负担。把它们和小标签结合起来,减少错误的解读。
  心理模型的另一个例子就是将事物的转换看成类似于现实世界中灯光的切换。
  效率
  效率是指用户能够以何种方式理解应用程序的当前状态以及可以执行的操作。它以每秒动作来衡量,并描述了用户完成任务的效率。
  一些例子
  在界面中提供用户所在位置的视觉提示。例如显示标题,在窗体中提供进度条,突出显示当前标签。
  如果界面变得太复杂了,那就设计出可分配子任务的简单类别。例如所有用户相关数据的概要,过去保存项目的集合以及新信息的检索。
  生产率
  生产率是指用户成功完成任务所需的时间以及用户发现和识别界面功能的容易程度。它是根据相对于时间完成任务所需的动作数量来衡量的。
  一些例子
  通过提供界面核心任务的快捷方式来减少打字的需要。
  避免使用误导性的标签,例如使用错误的图标。
  提供错误消息,以便用户可以快速从错误中恢复。
  反馈错误信息
  给用户反馈是界面设计中最重要的部分之一。恰当的反馈可以明显减少我们的错误。我们可以通过每个任务的每个操作中提交的错误数量来衡量失误。
  一些例子:
  为用户操作提供适当的反馈。
  突出重要新信息。
  提供教程或提示,可以在需要时查看。
  显示当前视图任务用户的名称。
  当用户发生错误或系统未按预期工作提供反馈。例如,表单错误,无法上传处理。
  认知负荷
  减少用户的认知负担对于界面的友好度至关重要的。我们可以通过使用隐喻来解决晦涩的概念,并保持界面简单,以免使用户混淆。衡量认知负荷的一种方法是计算每个视图的动作。
  一些例子:
  在视图和内容切换之间提供动画,切勿粗糙的剪切和混乱的篡改内容。
  使用熟悉和匹配的符号,使用户易于完成任务。
  使用逻辑流程让用户快速完成一项新任务。
  结论
  当我们设计一个用户界面时,它的设计重点就应该是帮助用户完成他要完成的任务。那么在界面设计过程中你应该问自己一些问题:
  我设计的界面是否让用户以最简单的方式来完成任务?
  界面是否遵循简单性以及利用心智模型来减少认知负荷?
  该界面是否显示用户所在的位置,避免用户混淆和迷失方向?
  用户是否得到了恰当的反馈意见?
  界面是否考虑过可能出现的错误并提供对这些错误的反馈?
  由于屏幕尺寸小,移动界面很受限制,因此将应用程序简单化并把重心放在用户想要完成的任务上就显得尤为重要。如果界面变得过于复杂和混乱,可能是因为它试图去满足许多不同的条件,实际上应该被拆分成不同的应用程序。
  通过保持界面的有效性,效率,生产率,及时反馈错误信息和减少认知负载,我们可以避免设计出一些看起来花哨,实际上并不支持用户完成任务的用户界面。
  
投诉 评论 转载

设计改版的正确姿势,你知多少?在这里给大家介绍正确的改版姿势,趁着新的一年大家赶紧计划起来!一个UI设计师大部分的日常工作是支持版本功能迭代,内容比较单调琐碎,而主导一次设计改版,不仅能够发挥设计所长……虚拟ToB支付设计研究(三):海外研究篇随着公司业务拓展到海外市场,我们在工作中也接触到针对海外用户的支付设计实践。这篇文章结合虚拟ToB支付专题研究的背景,是关于海外ToB类产品支付体验的研究小结。想了解更多……UI原则会话:网站聊天机器人设计全过程(上)在本文中,我将向您展示一项项目研究,它描述了一个B2B网站设计会话UI的完整过程,包括对话脚本的片段、通信理论的基础和一些我认为使这个项目具有独特性的技巧和途径。开始……会员成长体系2。0:从通感到通识的体验打造将会员全链路场景中的服务触点进行统一的感知设计,并在服务中为用户传递一致的体感,此所谓通感。将升级带来的行为变化用数据反映出来,结合数据去调整设计表现,通过设计迭代再次影响用户……助你进阶成为“设计万花筒”:色彩叠加文章主要介绍了一个可以让你进阶成为“设计万花筒”的技能手法色彩叠加。在看球赛时,某个选手眼花缭乱的进攻方式,会被我们称呼为“进攻万花筒”;一个写手变化莫测的写作手法,我们……不得不知的UI界面中“行为召唤按钮”设计秘诀按钮是用户界面的核心交互组件,它在质量用户体验以及网站和应用程序的转换率方面发挥着重要作用。数字产品的有效交互系统由具有其任务和功能的小元素组成。为了建立丰富的交互系统,……7招撩用户:把产品尽量往游戏化设计克制的产品犹如美女的裙边,长到足以遮住关键部位,短到勾起男人的幻想。作为互联网圈2018年第一大收购案,陌陌以6亿美元现金265万股新发行的ADS股票收购探探的消息惊诧了……在P2P产品中,红包的3种玩法:投资红包、加息红包和现金红包做P2P也挺长时间了,就来总结一下红包的玩法。红包可以说是一种必不可少的营销手段,其在拉新、促投等方面发挥着很大的作用。几乎所有的P2P平台都有这项功能,只是名称不一样:……移动用户界面的5个设计原则文章分享了关于衡量用户交互作用的5个原则,希望能够对你有所启发。去年移动端用户首次在全球范围内超过桌面端用户。看看来自全球的统计数据,如今超过22屏幕的分辨率为64036……虚拟ToB支付设计研究(二):设计思考篇这是虚拟toB支付专题研究的第二篇:虚拟toB支付设计思考。本篇是在第一篇《基础知识科普篇》基础上,对虚拟toB支付相关设计知识进行更深入研究,更侧重于设计思考。本篇研究……后台系统:账号权限系统设计文章对账号权限系统设计展开分析,希望能够给你带来些启发。一、系统概述一个账号权限管理系统,主要包括三个元素:账号、角色、权限。我们所要管理的,也就是账号、角色和权限……场景设计,你了解吗?场景分析,是产品经理必须掌握的诸多技能之一。春节,在你身边发现了哪些场景?我们一起聊聊吧,通过“场景”,学习“场景”。十元一桶的方便面你买过十元一桶的方便面吗?热水……
通用型问题:从产品经理的角度,看旅游的那些坑深度思考:当入口变化,习惯变迁,微信的新形态才能打败它自己?思考总结比起2c产品,2b产品的特性与特殊增值点有哪些PM高级技能:如何调整UI设计作品产品助理、产品经理、产品负责人、产品总监都是做什么的用户角色中的定性研究和定量研究看似风光的填坑史:产品经理背后的心塞用户心理与产品分析:产品交互阶段的用户心理密码解析9个月,回顾一下敏捷开发的得失在谈推荐系统之前,请先避免这4个问题6次提交审核,我们应用的审核心路历程产品结构,PM必备技能之一
处暑时节多吃这物身体好汽车保险续保注意些什么汽车保险续保注意事项小米手机fastboot什么意思(小米手机有Fastboot银色的小鸟成吉思汗只是弯弓射雕!高尿酸血症要引起重视眼鼻舌身,喝茶时感官很忙运用电教媒体激活低年级数学课堂天气不好的祝福句子三篇什么条件的房子法院不能拍卖出郭小园其一台州发现明朝古墓,出土100多件文物,专家价值超10亿

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界