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

相关推荐

  • [MUX翻译] Apple TV 人机界面指南

    作者:hexin 新Apple TV重新定义了起居室的体验,你能将非同凡响而身临其境的内容投放到大屏幕上,这是前所未有的体验。 1 概述 1.1 设计原则 无论你是在开发游戏、媒体流应用,还是家庭实用应用,在构想产品的时候…

    交互设计 2015-10-08
  • 使用 Sketch 搭建动态布局

    如果你在设计交互,你可能会经常遇到一些重复性的元素,比如列表中的行,或者网格化元素。尽管Sketch提供了一些方法,通过使用Symbols将一些样式应用到元素中,但如果你想让布局更有适应性或者动态变化,它恐怕就很…

    2017-12-28
  • Excel 实现微信动态图表的交互体验

    昨天说的干货贴,文末有下载方法。微信后台有一个不错的动态图表,可以借鉴到我们周报月报的制作中运用:它的交互特征:①鼠标单击上方的扁平化指标选项卡,切换下方的动态图表。②鼠标悬停下方的折线图,会出现小圆点、竖线和提示框突出显示当前数据点。如果用 Excel 仿制,通常是使用窗体控件来制作动态图表,交互效果如下:需要用到的知识点,窗体控件用单选按钮或下拉框,函数用 index 或 offset,这个我们在《让你的图表动起来》课程里已经有专题...

    2018-01-30
  • 从零开始学交互:经验分享之基础阶段一

    【对用户体验设计的理解】 对于我个人而言,喜欢以咬文嚼字的方式去理解一个新的词语,这正是汉字的艺术所在。用户体验设计=用户体验+设计。一说到设计,很多人会联想到绘画、创意、各种漂亮的手稿。这是对艺术和设…

  • 交互设计 | Tmall金妆奖 交互体验装置

    天猫金妆奖 · 体验交互装置中国上海· 3.04.2018***装置交互体验概念***Step 1: 待机状态Step 2: 装置检测到观众体验,即将展开体验流程Step 3: 系统提示拍摄区域Step 4: 实时检测体验者面部表情Step 5: 拍摄表情即将开始Step 6: 拍摄完成,正在为观众制作纪念卡***纪念卡设计***纪念卡/拍摄表情等级1:平静纪念卡/拍摄表情等级2:微笑纪念卡/拍摄表情等级3:开心纪念卡/拍摄表情等级4:...

    2018-03-15
  • 同学进了大公司的UED部门,我想一部分原因是…

    2017年开年,已经陆续有毕业生提前找实习工作了,在与一位成功入职的新人设计师交谈中,有一个重要发现:交互设计越来越受重视了。这位计算机专业的小伙伴,机缘巧合接触了设计,从此一发不可收拾,短短不到一年时间就熟练掌握了PS、AI、AE等软件,还自学了手绘技能。不过即使如此,她的求职仍困难重重。不是985 重点大学/非视觉传达专业/只会画图标界面等等,都成为用人单位将她拒之门外的理由。虽然要求有点苛刻,但站在公司的角度,想要在浩浩荡荡的求职...

    2018-01-31
  • 从这几个案例入手,学会设计APP注册流程

    从注册这点小事儿上看如何提升细节设计和用户体验,希望对一些新入行的童鞋有所帮助。

    2017-05-25
  • 译文 | 微交互:设计优秀app的秘密

    好的产品往往做好了两点:功能和细节设计。功能吸引用户使用你的产品,细节设计将你的用户留下。优秀的细节设计能够使你的产品在众多竞品中脱颖而出,优秀的微交互设计往往能够让用户在初次使用产品时就能够留下深刻的印象。作为一个交互设计师,在设计微交互方案的时候不仅要考虑视觉上的冲击力,还要想办法赋予其信息传递的功能。

    2017-05-26
  • 【干货】用户体验是个什么鬼。

    接上篇文章,我们既然已经了解到了用户需求,且已经为用户需求设计了功能去解决了他们的问题。然而问题又来了,用户依然在用我的竞品,而不用我的产品,这是为什么?

    2017-06-04
  • 基于Axure的移动端APP产品设计规范

    文章结构:① 全局元素与控件设计规范 ② 全局注释规范 ③ 一些基本的产品设计原则一、全局控件元素设计规范我们经常会看到很多产品都有一个标志颜色,来增加产品的辨识度,例如淘宝的橙色,小黄车的黄色等。在产品设计过程中,为了保持视觉的统一性,通常会有一套配色方案,配色方案确定了产品的主色调和辅色调,所有的控件和元素都应用这一套配色来设计。除了配色还有,还有字体元素,按钮元素,以及其他控件元素等,产品设计开始就应该定义好这些基本规范,不仅能保...

    2018-03-04