案例解析：UI设计师如何用产品思维做设计？

　　本文笔者将与大家分享一个小程序的迭代，通过这次迭代的过程，告诉你：怎么分析一款产品？做为UI设计师怎么全局的看待一个产品，以及如何运用产品思维思考设计？
　　案例解析
　　有些产品迭代因为项目时间紧急，到UI设计师手里可能是没有原型图的，就是照着线上的老产品优化，增减功能，这时很大程度上需要产品的思维分析、优化页面。
　　1。存在的问题分析
　　下面分析一下这次案例首页存在的问题：
　　问题一：
　　“报名管理”的按钮设计会给人一种，整个卡片只有最突出的蓝色按钮可以点击的错觉，实际上整个卡片也是一个可点击项。
　　问题二：
　　“我领取的”应该相对于“我发布的”弱化一些，其次“我领取的”并不符合功能标题，“我参与的”更为贴切。
　　问题三：
　　这个算是一个低级错误，“发布中”和“已完成”应该有不同的状态区分。
　　问题四：
　　四个标签的设计识别性低，原因是：字小有的颜色相近须要仔细看，应该用差异化的图形体现各自的特征，这样用户对功能的认知更为快速。
　　问题五：
　　产品上的问题“创建时间”放这里没有任何意义，因为并不是用户关注的点，“020”让用户一头雾水，不知道是什么意思。（实际上是限定了活动的报名人数，可以看到报名人数的一个进度）
　　2。第一次改版
　　结合这几个问题设计了第一个版本：
　　主题色运用了小程序图标的颜色，底部导航去掉，这也是主要改版迭代的地方。为了使产品使用更简单直接，突出小工具轻量化特点，去掉复杂多余的元素，让用户打开产品唯一的入口就是产品的核心功能。
　　但是，这次的改版并不能算最理想的方案，分析一下这个页面的设计依据：
　　产品的特征是把用户分成两种身份：一种是发布者，一种是参与者。
　　现在顶部导航给了两种身份的入口，页面最为突出的按钮是产品的核心功能，这样的设计似乎非常的合理。但是，结合一个低频小工具的特征来讲，似乎整个页面结构设计，还不是那么轻量化和直接，参与用户需要点击“我的参与”才能找到所需要的，并不能直接触达用户的目的。
　　3。第二次改版
　　下图再次改版后的页面：
　　经过团队的激烈辩论，最终决定把“我的发布”和“我的参与”放到一起，这样能给用户最直接的感受，原因有以下几点：
　　此产品是小程序并非app，多数用户第一次进入的产品，并非是首页，而是分享到微信群里的活动详情页，用户报名后可返回首页查看活动的记录，所以首页更像一个历史记录。
　　产品的核心功能“活动、招募、点名、通知”都是有时效性的，用完就很少再关注，用户也很少同时用到好几个功能。所以，首页展示的都是用户正在进行中的一个或几个活动项，所以去掉tab选项卡更为直接！
　　低频小工具特点，多数用户使用此产品不会有很多的活动记录，所以最后的版本设计，就体现了更直接触达用户的目的。
　　但这还不是最终的版本，下面要说的就是很多设计师经常爱犯的错误：
　　上图哪种按钮的形式更符合此产品呢，从版面上看左边的看起来更舒服些，因为页面给人的视觉感受更平衡饱满。
　　但是事实上有了更多的记录，左边的长按钮遮挡了更多的内容，而且一个不经常用的大按钮放在那里感觉很多余。所以，换成右边的样式，对内容区域没有更多的遮盖，上下滑动感觉更为舒适，所以最终选择右边的样式。
　　这里说明了一个问题：我们做设计时，应该要考虑到全部的应用场景，必要时需要把各种页面状态都设计出来，这样全面的考虑，落地才是经得起考验的方案。
　　4。详情页改版
　　改版产品的详情页面，这个页面几乎是多数用户第一次接触产品，看到的第一个页面，下面分析一下现版本的问题：
　　标题视觉太弱，整体页面没有重点；
　　不明确是什么钱，“050”不知为何物，用户需要猜；
　　参加活动，用户首先会看活动详情，之后了解时间地点；
　　活动简介下面是活动时间地点，不符合标题描述；
　　活动时间格式杂乱；
　　已报名人员应该优先给用户展示，并且可查看报名人员，不应该只体现已报名人数量，因为活动有社交属性！
　　改版前后对比：
　　活动图片可自定义
　　标题加重突出，加活动标签
　　解释花费
　　可查看报名人员，报名可匿名报名
　　活动介绍优先查看
　　加分享按钮，实现传播
　　时间格式加“星期”格式
　　5。总结
　　总结思考产品的社交属性后，增加可查看已报名人员功能。
　　通过思考用户的操作使用习惯，把信息重新优先级排列。
　　界面的多种形态，确定按钮的设计样式。
　　从产品的特征思考，增加详情页的分享功能。
　　最后
　　此次改版因为直接对接需求方，所以要从产品的角度去设计，不然改版后的产品可能只是设计的更好看了，并没有真正解决产品的问题。
　　我们UI设计师在设计前，是非常有必要对产品有充分透彻的了解，需要思考用户的真正需求是什么，善于结合产品及交互的思维做设计，这样才是在用设计解决问题。
　　UI设计师应该是感性的也是理性的，要用感性去寻找灵感，用理性来将灵感变成具体的设计方案。