APP特有的交互设计模式解析

文章目录[隐藏]

 


1、触屏滑动操作,移动APP端最基本的操作方式。

(1)屏幕之间或者页面直接的自由滑动切换

比如手机移动端的界面切换效果,可以滑动使用快速友好的切换

(2)滑动条目经行删除

横向滑动条目的操作犹如一汪清泉给移动端交互带来了更多地可能性。比如前两年的GDT明星产品“Clear”,作为一款无按钮的APP,左滑完成这个待办事项,右滑删除这个代办事项,把之前的“删除按钮”或者其他功能按钮转化为不同的手势操作,减少了用户的点击操作。

目前,侧滑操作已经广泛的出现在各种移动端应用中了,并且有了很多变种。比如IOS7的任务管理,已经从“点击删除”转变为“将条目向上划出”经行删除了。这种滑动操作似乎是在模拟人们扔掉东西的这种状态,相比点击操作,有更强的暗示性。

(3)滑动解锁

滑动解锁的本质是一种防错机制。早期的非智能手机会通过组合按键的方式,来防止手机放在包包或者裤兜里不小心被解锁了的问题。而在智能触屏手机中,通常只有一到两个物理按键,防错机制很不完善。

滑动解锁作为一种有效的防错机制,包含流程“点亮屏幕”—“完成滑动任务”—“解锁完成”,通常滑动任务具有一定的难度,不会被意外出发。因此这个流程要求要求人们经行一组“理性的行为”,很好地防止了意外行为下的错误发生。

(4)侧滑呼出菜单,也就是抽屉式菜单

在移动端,人们想进入新的页面需要经行跳转,如果跳转的次数太多,用户就会感到困扰和迷惑。而侧滑呼出菜单,并且保留主界面20%~50%的内容,就可以保证用户体验的一致性。

侧滑呼出菜单通常与”三线汉堡“按钮结合在一起使用,用户可以通过点击“三线汉堡”按钮,也可以直接经行滑动,相比起来,滑动的操作更加具有可用性,因为可操作范围非常大,目标距离为零。

2、摇一摇功能

“摇一摇”最早的成功案例可能是微信中随机添加好友的“摇一摇”。它的成功之处在与用新颖的交互操作替代了原先枯燥乏味的操作。

假设没有“摇一摇”,那么替代操作很可能是个大按钮,点击一下,推送一个好友,同样地产品,却失去了趣味。“摇一摇”的过程中,配合手机的声音,屏幕上的画面,给人带来了增强现实的感受。
目前“摇一摇”这个功能应用面广泛了,比如抽奖,领取金币,找好友等等。

3、扫二维码和条形码

通常情况下,二维码中包含的内容只有一个连接。但是扫二维码这个交互替代的流程是:

(1)打开浏览器的搜索引擎,或者地址输入栏

(2)输入一段非常长的地址

扫二维码通过一个拍照的交互,主要解决了输入地址信息的过程。通过简化地址信息的传播,

二维码可以广泛的运用在各种地方,包括电视媒体,平面海报等等。

4、下拉刷新和下拉切换页面

以前刷新内容需要点击浏览器刷新,微博等现在变成下拉载入新内容,基于手机触摸端的操作特性,这样的操作自然效率更高。

5、长按效果和隐喻

在网页端,我们有足够的空间和hover效果,因此删除操作可以方便的放在页面里或者下拉菜单中。而在移动端,我们的空间变少了,失去了hover效果,放置按钮的地方极大的减少。

不过幸运的是,但是在触摸操作中,我们可以有时间的概念,就是“长按”与“短按”。在大多数智能设备中,长按可以删除应用和关闭之前打开的应用。在很多版本的安卓手机里,长按返回键或者HOME建也可以呼出任务管理菜单。
长按可以复制文字,转发图片,发布文章等。

6、拍照扫描上传,拍照分享

移动APP端,大部分手机都有摄像头,可以调用拍照功能,丰富很多交互操作等等。

7、地图实时定位功能,

有着类似GPS的功能,有箭头的指向。比pc端的地图更具生动和友好的交互体验效果

 作者信息:
破茧成蝶读书笔记

许天琦

还不敢称设计师

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/6823/

(0)
iouedioued
上一篇 2015-08-19
下一篇 2015-08-19

