APP交互设计,需要注意五点事项

交互设计这个词最早提出来是在1927-1970年,那个时候只是个初创期。后续随着时间推移,互联网和机器的发展,这几年开始被人重视这个交互设计。很多公司专门成立个部门叫UED,听起来很吓人,设计师没有接触过,不知道是什么东西,具体里面有哪些核心内容?其实说白了就是把人,机器和界面相融合,做到顺其自然,顺理成章,不要反其道而行,逆天反人类。


交互设计这个词最早提出来是在1927-1970年,那个时候只是个初创期。后续随着时间推移,互联网和机器的发展,这几年开始被人重视这个交互设计。很多公司专门成立个部门叫UED,听起来很吓人,设计师没有接触过,不知道是什么东西,具体里面有哪些核心内容?其实说白了就是把人,机器和界面相融合,做到顺其自然,顺理成章,不要反其道而行,逆天反人类。

APP交互设计,需要注意五点事项

交互设计注意事项

1. 树形结构,做产品交互的逻辑关系就要像自然生长的大树,树干、树枝和树叶越往内部交互就要越少,不能在树叶上长了颗大树。

通常情况下很容易理解,交互设计与功能复杂度相联系,就像大树一样,界面展示一开始的时候是树根 树干 树枝和一片小树叶,功能点一点点变小,减弱。但是有时候我们在用app的时候会在一个很不明显的地方有一个大功能,就像发现新大陆一样,我不说这个对还是错,如果这个新大陆是一个很重要的功能点,那么做交互就要有新手引导,指引用户用这个功能,不然只有20%的用户会发现此功能,埋藏越深责用户点击率会越低。如果这个功能不是很重要那么可不可以换一种形式展现,减少功能点从一棵树变成一片树叶。

2. 大众交互,为了追求不一样而硬要改变的同时要做好新手引导。

交互的复杂多变会让用户摸不着头脑,一半用户学会这个功能需要交“学费”,要做到市面上最普遍的形式,不要因为不一样而变的不一样,如果非得要变就要把它变好,要好新手指引,不然改变了用户习惯,给那些“小白”用户造成困惑,甚至是流失很多潜在付费用户。

3. 错觉交互,利用人性的弱点扩大产品收入。

错觉交互是利用人们最正常的用户习惯来做一些用户不想做的事情,达到研发商的目的,通常利用这种情况最多的是付费,无意间骗取用户钱财,很多用户不会在意1元两元的费用打电话投诉或索要,就造成了很多研发商一款上线的产品会有大几百万的流水。

4. 深度交互

深度交互就是人机器界面又增加了机器的交互,比如:很多唱歌的app,当你录制歌曲的时候利用自带的耳机录制音乐效果会很差,不会让歌手发挥更好就自己研究了一款麦克风,用手机这款app要配合一款外接一款机器才能达到最理想的效果

5. 本质交互

“顾客是上帝”一定要分析用户。每个项目的实用性和交互性不是在给某一个老板或者哪个制作人用,不能按照他们的想法做出他们喜欢的东西,是给用户用。老板们用多年来的经验和阅历为依据在做事情,请不要忘记你的思想掌控不了用户,用户的思想你要研究甚至成为你的用户,不然总认为自己是金字塔上最高的人,指挥跟你混的人民战斗,不深入了解用户你指挥的永远是外走内不走,行尸走肉一般

举例子

直播类的APP交互汇总

1. 手指从左往右滑动屏幕时可以观看全景视频。APP交互设计,需要注意五点事项

2. 当手指上下滑动的时候可以切换视频人物,更换他人展现。

APP交互设计,需要注意五点事项

3. 当手指在屏幕上从右向左侧滑动时会退回到上一级页面APP交互设计,需要注意五点事项

4. 当手指点击点赞按钮时会出现很多点赞的图像

APP交互设计,需要注意五点事项

5. 当手点击屏幕任何地方的时候都会出现新型图案,并且新型图案会放大会爆裂

APP交互设计,需要注意五点事项

6. 当点击个人中心按钮时会出现竖半屏的设置栏

APP交互设计,需要注意五点事项

除直播间其它页面

1. 点击下方的导航栏按钮会有放大缩小动一动的效果

APP交互设计,需要注意五点事项

2. 在首页手指在屏幕上左右滑动时上面导航栏会左右切换,并且伴随放大缩小

APP交互设计,需要注意五点事项

3. 点击首页或者主页面左上角按钮时会有些变化并且能跳转其它页面

APP交互设计,需要注意五点事项

4. 在加载页面时,头像图片会有一个从小到大的变化

APP交互设计,需要注意五点事项

5. 在加载一个页面向下滑动时,漏出的部分会有小动画增添趣味性

APP交互设计,需要注意五点事项

6. 当在个人中心页面点住背景图向下滑动,背景图会随之放大

APP交互设计,需要注意五点事项

7. 人物列表的左上角有一按键,点击后人物列表会像抽屉一样一次排列退出展现其它页面

APP交互设计,需要注意五点事项

8. 点击人物列表会出现编辑人物功能

APP交互设计,需要注意五点事项

总结

基本上也就这些交互效果,其它的小的变化根据不能的产品会有些不同,这些交互展现把市场上比较流行的直播软件汇总。当我们研发某一类App的时候,就要把市场上这一类App的交互整合起来,在其中挑出自己想要的那几种,不但能增长知识含量也具有了很强的说服力。

欢迎拍砖分享。

 

