按钮，看似简单，稍微硬核，分析分析！交互基础P3级别，面向[产品经理]、[交互设计师]、[UI设计师]、[设计在校生]、[996患者]……
直播提纲
01 认识按钮（6分钟）
- 按钮在东西方文化中的溯源
- 界面之上的最最最强仪式感，没有之一
- 现实生活中的填写申请，也有按钮隐喻
02 文字按钮（8分钟）
[确认/确定]、[保存]、[提交]、[发布]的区别
仔细鉴别[确认]与[确定]
蜻蜓点水，界面文案
知乎视频www.zhihu.com03确认按钮，罕见了？（14分钟）
桌面、APP、网页Web中表单/设置界面分析
何种情况下，可以没有按钮就保存数据？
按钮并没减少，而是某些设计师眼睛瞎了
不理解控件本质的设计师（某大厂网页表单的负面案例）
知乎视频www.zhihu.com04 图片按钮（8分钟）
并非所有的icon都能做按钮
并非所有的文字按钮都能变成icon
理论上不存在[图片+文字]按钮
某大厂APP的折衷设计案例（非常典型）
网页当中[伪窗体]的关闭图标
知乎视频www.zhihu.com05 思考题：创建 Create 还是 新增 Add（2分钟）
列表界面与非列表界面，请理解使用差异
知乎视频www.zhihu.com06 按钮设计4点注意事项（11分钟）
第一，表单必须保持唯一的主按钮
包含多个主按钮的表单，为什么必然是错误的设计？
第二，按钮样式必须突出，必须区别于其他控件
某大厂网页表单的负面例子（蜻蜓点水，设计的一致性）
第三，保持与研发沟通，理解按钮操作的技术成本
朋友圈点赞按钮，背后是无数开发工程师的心血
第四，理论上按钮不应该有[置灰]状态
蜻蜓点水，尼尔森十大原则
知乎视频www.zhihu.com07 按钮优化案例2则（4分钟）
第一，手机APP设置界面，去掉保存按钮
第二，设计探索，特异操作的确认对话框
知乎视频www.zhihu.com08 主讲部分小结
参与者必须领会的五个要点
知乎视频www.zhihu.com09 答疑之一：为了转化设计按钮（4分钟）
瓜子二手车APP，一个非常优雅的按钮设计案例
知乎视频www.zhihu.com10 答疑之二：列表中的批量操作按钮（13分钟）
一组来自不同产品的B端列表批量操作按钮的案例分析
知乎视频www.zhihu.com11 答疑之三：表单排版与按钮位置（9分钟）
在大屏幕环境下，Label与Input上下放置，Label左对齐，Label右对齐，按钮应该如何放置；移动端表单应该如何放置多个按钮
知乎视频www.zhihu.com12 现场继续交互劝退
吐槽所谓『大厂』的设计
知乎视频www.zhihu.com关于03-B《按钮的设计》
原定45分钟搞定的直播，最终持续90分钟。
按钮，相对容易理解，与其他主题交集较多，并且也实在需要一个样本，让大家理解『交互设计私房菜』到底是什么样的完整形式。
列位客官明鉴：《按钮》属于P3级别，乃是交互设计私房菜系列都难度较小者。
03-B停止更新迭代，此主题大家免费看视频即可。
本次直播涉及到其他主题
浅议表单的保存[02-B.1]mp.weixin.qq.com
以上分享主题，都已上架，支持随时点播另外还涉及到一些未上架的主题
- [03-A]用户任务之间的关系（已经试讲过了，目前可以点播）
- [04-A]表单按钮置灰的危害（结合尼尔森十大原则）
- [04-e]理解特异操作
以下文章也与本次直播有关
交互劝退005mp.weixin.qq.com
全文完
报名参加直播分享，请加微信
gouzitadie
【狗子他爹】的拼音
扫一扫
1251
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