相关推荐

  • 交互设计与心理学的关系

    具体联系什么的大家看专业书籍吧,我从另一个角度说一下我的理解吧。 每个学科/专业的产生都是有它的历史使命的,为什么一定是这个时候,为什么一定诞生在这个领域,为什么会如此发展······类比一下其它学科/专业,…

    交互设计 2015-09-11
  • 【干货分享】从交互角度聊聊四类弹框的设计准则

    本来传统意义上的弹框一般有三种: 系统自动弹出的提醒 帮助用户快速的做出选择 对用户的操作给予反馈 但是现在还多了一种,而且很多产品都在用这种弹框方式,因为它很赚钱 — 广告。所以广告类的弹框已经被我列入弹…

    2016-08-11
  • 12个关于用户体验的界面设计细节

    点击上方"工信商务培训学校"↑文章列举了一些界面设计中的案例细节,希望对产品设计工作有所帮助。UI设计工作中,设计师们往往不喜欢将界面设计得与原型图一致,总会刻意的去寻求存在感与原型做出差别,那么对于UI设计师来说,更应该懂得用户体验,成为办个用户体验设计师。以下列举了一些界面设计中的案例细节,希望对设计师们有所帮助。一.图标1.统一图标的样式图标在界面设计中还是占着较大的比重,它的存在有利于平衡界面,也让页面看起来更加的美观,也有一定...

    2018-04-06
  • 做你女朋友,用户体验太差了

    关注黑白每晚睡前一篇暖心好文等你文 / 李月亮来源 / 李月亮(bymooneye)●●●●●01见过一个不会谈恋爱的男生。是我前同事,颜值和收入都很高,当时坐在我隔壁桌。他跟女友打电话的画风通常是这样的:“破圣诞节有啥好过的,别整那洋事儿,老老实实在家待着吧。”“后天啥日子?你生日?你有啥要求?我这有张购物卡,你拿去自己买点东西吧。哎呀谁买不一样!”“你能不能别工作时间给我打电话啊,我忙得要死还得伺候你。”“有事说事儿!没正事儿是吧?...

    2018-04-30
  • 交互设计应该学的软件有哪些?

    数十万互联网从业者的共同关注! 作者:Yoojoo,作者授权早读课发表,转载请联系作者。来源:知乎仅针对现有企业交互设计师常见设计范围(网页,桌面app,移动端app)作答。1-7为交互设计师必备,8-10有兴趣的…

    2017-08-01
  • 设计总结|基于大屏设计的QQiPad主题

    主题一直是QQiPad比较薄弱的一块,在用户的强烈呼声下,项目组决定在6.5版本上线新的主题,为此做了大量的尝试和思考。基于大屏设计的QQiPad主题有何特点?应该如何设计?在此分享本次主题设计总结。

    2017-05-09
  • 【线下沙龙】产品经理交互设计大会

    2018年产品经理交互设计交流分享大会活动背景一个优秀的产品经理不仅能引导产品的发展,而且还能引导公司的发展。同时,他还是一名优秀的执行者、项目管理和团队管理者,具备敏锐的洞察力,能在用户心理和产品细节间灵活游走,打磨出令人惊叹的产品。所以,在成为CEO之前,先成为一名出色的产品经理吧。然而当我们投入到实际工作中时,总是一次又_次遇到阻碍:和运营、枝术部门沟通不畅,项目推进难。公司要求不高,任务很轻松就能完成,想要挑战大公司,却深知自己...

    2018-04-22
  • Web用户体验设计总结

    最近一直在做APM报表的重构,记录和分享一些看法。希望可以坚持,今天先做Web用户体验设计的总结。因为重点再重构上,所以可能所说的内容有局限性。

    交互设计 2017-06-03
  • 不会Sketch的设计师将要被淘汰!

    这  是 一 本 让 我 废 寝 忘 食 的 书前几天小花闲来无事逛知乎被一篇名为《写一本书出版是怎样一种体验?》的问答吸引了目光,里面有一位作者黄方闻详细的介绍了他的第一本书《动静之美——Sketch移动UI与交互动效设计详解》筹备历程。Sketch这款软件在UI设计上确实有着无可比拟的优势,很多大公司都在用sketch工作,再不会Sketch会被淘汰掉。目前用sketch跟ps的人数比越来越接近了。Sketch因其强大的功能以及极低...

    2018-03-02
  • 腾讯设计通道晋升的过程

    作者:干货君@干货札记   本人有幸能有机会作为通道助理观摩了腾讯2016年上半年D族交互通道晋升的过程,受益匪浅。 注:D族通道是指“Tencent Design腾讯设计通道”,设计通道成立于2006年,隶属于腾讯职业发展通道设…

    交互专题 2017-08-15