喜怒哀乐,贪嗔痴;色受想行识;
生老病死,爱别离,怨憎会,求不得。
按钮,看似简单,稍微硬核,分析分析!
交互基础P3级别,
面向[
产
品
经理]、[交
互
设计师]、[
UI设
计
师]、[设计在校生]、[996患者
]……
直播提纲
01
认识按钮
(6分钟)
按钮在
东西方文化
中的溯源
界面之上的
最最最强仪式感
,没有之一
现实生活中的填写申请,也有
按钮隐喻
02
文字按钮
(8分钟)
[确认/确定]、[保存]、[提交]、[发布]的
区别
仔细鉴别
[确认]与[确定]
蜻蜓点水,
界面文案
03
确认按钮,罕见了?
(14分钟)
桌面、APP、网页Web中
表单/设置
界面分析
何种情况下,可以
没有按钮就保存数据
?
按钮并没减少,而是
某些设计师
眼睛瞎了
不理解
控件本质
的设计师(某大厂网页表单的负面案例)
04
图片按钮
(8分钟)
并非
所有的icon都能做按钮
并非
所有的文字按钮都能变成icon
理论上不存在[
图片+文字
]按钮
某大厂APP的
折衷设计
案例(非常典型)
网页当中[
伪窗体
]的关闭图标
05 思考题:
创建 Create 还是 新增 Add
(2分钟)
列表
界面与
非列表
界面,请理解使用差异
06
按钮设计4点注意事项
(11分钟)
第一,表单必须
保持唯一
的主按钮
包含多个主按钮的表单,为什么必然是错误的设计?
第二,
按钮样式
必须突出,必须区别于其他控件
某大厂网页表单的负面例子(蜻蜓点水,设计的一致性)
第三,保持与研发沟通,理解按钮操作的
技术成本
朋友圈点赞按钮,背后是无数开发工程师的心血
第四,理论上按钮
不应该
有
[置灰]
状态
蜻蜓点水,尼尔森十大原则
07
按钮优化案例2则
(4分钟)
第一,手机APP设置界面,
去掉保存按钮
第二,设计探索,
特异操作
的确认对话框
08
主讲部分小结
参与者必须领会的五个要点
大约1分钟,公众号文章只允许包含10个视频,因此省略
09
现场互动答疑部分
(共26分钟)
答疑之一:
为了转化
设计按钮(4分钟)
瓜子二手车APP,一个非常优雅的按钮设计案例
答疑之二:列表中的
批量操作
按钮(13分钟)
一组来自不同产品的B端列表批量操作按钮的案例分析
答疑之三:
表单排版
与按钮位置(9分钟)
在大屏幕环境下,Label与Input上下放置,Label左对齐,Label右对齐,按钮应该如何放置;移动端表单应该如何放置多个按钮
10
现场继续交互劝退
吐槽所谓
『大厂』
的设计
关于
03-B
《
按钮的设计
》
原定45分钟搞定的直播,最终持续90分钟。
按钮,相对容易理解,与其他主题交集较多,并且也实在
需要一个样本
,让大家理解『
交互设计私房菜
』到底是什么样的完整形式。
列位客官明鉴:《按钮》属于
P3
级别,乃是交互设计私房菜系列都
难度较小者
。
03-B停止更新迭代,此主题大家免费看视频即可。
本次直播涉及到其他主题
- 浅议表单的保存[02-B.1]
- 滥用Tab的危害[02-C.1]
- 返回?还是关闭?[02-F.1]
- 表单联动[01-H.1]
- 单选,界面上的易经[01-G.1]
- 界面编排之用户路径规划[01-E.1]
- 界面布局中的隐喻[01-C.1]
[03-A]用户任务之间的关系(已经试讲过了,目前可以点播)
[04-A]表单按钮置灰的危害(结合尼尔森十大原则)
[04-e]理解特异操作
交互劝退005
界面编排的价值观
劳动是一切幸福的源泉
为人民服务,但也要吃饭
分享比培训更具价值
卖艺撂地,身外之物,取之有道
系统思维设计流派的布道者
中西医结合,专治懒癌
满怀诚意,异想天开