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

iOS应用中常用的临时层归纳

8月28日 飞凤谷投稿
  很多组件功能有重叠,使用的规则边界不甚明显,有些可替换使用。具体使用何种形式,需要结合自己的产品和业务目的决定。
  临时层是什么
  《支付宝体验设计精髓》中根据页面元素的稳定性,将页面元素归纳为5个不同的层级,临时层指那些在页面中默认隐藏,需要时再展示的元素。
  临时层包含弹窗、Toast提示、浮层弹窗、操作列表、全屏弹窗等,每种组件都有其适用的使用场景,合理的使用,能提高用户效率和使用体验。作为新接触app端设计的小白,为了规范自己的设计,总结了部分自己的理解,与大家交流。错误之处还请指正。因为工作以iOS端为主,故本文仅梳理了部分iOS应用中常用的临时层,并不仅限于iOS的规范组件。
  弹窗(Alerts)
  Alerts属于模态弹窗,用户必须处理后才可以继续原操作。弹窗是一种比较强的反馈形式,弹出时会阻断用户原操作,对用户任务的打断性很强。但频繁的打断用户会带给用户挫败感,同时也影响用户完成任务的效率,所以需要慎重使用。
  弹窗由标题、内容、操作组成。内容描述文字并非必要,可以省略。一个好的弹窗要告知用户当前发生了什么及怎么解决。
  使用情景
  1。告知信息:弹窗用于告知用户一些会影响到他们使用应用的重要信息,比如当使用扫一扫功能时,告知用户“没有开启相机权限”。关于重要信息的定义,不同产品可能有不同的理解,我认为大概需要满足必要、重要、与当前任务相关这几个条件。
  必要:当任务有前提条件需要满足时。比如使用扫一扫需要开启手机相机权限。
  重要:当有重要信息需要告知用户,会对用户任务造成影响时。比如用户扫描失效二维码时,系统告知二维码已经失效,需要更换二维码。
  与当前任务相关:即在合理的时间展示,不要显示与当前任务无关的提示,保证用户专注于当前任务。
  2。快速操作:弹窗也用户执行一些可以快速执行的小任务,比如拨打电话。
  限制
  弹窗最多承载三个操作,当大于三个操作时,使用操作列表。
  当操作命令文本较长时,使用单列排列命令。
  只适合让用户完成简单任务,如录入验证码、拨打电话、确认删除操作等。
  按钮顺序。关于确定取消按钮的摆放位置,iOS规范里设定了较复杂的设计策略,在设计时,为了保持界面一致性,我将所有确认类操作放在右侧。
  其他关于Alerts的设计要求,在iOS规范里有完善的描述,这里不再赘述了。
  操作列表(ActionSheets)
  操作列表展示了与用户触发操作直接相关的一系列选项。和弹窗相比操作列表对用户的干扰性稍弱,并支持点击页面空白区域关闭,一般是由用户主动操作触发。
  使用情景
  在承载操作方便,和弹窗功能有重合,当操作大于3个时,改用操作列表。关于Alerts和操作列表的关系,可以理解成:严重且操作较少时使用alert,其他情况使用操作列表。
  限制
  操作列表不支持滚动,需控制操作总数量,当操作过多时,可以使用网格式等其他自定义样式。
  浮层弹窗
  从页面底部弹出的浮层,覆盖部分页面。弹出层相较于打开新页面,更轻量,用户可以更快速的完成任务,更快的返回修改。浮层里支持滚动操作。
  关于浮层的收起,浮层应该有单独的关闭按钮,也支持点击浮层外区域收起。
  当允许用户点击浮层外区域收起时,可以使用户快速切换浮层状态,但也会带来误触问题。所以,当浮层内有用户耗费精力完成的内容时,收起时要记录用户完成的工作,方便用户再次打开浮层时可以继续。
  有时,比如支付环节,我们不希望用户轻易跳出,或用户退出后不保存浮层内结果时,可以仅允许用户点击关闭按钮才能退出。
  使用情景
  和当前内容相关的小体量的任务:如选择支付宝付款码页,选择付款方式。
  任务和当前页面需要频繁切换以便校验或修改信息时:如淘宝的添加购物车浮层、查看物流信息等
  限制
  浮层空间较小,不适合承载复杂任务。
  全屏弹窗
  在MATERIALDESIGN中被称为全屏弹窗,在iOS规范中被称为模态视图。和浮层弹窗相比,面积更大,可以完成更复杂的任务。全屏弹窗由页面底部向上弹出,退出时,向下收起。
  使用全屏弹窗和新页面执行任务,一个明显区别是回到原页面的方式,全屏弹窗通过点击左上角的关闭,子级新页面通过点击左上角的“返回”。在iOS应用中,关于全屏弹窗的使用,似乎没有统一规范可循,比如同样是切换城市,美团使用全屏弹窗,支付宝使用子页面。
  使用情景
  完成主任务的一个分支任务时。完成后,返回主任务流程。如邮箱中从通讯录选择收件人。
  完成一个新增类的独立任务,任务完成后切换回上级页面(类似目录)。比如写邮件、咸鱼发布宝贝等。但同样是新增,但百度贴吧的发帖用的却是子级页面。
  限制
  必须点击“保存”,页面内容才能生效。
  Toasts
  Toasts是一种干扰性更弱的信息反馈方式,短暂出现后会自动消失,不会打断用户任务流程。
  使用场景
  和Alerts相比,toasts适用于一些不严重的信息的反馈,比如发送成功、表单项校验等
  总结
  综上分析,很多组件功能有重叠,使用的规则边界不甚明显,有些可替换使用。具体使用何种形式,需要结合自己的产品和业务目的决定。从任务情景出发,我将上面的内容归于下面的图,方便判断该使用何种形式。
