会议材料闻惠uiue工作沟通.pptx

UIUE工作沟通;目 录; 目前的工作范围，主要涉及的渠道包含：网厅、WAP、商城、手机终端等，基本所有的渠道均有涉及。 由于目前项目多，日程紧，需求信息不是很明确，导致在做事情的时候都是根据那些内容急，就做那些内容，没有条理，流程也比较杂乱。 即使在项目或产品开发设计前期已涉入讨论需求，但是也只是大概了解功能、用户需求分析，并没有真正以用户体验为中心去考虑分析问题，从而就直接开始设计产品DEMO，DEMO也并没有经过多方讨论测试，就交付给程序开发人员开始设计功能，在后续过程中，基本上是程序人员需要什么，就设计什么。;目前主要问题;目 录; UED团队要为产品的用户体验和视觉效果提出改进方案并予以实施；通过研究用户心理、分析数据、设计良好的交互方式和视觉效果来服务用户，以提升用户满意度，并最终为提高收益作出贡献。;网站诞生的历程;;;;;用户需求;用户需求;用户需求;;;目 录;职能分工;3、视觉、页面设计（高保真原型设计 ） a. 负责互联网产品的视觉交互界面设计及图形设计。 b. 负责为功能改进及维护、日常工作等提供美术支持。 c. 参与制定产品视觉风格和VI设计。;4、页面代码开发制作（HTML代码、规范的CSS样式表、JS调用） a.负责网页界面前端的页面构建工作，利用各种Web技术将设计转换成最终Web界面。 b. 整体页面结构及样式层结构的设计、优化。 c. 各浏览器之间兼容性的调试。 d. 配合程序工程师完成产品、项目的开发。;设计制定规范（工作流程）; 需求分析、功能点讨论阶段包括：1、商业目标、用户需求、品牌方向、目标用户定位等方面的讨论，分析竞争产品的特点。2、收集历史数据，总结数据报告。3、用户习惯分析，用户体验目标等。4，评审讨论需求，出需求设计文档。总的来说是根据商业目的和用户研究两方面来确定需求、功能点，出需求设计文档。? 需求获得后，接下来将进行交互原型设计，这是开发的低级阶段。通过绘制流程图和制作低保真原型，制作交互DEMO，确定交互方式，出交互计划方案。并组织可用性测试，出交互结果方案，最终确定了交互形式。?同时测试部门根据需求设计文档编写测试计划。此时进行内部评审，讨论评测交互设计DEMO和测试用例。; 评审通过后，UI、程序、测试三部门可同时进行相关工作：UI基于交互的架构来制作界面，测试部门进行测试用例的编写，程序设计部门进行架构设计、后台编码的开发设计。UIUE部门确定页面风格、布局、关键界面、文字等的设计后，即可进行切割编码，切割页面，编写HTML、CSS样式表及JS文档，提交一套完成高效的前端页面代码给程序设计者，供程序设计者进行编码设计。 程序实现开发的过程中，就要融入可用性测试。测试通过后就是发布上线了。 最后是发布跟踪，收集用户操作数据，检测各个反馈渠道，进行数据筛选，出用户监测报告。将跟踪分析报告作为需求分析的元素反馈，优化复制至其他产品中。;改进的地方;应用;用户体验设计的实践;优点 信息展示集中，重点突出 缺点 信息展现量相对有限 应用场景 搜索引擎、注册表单页面，目的性单 一，展示内容少的界面 ;优点 对于内容的排版更加紧凑，可以更加充分地运用网页的空间，尽量多地显示出信息内容，增加信息的密集性； 缺点 内容量过多会造成页面上信息的拥挤，用户很难找到所需要的信息，增加了用户查找到所需要内容的时间，降低了用户对网站内 容的可控性； 应用场景 信息量非常丰富的网站，如门户类网站首页;;优点 它中和了一栏式和三栏式布局的优缺点，相对一栏式布局，它可以容纳更多内容，相对三栏式布局来讲，信息不至于过度拥挤和 零乱； 缺点 它不具备一栏式布局的视觉冲击力和三栏式的超大内容量的优点； 应用场景 电子商务网站，社区，SNS网站; ;;最佳实践：对某一对象存在好几个操作时，最重要的操作排第一位，即按照重要性依次排列，还有一种方法是最重要的排第一位或最后一位，中间排次要的操作，两种方法皆可。;最佳实践：单一字段的编辑建议在当前页面直接完成，不要单独设置一个浮动层，即使设置浮动层，也尽量允许浮动层能被拖动。总的来说，能在当前页面完成操作的尽量在当前页面完成。;最佳实践：提倡的操作我们在视觉流上做引导，不提倡的操作我们弱化，至于哪个放左边，哪个放右边，根据具体情况而定，国内的网站可参照人人。;最佳实践：尽量准确把握用户的心理预期，揣摩用户的心智模型，进而实现用户的心理预期。;最佳实践：尽量对每个操作能做到人机交互反馈，让用户清楚知道目前的状态，减少疑惑。;最佳实践：展开与收