Youshang UED Team-金蝶友商网用户体验与前端开发团队

设计与用户体验

Tag: 工作相关, 用户体验, 视觉设计 — saidy @ 16:48 30-04-2009

设计，用户说好，才是真的好！
14期的友商联线，同事认为风格不美观，需要重新设计。
这次，我们引入了用户调研，调研数据可以帮助我们快速决策！

EDM设计的前提是：
1、友商联线将持续性的以邮件EDM的形式发给用户。
2、要考虑版式结构的延续性和扩展性。
3、要考虑邮件收发的速度性能。
4、品牌风格的传递。

根据这些前提，我们拟定了设计的基调：
1、框架必须简单，易于扩展。
2、图片精简再精简。装饰性设计集中在广告，及视觉引导的作用上。
3、要有联线的设计特色（这个做了3类风格供参选）

根据这些原则，我尝试做了很多种风格，最后聚焦在3种，方案一：是清爽有质感风格的设计；方案二：非常简洁大方的商务味道的设计；方案三：是有特色情感的风格设计。

最后我们联系了14位用户，请他们帮助调研。决策最终选用哪种方案。但因为时间紧迫，我们仅收到5个问卷反馈。

5份问卷的数据为：
1、无用户选择方案一；
2、设计风格和文字字体上，方案二均以4：1胜出；
3、阅读粘性上，方案二与方案三2：2。

虽然调研基础最少要12份，由于我们的时间有限，仅收到5份就开始总结，但方案二的优势还是很明显的。
最后，我们选定了方案二。我总结了一下：

其实友商联线15期和14期，在风格设计上是近似的，都是商务风格，简洁大方，蓝色调子，右边为广告区域。视觉设计并没有新的改观和体验。
但内部同事反馈意见说，14期风格不好看，需要重新认真设计。回过头来，我们发现，单纯的设计回到了原点，提升和改进的其实是用户体验。So，不管需求还是规划提意见不能单单指：设计风格不好！更多要站在用户的角度去思考体验的改进！而设计师呢，不能仅仅只关注色调图片的装饰性效果，更多要关注视觉层面的交互设计体验（色彩、图片都是为内容服务的），要更多地多问问、多思考。

15期设计，修改的地方：
1、文字，用了14pix的字号，有助于阅读。
2、主要推送内容加了图片，目的是吸引用户的视觉，能快速聚焦到重要区域。
3、加了导航栏目，帮助用户快速进入其他链接内容。
4、加了hot、new小图标，有视觉引导提示性作用。
5、一级栏目、二级栏目标题，颜色做了区别，更加醒目。
6、加了友好的问候语。
7、规范了部分内容的文字描述。

youshang02