-

故事的开始

我叫彪形大汉Pro一个做13的，负责着公司一个SaaS产品的设计工作和部分交互工作。故事的开始从那天下午微信的再次闪动开始。滴滴滴~

-

产品需求

现在的工作状态，是大的需求会出产品原型。小的需求或者看版就是和产品沟通后直接发图。本次需求是，需要做一个聊天记录的弹窗。产品直接微信丢张开发直接实现的效果，补充了一句领导觉得不理想。让我优化几版方案看看修修改。（我讨厌这样接需求，没头没脑的让你给方案）

（美化后的截图）

-

深入虎穴（了解需求）

了解一下产品的要求，了解一下大佬的意向。只要你把方案做到大佬的审美上，方案才能快速的落地。需求才能快速的解决。只站在用户的角度体验的角度去设计那迎接你的只会是离职。

了解到最初产品的需求。产品：聊天记录就是这个页面，前端先做了，你看有时间帮忙弄下。

好像说了需求，有好像什么页没说。（此刻我的内心独白是这个简单，很快就能解决。不就是个聊天记录吗！搜一Z）

-

讲述故事

因为扛了一整个SaaS的设计工作，还有一部分C端APP的工作，以及一部分硬件大屏的需求。所以在了解完这个弹窗需求后（因为这个需求不着急）就搁置了。真正开始做已经是一周之后的事情了。唉，老难了！需求又多又杂。能沉淀下来讲故事做复盘总结，真心不容易。眼看离上次分享已经过去了那么多天。

-

干完收工（提交方案）

开干不加思索，没有什么花里胡哨的。上来就是整不就是一个简单的弹窗排版嘛。上来不管三七二十一就是一顿整。花了二十分钟，给产品提供了两个方案。一个是在技术实现上的优化、一个是领导想要的板式。

大意失荆州、是我自己想当然了。在了解需求过去一周的情况下。在没有了解清楚需求和使用场景的情况下的方案当时是通不过的。一个小小的弹窗，如果你仔细想。他也有很多细节需要你去思考。而不是想当然的去做。

-

在探虎穴（思考需求）

当方案被怼后我开始思考，我自己的问题。对待需求懈怠散漫了。于是，我找到产品再次了解了，整个需求的背景对现在方案的建议。和用

户的使用场景。

-

需求的背景及使用场景

在我们整个产品体系里，我们的学员和可以和我们的智能班主任沟通。上课事宜、已经学员在课程中遇到的问题怎么解决。我们的管理者。需要在我们SaaS系统里查看智能班主任和学员的聊天记录，以更好的服务我们的学员，提升我们学校的服务质量。给学员在学习过程中带来更好的体验。

-

产品对设计的反馈

1、这个聊天记录头部标题部分没有原来技术实现的弹窗标题部分清晰、(这里主要说的是时间段和标题内容)没有之前的好。

2、聊天内容，对比不够强烈。聊天框尺寸过小，在实际场景中，可能某段对话的文字可达到几百字之多。

-

登高望远（寻求参考）

在认真对待后、通过再次的了解需求。做到对需求的完全了解后。去寻找一些参考，站在巨人的肩膀上我们能把眺望的更远。（只有了解需求的来龙去脉前世今生，了解整个业务我们才能做好他。毕竟我们是设计师而不是美工。即使现在他们依然把我们当美工。可我们自己要站起来。）

首先看了我们微信的聊天记录样式、企业微信的聊天样式、我们集团自己OA的聊天样式。然后反思，我的设计里有哪些没有做好的细节。

-

设计情节

简单点、提案的方式简单点。可设计的思路不能省略，设计师像是个演员。必须着重那些细节。有意见，产品想看看你怎么圆。你做的太表面，没看出任何的细节，大佬一眼能看穿。该思考方案的我没有在意细节，在提案之后只能看你表演。什么时候开始不在意方案细节。只能低头听你一遍又一遍的意见。可曾经那么钻研的我多在意细节，如今初稿的设计像极了前端，领导不想多看一眼，接下来该怎么圆。

从新审视这次需求后，我开始思考。给我的设计加点料，这样才能更快速更好的落地。而不至于一个小小的需求拖了这么久。

-

着重细节（思考可能性）

在原有的基础上，我们对新的方案做出了一些细节上的调整。

-

弹窗标题

在最初前端原型中，标题部分、分为两块内容。弹窗标题和弹窗内容时间段。板式上居住显示。优点：信息传递更为清晰。缺点：占据空间大、降低了弹窗的屏效。第一版方案中，我们把时间段和弹窗标题相结合、板式上改为我们平台规范弹窗样式。标题左对齐。优点：节省空间提高弹窗屏效。

