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

PPTX
Developer vs designer
PDF
「許一個未來」軟體工程師的一天
PDF
Digital product design process
PPTX
技术人怎么做产品
PPTX
把握设计和开发的均衡
PDF
2020DDDTW-如何逐步導入敏捷精神,創造願意接受失敗的開發團隊?
PPTX
專案設計流程 x Prott 蹦出新滋味
PDF
Bridging the Gap – Developers Meet Design
Developer vs designer
「許一個未來」軟體工程師的一天
Digital product design process
技术人怎么做产品
把握设计和开发的均衡
2020DDDTW-如何逐步導入敏捷精神,創造願意接受失敗的開發團隊?
專案設計流程 x Prott 蹦出新滋味
Bridging the Gap – Developers Meet Design

Viewers also liked (20)

PDF
Η ιστορία και η ομορφιά των Σπηλαίων της Κρήτης
PPTX
Presentación1
PPT
4 Vientos Propuesta
PPT
Presentation gpb2
DOCX
Atmosfera alexa (1)
DOCX
Atmosfera salazar
DOCX
Balance hicrico del agua alexa
PPTX
Πολίτικη Κουζίνα
PDF
Curso verano millennials yuste (pdf)
PDF
Una cuestión de estado el mundo innovadores (art opi i ortega y rchapado) 230615
PDF
Boletín Las Alcublas nº 3
PPTX
Ελληνική λαϊκή τέχνη (υφαντική)
PPTX
Presentación1
DOC
41. la palacia. caseta 2.
DOC
Coquillages et crustacés
DOCX
Cuadro de rocas
PDF
34. calera camino nieve
PDF
32.los casales. caseta 4
PPTX
Surtsey
PPTX
το πρόσφορο και η σημασία του
Η ιστορία και η ομορφιά των Σπηλαίων της Κρήτης
Presentación1
4 Vientos Propuesta
Presentation gpb2
Atmosfera alexa (1)
Atmosfera salazar
Balance hicrico del agua alexa
Πολίτικη Κουζίνα
Curso verano millennials yuste (pdf)
Una cuestión de estado el mundo innovadores (art opi i ortega y rchapado) 230615
Boletín Las Alcublas nº 3
Ελληνική λαϊκή τέχνη (υφαντική)
Presentación1
41. la palacia. caseta 2.
Coquillages et crustacés
Cuadro de rocas
34. calera camino nieve
32.los casales. caseta 4
Surtsey
το πρόσφορο και η σημασία του
Ad

Similar to Developer vs designer (20)

PDF
创新工厂 -用户体验报告.
PDF
用户体验 @创业团队 2011-01-16
PPT
交互设计Vs前端开发
PPT
交互设计Vs前端开发
PDF
产品及Jira流程完成
PDF
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案
PDF
赵泽欣 - 淘宝网前端应用与发展
PDF
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
PPTX
漫谈web前端
PDF
极客公园第11期线下活动---网易新闻宣讲
PDF
Ued交流会 《用户体验杂谈》
PPS
设计流程的构成、方法与验证
PPTX
淘宝网前端应用与发展
PPT
交互设计Vs前端开发
PDF
Css3.0 Manual项目分享会
PDF
From User Research to Interaction Design (从用户研究到交互设计​)
PDF
产品管理与设计分享
PPT
标准版手机兼容性设计指引
PDF
Scrum Gathering 2012 Shanghai 播种敏捷分会场演讲话题:敏捷项目管理在互联网公司中的应用(钱安川)
PDF
垂直互联网站点的技术改造
创新工厂 -用户体验报告.
用户体验 @创业团队 2011-01-16
交互设计Vs前端开发
交互设计Vs前端开发
产品及Jira流程完成
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案
赵泽欣 - 淘宝网前端应用与发展
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
漫谈web前端
极客公园第11期线下活动---网易新闻宣讲
Ued交流会 《用户体验杂谈》
设计流程的构成、方法与验证
淘宝网前端应用与发展
交互设计Vs前端开发
Css3.0 Manual项目分享会
From User Research to Interaction Design (从用户研究到交互设计​)
产品管理与设计分享
标准版手机兼容性设计指引
Scrum Gathering 2012 Shanghai 播种敏捷分会场演讲话题:敏捷项目管理在互联网公司中的应用(钱安川)
垂直互联网站点的技术改造
Ad

More from Robert Luo (11)

PDF
面向未来的设计
PDF
Workshop
PDF
数据化导向设计方法
PDF
个人知识管理
PDF
设计师转型培训-工具篇
PPT
基于对话的交互设计
PDF
UX story of websites
PDF
常用交互设计工具
PPT
增强现实技术与虚拟购物体验
PPT
Ria对交互设计的影响
PPT
Apple Media
面向未来的设计
Workshop
数据化导向设计方法
个人知识管理
设计师转型培训-工具篇
基于对话的交互设计
UX story of websites
常用交互设计工具
增强现实技术与虚拟购物体验
Ria对交互设计的影响
Apple Media

Developer vs designer