SlideShare a Scribd company logo
Developer VS designer
      优势互补
     阿里巴巴中国站UED 罗伟
我们的确是team work… 但是
合作并不总是很轻松…

            视觉稿的状态不
               全          颜色和我给的图
                          片上不一样…
 这个实现起来比                            这里有链接的
 较复杂,为什么      网站不允许调用
   不…          站外Iframe
                            时间需要这么久
       这个能解决问题                吗?
         吗?
                                    这么做是有原因
                                    的,bacause…
 这个容易出bug
   的…                        能不能周末加一
                               下班?




前端同学                                设计同学
这可能意味着…

 前端开发:              设计师:
 •   对于需求的认识和理解不足   •   对于技术了解的薄弱,造成产品
 •   对于设计方案缺乏理解         设计的不合理
 •   在接需求           •   设计阶段缺乏和前端同学的沟��
 •   …              •   …




前端同学                          设计同学
似乎我们说着完全不同的“语言”

 前端关注如何实现       设计关注如何与使用者的沟通

 •   可行性        •   传达信息有效性
 •   成本         •   流程合理性
 •   效率         •   视觉表现
 •   稳定性(兼容性)   •   易用性?
 •   …          •   …




前端同学                      设计同学
为什么我们在一起?
概念      原型      产品




• 共同完成概念到原型的过程
• 设计师与前端的产出直面终端用户
• UED各职能是用户体验设计的主体,而不是生硬的流程整合
流程中的优势互补
我们都是用户体验设计师
由技术指导的设计

•   上传图片从200KB到5MB

•   “用open search来做个性化搜索可以节省大量开发时间…”
基于用户体验的前端开发

•   给被省略的文案加上完整信息的title提示

•   如果需要等待,给予loading状态指示

•   加大可点击区域

•   优先加载主内容区

•   …
“设计的左手是艺术,右手是技术。”
优势互补,让工作更美好

前端开发                         设计师

理解需求,理解业务                    不是提需求,而是讨论解决方案

帮助设计师完善思路、查缺补漏               和前端check设计方案
运用新技术改善用户体验
                             了解设计过程外的产品可用性要素
遵循可访问的基本原则,弥补设计师
覆盖不到的部分

                 横向知识技能
前端同学                                   设计同学
                   沟通能力


                   Owner意识
几个问题
前端为什么需要理解需求?
如何衡量设计与实现成本?
交互团队的知识沉淀
如何与设计师沟通?
谢谢!

More Related Content

Developer vs designer