成功有时候都体现在琐碎的小细节里面，对于细节的执着不是不知变通，而是对更高品质的追求。

前一篇文章写的偏虚了，有留言说举实例。这篇内容来自真实的微信聊天，隐去了真名。本来想作为素材，后来发现直接平铺出来就很好，真实的反应了产品人员日常的沟通，其中蕴含了从UI到产品定位很多信息，不同的观察点能看到更多。

简单介绍下背景：这款APP是垂直于理财师知识付费的应用，文章内容是APP新改版中“我的”页面的交流。

沟通记录

Part1：UI设计和产品设计相互影响，没有正确传达出产品设计意图。

ss：下午最大的问题是大家都认为“我的”那里不合理，现在的效果图是这样——

yb：说说什么问题？认为入口放的位置？

ss：说这个页面丑。感觉意见反馈就不应该着这里，应该放在设置里，这里进来就应该直接展示像现在的“我的”一样的信息，包括我的账户、我的优惠券、我的个人信息都隐藏的太深。
yb：

yb：输入框缩小，再放下放。

ss：那这个页面就更空了。

yb：没事，JJ在整理用户画像，会有新的字段添加进来。

ss：那这里就是相当于一个用户自己的名片？

yb：对。

ss：这个页面进入编辑个人信息的入口就只有点击头像？

yb：可以参考上面这个概念。

ss：我懂了，那这个页面最好重新设计。按照个人名片或者是 学生证的概念去做吧！

yb：聪明！

yb：这个以后可映射的信息会特别多，不能搞得进来跟进个商城APP似的，把优惠劵，账户之类的直接列出来。

Part2：这部分沟通先确定了页面上涵盖的功能项，但是产品人员对产品意图的理解模糊，对UI的传导不明确，导致视觉效果达不到满意程度。

?：这是新设计出来的【我的】名片，2版。

?：

?：

yb：红色部分是不是重叠啊?绿色部分纵向排列的话占区域太多。

?：是的 红色区域功能是一样的两种摆放形式，您看那个更好？ 绿色的区域是否可以放到 设置-关于我们里面去呢 类似这样 或者删减一部分联系方式的文字。

yb：红色保持原来在顶部的方式。

yb：绿色可以只剩下客服电话，其他的按你说的。

?：好的。

yb：

yb：这个区域的设计可以再冲击力一些,结合jj做的用户画像,区域可以占比再大些。

?：好的，我们再调整一下出一版。

yb：试着打一些高光，色彩饱和一些，看看会不好些。

yb：创意上，看看国际大牌的广告页。

?：好的 这个页面上需要加用户的联系方式么？以后用户分享这个页面到朋友圈除了炫耀外，有些是用于拓展业务的。

yb：现在不用。

?：

yb：

yb：红圈部分是啥意思？

yb：下部再往下走。

?：红圈是分享。

yb：好夸张的分享按钮。

发现了产品人员对产品意图的理解模糊，详细说了一下页面想传达信息和匹配的视觉需求。

yb：

ss：好的 ，我们也认为意见反馈应该是点进去单独的页面

ss：上方个人名片区域跟tt沟通了一下，她觉得用背景图可能跟咱们app整体的风格不太一致，因为个人主页的头部也是背景色，app内没有用图片做背景的地方这里可能比较突兀，她倾向于用色块线框跟app风格统一的设计。

yb：这个我知道，所以选的图不能太花。

yb：试一下吧！

Part3：产品人员没有平衡好运营需求和产品意图，但比沟通刚开始的强了，问题开始逐渐聚焦UI层。

ss：

ss：

ss：

yb：标红的都不要。

yb：

yb：浮框也去掉，已经有图了就不要太多的设计元素。找的图上的元素不要太多，比如只有路和远方模糊的远方，不要天空，白云，之类的修饰。

ss：那两边的留白也不要？

yb：可以试着不要，让图和留白混为一体。图后面的红条也不要，没理解加个红条是什么意思。

yb：小晕。

ss：

ss：那这种全屏的效果考虑么？

yb：这版UI不要大面积使用cc选的提亮色，这个色不适合大面积使用。

yb：有点意思了。

yb：把人的头像位置能和路做个结合就爽了。

yb：图还是不够素，上面元素过多。

ss：好的 ，我传达给tt了，她理解了，在找图重新做效果了。

Part4：通过举例相似的设计意图，试图加快设计过程。

yb：参考这个——

ss：

ss：

ss：全屏背景图的放在UI 图里整体看特别突兀 ，这样的我看着还行。

ss：上边那两张个人信息效果图您看怎么样？

yb：

yb：这个好点。

yb：下面的输入框要啊。

yb：上面的模糊处理太过了。

ss：是不是类似搜索那种输入框，点击就进入一个新页面。

ss：

yb：

yb：往下啊。

ss：

yb：好一些了。

yb：

yb：期待与您沟通。

yb：类似的文字。

yb：这个页面的设计意图是这样：上面其实是用户在我们的系统的映射，下面是和我们联系，潜意识告诉用户，你的样子是这样的，在这里你可以成长，如果有不顺利的请告诉我，我会专门给你提供服务。

ss：

ss：这个意思？

yb：好，有点意思了。

Part5：貌似终于只剩下UI层的问题，开始抠一些UI细节。

yb：

yb：客服电话可拨打的效果。

yb：

ss：那从哪进入编辑用户信息的页面啊？

yb：直接点整个图片。

yb：

yb：标题换成英文试试。

ss：英文就是，Mine，了。

ss：my。

yb：嗯。

yb：试试。

yb：

yb：这张图很不错。

ss：

yb：

yb：

ss：这个图会有版权问题的。

yb：先试试。

yb：没事。

yb：好看的话，照着找图。

yb：类似的大海航行的图能找到。

yb：还在弄吗？

ss：在找航海图。

yb：直接用那张图，先看效果。

yb：直接用那张图P，可以把这张图的设计过程写个文章，应该能发表了，这个也可以是运营的素材，体现咱们多么精益求精。

yb：效果图还在做吗？

ss：在做在做。

yb：需要我过去一趟吗？

ss：现在么。

yb：嗯。

yb：需要吗？

ss：正在改，你要不要看一下改的行不行再决定。

yb：好，我等着。

ss:

Part6：搞笑并无奈的结尾，还是到现场沟通。

yb：你们可以等吗？

yb：我打车过去。

Part7：现场沟通，历时一个下午到晚上，页面终于诞生。

晚上11点，终于出来第一个版本：

一小段日常的沟通，展现的不只是产品的事情。见微知著，组织结构、协调运转这些都能体现出来。都知道创业的风险大，创业失败的时候，我们往往喜欢分析商业模式或者关键步骤，但也许成功的秘密就掩盖在这些琐碎之中。

本文由 @YB 原创发布于人人都是产品经理。未经许可，禁止转载

题图来自Unsplash，基于CC0协议