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

移动端APP应该如何定义交互规范

11月27日 拭朱砂投稿
  每个APP都有很多交互功能,不同APP的交互效果也有差异,但是它们基本上都遵守统一的交互规范。比如相似的动作、位置、样式、逻辑。
  APP闪屏
  每次启动APP的时候,最好加载一张图片。因为加载APP需要时间,有一个过渡画面可以减弱用户对等待的焦躁感。
  常见的有微信采用了一张静态图片作为闪屏,而支付宝淘宝等APP采用的是动态图片来作为闪屏。
  APP功能引导
  当首次打开APP或者更新APP的时候,一般会加载几张图片来讲解APP的功能。
  然后再去加载闪屏,最后打开首页。
  页面间交互
  页面间交互,其实就是一个页面进入另外一个页面的交互效果。
  ios常见使用覆盖移入效果。Android常见使用向左平移效果,当然返回的时候就是向右平移效果。
  当然不常见的交互效果还有中央放大进入,3D翻转,右下角翻页等。
  页面内交互
  页面内必备的交互至少有吐司,弹窗,模态视图3种,程度依次递增。
  toast吐司
  下图是吐司提示的交互,一般有3种样式。
  位置:页面中部居中页面下方居中页面顶部
  交互:淡入淡出,悬浮2秒。位于页面层级的最上级,一般无遮罩效果。
  样式:灰底白字、文字距离上下左右的间距是固定的。可自定义位置、带图片限定最长宽度,自适应高度。也可通栏。
  实现机制:由服务端标识然后返回内容给客户端。
  Alert弹窗
  下图是弹窗的交互,一般有1种样式。也称警告框,弹层。
  位置:页面中间
  交互:淡入淡出显示遮罩效果(点击外部位置,向下隐藏操作列表)。如果有2个按钮,则统一左边取消按钮,右边确定按钮。
  样式:右按钮是操作按钮;为避免误操作,左按钮是返回取消隐藏。
  实现机制:由服务端标识然后返回内容给客户端。特殊场景下,警告框当做页面,以”页面加载整体加载”方法来处理。比如领取优惠券。
  模态视图
  为用户提供了一种不脱离主流程的方式去进行操作,容易和弹窗混淆。
  位置:页面顶部或者底部
  交互:进入页面之后,加载并显示在顶层。根据服务端规则显示相应内容。点击页面空白区域,向下滑动隐藏弹窗。
  实现机制:是否可以服务端控制是否显示,以及显示什么内容,以新增参数的形式。
  操作列表
  也称底部弹出框,底部上拉列表。
  位置:页面底部
  交互:点击分享按钮,从页面底部向上弹出并显示遮罩效果,点击取消按钮或者活动菜单外部就会自动向下隐藏。
  实现机制:是否可以服务端控制是否显示,以及显示什么内容,以新增参数的形式。
  跳转到其他APP
  主要是分享功能会跳转到其他APP,简单了解一下交互效果。采用的是活动菜单这个控件。
  总结
  希望大家能够通过这篇文章对移动端APP的常见交互行为以及基本的规范有一定了解,至少设计自己APP的时不会在交互上犯原则性的错误。
  相关阅读
  移动端APP应该如何定义页面规范
  如何用Axure规范地画出APP原型的交互
  移动端APP应该如何定义页面规范
投诉 评论 转载

APP上导航如何用Axure画出来?上导航是每个APP必备的功能模块,看似画起来很简单其实里面也有不少门道。之前的文章已经讲解了APP常见功能中的页面模板、下导航、列表页怎么画出来,这篇文章讲解上导航,请继……Axure8。0轻松制作简单拖动按钮元件换位置效果跟技术撕逼一个效果,花费大量时间也无法交流出来,干脆动手做一个算了,有图说明一切,同时分享给各位产品经理,先看看效果。大神勿喷效果很简单软件版本axure8。……基于Axure的移动端APP产品设计规范上一篇文章《产品设计规范与关乎“秩序和混乱”的人生算法》主要分享的是基于Axure的后端产品设计规范。原本前后端的设计规范是要放在一起来写的,考虑文章太长,影响阅读体验,于是就……不会编程?Axure一样可以做网站说起Axure,做产品的朋友再熟悉不过了,它是我们在日程工作中最常见的原型制作软件之一,今天分享的文章,主要是教大家如何使用Axure打造简单的个人网站,不会编程我们依然可以做……Axure原型如何根据使用场景来设置文本样式文本是我们画原型的时候肯定会用到的元件,我们PM必须学会根据使用场景来合理的设置文本样式。如果你不懂得如何设置也不会影响工作,但是会导致你的原型看起来很丑不美观和会浪费很……定义页面模板是画APP原型的必备工作页面模板是画APP原型的必备元素,使用它的PM不少,但是真正了解的不多,用它提升效率的更少。所谓的页面模板,是指APP原型中每个页面的相同部分,某种程度上可以理解为开发A……移动端APP应该如何定义交互规范每个APP都有很多交互功能,不同APP的交互效果也有差异,但是它们基本上都遵守统一的交互规范。比如相似的动作、位置、样式、逻辑。APP闪屏每次启动APP的时候,最好……Axure原型如何根据使用场景来设置页面样式页面样式是我们画原型的时候不太关注的功能,但是需要修改的时候又会发现特别费时间。希望通过本文让大家快速了解页面样式的使用场景和具体用法。设置单个页面的样式当我们需要……让原型更加高保真,重要的规范是字体、字号、间距、对齐现在部分产品职责中要求中高保真的原型,而是否要求产品经理输出高保真原型有着相反的两种主张,主要矛盾在于时间成本以及影响到了设计师设计。这篇文章里不讨论这个问题,仅仅表述下,笔者……喜马拉雅FM产品需求文档PRD喜马拉雅fm基本功能是收听声音,但也有主播,商城、听友圈等社交电商功能,该文档从基本收听功能入手,后续会增加其他的功能。该文档主要是从前端用户体验方面设计的该文档,后台数据流向……如何更好更快地完成设计之快速原型?一副好图胜过千言万语。“一副好图胜过千言万语”,这句老话道出了用户界面原型的核心内容使用各种可视化材料直接展示软件系统和界面细节,远远比使用千言万语口头描述某些设计及开发……如何画出专业的原型图?(下)怎么样的原型图才算是专业的原型图呢?文章总结了一些经验,希望对你有所帮助。本篇(原型篇下)主要内容:原型图标注,画开发看得懂的图同一个页面展示所有的交互状态……
用户如何看待验证码广告?以设计师为对象的深度访谈WEB设计中的排版迅雷大全改版小结搜索那点小事确定在左,取消在右?交互设计初体验互联网产品中的情感化设计视觉设计传达的四件东西工具型产品如何让用户产生依恋?App引导用户使用的八个技巧百度PM们的内部密谈:如何才能打造一个好社区?
红豆芽种植要点这一物摸着软却能致病广告的合同就这样,埋下一颗种子通知作文600字人生有风又有雨爱一个人云卷云舒听雨声为什么姚家的诉讼是免费的,而郭家的诉讼却是高薪的?教师培训个人工作总结宝宝被东西卡住了如何急救查有没有被删微信聊天记录(查已删除的微信聊天记录)

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