1. Developer VS designer
优势互补
阿里巴巴中国站UED 罗伟

2. 我们的确是team work… 但是

3. 合作并不总是很轻松…
视觉稿的状态不
全 颜色和我给的图
片上不一样…
这个实现起来比 这里有链接的
较复杂，为什么 网站不允许调用
不… 站外Iframe
时间需要这么久
这个能解决问题 吗？
吗？
这么做是有原因
的，bacause…
这个容易出bug
的… 能不能周末加一
下班？
前端同学 设计同学

4. 这可能意味着…
前端开发： 设计师：
• 对于需求的认识和理解不足 • 对于技术了解的薄弱，造成产品
• 对于设计方案缺乏理解 设计的不合理
• 在接需求 • 设计阶段缺乏和前端同学的沟通
• … • …
前端同学 设计同学

5. 似乎我们说着完全不同的“语言”
前端关注如何实现 设计关注如何与使用者的沟通
• 可行性 • 传达信息有效性
• 成本 • 流程合理性
• 效率 • 视觉表现
• 稳定性（兼容性） • 易用性？
• … • …
前端同学 设计同学

6. 为什么我们在一起？

7. 概念 原型 产品
• 共同完成概念到原型的过程
• 设计师与前端的产出直面终端用户
• UED各职能是用户体验设计的主体，而不是生硬的流程整合

8. 流程中的优势互补
我们都是用户体验设计师

9. 由技术指导的设计
• 上传图片从200KB到5MB
• “用open search来做个性化搜索可以节省大量开发时间…”

10. 基于用户体验的前端开发
• 给被省略的文案加上完整信息的title提示
• 如果需要等待，给予loading状态指示
• 加大可点击区域
• 优先加载主内容区
• …

11. “设计的左手是艺术，右手是技术。”

12. 优势互补，让工作更美好
前端开发 设计师
理解需求，理解业务 不是提需求，而是讨论解决方案
帮助设计师完善思路、查缺补漏 和前端check设计方案
运用新技术改善用户体验
了解设计过程外的产品可用性要素
遵循可访问的基本原则，弥补设计师
覆盖不到的部分
横向知识技能
前端同学 设计同学
沟通能力
Owner意识

13. 几个问题

14. 前端为什么需要理解需求？

15. 如何衡量设计与实现成本？

16. 交互团队的知识沉淀

17. 如何与设计师沟通？

18. 谢谢！