《交互案例推送:好的设计可见》是我在体验互联网产品的过程中，对一些产品设计案例的交互推演和分析的专门集合。

他山之石可以攻玉，关注这些好的设计，给自己的设计思路带来灵感，积累设计策略，学习设计总结，希望能带给你一些思考。

首先，勾号列表可以智能地将待办事项列表与相应的日期和时间进行匹配，并自动提醒

勾选列表进入待办事项列表，其内容会被智能识别。一旦用户学习并理解了规则，许多操作就会减少。

事件识别规则总结如下:

1.包括具体日期

将输入内容包含俗语或具体日期的相应项目标识为相应日期的待办事项。例如，如果内容包含“星期三”或“星期三”，它将被标识为本星期三的待办事项。

具体类别如下:

内容含“大前天、前天、今天、明天、后天、大后天”以当前日为参考日，匹配到对应日；内容含“周x”、“本周x”匹配到本周对应日，x可为数字也可为中文；内容含“上周x”、“下周x”以本周为参考日，匹配到对应日，x可为数字也可为中文；内容含“x月x日”或“x-x”或“x/x”匹配到具体的对应日期，例如：12月25日、12-25、12/25等。

2.包含频率词

内容包含频度词将自动匹配为符合规则日期的对应待办事项。例如：内容含“每天”，自动将事项匹配为从今日开始的每日事项。频度需要覆盖“每n年”、“每n月”、“每n周”、“每日/天”，n为N*(大于0的正整数，当n为1时，n可以省略”。频度为周以上的往往会带上日期，比如：每年1月1日、每月4号、每周三，都支持识别并自动匹配为重复事项。

3.包括时间点

输入内容若包含时间点，将匹配到对应的时间点，系统将自动为该时间点设置闹钟提醒。另外，需要支持多种常用的输入格式，例如：下午4点、下午四点、16:00、4pm等。

4.多规则组合

以上三种输入都可以组合，组合规则符合“和”的规则。

其次，美国团体外卖刺激用户通过返利支付卡款

毫无疑问，在线支付是支付宝和微信的天下。通过这两种支付方式，用户可以选择自己的钱包支付(微信-微信换，支付宝-余额)，或者选择绑定微信和支付宝的储蓄卡/信用卡支付。

如果用户想在某个App中重新支付卡款，那么需要激励来激励，只要“返利>:卡绑定成本”，用户就会“愿意”绑定卡款。

美国代表团采取的方式是:

(1)返利，体现在页面元素和微动作效果上

体现的元素有：“推荐”标签、“6元优惠券”标签、“百万财产安全险”标签。微动效，用户选择不同的支付方式，微动效切换对应的金额，很明显不同的支付方式金额有差异性。

(2)卡绑定流程简单。如果从未绑定过卡的用户选择用新卡支付，他会先点击按钮进入【卡绑定流程】，卡绑定完成后可以用新卡支付。

最重要的是，返利是一个很好的激励机制，金钱是最直接的激励物质。

三、京东金融浏览页面倒计时让用户知道自己在做什么

现在很多app为了提升生活，策划了很多运营活动，比如签到、任务中心等。

京东金融App还为用户设计了一个赚钱中心做任务薅羊毛，其中一个就是让用户浏览指定页面，浏览60秒以上达到标准。

为了让用户直观的感知浏览时间，JD财经App在页面上友好的放置了倒计时。

如果前端任务是浏览，点击“转到浏览”按钮进入相应页面查看倒计时，60s倒计时完成后点击提示浮动窗口返回上一页。

优点:非常人性化，通过倒计时通知用户可以避免“白色浏览”。

缺点:用户可能会停留在页面上不浏览，盯着倒计时直到结束。

第四，你会如何设计产品搜索结果显示？

互动案例，“京东购物时优惠券不可用的想法”。COM”，告诉我们遇到空空白结果要多思考。除了位图还有其他显示方案吗？这个案例类似。

当我们在商场搜索商品时，搜索结果的显示设计思路通常如下:

想想有没有更好的办法。对于没有结果的显示，用户进入这个页面肯定会跳出，这个页面的跳出率肯定很高。能否降低跳出率，对有针对性搜索的用户进行适当的转换，引流到其他商品？

进一步分解展示方案-

如果搜索没有结果，可以显示相关或热门产品。比如用户搜索某个品牌的手机没有结果，就可以把用户推给其他品牌的热门搜索手机，也可以打击用户的搜索需求。如果搜索结果很少，用户可以不需要停留很长时间就可以阅读结果，所以也可以显示相关或热门的产品，让用户继续浏览。

根据这一思路，设计方案如下:

5.搜狐信息浏览页面告诉用户是否用能量球完成任务

前面的介绍“京东金融浏览页面倒计时让用户知道”，让用户知道浏览任务是否完成。缺点是:

用户可以预知任务完成的时间节点，可能会一直等到倒计时完成；任务中断的话下次浏览又从60s开始，意味着上次浏览时长作废；一个浏览任务完成后需要回到任务中心再次点击开启新的浏览任务；还有一个技术问题是，一些页签页面的切换会使倒计时失效。

这次看搜狐咨询浏览内容自动获取狐币的设计策略，打包成能量球的形式。相比倒计时，我觉得方案更好。

原因如下:

能量球满了+自动发放狐币数量的展示，表示1个浏览任务完成，用户同样易感知。倒计时的方式很明显任务完成的评判规则就是“浏览满60s”，用户的视觉焦点会被倒计时吸引，忽视了任务本身。而能量球这种表现形式使得任务完成的评判规则较难推导，评判规则可以任意封装，可以是浏览满一定的时长，也可以是用户有滑动页面行为等等。评判策略就变得更有弹性，可以跟着数据进行调整上下线，对于用户来说，方式并没有改变。一个浏览任务完成后自动继续下一个浏览了任务（能量球满了后自动清空开始注入能量），不易打断当前浏览行为。

第六，搜狐信息首页标签按钮具有双重功能

搜狐信息App，停留在首页标签页，点击首页标签页按钮，刷新本页内容；停留在非首页标签页，点击首页标签按钮进入标签页。

首页一个Tab条有两种用途，很有意思。

七、哪里加载动画有趣

《何去何从》的装帧动画是典型的感性设计。随着等待时间的增加，用户会越来越焦虑。

就像载入动画中的骆驼，从悠闲的散步到加速的小跑再到加速的奔跑，文案映射如下:拼命载入，疯狂载入，拼命载入。

同时，动画设计也融入了品牌形象。去哪儿的IP形象是一只骆驼，在动画中彰显形象，强化用户感知。

八、火狐浏览器意外退出，返回上次浏览

作为一个产品设计师，异常状态的设计是不可忽略的。比如网络出现异常，要尽快解决网络连接问题。如果长时间没有响应，应该将解决方案呈现给用户，让用户恢复正常浏览。

具体情况具体分析，在使用浏览器时，有时浏览器被卡住，用户会强制退出；有时浏览器会异常自动关闭。

无论什么原因，用户的正常浏览状态都会被中断。在这种情况下，中断后的第一反应是重启浏览器，为停留在某个平台上浏览或编辑某个网页的用户检索记录。Firefox浏览器在浏览器非正常关闭重启后提供两个选项，一个是恢复浏览，一个是启动新的浏览行为，如上图截图所示。

如果用户在某个平台上编辑，作为该平台的产品设计师。对于大内容编辑，需要考虑添加自动保存功能，不需要考虑小内容。

首先，用户可以在不花费太多时间和成本的情况下再次编辑恢复的内容；二是自动保存功能的性能要求和开发附加功能增加的成本已经超过了时间成本。

9.美国代表团让你点主食了吗

如果美团提交的订单没有点主食，会提示用户是否忘记点主食。点击按钮，在此窗口弹出主食供用户添加。

对于“用户不添加主食来提示和提供入口”，这种需求是令人兴奋的(KANO模型可以理解)，如果不提供这种需求，用户满意度不会降低；如果提供了这个需求，用户满意度会大大提高。

十、绿洲动态以进度条的形式发布进度通知

绿洲应用发布动态后，动态中包含的第一张图片的缩略图+正在发布的副本+进度条出现在页面顶部。

整个发布过程可以如下:

1.编辑动态发布->: 2。&到首页&:顶部一栏显示发布进度->: 3。发布后，自动刷新主页以更新新发布的动态

Oasis App在2到3之间插入一个共享动态页面(如下图所示)。这一步是可选的，添加的目的是增加App的曝光度，吸引更多人下载使用(分享海报有品牌口号和二维码)。

如果是你，你会这样设计吗？

写在后面

以上观点是主观的。如果您有任何建议或更好的设计，请提出建议。

#相关阅读#

交互式示例推送:良好的设计可见(1)

互动推例:好的设计可见一斑(2)

交互式示例推送:良好的设计可见(3)

互动示例推送:好的设计可见一斑(4)