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

相关推荐

  • 设计师的知识管理

    作者: shareboy 人们每谈到设计很自然的就会联想到创意、想法。作为设计师,好像我们的大脑里就理所应当地充满了各种创意,然而这些创意是本来就存在于大脑里的吗?显然不是。 有人说创意来自冥想,我不否认有些天…

    2015-04-22
  • Axure RP 8 入门手册 – 第6章(四)

    第9节检视功能-元件交互冰炫:小楼老师,我能跟你请教个问题吗?小楼:哇!看头像是很高冷的美女呀。冰炫:老师!你嘴好甜哦!你这样我会不好意思的!小楼:嘿嘿!你有什么问题呀?冰炫:哦……差点被你给夸得忘记问了!今天我在网上买饮料时候,看到网站上的选择饮料分类,选择的时候只能选中一种,被选中的分类标签会改变颜色,其它的恢复默认颜色。感觉有些像你刚才给Alice.讲的单选按钮组的效果。(图6-58)(图6-58)小楼:嗯,这个也是组的效果,但不...

    2018-04-23
  • 用通俗的方式告诉你什么是交互设计

    文章底部可领取设计资源(软件、笔刷、视频教程等)↓↓↓通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了...

    2018-04-08
  • 用户体验交付中心,最美不过回家路

    众意,坚持为中国高品质整装奋斗不歇!长按识别二维码即可预约体验爆款福利已经在向你挥手了戳阅读原文,报名预约抢豪礼!

    2018-03-12
  • 消灭空状态

    设计师在做设计的时候,常常会忽略的一个页面状态就是空状态。空状态,顾名思义就是空白的状态,比如说:一个新闻的列表中没有新闻,这个时候列表就是空的,用户打开之后看到的就是白惨惨的一片。空状态的用户体验…

    2016-01-29
  • 如果想做好产品,你懂人性心理吗?

    来源:市场部 作者:IT精英 众所周知,产品研发的过程除了必备的资源配给外,都离不开人的参与,需要有客户,需求分析人员,开发人员,测试人员等角色参与其中,才能使一个产品研发的过程顺利开展。既然离不开人的…

    2014-09-21
  • 新一轮文案大比拼即将到来

    #微博桌面美图##奶茶妹妹# #奶茶刘强东分手# #苏宁易购5亿年货红包疯抢# #axure##Axure##干货分享#  我只想说 呵呵!!偷笑偷笑偷笑偷笑

    2015-01-08
  • 【竞赛结果】2017 年度UA创作奖 · 概念设计国际竞赛最终结果

    来源:城市建筑竞赛题目:UA城的滨水居住建筑2017年度UA创作奖•概念设计国际竞赛由《城市建筑》杂志社主办,哈尔滨工业大学建筑设计研究院承办。组委会于2017年11月发布竞赛题目,共收到672个团队的注册参赛信息,至2018年1月15日止,共收取375份作品。本届竞赛评审分初审、通讯评审、现场评审、网络公示、评审委员会复议等阶段进行。初审遴选出362份有效参赛作品,其中前8所通过全国高等学校建筑学专业教育评估的学校学生报送作品63份,...

    2018-03-27
  • 一只交互设计喵在工作过程中的几种思维方式

    这篇文章来自于《为真实的世界设计》读书笔记。文中罗列了设计师的几种思维方式,但是在实际的过程中,这几种方式是交错出现的,在本喵实际的搬砖过程中发现,不同的思维方式会出现在不同工作流程中。先简述一下,…

    交互设计 2016-07-01
  • Sketch 一定要会的那些快捷键

    Sketch的快捷键功能一般,不能自定义不说,关键的有点常用的快捷键都没有设置,所以我们就需要更好的利用好这些有快捷键的功能,今天我就来说下这些常用的快捷键   sketch的快捷键功能一般,不能自定义不说,…

    2015-04-20