文章转自:https://lark.alipay.com/dingtalk.design/class/kywyln
挖到一份详细的设计沉淀~大概有八篇~今天这是第一份~有心人来收~
一.什么是场景化设计?
移动设计中的场景化指连接情景、人、设备之间的设计。通过分析用户所处的场景、目标与意图,判断用户可能出现的动作,将这些因素融入到界面交互设计中。
二.场景化的思考维度:
1.物理场景:指产品使用中影响任务完成的自然因素,如天气因素,网络因素、设备因素等
2.社会场景:指与用户直接发生交互的人或事件,任务过程中相关的人或事件以及与用户相关的文化
3.任务场景:指明确上下文场景和用户目的后,梳理用户完成全流程的链路
4.完成MVP闭环
三.案例分析
1.物理场景:
案例一:通话中的语音引导在多方通话页面,用户的习惯是接通电话后直接将电话放在耳边,50%用户没看过多方通话面板。在移动用户电话接通中,手机网络降级 4G降到3G ,用户没有感知。我们的解决方案是在通话语音里加入“谁加入 谁退出 ”的语音,给用户物理引导,让设计不仅停留在界面上。
案例二:电话会议的来电引导用户接听钉钉电话或电话会议时,最初的方案是用户会收到一个以400为开头的电话打进来,造成很多用户疑虑是否为骚扰电话。后来改进的方案是当用户收到电话会议时,安卓用户会自动弹起钉钉电话页面,iOS用户收到系统apn推送告知用户“XX正在发起电话会议”。发起电话会议的同时也会给用户发送短信,在此提醒用户“XX正在发起电话会议”,告诉用户如何查看和回拨,不错过每个重点电话。
2.社会场景:
案例一:企业红包设计通过共创和调研,我们发现在企业给优秀员工发放奖励时,希望全员都能看到,从而激发员工们像优秀员工学习的目的。作为拿到奖励的优秀员工,也很自豪的到老板和公司的肯定,得到荣誉感。采用企业红包的概念,简单易懂。在设计全链路上,通过企业红包APN透出、礼花彩带、红包领奖台、奖状盖章和优秀员工的头像来增强红包的荣誉感。
案例二:密聊等级设计密聊功能属于隐私聊天的高级功能,考虑到使用密聊功能用户的心理,是不希望别人知道自己在用密聊的。之前的密聊版本中我们把密聊界面的顶部设计成黑色,设计的初衷是与钉钉的聊天界面顶部作区分,让用户感知到密聊的神秘感。这个设计却违背用户的使用场景和习惯,黑色的头部往往更容易引人注意。在后面的方案中,将密聊等级进行区分,入口icon从一个“密”的图标变成”马赛克气泡”,马赛克形象十分符合用户对私密的认知。从icon设计上凸显密聊功能的私密性。
3.任务场景:
案例一:不同平台功能的自上而下的推广由于安卓平台和ios平台的差异化,在之前产品界面的设计上也会有交互上的差异。钉钉Android L的设计中,遵循了Android L的设计规范,将“我的”页面入口收入到页面右上角...的icon中,从数据上看,安卓收起的入口在点击量上是IOS的1/12,导致两个平台交互不一致,不同平台用户在推广钉钉中遇到阻碍。统一功能在不同平台上最好采用相同的的交互设计。