越来越多的人意识到UED的重要性，意识到用户体验对产品核心实力的影响力。也有人认为用户体验无法独自成功，无法直接体现商业价值。果真如此么？在不久前的一个竞标前线战场，笔者收获了不一样的体会：作为UED专家参与编写应标文档，提供的专业建议为最终成功拿下标，可谓起到了举足轻重的作用。请随笔者一起来回顾“咪咕一级营销平台”竞标思路。
需求分析
收到协助请求时，笔者首先仔细研究了该次竞标对UED部分的评标办法、打分标准。发现需要提供一个有说服力的具体案例，让客户看到我们UIUE设计及开发方面的技术实力。关键是：应标文档编写既要体现出专业性、强实力，又要考虑到客户并非专业人士，要描述得让他们容易理解。
大纲搭建
因此，笔者站在客户阅读视角，将应标文档分成“案例概述”、“项目解决方案”、“前段开发”、“案例成果”四个部分。
Part 1 案例概述：为客户进行UED相关常识科普，引出典型案例，分析项目背景，理清建设目标，介绍项目难点所在，概述总体建设思路。
Part 2 项目解决方案:从需求交互和UI设计两方面，阐述项目采取的解决方案，具体运用到的专业手段。
Part 3 前段开发：实现以上方案的前端开发技术。
Part 4 案例成果：案例获得了什么成果？——这是专业技术实力最有力的证明。
下面摘录应标文档的部分篇幅，和大家分享一下编写的具体操作逻辑：
典型案例简介
（让客户了解，为什么选此案例？）
亚信为中国移动实施的众多项目中，广西移动网台合一在UIUE设计方面，可谓典型案例。具体体现如下：
1、 第三代规范蓝本
广西网台合一的UIUE设计是中国移动集团公司《中国移动第三代省级业务支撑系统规范》界面互联网化分册的优秀蓝本，指导了中国移动31个省公司CRM系统的UIUE设计建设。
2、 获奖
广西网台合一因其简明清晰、易用、易响应的UIUE设计，获得了中国移动的科技进步奖。
3、营销平台相关
广西网台合一的UIUE方案经验对咪咕营销平台项目有至关重要的参考价值。广西网台合一出彩的营销界面效果、流畅便捷的UIUE操作体验，吸引用户点击参加上架活动和购买商品，并且提供了相关活动与相关商品之间的快捷链接、跳转，流程简化、操作步骤少。
4、互联网化风格 / 技术
广西网台合一的UIUE风格与咪咕营销平台一致，是典型的互联网化风格。具体运用了：栅格化、响应式布局、垂直版式、优化导航、信息折叠等专业技术；并且贴合前沿且实用性强的互联网设计趋势，采用轻量化设计、大视野、模块风、幽灵按钮、焦点数字/数据可视化、界面元素分层、极简图标等设计方法，打造出清晰、易用、易响应、主题统一、重点突出的界面效果。
5、多终端适配 / 接口
广西网台合一支持多终端适配，支持主流50多款终端的响应式开发，面对后续需求变更，修改一套代码即可部署多个不同环境，展现了优秀的前后端接口和用户接口能力。
6、迭代开发快
广西网台合一运用专业技术缩短了UIUE的迭代开发周期。团队规范使团队成员目标一致、高度合作、优化管理，根据现实情况及时调整，从而高效应对变化；每一个开发迭代，都可以形成一个可交付的小版本；每一个迭代周期内，对编码和测试也可进行多次迭代；通过快速发布测试构建的方式，验证开发完成的新功能，再通过测试发现问题来驱动开发人员对软件进行修改完善，循环往复。以这种小步快跑的方式，经过若干测试构建后，软件质量可以在较短时间内达到稳定状态。
7、实际效果
广西网台合一是中国移动首创互联网化的交互界面设计。从实际效果来看，通过互联网化设计，提升了用户体验，简化了操作流程，缩短了培训时间；以业务受理为例，通过UIUE设计，使常用业务的界面数减少了43%；点击次数下降了38%；办理时长缩短了42%，业务办理效率得到了大幅的提高，改进效果显著。
项目难点介绍
（让客户了解，这是个不容易的事情，攻克的难题体现含金量。）
1、涉及渠道多，业务整合、界面简化难度大；
2、交互必须做到优秀、易用，以便被不同角色的用户接受；
3、项目需支持不同终端设备的响应式开发，面对后续需求变更，修改一套代码即可部署多个不同环境；
4、公用UI库及第三方库使用混乱，导致冗余代码过多，不具备较好的复用性及扩展性；
5、JS、CSS、HTML 代码组织混乱，未遵循模块化特性开发，页面渲染缓慢，性能面临优化提升。
6、项目目录结构混乱，前端代码不具备规范性，多人协作容易冲突且不易于维护。
建设思路
（概述前期交互、UI设计、前端开发三方的技术思路，如何配合实现UED建设）
基于以上对整个项目的了解和分析，亚信创新性的提出了UIUE的核心建设思路是：重新打造互联网化的UI风格与UE体验的业务流程，前端轻量化，简化人机交互界面，降低使用门槛，统一各渠道的业务受理界面，实现内外部用户体验一致。
1、前期交互：
运用了一对一访谈、人物角色模型创建、场景化设计、页面流程等专业工具，还原用户在真实场景中遇到的问题，制定出合理的交互逻辑，优化交互的流程步骤，减少页面之间的跳转，带来焕然一新、优异的用户体验。
2、UI设计：
运用了栅格化、响应式布局、垂直版式、优化导航、信息折叠等专业技术；并且贴合前沿且实用性强的互联网设计趋势，采用轻量化设计、大视野、模块风、幽灵按钮、焦点数字/数据可视化、界面元素分层、极简图标等设计方法，打造出简明清晰、易用、易响应的UI界面效果。
3、前端开发：
针对案例难点，前端团队严格执行团队代码规范，采取前后端分离式开发、HumUI组件库拼装式开发，以及模块化开发，增强拓展性、可复用性，提升开发效率，体现出优秀的跨终端适配和自助建站能力。
项目解决方案
（原文中具体描述了每个专业手段的优势及其具体方式。篇幅原因，在这里不能逐字分享，只大致做标题性分享。）
需求交互：
1、一对一访谈
2、创建人物角色模型
3、场景化设计——journey map
4、信息架构——Site map
5、页面流程——Page flow
6、细节设计
7、迭代验证
UI设计——互联网化思路：
“互联网化”是广西案例指导UI/UE设计的核心思路。其设计目标是：去除累赘冗繁，改善用户体验，同时满足复杂的业务需求，易用耐用；设计核心是：“净化”、“简化”界面，让页面信息根据用户的需求灵活的“隐身”和“现身”。
案例的互联网化设计涵盖了以下特点：
1、简易、不费脑，学习成本低；
2、界面简洁，结构清晰，注重布局合理性；
3、搜索功能变得重要，索引出更多业务操作；
4、以客户为中心，超市化购物体验；
5、极简设计理念，打造“一键办理”式操作；
6、视觉风格符合品牌特性以及互联网趋势。
UI设计——技术运用：
1、栅格化系统
2、响应式布局
3、垂直布局/版式
4、优化导航管理业务分类
5、信息折叠
UI设计——趋势贴合&设计细节处理：
1、轻量化设计
2、大视野
3、模块风
4、幽灵按钮
5、焦点数字/数据可视化
6、界面元素分层
7、极简图标
前端开发
（列举前端技术，让客户详细了解我们有强劲的技术实力，来支撑实现优秀的设计构想。此处同样只做标题性分享。）
1、团队规范及设计：HTML、CSS、JavaScript
2、前后端分离式开发：
前端——负责View和Controller层。
后端——负责Model层，业务处理/数据等。
3、HumUI组件库拼装式开发
1）为移动端而生
2）媲美原生体验
3）组件更加丰富
4）通信行业定制
5）支持拼装式开发
4、模块化开发
1）模块静态资源管理
2）模块依赖关系处理
3）模块加载
4）模块沙箱
案例成果
（列举统计数据，展示案例直接带来的效率、经济利益上的成效。用铁一般的事实说话。）
1、体验良好，系统使用率高
2、界面简化，业务办理效率高
3、节约成本，项目经济效益突出
1）减少培训成本
2）节约运营成本
3）降低渠道建设成本
4）集团首创，项目可推广性强
最后附上相关材料证明。
以上便是此次应标UED所做工作的大致纪要，UED应标文档最终取得了高分，为项目组竞标成功尽上了一份力。UED能为竞标做什么？相信通过今天的分享，能对大家有所启发。