这篇内容来自真实的微信聊天,隐去了真名。真实的反应了产品人员日常的沟通,其中蕴含了从UI到产品定位很多信息,不同的观察点能够看到更多。简单介绍下背景:这款APP是垂直于理财师知识付费的应用,文章内容是APP新改版中“我的”页面的交流。
沟通记录:
part1——UI设计和产品设计相互影响,没有正确传达出产品设计意图。
ss:下午最大的问题是大家都认为“我的”那里不合理,现在的效果图是这样。
yb:说说什么问题?认为入口放的位置?
ss:说这个页面丑。感觉意见反馈就不应该着这里,应该放在设置里,这里进来就应该直接展示像现在的“我的”一样的信息,包括我的账户、我的优惠券、我的个人信息都隐藏的太深
yb:
yb:输入框缩小,再放下放
ss:那这个页面就更空了
yb:没事,jj在整理用户画像,会有新的字段添加进来
ss:那这里就是相当于一个用户自己的名片?
yb:对
ss:这个页面进入编辑个人信息的入口就只有点击头像?
yb:
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:浮框也去掉
yb:已经有图了就不要太多的设计元素
yb:找的图上的元素不要太多,比如只有路和远方模糊的远方,不要天空,白云,之类的修饰
ss:那两边的留白也不要?
yb:可以试着不要,让图和留白混为一体
yb:图后面的红条也不要
yb:没理解加个红条是什么意思
yb:小晕
ss:额 我是猜的啊
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:先看效果
yb:直接用那张图P
yb:效果图还在做吗?
ss:在做在做
yb:需要我过去一趟吗?
ss:现在么
yb:嗯
yb:需要吗?
ss:正在改 你要不要看一下改的行不行再决定
yb:好,我等着
ss:
part6——搞笑并无奈的结尾,还是到现场沟通。
yb:你们可以等吗?
yb:我打车过去
part7——现场沟通,历时一个下午到晚上,页面终于诞生。
晚上11点,终于出来第一个版本
网友评论