投诉 评论

AR简明史:5分钟快速了解ARAR同时打破了桌面与移动计算这两大领域的格局,一旦发展成熟,这个世界看上去将大有不同。炎热的夏季就开始这样崭露头角了?一年又一年,时间的脚步毫不放慢,奈何,除了迫使自己的……电商产品设计:谈谈促销功能的实现逻辑在这篇文章中,笔者总结了设计电商促销系统的基本原则,并对这一个原则在实际使用场景中的要求展开了进一步的分析,一起来看看。京东618大促落下帷幕,伴随着1199亿元的销售业……“烦人的小妖精”,小红点是怎么来的人类似乎天生对不对称、不和谐的事物有厌烦心理,并且想要去纠正这些“错误”,简而言之就是大家平时所说的“强迫症”。而小红点则完美利用了这一人性的弱点,它就像白嫩脸颊上长出的一颗小……iOS应用中常用的临时层归纳很多组件功能有重叠,使用的规则边界不甚明显,有些可替换使用。具体使用何种形式,需要结合自己的产品和业务目的决定。临时层是什么《支付宝体验设计精髓》中根据页面元素的稳……从本源出发,分析设计存在的意义在写这篇文章之前,伊卜生发现了一个缺口,重新设计了你我之间的关系,对于期待不同的人和追求差异的品牌总喜欢凭借直觉塑造差异(比如美化和强化标签),希望借这篇文章有所帮助,修补缺口……作为UE设计师,该如何合理地进行需求分析?实际上,“需求分析”这是个老生常谈的话题了,道理大家都懂,但是具体如何落实到工作中又是另当别论了。UE设计一般指游戏设计或游戏相关设计,还有网站的ue设计,其实就是Use……VUI语音交互设计:三步打造任务导向型对话场景设计任务导向型对话场景是一项关乎人类最自然的对话和AI最智能的技术结合的复杂而有趣的工作,希望这篇文章对从事语音交互产品设计的同学们有所帮助。5月10日,微软Build大……干货贴:app中的交互手势和意符设计这篇文章作者对app的意符设计展开了十分详细的描述,希望这篇文章能对你对app的设计有一些帮助。本期文章13108字,一篇顶过去两篇。PART1唐纳德诺曼关于交互设……万法相通,从素描中发现产品从0到1的设计逻辑笔者学过六年素描,周末闲来无事在家画画,忽然发现素描的绘画方法与产品设计方法非常相似,而且素描的绘画方法中包含了很多值得借鉴产品设计方法,对于产品的从0到1非常有帮助,现总结出……后台产品设计的4个原则大家都说后台产品难做、要求高,这是有原因的。而且这个原因会超出我们的认知,一起来看看吧。什么是后台产品后台产品也被我们称为后台管理系统、内部管理系统。简单而言,是给……解读银行行业三大支付场景银行行业支付场景有哪些?下文主要从远程开户、跨行付款、跨行收款三大场景讲解银行行业支付场景,这也是第三方支付公司主攻银行业提供支付业务考虑的合作点。以第三方支付公司视角,……化整为零:组件化设计升级思考习以为常的未必是最好的,多一点自己对于人性化、创新细节的思考最近在推动手头负责的一个C端移动产品的组件化体验升级,这个产品因为复杂业务场景和一些历史遗留问题,许多最基本的……
为什么微信红包不能撤回?用户界面设计师,如何在应用程序上做创新设计?怎么设计一个砍价功能?案例分享:“电子合同”功能设计深色模式or浅色模式,哪个更好?首焦图这样设计,点击率至少提升50以丁香医生为例:谈谈用户体验的5大要素设计协同工作流:设计系统如何构建用户标签体系?用户研究体系之产品概念设计详解Hover的设计方法和未来想象如何提升产品的广告变现效率?回老家过年播种法律的种子春日漫兴四首其一保护环境演讲稿中年人的心理话啊打耳洞的耳钉怎么取下来放假高速堵车,为什么见不到百万豪车?差距就在这雪晴泛湖蔡徐坤谈与周杰伦超话事件蔡徐坤周杰伦超话事件是什么藏在毛衣里的爱《木屐树》主要剧情内容简介及赏析怀孕吃什么食物对胎儿发育好

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