github.com/hpoenixf

概念

好的设计的特征

• 可视性：让用户明白怎样操作，什么位置操作
• 易通性：设计意图，产品的预设用途，不同的控制和装置的作用。

设计的类型

• 工业设计：专业服务，为使用者和生产者利益而创造，目的是优化功能，价值和外观
• 交互设计：关注人和技术的互动，增强人们理解可以做什么，正在做什么，已经发生什么，借鉴艺术/设计/心理学/情感等保证用户体验
• 体验设计：设计产品，流程，服务，事件和环境的时间。关注整体体验和质量和愉悦感。

要按用户想要的方式而不是你希望的方式设计

最近接触了不少面试题目，有这么一类常见的题目，没有标准答案，上下限差距很大，第一次碰到没有准备的话，回答起来总会比较纠结。

具体的题目有性能优化，提升代码质量，做埋点系统，优化webpack等，这里我把他们统称为系统设计和优化题。

在这里我尝试找一下应对这些问题的套路，让大家可以在工作和面试中找到感觉，顺利过关。

错误信息监控

收集哪些错误信息

先从一个面试题开始吧。腾讯第二轮电话面试的一个题目：如果用户使用网页，发现白屏，现在联系上了你们，你们会向他询问什么信息呢？

一个个去堆答案没有意思，我们换个思路，先想一下为什么会白屏？

为什么要写系分文档

之前做需求，我只是比较被动的跟产品开完会，等设计出设计稿，等后端出接口文档，两个一整合就上线了。

然而最近我来到了互动交互小组，随着需求的越来越复杂，前端扮演的角色越来越重要，工期越来越紧张，很多时候项目的难点和瓶颈出现在前端，还是以前那样悠闲的等设计稿等接口才开工是行不通的。

这时候我们需要前端系分文档。

系分文档的好处

• 让前端更了解需求，提前发现需求不合理的地方
• 做好依赖链接的整理，避免四处翻找资料
• 更细的拆分模块，合理评估工作时间。
• 更了解业务方的目标和相关方的计划
• 画出交互流程图，加深对交互流程的掌握
• 找出技术难点，提前暴露风险
• 做好上线的准备，避免出现意外
• 方便事后复盘

两年前，我曾经写了一篇关于性能优化的文章, 在里面提出性能优化要先对页面性能进行记录，而且要按照页面访问的整个流程分步骤进行优化。

两年过去了，我又有了一点新的思考，在阿里也学习到了一些新的优化方法，在这里分享给大家。

关于性能优化的时机，其实可以更早，比用户输入url更早，即用户将要访问你的页面这一步开始优化。

因此，我们可以将性能优化按时间顺序分为三块：

页面访问前，页面加载中，页面运行时

PMPBOK是很经典的项目管理的书，书的内容很多，摘抄了写个人觉得比较有用的点

项目

项目是为创造独特的产品，服务或成果而进行的临时性工作。

项目的两大作用是驱动组织变更，创造商业价值

独特的产品、服务或成果：指的是某一阶段后，必须产出的独特可核实的东西。项目有其独特性，不同的人物，时间，环境。

临时性工作：有明确的起点和终点，可能因为完成目标或是不能完成目标，缺乏条件，需求取消等原因终止。

这里是about face 的第二部分的书摘，也是最后一部分

良好产品行为的基础

设计价值

设计方案应该有的特点

• 合乎伦理：不造成人际关系，身心，经济环境等伤害，改善人类处境（增进理解，提高效率，促进平等和多样性）
• 目标明确：帮助用户完成目标和期望，符合场景和用户能力水平
• 实用：帮助机构实现目标，满足商业和技术需求
• 优雅： 代表最简单而完整的方案，拥有内在一致性，恰当顺应，调动认知和情感

最近对交互设计比较感兴趣，设计师朋友推荐了about face交互设计精髓，一部大部头，不过的确是本好书，给了我很多启发，为了避免看完就忘，做点摘抄吧

数字产品的设计过程

数字产品恶劣的特征

• 粗鲁无礼：过多弹窗，指责用户
• 要求人们像计算机一样思考：使用难以理解的术语，行为奇怪
• 马虎大意：危险的命令容易让人误操作
• 要求人做重活

表现糟糕的原因

• 重点错置；数字产品易受到市场人员和开发人员的左右，他们很少考虑用户的目标需求和动机，更关心市场潮流和突破技术限制
• 无视真实用户：对用户了解不足
• 利益冲突：开发者倾向于易编程而不是易使用
• 设计流程缺失