认识达内从这里开始

认真做教育专心促就业

UI设计师应考虑微交互的设计（上）

发布：达内培训
来源：达内培训
时间：2018-08-06 18:59

    什么是微交互?-达内培训的老师来告诉大家
    微交互是用户在完成某个小任务时产生的交互体验.例如,解锁手机就是一个微交互,手机调成震动模式时会震一下也是一个微交互.
    为什么称为"微交互"呢?所谓的"微"其实就是指的产品的细节设计.微交互正在成为产品设计中越来越重要的部分.正如同Charles Eames 曾经所说,"细节并不只是细节,它是构建起整个设计的基本元素."你的UI和交互设计中的每一个元素都是至关重要的,一个又一个细节设计让你的产品最终脱颖而出,而真正让人难忘的产品,靠的是这一个个精致到位的细节堆出来的.真正优秀的设计,从功能到元素,从交互到过渡,都是可靠的.

微信的点赞功能,当你手机没有网络或者网络不好时,在朋友圈给好友点赞,会显示点赞成功.但事实上虽然显示已点赞,其实对方并没有收到你的赞,当有了网络后好友才能收到你的赞,这个过程用户全然不知.这其实就是个优秀的微交互设计,产品给用户呈现出优秀的执行力.这个场景就像,领导给下属下达命令,过程我不关心,我只要结果是一样!

达内培训

    微信这种微交互体验,充分的运用了,以用户为中心的设计宗旨!
    达内培训的老师说，还有一些产品当网络不好时,点赞还会出现loading动画!这样就给会用户留下卡顿的印象!
    同样的微信删除好友对话,没网络时也会执行,这样就达到了,快速满足用户的需求,有些场景用户需要快速删掉聊天记录时,就不会出现网络不好删不掉的问题了!
    全民k歌app无网络是不可以删除对话的,同样是一家公司的产品,差别怎么就这么大呢!
    (当然也不能说这种交互是不可取错误的)
    网易严选的tab导航切换,当选项超出一屏时,左滑动到一定数量,选中效果会停在最中间的位置,这样左边能看到刚浏览过的几个选项,告诉用户刚看过了什么内容,同样右边能看到几个选项告诉用户即将要看到什么内容.
    当要返回到第一个选项,右滑动出现第一个选项"推荐"时,选中效果不再停留在中间位置,这样就能告诉用户已经到头了.这个流程有一个非常清晰易懂的规则.
    在看下图的一个反例,可以说并没有一个规则.一直往后滑动,会停在倒数第二个,显示的最后一个并没有完全显示出来,这样就没有给用户清晰明了的提示下一个是什么选项.
    返回时直接跑到左边第一个,看不到接下来要返回选项!
    好的产品懂得洞察人性,支付宝支付流程做到了这一点.
    点击"立即支付"在指纹识别弹窗出来之前,有个圆圈小动画反馈给用户支付正在进行中... 这其实还不够,指纹识别成功后,立即出现一个正在付款小动画,然后提示支付成功.
    整个流程都在与用户交流,注重人性化思考,动效简洁流畅不会给用户带来繁琐的感觉.
    其实很多微交互的设计未必都能让用户感知到,但如果没有一个好的体验,用户真的能感知到.
    假设支付宝支付流程,点击"立即付款"咔嚓提示支付成功.你会不会觉得钱怎么这么快就出去了,似乎丢失了什么一样,一种失落感涌上心头!
    以上就是达内培训给大家做的内容详解,更多关于IT知识的学习,请继续关注达内培训

< 上一篇：UI设计师应该知道的图标基础知识（三）

下一篇：UI设计师应考虑微交互的设计（下） >