童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

如何做好微交互,来提升产品的用户体验?

2月2日 风雨峰投稿
  本篇文章,作者将展示一些有效微交互的例子,同时也会解释一下,它们是如何提高产品用户体验,另外也会教大家怎样做微交互测试。
  之所以将翻译出来,其原因是文中的那些动画打动了我,仔细思考每一个动画都能让自己产生很多联想和灵感,借此分享给大家,也是希望大家能有所收获
  当然可能又会有人说,这些动画怎么去实现啊,开发做不了啊。不过我认为:尽管有些微交互目前实现起来会有些困难,但是咱们设计师首先要有这些意识,就是能够辨识哪些体验是好的,哪些是不好的,我觉得这种意识对创意性的工作很重要。
  好了,话不多说,下面咱们看看译文:
  本篇文章,我将展示一些有效微交互的例子,同时也会解释一下,它们是如何提高产品用户体验,另外也会教大家怎样做微交互测试。你可以利用这些信息来说服你的老板或你的设计团队(甚至包括你自己),微交互是灵活的,并且是设计丰富交互体验的必备要素。
  微交互所要求的关注细节是获得有效、强大用户体验的关键原则。设计过程中的每个部分都很重要,拥有好用且令人难忘的细节能让你的应用脱颖而出。
  在整个用户与产品的交互过程中,微交互创造出了一些有趣的瞬间。典型的微交互比如像拖放,当用户开始拖动时,目标对象会突出显示,这帮助用户明确知道拖动的元素是哪个,并明确能放到哪里去。
  一、微交互在界面中的优势
  1。页面之间的切换动画
  微动画在界面状态之间进行了平滑的转换,并改善了应用的体验。用户可以更好地了解之前和当前的状态。同时,微动画使得应用有了“情绪”并同时增加了必要的细节。
  byAntonSkvortsovforNorde
  2。无限滚动与顶部动画相匹配
  Polarsteps应用中的微动画是向用户显示进度的好方法,用户可以看到他们的动作与滚动内容之间的关系,个性化和指针是搜索特定日期照片的最佳方式。
  3。上传或下载状态
  使用微动画展示了上传下载的状态,在这个例子中,微交互同时还显示了下载了多少M字节,动画进度条为无聊的下载过程增添了乐趣。
  byNickButurishvil
  4。通知
  微动画使用户能够快速识别,并高效的与应用进行交互,同时也能使实际显示的形式更加优雅。
  byMikhailGribkovforKultprosvet
  5。下拉刷新
  刷新这种经常使用的内容操作将成为你的界面设计亮点,其中包含了有想法的、独特的微动画。使用动画通知用户页面正在加载,并在下载完成时消失。
  byHoangNguyen
  6。响应式点击
  响应式微动画鼓励用户进行操作,这是用户与界面进行更多交互的关键原因。
  byTigranManukyan
  7。动效设计使得填充表单变得更加有趣
  微动画用有趣和交互性元素改进了填充表单的枯燥过程,一个烦人的体验会变得因增加了微动画而更有价值,即使用户需要多次输入电子邮件,用户也会毫不犹豫地填写整个表单。
  byClayWalte
  8。文字动效
  文本动画为你的设计提供了独特性并展示创新的用户体验设计方法,毫无疑问,这些巧妙的效果在极简主义界面中尤其受欢迎。
  byMaryLou
  9。开关动效
  微动画可以改善无聊的元素,如:开关。当应用关闭时,动画就会停止,用户会立即收到交互反馈。
  byMo
  10。滑动
  微动画最常用的地方之一是内容滑动,微动画将一个熟悉的滑动手势变成了一个独特的界面,而用户可以在一个连续的流程动画中查看内容。
  byNikitaDuhovny
  11。突出变化
  使用微动画,用户可以从界面上获得对其操作的正确响应。当单击按钮时,界面的每个元素都会进行平滑的过渡,每个设计块都会转换成一个新的状态。
  byRamotion
  二、微交互的测试过程
  有些人可能会给你一个不好的建议,说不用去做微交互测试,说这就像重复造轮子。
  相反,微交互对于任何应用或正常的设备运行都是必要的(译者注:正因为它很重要,所以测试也应该引起重视),你可以通过测试和用户反馈来提升和改善它们。不同之处在于,你测试的是流程和结构,而不是停留在概念上。
  遵循构建度量学习的精益启动反馈循环研究方法,构建微交互并测试它,用各种定量和定性的方法度量设计。从这些发现中分析学习,然后重复,使用研究数据来确认你的决定,并确保微交互最终符合用户的需求。
  建立和运行测试会议的工作量和成本通常非常高。因此,微交互常常与其他项目合并在一起进行测试。
  三、用微交互来发现问题
  使用下面描述的流程作为测试微交互的开始:
  首先,询问用户他们希望通过这个微交互做什么。在使用这个微交互之前,问问他们是否需要学习什么东西,特别是如果他们以前从未使用过类似的交互时。
  允许他们在没有你帮助的情况下使用这个微交互,并实时收集定量数据。
  观察用户使用微交互的每一步,倾听他们对所做选择的印象和描述。观察微交互规则对参与者是否作用明显,注意差异。
  问他们,他们想让微交互帮助记住哪些数据。
  最后,请他们表达在这个微交互中还有哪些地方是需要继续优化的。
  这个过程能帮助你发现微交互的很多问题,它能验证一般的目标和期望,对两个用户团队重复这个过程至少两次。在既定时间内,利用用户反馈来分析和优化你做的微交互。
  四、如何使用研究数据
  这些是你可以测试的一些定量数据:
  完成率;
  微交互持续时间;
  具体每一步的持续时间;
  步骤数;
  点击敲击选择的次数
  机器错误数量;
  人为失误的数量。
  优化微交互并重新测试一遍,看看是否需要进一步改进。另外也需要注意样本量,测试用户不多可能会使错误或偏好变得更加明显。
  统计意义当然并不意味着跟实际一模一样,在设计过程中使用数据,最重要的教训是:它不能是为你自己而设计。研究数据需要人来解释它,然后把它放到内容中,单纯的数据很少能告诉你发生了什么。
  你为什么会抛弃数据?
  例如:大多数在线广告都没有点击率。如果你做的广告能有0。5的点击率,其实做的就还可以了。
  那么,我们是否应该推迟所有的在线广告,只因为它们很少被使用?
  99。9的用户会同意(另外0。1的人为广告公司工作),但是去掉广告意味着去掉网站本身,因为运营它没有钱赚了。不能只是看数据,因为数据不包含更广泛的内容。业务、组织环境和用户基础不仅仅是Excel表中的数字,数据应该是辅助你做出更好的决策,但不要完全依赖数据。
  五、微交互对产品用户体验的重要性
  微交互可以提高产品的用户体验,帮助用户记住你的品牌。它们使产品体验不仅简单,而且能吸引人。考虑小细节表明用户和他们的需求已经得到了一些关注,这正是他们想要的。
  通过微交互,可以改善人们的生活。最重要的是:做好微交互能在快节奏的web开发行业中保持领先地位。
  
  作者:SergeyGladkiy