在进一步了解需求后，时间段信息层级并没有标题层级搞。放在一起标题内容过长，一个层级给用户的体验和信息的的传递上时不好的。在保证弹窗屏效的前提下，我们对标题的两个字段。做了，颜色、和粗细上的优化。

-

内容部分

内容上我，我们对对话内容加底色。让用户和班主任的对话行程大的对比。对班主任何学员的名称颜色采用互补色。整个聊天记录采用最初的对话形式排版。让班主任在查看时更有带入感（其实文本排列更有利于用户阅读）对话内容图片采用固定尺寸。点击可看大图。

在聊天记录优化核心是强调班主任话术和用户话术的区别。我们从颜色和形式上做了优化。

-

最终方案

-

狭路相逢（在规则里打败你）

当他们触及到了我们的专业领域，我们应该在我们的规则里打败他们。不接受妥协毕竟我们是专业的。在我的领域所有人都是弟弟。哈哈哈哈

-

矛盾与冲突

在本次需求里在提案时和需求方产生了三个理解不同的问题。01、弹窗的标题部分、是不是应该把标题和时间段居中两行显示，这样标题部分看起来会更清晰。02、弹窗的宽度能不能在大一点，这样可以承载更多项信息。03、文本的排版可不可以是对话形式、这样可能带入感更强。聊天记录的对比更强烈。

-

坚持与妥协

作为设计师、在我们的设计里，我们会面临很多的。这些问题要自己去衡量该坚持自己的还是妥协。我们最终的目标是让项目更好更快的落地。我们是设计师并不是艺术家。

01、我坚持最终方案的这种形式，原因是：我们平台的弹窗设计规范里、我们标题就是左对齐的。这个弹窗和其他弹窗并没有特殊区别，所以应该走规范并不需要定制。应该保持平台统一的设计风格。时间段的显示不需要换行，因为我们下方对话都跟的有时间所以、时间段的重要性并没有那么高、只需要和主标签在信息层级上做出区别即可。提样可以节约空间提升弹窗屏效。

-

02、弹窗的宽度维持了最初方案的800px这个宽度已经是极限了。如果在加宽、虽然可以承载更多的内容。但是这是一个文本记录的弹窗。过度的宽将增加每行文字数量。将严重影响用户的阅读体验，（书籍的最近阅读每一行28到30字）。

-

03、我觉得对话文本左对齐好一点，因为更高效。用户是来查看记录的又不是聊天的。但我觉得只是我觉得。大佬说要用对话形式的。我理解为什么要这样干。但我已经坚持我的想法左对齐好一点。于是最终方案就定了对话形式。（雷军说：他不喜欢能把一根稻草当成金条卖的人。可能是大佬get的点我还没有想到吧）

-

蓦然回首

东风夜放花千树。更吹落、星如雨。宝马雕车香满路。凤箫声动、玉壶光转、一夜鱼龙舞。蛾儿雪溜黄金缕。笑语盈盈暗香去。这里寻他千百度。蓦然回首、那人却在、灯火阑珊处。
辛老爷子的青玉案·元夕

-

尊重自己（尊重自己的专业）

在工作中完成好每个需求。是对自己最大的尊重。也是提升自己的积累经验的最实际的方法。因为在需求里你可能遇到各种问题。

在每一次设计提案时。所提方案首先要说服自己。才能去说服需求方。不要做连自己都感觉不对的方案。要保持自己的专业性。

-

未雨绸缪（发现自己的问题）

这次需求，自己主要的问题是。前期不够用心，在不了解具体需求和使用场景的前提下，就开工干活。所以导致的结果必然是差的。知己知彼才能百战百胜。

沉下心来做好每一个看似不起眼的需求。在项目中积累自己发现或者遇到的问题。记录下来，沉淀成为自己的设计闭坑指南。在不断的错误中积累经验。这样我们才能快速的成长起来，让自己更强大更专业。

-

写在最后

好久都没有写过小作文了，记得上次写还发生在上一次呢。以后要多总结自己在需求里所遇到的实际问题和解决方式了，要不断的总结自己了。毕竟我想做的是设计师而不是美工。加油吧。

在曾经的一次面试中，面试我的设计总监说过这样一段话。你工作了这几年应该有自己对这个行业的看法和自己的见解。有自己的一套设计体系。现在我想问你们，你们在自己所在的行业有自己的一套设计方法论吗。如果没有那应该沉淀自己。用一些时间总结自己了。