产品目标

在前接到需求后，不要急于去做，我们在前期，应明确一个目标，基于产品目标，做产品分析或是做竟品分析的时候，就会更有目的性。

例如：这次优化的产品是股票的行情页面，我的目标想通过优化产品，视觉驱动交易，提升用户决策效率，增强产品黏性，实现股票智能投顾，提升竞争力，建立出一套效率、有生命力的产品。明确好目标再去找竞品或去分析的时候，就会更有目的性，着重去分析竞品是否有好多点子达到你的产品目标。

产品原则

在做产品前，还需给产品定义原则，也就是产品的DNA。针对产品设计进行头脑风暴，衍生出一些关键词。

考虑金融产品的安全性、严谨性、专业性，给产品重新定义DNA，如下：

头脑风暴的时候，想来各种各样的关键词，最后对关键词进行提炼，挑选出优先级相对高的4个；

情绪版的创建

关键词的提炼后，针对关键进行细分。

比如，如果我提炼一个关键词“安心”，对这个词行进细化，从哪些方面可以反映出安心，如下：

• 可感：关键信息清晰可读、有效创达
• 可信：有效品牌背书、评价数据、完整搞笑的客服流程
• 可控：服务体验做到流程可控、安全可控、质量可控

确定好这些细分的表达，就可以去图库搜集素材，进行情绪版图库的创建

寻找情感共鸣点

通过情绪版的图库，寻找情感共鸣点，例如：通过情绪版图库可分析得出“方正”设计规整、直角的图形给给人感觉更加专业严谨，粗壮的东西带来厚重、安全感，采用“直角”设计，干净利落，配合红蓝配色，优化tab bar图标。

这里tab bar可以再做得有趣点，例如：增加动效弹性效果，使icon更有趣。

通过指数的变化、股票的休市情况。对“行情”做出变化：

1. 股市未开盘（收市）时，行情图标标为：
2. 当上证指数下铁时，行情图标为：
3. 当上证指数上涨时，行情图标为：

这里对交易行为的图标做了变化，当正常状态时，交易图标为水平方向；当点击交易，意味着开始双向交易，则将图标倾斜45°。通过趣味的设计，与同类产品差异化，增强品牌形象。

自选列表优化

在做每个页面的时候，都要尝试着去寻找共鸣点，例如在自选列表页面，股票产品通常都有白色、暗色两种皮肤模式。

长时间盯盘的话，白色更容易引起视觉疲劳。有了解过股票的都知道，自选列表页面，当股票价有波动的时候，列表的底色会根据股票了的涨铁变成浅红色或者浅绿色，这时候白底模式下的列表，用户更能直观的感受到股价的波动。

这里通过调查并结合自己的经验，用户会进行长时间盯盘的页面是股票页面，即股票的分时图（K线图），将自选列表页面设计成白底，股票详情页设计成暗色底。

在品牌感上有所突破，一方面满足用户诉求，另一方面也能全面考虑产品一体化。

股票详情页优化

股票详情页的信息太多，单页浏览可能用于冗长，并且用户长时间浏览的话，

需要一个舒适的底色，避免视觉疲劳。

所以，详情页优化两点：

• 其一：背景底色的优化，这里用了石墨色作为背景底色，石墨色相比黑色，会更有质感，提升浏览舒适度
• 其二：采用了分屏呈现信息，让信息尽量聚焦在一屏或一屏半内，左右切换，分屏显示，用户可以更加专注于内容本身。

根据目标，在股价傍边增加了3个功能入口，分别为：资讯、诊股、提醒。目的是：当股价异动时，用户能快速联想到股资讯公告，或者只能诊股，设置提醒，可以指引用户更为准确操作行为，提升决策效率，实现智能投股。

常规股票金融产品放大K线图，需左手拿手机，右手双指进行放大宿小操作，使用滑块操作，用户单手就可以完成K线放大宿小的操作，并且滑块的进度条清晰的让用户知道K线放大宿小的范围（幅度）

动效设计

适当的动效设计可以提升产品的品质，增强品牌形象。

如今玲琅满目的App中，如何在设计中脱颖而出是需要产品考虑的，不仅是合理的展示产品结构与功能，更重要的是思考App是否能做到简洁易懂的同时，又给用户新颖感？

动效设计正成为移动端设计中一个极为重要、非常必要的组成要素。

总结

整个产品思路，总结已下3点：

1. 明确的目标，与用户构建一致的认知

前期需要了解产品的用户群体，得出明确的产品目标，带着目的性去分析或竞品分析；

2. 关键词提炼，创建情绪版图库

明确产品目标后，可以衍生出各类关键词，进行重点提炼，细分关键词，进而创建清晰版，从中吸取经验；

3. 多细节打造极致体验，寻找用户情感共鸣

在产品、视觉及交互上，要不断总结、思考，不要被现有产品束缚，敢于尝试的可能性，寻找用户共鸣点，不断打磨产品，促使产品达到理想体验；

每个人对产品的思路可能不一样，但最终目的都一样，在产品中打造一种极致的体验，让用户感受到产品的价值。利用小细节去改善产出的缺陷，让产品体验更棒。