内容来源:马力知乎私家课
01 氛围
营造用户的第一眼体验
1 一美遮百丑
产品美观 操作流畅 反馈及时
照片高清 漂亮
美就是生产力
例子 :Airbnb
2 顺着关键路径渲染氛围
链接展示设计 视觉路径 接触点
使用前
产品介绍
视觉 反映出整个产品和品牌调性,文案清晰抓人
图标
符合用户习惯
截图 预览图新颖 吸引注意
文案
简洁 明了
产品、品牌的口号指向用户痛点
使用时
用户的引导
未登录的状态
操作路径 是否顺畅
欢迎的图文、视频
与目标用户群体对应
用户看到产品宣传、第一次使用的感受引导,
每一个地方做好模块化获取数据不断优化,让用户感觉到他和产品之间的共鸣
3 强化产品的诉求点
内容很全
资源很全
设计服务于目标
例子:互联网金融
品牌背书
信任 安全
展示实力
02 动线
也就是引导和控制用户的行为路径
注意力流动的路线
1 视觉引力
Tab的聚集功能 焦点
加入购物车 立即购买
推动用户购买
引导用户行为
微信小红点 App桌面信息提示 推送
提升活跃数据
按钮 图标 动效 提示
利用视觉引力,让用户沿着产品希望的路径来走
2 远亲不如近邻
Fitt's law(菲兹定律)
目标越大,指向越快,目标越近,指向也越快
操作区域 增大
手指位置更近,更容易点击
F模型 Z模型
视觉流动方向
3 耐受性
Banner 长得太像广告 容易被忽略 用户经验的积累,
会默认成banner 就是广告位置
从而心理排斥 我是这样的 不知道你是不是
03 层次
用户、需求、功能、交互、信息、视觉
1 有强必有弱
文字大小之分,关键信息
不同灰度的颜色区分
区块划分组别和层次信息
让用户第一眼看重要的内容,弱化不重要的信息
通过布局、颜色、大小等方式弱化内容
2 层层递进,注意分组
分类
分组
先给出结论性的信息,帮助用户快速决策,更多的信息放到下一层
注意利用分组来区隔信息,减少用户负担,让用户更容易找到
3 层次背后还是层次
视觉层次
信息层次
交互层次
处理好优先级的关系
用户需求的优先级
产品设计在相当大的程度上是在探索和照顾用户的认知行为和认知心理
内容和功能上的优先级
04 惯性
用户总要保持原来的使用习惯或者什么都不做,直到给他们好处,
或者迫使他们改变这种使用习惯为止,这就是用户行为的惯性定律
如何理解惯性?
1 尽可能减少摩擦力
用户有固有经验
降低用户的学习成本
遵循用户已有的习惯,利用已有的习惯,不让用户重新学习
2 诱惑用户做出改变
抽奖、抢购 、红包等目的让大家注册 绑定支付宝,为以后的使用降低门槛
大部分人不希望改变 懒
用户改变之后带来了什么好处?
3 打破惯性与保持惯性间权衡
1衡量这个设计带来的价值有多大,值不值得让老用户付出学习成本
2 衡量设计本身和行业惯例或者标准之间的关系
3 衡量新老用户群的比重
4 衡量产品在行业内的影响力
要顺势而为,考虑用户的惯性,让用户更容易使用,
同时在必要的时候打破惯性和利用惯性,更好的引导用户行为