作者:浩瀚,微信公众号:gh_72379020ae2a 互联网创业的坑

本文由 @浩瀚 原创发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-13 03:40
下一篇 2017-05-13 05:51

相关推荐

  • 【用户体验.春节特辑】理清儿时的记忆 找回逝去的情感(总第270期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第270期生活在这样一个时代,人们追求物质、追求理想、追求个性……而不去回望来路,不去寻求亲情和血缘所带来的归属感。“游子的情怀”和“漂泊的现境”总是让我们不由自主的追问自己:是否我们必须要失去我们最宝贵的东西才能实现自己的人生目标,我们实现自己的人生目标到底又是为了什么?我出生在安徽的一个小城里,由于父母工作繁忙,我...

    2018-02-21
  • 交互设计:超越人机交互(原书第4版)

    本书由交互设计界的三位顶尖学者联袂撰写,是该领域的经典著作,被全球各地的大学选作教材。新版本继承了本书一贯的跨学科特色,并与时俱进地更新了大量实例,涉及敏捷用户体验、社会媒体与情感交互、混合现实与脑机界面等。全书紧紧围绕设计与评估的迭代过程,不仅包含了传统的理论知识、实例解析、实践指导等内容,还通过“窘境”模块讨论了一系列启迪思考的开放问题。此外,本书网站www.id-book.com也为读者提供了丰富的资源,包括教学PPT以及大量的案...

    2018-03-09
  • 通过微信学习用户体验和产品迭代

    这几天一直不停的开会,讨论产品,活生生的从运营的位置跑偏到了产品,似乎可以调岗了,andy一直在聊迭代的问题,想来想去,觉得还是微信做的最牛逼,那就翻翻历史,聊一聊吧。微信是2011年1月21日才面世的,为什么能在短短六七年的时间实现9亿多用户?在QQ已经在通讯社交行业占据霸主地位时,微信又是如何脱颖而出实现反超的? 在米聊率先面世创下不俗业绩后,微信又是如何后来居上的? 微信的成功对于产品人来说有很多值得挖掘、学习的地方。初期的微信和...

    2018-05-05
  • 用户体验入门:新人自学包之控件学习

    控件(或部件,widget或control)是一种图形用户界面元素,其显示的信息排列可由用户改变,例如视窗或文本框。控件定义的特点是为给定数据的直接操作(direct manipulation)提供单独的互动点。控件是一种基本的可视构件块,包含在应用程序中,控制着该程序处理的所有数据以及关于这些数据的交互操作。
    ——https://zh.wikipedia.org/wiki/控件

    2017-05-20
  • 招聘 | 年薪百万不是梦,八爪鱼一大波高薪职位与伯乐奖在等你

    八爪鱼又开始招人啦如果你对大数据充满热情技术与才华兼并就赶快行动吧行业销售总监(政企)企)N15k-30k /深圳 / 经验3-5年 / 本科及以上 / 全职>>>岗位职责:基于公司的大数据产品、资源和技术,面向企业/政府等客户,提供数据采集软件、数据分析产品,数据服务,大数据解决方案等产品或服务;销售团队的人员招聘,管理及考核淘汰工作;完成客户需求的挖掘,商务谈判,项目回款工作;负责外部销售渠道和资源的对接,开发与维护;配合市场运营部...

    2018-03-15
  • 按键的位置是如何强化用户习惯的?

    当设计师需要向用户展示大量的数据时,总是不可避免要利用到筛选和排序。筛选和排序可以帮助用户缩小他们正在寻找的数据范围。

    2017-05-30
  • 外媒盘点:2014 年最佳 UI&UX 设计

    外媒 fastcodesign 就盘点了 2014 年最佳 UI&UX 设计,这其中有几款设计让人眼界大开,我们一起来看看吧。 GravitySketch 3D 虚拟画板 GravitySketch 让设计师们随时随地"凭空工作"成为了可能。使用者需要戴上 …

    2015-02-04
  • 交互设计的进阶三重境

    ✨交互设计师的迷茫作为交互设计师,工作几年之后,如果还处在 “从产品接需求输出线框图” 的循环中,或许就会产生一些迷茫:自己的价值和竞争力在哪里?如何突破,进一步提升自己的能力与话语权?迷茫,是因为无法定位自己,寻不得方向,找不到出路。所以,当我们提问该如何提升时,不妨先想一想,【用户体验设计】这座高塔,究竟是个什么模样,而自己又在什么位置。此文中,我根据自己的一些工作经历和理解,将交互设计师的能力成长分出三个阶段:功能完善者、产品推动...

    2018-02-26
  • UX设计师如何进行面试?

    面试,分两种:一种被人面,一种面别人。作为设计师我们肯定都被面过,当然也有高阶设计师面过别人。“如果被人面,你要展示哪些能力素质才能得到面试官的认可?”;“如果面别人,你要关注哪些信息才能找到合适的设计师人才?”到两个问题,答案其实可以是一个,理清思路不论是对求职的设计师,还是对负责招人的设计师都能有所帮助。最近看了一些设计师求职、面试相关的文章,结合我的经验重新做了整理,分享给大家。

    2016-05-30
  • Principle:交互动画实例

    Principle是一款交互原型设计软件,轻松让你的想法变成现实,支持将交互动画转换成视频或者GIF,分享给别人。 你的动画交互想法,比如设计更好的移动APP交互效果成为现实,用Principle轻松帮你实现。Principle的原…

    2016-01-28