投诉 评论 转载

MaterialDesign和iOS产品设计差异化思考MaterialDesign(以下简称MD)是谷歌设计的一套视觉语言设计规范,主要应用于安卓类应用。iOSHumanInterfaceGuidelines(以下简称iOS……从交互设计到产品设计到服务设计,变迁是怎么发生的?20092018这十年间,我们经历了交互设计热、产品设计热以及近两年的服务设计热。这些变迁背后的原因是什么?我们看待任何现象,都不能脱离它所处的时代以及当时它所处的系统,……走进用户:在做设计方案时,如何从细节上增加信息的互动性?在产品的核心功能满足用户的基本需求之后,我们总希望能够提高用户体验,让用户在使用产品时能找到舒适感和愉悦感。这篇文章主要介绍的是交互设计师在做设计方案时如何从细节上增加信息的互……如何打破设计边界,驱动业务数据增长?本篇《设计师如何驱动业务数据增长》文章分为上、下两部分。今天《设计师如何驱动业务数据增长(上)》主要讲述如何洞察机会、打破边界和业务建立数据目标值去推动。下部分主要讲述如何完善……上下游协作之交互设计文档这篇文章简单总结了如何写一份会表达的交互文档,让团队中的上下游(产品、UI、开发、测试)沟通协作更加流畅。关于交互设计文档的文章不少,很多时候看了不一定能马上提高一个境界……弹出框已经被淘汰了?这是你不了解的真实情况本文将会详细为你分析弹出框在如今UIUX设计当中的真实情况,并且提供一些可供参考的最佳实践。enjoy网站对于每个企业而言是展现品牌的重要渠道。当你在为你的用户设计……2018年设计师要知道:关于VUI语音交互界面的5个关键知识本文作者梳理了2018年语音交互界面的核心知识点,enjoy交互界面早已不再局限于我们平日所看到屏幕上的图形化元素了,以Siri为代表的VUI(VoiceUserInte……交互设计拆解UC浏览器视频联播页跟着miama的思路,一起来对UC浏览器中视频联播页的交互设计进行拆解,在拆解的过程中探索体验的本质。一、竖屏模式点击推荐信息流里的视频信息会进入到视频播放联播页面……为什么而设计?从设计有趣的寿司开始一个漂洋过海的寿司食玩,为什么会让大人无从下手,不会使用?是语言文化地域的差异?还是设计师眼里只有自己的设计?本文将浅析一种无差异化设计语言,两套通用的设计流程和较为全面的设计……如何做好微交互,来提升产品的用户体验?本篇文章,作者将展示一些有效微交互的例子,同时也会解释一下,它们是如何提高产品用户体验,另外也会教大家怎样做微交互测试。之所以将翻译出来,其原因是文中的那些动画打动了我,……App只能用吗?App能玩吗?设计应用App时,我们可以借鉴一些游戏的处理方式,让用户的整体操作更流畅、让用户更专注到我们希望他们做的事情。最近在工作中受到很多游戏设计的启发,加上平时自己也会接触一些……网易考拉品牌升级实录从品牌战略到品牌设计,匠心精神打造精致。“网易考拉”不仅是网易倾注全力打造的电商产品,更是致力为中国用户提供更高品质生活的海购平台。本次品牌体验意将形象与世界各地精选产品……
那些不务正业的品牌Apps10家国外最受欢迎的小型电商支付宝钱包的AA制生活硅谷趋势看设计设计对产品越来越重要打造成功的产品以小为始,公听并观阿里的机会在微信的逆向成功学让思维活跃化的几个技巧设计师的思维工具〔ISUX五维创意卡〕腾讯做减法,微信做加法Fenby创始人齐伟:在线教育,有趣有用成功。一个设计师成长可能要经历的5个阶段芬兰手游靠什么征服世界?5大特性成致胜法宝Foxmail如何设置邮件的自动回复世界上最恶心的蜘蛛神似蝎子和蜘蛛的结合体鞭蛛有关妈妈,累了就哭吧的读书笔记年统计学考研真题含复试与典型题详解印度制造在达沃斯流感高发季即将到来,教您如何预防凤梨种植的栽培技术喝什么茶保肝护肝呢山中中国式陪读一族中粮怎么样(中粮集团北京硕士待遇)改革开放家乡的变化

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界