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

相关推荐

  • 做你女朋友,用户体验太差了

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

    2018-04-30
  • 用户体验设计必须知道的产品9种状态

    作者:Yjjj @ UI设计狮联盟   之前在脉脉上有看见过有人提到的这12种状态,但是明确的说应该是用户在使用产品时的状态,但是细想之后觉得有几个状态应该修改一下,那么我们重新定义为9种状态吧: 等待 初始 寻找 无…

    交互专题 2017-08-07
  • 设计师保持画草图是个不错的习惯

    一名优秀的设计师的经验之谈。 我从不敢放眼将来长远的看过去若干年,也许正是这个原因才让自己对很多事情不那么在意。其实我是个很安心于能让自己安心的事物的人,只是这样的事物随着时间的推移而越来越少;自己所…

    2015-05-19
  • 用户体验的十大原则

    设计师并没有创造体验,他们只是创造体验的媒介,两者之间非常不一样。因为体验是主观的,所以它并不能按照实物产品的方式被设计出来。然而,这并不意味着我们不能设计用户赖以体验我们产品或服务的框架。如果这个框架是足够坚固的,那好的体验就会接踵而至。

    2017-05-28
  • Axure官方教程中文版第4课:构建交互动作-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(4).MP4 新建文件 1、添加一个按钮和两个文本框 2、禁用第二个文本框 3、设置第一个文本框不可点击 4、设置第二文本可用 5、将第二个文本框设置获…

    2015-01-26
  • 符合用户直觉的设计,才能更快地获得用户信任

    UI和交互设计中常常会强调某项设计需要足够的“直觉性”,但是直觉性的设计说来容易,实现却往往差强人意。但是不得不承认,它是目前交互和UI设计的刚需。想象一下,如果桌面上反过来一颗球让你去转动控制,感觉应该比鼠标运作顺畅些。我们原本认为这是个好点子……可是我以前从未观潮这种触感的细节。当孩子们操作鼠标和遥控杆的时候,会不自觉地低头看输入装置……后来有人想到,如果操作时运动肌肉群范围较大,也许他们可以不必低头。我们做了一个大型轨迹球装置,让他们可以用手臂甚至肩膀牵动来操作,这样就把问题解决了。我们先是观察什么样的操作方式比较合乎自然,然后提出想法,再进行测试。心智模型指一个人对于事物运作的思维过程,即一个人对于周遭世界的理解。心智模型的基础是不完整的显示、过去的经验甚至直觉感知。它有助于形成人的动作和行为,影响人在复杂情况下的关注点,并确定人们如何着手解决问题。

    2017-05-15
  • 优化夜间阅读体验-夜间模式设计通用方法

    作者:花咯   你有没有在夜间使用移动设备的习惯?你觉得QQ现有的夜间模式亮度在使用时是否舒适?为了能够更科学的验证我们的设计,我们通过对比度分析、尼特值测试、色彩亮度和色彩通用性等维度去设计界面,并总结…

    交互专题 2017-08-07
  • 三八XX节专题页设计该怎么玩?看这篇就够了!

    在本文中,作者将带大家看下,那些围绕着妇女节的专题页面可以怎么玩?一起来look~look~

    2017-05-07
  • 【涨姿势】Twitter安卓端体验的全面革新

    手机设计 第一步 我开始设计App所做的第一件事情就是记录一个功能列表作为主要导航,这些功能是由客户所描述的,使用这些功能,我做出了App的基本用户使用流程。然而,在这个项目中上述行为都是不必要的,因为twitt…

    IxD案例 2015-08-27
  • 如何获取设计灵感?你没理解它真正的含义

    今天要告诉大家的不是说怎么借鉴好的设计或者如何获取灵感,毕竟市场上好设计这么多,难道每个都去借鉴,到最后变成所谓的抄袭?我们应该站在自己产品的角度,去吸收好设计的核心点,然后找到真正解决问题的方法,而不是纯粹的“借鉴”。呆总,我平时看了不少图,但是做项目的时候没办法用上,怎么办呀?看得多没用的,要多想多做。(虽然是至理名言)

    2017-05-01