更新中…

设计的平衡

设计为业务服务


常见的引导方式

信息提示类

微信朋友圈的小红点,电商消息提醒数字

功能提示类

新功能上线,小气泡提醒

操作引导类

内容推广类

开屏页广告、引导页

用户引导三要素

目的、用户、场景
引导用户为了完成什么目的,针对于什么样的用户(用户分层),什么场景下才需要引导。

引导的形式

引导页(新下载app,引导作用低)
toast(轻提醒,可重复提醒[例如:每3次操作提醒一次] )
气泡/浮层(轻提醒,注意提醒场景)
页面遮罩(强提醒,容易打断用户)
嵌入式(用户分层、针对某种特定用户,引导作用强)
操作示意(。)
互动式引导(方式新颖、引导性强)
弹框(引导性很强,打断用户)
自体变形(引导性强、适合于入口图标「例如:京东、淘宝首页入口)

移动端 B 端图标设计

网易严选 App 品牌设计

蜗牛读书品牌体验设计

“十字法”构建信息层级

页面层级的区分不简单是加粗字体、改变字体颜色。为了有效的区分层级,需要利用“十字法”建立 4 种层级信息,最必须、必须、要有、可有可无。针对层级构建信息层级。

心理学策略引导用户决策

对比。
京东 Plus 会员第一个爆点是爱奇艺联名会员卡,例如:京东 Plus 100元,爱奇艺100元,联名卡80元,这种强烈的对比加强用户决策。
淘宝月卡。开卡每月5元,商品详情页显示购买后立即可用满**减8元优惠券,引导用户决策购买。

添加 10% 亮度得到一个 hover 的状态
降低 10% 亮度得到一个点击的状态