产品设计细节黑洞创业公司PM的真实沟通

　　成功有时候都体现在琐碎的小细节里面，对于细节的执着不是不知变通，而是对更高品质的追求。
　　前一篇文章写的偏虚了，有留言说举实例。这篇内容来自真实的微信聊天，隐去了真名。本来想作为素材，后来发现直接平铺出来就很好，真实的反应了产品人员日常的沟通，其中蕴含了从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协议