第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

微交互:APP设计的秘密

时间:2017-10-25 14:04来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
好的产品都做两件事:功能和细节。功能是吸引用户,细节是让他们留在这里。正是细节使我们的产品从其他竟品中脱颖而出。 微交互是一个很好的反馈。 所有的设计方法都是以用户为中心

  好的产品都做两件事:功能和细节。功能是吸引用户,细节是让他们留在这里。正是细节使我们的产品从其他竟品中脱颖而出。

  微交互是一个很好的反馈。

  所有的设计方法都是以用户为中心、用户作为主要焦点。微交互通常被认为是辅助的或第二级的,它实际上对于用户来说是创造一种幸福的感觉。作为一个设计师,认识到微交互是和设计一样重要的,你必须创造一些人性的东西。

  什么是微交互呢?微交互是产品所包含的一个个小细节。

  作为第一个设计微交互的人,Dan Saffer在书中描述,这些微小的细节通常辅助基本功能:交互反馈或触发的结果。

  完成个人任务。

  加强直接操纵的感觉。

  帮助用户理解他们的行为,防止出错。

  一些微交互的例子:切换iPhone为静音时,振动和静音模式图标一起触发。

  

Image title

  点击界面动效,显示点击效果(上空盘旋时改变颜色的按钮)。

  

Image title

  为什么微交互有用呢?因为它对用户的反馈吸引着用户。用户的行为立即得到视觉反馈,这是他们很希望得到的。微交互也可以引导用户如何使用系统。

  确认机会微交互的好处是可以插入在各种地方。一般来说,他们多出现在以下地方:显示系统状态

  Jakob Nielsen - 第一个使用可用性启发式原则的人:让用户一直了解产品的进度,用户得到期望得到的反馈。但是有些情况一个应用需要一段时间来完成一个操作。

  所以界面应该一直让用户知道正在发生着什么。

Image title

上传和下载进度条。

  或者用户所在的位置:

Image title

项目滚动条

  注意:不要让你的用户感到厌烦——让用户了解并且展示进度给他们(例如进度条是为了吸引用户)。

  变化高亮

  有时我们必须显示通知确保用户看到。动画就可以帮助我们。它会吸引用户的注意力,不会让他们漏掉重要的东西。

Image title

新消息通知

  注意:在许多情况下使用动效来吸引用户注意到重要细节。应该使用KISS原则——微交互应该是小而简单的。

  保持环境

  用户使用动效在导航之间平滑的转换,当屏幕上元素变化时进行解释。特别是移动设备和智能手表上,因为它不可能在一个小的屏幕上显示大量的信息。

Image title

Material Design

  注意:在不同的页面之间维持清晰的导航,让用户了解每个页面的内容。两个视觉状态之间的过渡应该清楚、光滑、毫不费力。统一主题——将所有交互联系在一起创建一个主题。

  可视化输入

  输入数据是任何应用最重要的一个元素。微交互把这个过程转化为某种特殊的东西。你可以使用现有元素提供反馈。

Image title

  注意:微交互帮助显示信息,帮助用户完成目标。

  CTA按钮

  微交互实际上激励用户进行交互的作用。他们在用户体验中产生共鸣。但是确保视觉和动效是适合你的用户。并记住——当使用100次之后将变得令人厌倦了呢还是仍是清楚不唐突的呢?

Image title

  注意:关注用户的情绪,因为他们在用户交互中发挥巨大的作用。在环境、用户研究和设计重复使用。

  需要记住的微交互是辅助用户交互的,进行反馈、通知和指令。

  微交互是节省时间的,这种立刻反馈的方式不会分散用户的注意力。像狡猾的眼睛一样抓住用户的注意力。

  了解你的用户和产品背景会让微交互更精确和有效。

  微交互必须禁得住长期的使用。有的第一次看起来有趣的可能100次使用后变得恼人了。

  在微交互中添加人性,专注于视觉上的和谐。运动应该是流畅的微交互来源于生活。

  总结用心的设计。考虑人们如何使用以及他们常使用的设备。注意每一个细节是成功的关键。伟大的设计会是从部分的微交互到“完整的全栈”。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