网站首页 > 设计资讯> 文章内容

交互例推:好设计看得见(5)

※发布时间:2020-3-16 18:41:31   ※发布作者:habao   ※出自何处: 

  义渠骇《交互例推:好设计看得见》是我在体验互联网产品过程中,对一些产品设计案例进行交互推导与分析的专题集合。

  他山之石可以攻玉,关注这些好设计,给自己的设计思带来,同时积累设计策略和学会设计总结,希望也能够给你带来一些思考。

  滴答清单输入待办事项,会对其内容进行智能化识别,一旦用户学习并了解了该种规则,会减少很多操作。

  将输入内容含有口语化或具体日期的对应事项识别为对应日期的待办事项,例:内容含“周3”或“周三”将识别为本周三的待办事项。

  内容包含频度词将自动匹配为符合规则日期的对应待办事项。例如:内容含“每天”,自动将事项匹配为从今日开始的每日事项。

  频度需要覆盖“每n年”、“每n月”、“每n周”、“每日/天”,n为N*(大于0的正整数,当n为1时,n可以省略”。

  频度为周以上的往往会带上日期,比如:每年1月1日、每月4号、每周三,都支持识别并自动匹配为重复事项。

  毋庸置疑,线上支付是支付宝和微信的天下,通过这两种支付方式,用户既可以选择其钱包支付(微信-微信零钱,支付宝-余额),也可以选择绑定在微信和支付宝里头的储蓄卡/信用卡进行支付。

  若要用户重新在一个App绑卡进行支付,那么需要激励来刺激,只要「返利绑卡成本」,用户会“愿意”绑卡。

  (2)绑卡流程简单,一个从未绑卡的用户选择新卡支付的话,点击按钮会先进入【绑卡流程】,绑卡完成后可进行新卡支付。

  京东金融App也同样设计了赚钱中心让用户做任务薅羊毛,其中一项是让用户浏览指定页面,浏览60s以上即达标。

  前置是浏览任务的话,点击「去浏览」按钮即进入相应的页面可以看到倒计时,60s倒计时完成后点击提示浮窗回到上一个页面。

  交互例推案例《京东购物时无可使用的优惠券之凑单思》告诉我们遇到空白结果的时候多思考一步,除了占位图,是否还有其他展示方案?本次介绍的案例类似。

  思考下是否有更好的方式?对于无结果用占位图展示,用户进入该页面肯定会跳出,此页面的跳出率肯定极高,是否能够降低跳出率,对有目标搜索的用户做适当的转换,引流到其他商品呢?

  若搜索无结果,可是展示相关或热门商品,比如用户搜索某品牌手机无结果,可以给用户推其他品牌的热门搜索手机,同样能够击中用户的搜索需求。若搜索结果较少,用户没停留多久就看完了结果,所以同样可以展示相关或热门商品,让用户继续浏览。

  本次看下搜狐咨询浏览内容自动获取狐币的设计策略,将其封装成能量球的形式,和倒计时对比,我认为方案更佳。

  倒计时的方式很明显任务完成的评判规则就是“浏览满60s”,用户的视觉焦点会被倒计时吸引,忽视了任务本身。而能量球这种表现形式使得任务完成的评判规则较难推导,评判规则可以任意封装,可以是浏览满一定的时长,也可以是用户有滑动页面行为等等。评判策略就变得更有弹性,可以跟着数据进行调整上下线,对于用户来说,方式并没有改变。

  一个浏览任务完成后自动继续下一个浏览了任务(能量球满了后自动清空开始注入能量),不易打断当前浏览行为。

  搜狐资讯App,停留在首页Tab,点击首页Tab按钮为刷新本页面的内容;停留在非首页Tab页面,点击首页Tab按钮则进入该Tab页面。

  就像加载动画里头的骆驼,从悠闲散步到加快小跑再到加速快跑,文案分别映射为:努力加载中、疯狂加载中、玩命加载中。

  同时动画设计中也融入了品牌形象,去哪儿的IP形象是一个骆驼,在动画中露出形象,强化用户。

  作为产品设计师,异常状态的设计也是不能遗漏的,比如在网络异常时,要尽快解决网络连接问题,若长时间无响应,相应要给用户呈现解决方案,让用户能够恢复正常浏览。

  具体情况具体分析,在使用浏览器的时候有时候浏览器卡死,用户会强制退出;有时浏览器自动异常关闭。

  不管是什么原因,都打断了用户正常的浏览状态,此场景下,对于正停留在某网页页面浏览或正在某平台进行着编辑操作的用户,中断后第一反应就是重启浏览器找回记录。那火狐浏览器在浏览器异常关闭重启后提供了2种选择,一种恢复浏览,另一种就是新的浏览行为,如上截图所示。

  那若用户在某平台进行着编辑操作,作为该平台的产品设计师。对于大篇幅的内容编辑,需要考虑自动保存功能的加入,小篇幅的内容无需考虑。

  一是用户无需花太多时间成本能够再次编辑恢复内容;二是自动保存功能对性能的要求以及额外功能的开发所增加的成本已经超过了时间成本。

  在美团点餐提交订单没有点主食,会提示用户是不是忘记点主食了,点击按钮在本窗口弹出主食让用户添加。

  对于「用户未添加主食进行提示并提供入口」该需求是兴奋型需求(可了解KANO模型),若不提供此需求,用户满意度不会降低;若提供此需求,用户满意度会有很大的提升。

  1.编辑动态发布-2.跳转至首页&顶栏显示发布进度-3.发布完成自动刷新首页更新出刚发布的动态

  绿洲App在2和3之间插入一个分享动态页(如下图所示),此步骤可有可无,加上的目的是增加App的,吸引更多人下载使用(分享出去的海报图上带有品牌slogan和二维码)。

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。

  

关键词:什么是设计