交互栏目正式开启啦！每周带大家一起来看下五个优秀的交互案例吧~

关于案例的交互思考分析，我是分为两个角度：使用场景和解决问题。

为什么会从这两个角度思考呢？

因为人往往需求的产生是在某一个时间和地点下，某一个功能没有很好的解决当下产生的问题，甚至没有足够达到用户的预期，于是便产生了需求。我希望...我需要...等等

一款优秀的产品，一个优秀的交互操作，往往都是在先解决用户问题的基础上，再去考虑怎么更容易的为用户解决问题，最后再考虑能不能够更优雅，有趣的解决，并给人留下深刻的印象，产生美好的体验。

So，那我们来看看优秀的交互设计是怎么做的吧~

一、数字人民币收付款手势 - 还原线下场景

关键词：体验优化、还原场景、操作成本、响应式

【使用场景】

用户打开数字人民币App时，需要使用付款/收款功能

【解决问题】

市面上以支付宝、微信为主的支付工具，占据了大半部分用户，国家推出了一款数字人民币支付工具。

通过还原线下场景，“上滑付款”影射着现实生活把钱拿出去，“下滑收款”影射着把钱收到怀里来，很好的符合了用户心智，减少了用户的学习成本，且配有文字辅助用户操作。

同时上滑与下滑也是用户最为方便的手势交互操作，通过这种交互也减少了用户的操作成本，快速达成收付款目标。

且不管是付款还是收款，最重要的账户信息和余额信息都保留在两个场景中，采用响应式的设计，形成统一且舒适的展示方式。

个人认为有一个稍微别扭的点：

从下往上滑是付款，但是提示文字却在上方；从下往上滑是收款，提示文字却在下方，且两个都带有箭头，箭头具有指引性。

因此每次我想选择某一种付款方式时，如上滑付款，但是当我从下往上滑时，眼睛却看到了“下滑收款”，我需要顿一下我是该上滑还是下滑， 当我选择好了其中一个，却发现打开的是另一个，不知道大家伙有没有这种感觉？

二、Naver分类入口 - 有趣的分类导航设计

关键词：创新性、趣味性、产品曝光、快速分流

【使用场景】

用户在打开Naver时，想快速找到自己的想去的分类，打开底部聚合入口进入

【解决问题】

Naver是著名社交软件LINE的母公司，世界第五大（仅次于谷歌、雅虎、百度和必应）搜索引擎网站，也是韩国最大的搜索引擎和门户网站。

Naver采用舵式的分类导航设计，能够将用户聚焦于当前的分类选择，帮助用户快速做出决策，达成目标；同时用户选择一个分类，上方也有相应的产品曝光，为产品带来了相应的流量和转化；

此类舵式导航设计也给整个产品增加趣味性和创新性，面向年轻用户，与其他品牌形成了差异化，加深了用户对产品的记忆点。

三、喜马拉雅底部Tab变换 - 不同场景不同设计

关键词：场景化设计、体验优化、提升效率

【使用场景】

用户在喜马拉雅音频页面时，底部的Tab会随着用户停留的区域而发生改变。

【解决问题】

喜马拉雅在面向不同场景时，分别给出了不同的操作行动按钮。

当前正在收听页面，针对音频所展示的可操作按钮以播放暂停、下一首、列表和倍速等为主，因此底部Tab里的操作按钮视觉上也并没有打扰到用户，给用户沉浸式的收听环境。

当用户想看这则音频下有什么有趣的评论，两个路径：1、点击查看评论，跳转至新页面；2、下滑至评论区：输入评论内容；

因此下滑至评论区时，底部Tab变成了输入评论内容为主的操作栏；

这样做的目的就是针对当前评论的场景，给予用户评论的操作，将用户想要的摆出来，鼓励用户大胆去表达自己想说和想分享的，快速完成评论任务。

四、网易云搜索列表标记 - 助你唤起记忆

关键词：场景化设计、提升效率、辅助用户记忆

【使用场景】

当用户在使用网易云搜歌时，只记得歌手或歌名的几个关键字，在搜索列表中会展示关键词相关歌曲结果，且已是用户听过或者喜爱的歌，会有小标记

【解决问题】

我们总会遇到这种情况，“咦，这首歌我好像在哪里听到过？”或者“这叫什么歌来着？记不大清了？”，于是会打开搜索列表寻找脑海中仅有的关键字输入。

输入之后，会发现搜索过程的结果中有自己听过的，或者收藏到喜欢的歌曲。

歌曲后的小标签设计，能够让用户快速对搜索结果作出判断，我听过的是不是这首？便会点进去收听，帮助用户回忆起要搜的歌曲名称或歌手，达成用户目标，提高搜索效率和准确度。

五、秀动订单详情 - 快速捕捉关键信息

关键词：格式塔原理、提升阅读效率、辅助用户阅读

【使用场景】

当用户在秀动订单详情页，想查看订单里面的相关信息

【解决问题】

我们可以先思考一下在订单页面中，什么因素是用户最为关注的，特别是这种LiveShow。

时间、地点、价格。

因此这个页面采用了券的设计样式，很好的将券面信息和券结合起来，再通过格式塔原理，和行与行之间的留白，对信息做了规整划分，辅助用户阅读。

进而通过字体颜色、大小、粗细的对比，让用户能够一眼看到自己想看的信息，降低无效信息层级，提升了阅读效率。

多看，多练，多思考，多行动。不断勉励自己。

交互栏目也是新开的一个栏目，希望能带大家看看这些优秀设计背后的小心思

好啦，第一期的优秀交互设计赏析就到这里啦～

我们下期再见～

Powered by Froala Editor