SlideShare a Scribd company logo
1 of 17
Developer VS designer 优势互补 阿里巴巴中国站UED  罗伟
我们的确是team work… 但是
合作并不总是很轻松… 视觉稿的状态不全 颜色和我给的图片上不一样… 这里有链接的 这个实现起来比较复杂,为什么不… 网站不允许调用站外Iframe 时间需要这么久吗? 这个能解决问题吗? 这么做是有原因的,bacause… 这个容易出bug的… 能不能周末加一下班?
这可能意味着… 设计师: 对于技术了解的薄弱,造成产品设计的不合理 设计阶段缺乏和前端同学的沟通 … 前端开发: ,[object Object]
对于设计方案缺乏理解
在接需求
…,[object Object]
成本
效率
稳定性(兼容性)
…,[object Object]
共同完成概念到原型的过程 设计师与前端的产出直面终端用户 UED各职能是用户体验设计的主体,而不是生硬的流程整合
流程中的优势互补 我们都是用户体验设计师
由技术指导的设计 上传图片从200KB到5MB “用open search来做个性化搜索可以节省大量开发时间…”
基于用户体验的前端开发 给被省略的文案加上完整信息的title提示 如果需要等待,给予loading状态指示 加大可点击区域 优先加载主内容区 …
优势互补,让工作更美好 设计师 不是提需求,而是讨论解决方案 和前端check设计方案 了解设计过程外的产品可用性要素 前端开发 理解需求,理解业务 帮助设计师完善思路、查缺补漏 运用新技术改善用户体验 遵循可访问的基本原则,弥补设计师覆盖不到的部分 横向知识技能 沟通能力 Owner意识
几个问题

More Related Content

Viewers also liked

20140708 orange簡介與提案
20140708 orange簡介與提案20140708 orange簡介與提案
20140708 orange簡介與提案丁柳 皮
 
Storytelling for events by Gijsbregt Vijn (Ticketscript 7 april 2015)
Storytelling for events by Gijsbregt Vijn (Ticketscript 7 april 2015)Storytelling for events by Gijsbregt Vijn (Ticketscript 7 april 2015)
Storytelling for events by Gijsbregt Vijn (Ticketscript 7 april 2015)Gijsbregt Vijn
 
Effect manipulation 3
Effect manipulation 3Effect manipulation 3
Effect manipulation 3Gordon459
 
Ftn存储设计
Ftn存储设计Ftn存储设计
Ftn存储设计gzterrytan
 
Narrative Technique in Salman Rushdie's Midnight Children
Narrative Technique in Salman Rushdie's Midnight ChildrenNarrative Technique in Salman Rushdie's Midnight Children
Narrative Technique in Salman Rushdie's Midnight ChildrenRabby Zibon
 
On the hunt for the perfect tree!
On the hunt for the perfect tree!On the hunt for the perfect tree!
On the hunt for the perfect tree!Jackie Cakes
 
The Long Arm of the Law, Madelyn Wessel
The Long Arm of the Law, Madelyn WesselThe Long Arm of the Law, Madelyn Wessel
The Long Arm of the Law, Madelyn WesselCharleston Conference
 
Introducing The Strategy Academy- its process capabilities and its professio...
Introducing The Strategy Academy-  its process capabilities and its professio...Introducing The Strategy Academy-  its process capabilities and its professio...
Introducing The Strategy Academy- its process capabilities and its professio...RANJAN DAS
 
Indice del libro "Interceptor marketing" di Benedetto Motisi
Indice del libro "Interceptor marketing" di Benedetto MotisiIndice del libro "Interceptor marketing" di Benedetto Motisi
Indice del libro "Interceptor marketing" di Benedetto MotisiEnrico Flaccovio
 
Computer literacy test
Computer literacy testComputer literacy test
Computer literacy testMRMathipa
 

Viewers also liked (14)

20140708 orange簡介與提案
20140708 orange簡介與提案20140708 orange簡介與提案
20140708 orange簡介與提案
 
Frascati scienza
Frascati scienzaFrascati scienza
Frascati scienza
 
Storytelling for events by Gijsbregt Vijn (Ticketscript 7 april 2015)
Storytelling for events by Gijsbregt Vijn (Ticketscript 7 april 2015)Storytelling for events by Gijsbregt Vijn (Ticketscript 7 april 2015)
Storytelling for events by Gijsbregt Vijn (Ticketscript 7 april 2015)
 
Effect manipulation 3
Effect manipulation 3Effect manipulation 3
Effect manipulation 3
 
Ftn存储设计
Ftn存储设计Ftn存储设计
Ftn存储设计
 
Narrative Technique in Salman Rushdie's Midnight Children
Narrative Technique in Salman Rushdie's Midnight ChildrenNarrative Technique in Salman Rushdie's Midnight Children
Narrative Technique in Salman Rushdie's Midnight Children
 
On the hunt for the perfect tree!
On the hunt for the perfect tree!On the hunt for the perfect tree!
On the hunt for the perfect tree!
 
The Long Arm of the Law, Madelyn Wessel
The Long Arm of the Law, Madelyn WesselThe Long Arm of the Law, Madelyn Wessel
The Long Arm of the Law, Madelyn Wessel
 
Proximity systems eric de zoeten
Proximity systems   eric de zoetenProximity systems   eric de zoeten
Proximity systems eric de zoeten
 
Introducing The Strategy Academy- its process capabilities and its professio...
Introducing The Strategy Academy-  its process capabilities and its professio...Introducing The Strategy Academy-  its process capabilities and its professio...
Introducing The Strategy Academy- its process capabilities and its professio...
 
Indice del libro "Interceptor marketing" di Benedetto Motisi
Indice del libro "Interceptor marketing" di Benedetto MotisiIndice del libro "Interceptor marketing" di Benedetto Motisi
Indice del libro "Interceptor marketing" di Benedetto Motisi
 
Computer literacy test
Computer literacy testComputer literacy test
Computer literacy test
 
TF2 - Meet the Spy
TF2 - Meet the SpyTF2 - Meet the Spy
TF2 - Meet the Spy
 
Links
LinksLinks
Links
 

Similar to Developer vs designer

项目开发伦理【碳酸饮料会17】
项目开发伦理【碳酸饮料会17】项目开发伦理【碳酸饮料会17】
项目开发伦理【碳酸饮料会17】碳酸饮料会
 
把握设计和开发的均衡
把握设计和开发的均衡把握设计和开发的均衡
把握设计和开发的均衡liujingbin
 
让前端困惑的交互
让前端困惑的交互让前端困惑的交互
让前端困惑的交互碳酸饮料会
 
互动设计的方法初探
互动设计的方法初探互动设计的方法初探
互动设计的方法初探yaai
 
Rwd設計 不是你想的那樣
Rwd設計 不是你想的那樣Rwd設計 不是你想的那樣
Rwd設計 不是你想的那樣Loren Hsu
 
Let's talk about Web Design
Let's talk about Web DesignLet's talk about Web Design
Let's talk about Web DesignAbby Chiu
 
那些mockup沒告訴你的事@WebConf.tw 2013
那些mockup沒告訴你的事@WebConf.tw 2013那些mockup沒告訴你的事@WebConf.tw 2013
那些mockup沒告訴你的事@WebConf.tw 2013Adam Wang
 
那些設計時容易忽略的事情 @Front-End Developers Taiwan Party 2
那些設計時容易忽略的事情 @Front-End Developers Taiwan Party 2那些設計時容易忽略的事情 @Front-End Developers Taiwan Party 2
那些設計時容易忽略的事情 @Front-End Developers Taiwan Party 2WeiHan Hung
 
Web Design 設計過程與合作經驗分享
Web Design 設計過程與合作經驗分享Web Design 設計過程與合作經驗分享
Web Design 設計過程與合作經驗分享Abby Chiu
 
React-Native share
React-Native shareReact-Native share
React-Native shareEddie Hsu
 
團隊開發永遠的痛 談導入團隊開發的共同規範(Final)
團隊開發永遠的痛   談導入團隊開發的共同規範(Final)團隊開發永遠的痛   談導入團隊開發的共同規範(Final)
團隊開發永遠的痛 談導入團隊開發的共同規範(Final)Gelis Wu
 
Web设计 1 创建好看的网页(布局与设计)
Web设计 1 创建好看的网页(布局与设计)Web设计 1 创建好看的网页(布局与设计)
Web设计 1 创建好看的网页(布局与设计)ziggear
 
成大心理系-Prototyping方法
成大心理系-Prototyping方法成大心理系-Prototyping方法
成大心理系-Prototyping方法Souyi Yang
 
App design process part III
App design process part IIIApp design process part III
App design process part IIINTUST
 
Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?Rice Tseng
 
怎样成为优秀软件模型设计者
怎样成为优秀软件模型设计者怎样成为优秀软件模型设计者
怎样成为优秀软件模型设计者mysqlops
 
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Tim Xia
 

Similar to Developer vs designer (19)

项目开发伦理【碳酸饮料会17】
项目开发伦理【碳酸饮料会17】项目开发伦理【碳酸饮料会17】
项目开发伦理【碳酸饮料会17】
 
把握设计和开发的均衡
把握设计和开发的均衡把握设计和开发的均衡
把握设计和开发的均衡
 
让前端困惑的交互
让前端困惑的交互让前端困惑的交互
让前端困惑的交互
 
互动设计的方法初探
互动设计的方法初探互动设计的方法初探
互动设计的方法初探
 
Rwd設計 不是你想的那樣
Rwd設計 不是你想的那樣Rwd設計 不是你想的那樣
Rwd設計 不是你想的那樣
 
Let's talk about Web Design
Let's talk about Web DesignLet's talk about Web Design
Let's talk about Web Design
 
那些mockup沒告訴你的事@WebConf.tw 2013
那些mockup沒告訴你的事@WebConf.tw 2013那些mockup沒告訴你的事@WebConf.tw 2013
那些mockup沒告訴你的事@WebConf.tw 2013
 
那些設計時容易忽略的事情 @Front-End Developers Taiwan Party 2
那些設計時容易忽略的事情 @Front-End Developers Taiwan Party 2那些設計時容易忽略的事情 @Front-End Developers Taiwan Party 2
那些設計時容易忽略的事情 @Front-End Developers Taiwan Party 2
 
Web Design 設計過程與合作經驗分享
Web Design 設計過程與合作經驗分享Web Design 設計過程與合作經驗分享
Web Design 設計過程與合作經驗分享
 
Talk
TalkTalk
Talk
 
React-Native share
React-Native shareReact-Native share
React-Native share
 
團隊開發永遠的痛 談導入團隊開發的共同規範(Final)
團隊開發永遠的痛   談導入團隊開發的共同規範(Final)團隊開發永遠的痛   談導入團隊開發的共同規範(Final)
團隊開發永遠的痛 談導入團隊開發的共同規範(Final)
 
Web设计 1 创建好看的网页(布局与设计)
Web设计 1 创建好看的网页(布局与设计)Web设计 1 创建好看的网页(布局与设计)
Web设计 1 创建好看的网页(布局与设计)
 
成大心理系-Prototyping方法
成大心理系-Prototyping方法成大心理系-Prototyping方法
成大心理系-Prototyping方法
 
Hp8 Talk
Hp8 TalkHp8 Talk
Hp8 Talk
 
App design process part III
App design process part IIIApp design process part III
App design process part III
 
Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?
 
怎样成为优秀软件模型设计者
怎样成为优秀软件模型设计者怎样成为优秀软件模型设计者
怎样成为优秀软件模型设计者
 
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
 

More from fangdeng

jQuery底层架构
jQuery底层架构jQuery底层架构
jQuery底层架构fangdeng
 
Building an event driven web
Building an event driven webBuilding an event driven web
Building an event driven webfangdeng
 
浅尝jQuery
浅尝jQuery浅尝jQuery
浅尝jQueryfangdeng
 
Html基础培训
Html基础培训Html基础培训
Html基础培训fangdeng
 
前端开发之Js
前端开发之Js前端开发之Js
前端开发之Jsfangdeng
 
Javascript代码注释及文档生成
Javascript代码注释及文档生成Javascript代码注释及文档生成
Javascript代码注释及文档生成fangdeng
 
J engine -构建高性能、可监控的前端应用框架
J engine -构建高性能、可监控的前端应用框架J engine -构建高性能、可监控的前端应用框架
J engine -构建高性能、可监控的前端应用框架fangdeng
 
前端单元测试初体验
前端单元测试初体验前端单元测试初体验
前端单元测试初体验fangdeng
 
Java script测试之js unit ut
Java script测试之js unit utJava script测试之js unit ut
Java script测试之js unit utfangdeng
 
2011年方凳年度总结及颁奖
2011年方凳年度总结及颁奖2011年方凳年度总结及颁奖
2011年方凳年度总结及颁奖fangdeng
 
产品线中的思考
产品线中的思考产品线中的思考
产品线中的思考fangdeng
 
产品线中的思考
产品线中的思考产品线中的思考
产品线中的思考fangdeng
 
Postoffer前端架构设计
Postoffer前端架构设计Postoffer前端架构设计
Postoffer前端架构设计fangdeng
 
Varnish简介
Varnish简介Varnish简介
Varnish简介fangdeng
 
Let's talk about date in javascript
Let's talk about  date  in javascriptLet's talk about  date  in javascript
Let's talk about date in javascriptfangdeng
 
Test driven-frontend-develop
Test driven-frontend-developTest driven-frontend-develop
Test driven-frontend-developfangdeng
 
方凳良品1期
方凳良品1期方凳良品1期
方凳良品1期fangdeng
 
方凳良品2期
方凳良品2期方凳良品2期
方凳良品2期fangdeng
 
魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式fangdeng
 

More from fangdeng (20)

jQuery底层架构
jQuery底层架构jQuery底层架构
jQuery底层架构
 
Building an event driven web
Building an event driven webBuilding an event driven web
Building an event driven web
 
浅尝jQuery
浅尝jQuery浅尝jQuery
浅尝jQuery
 
Html基础培训
Html基础培训Html基础培训
Html基础培训
 
前端开发之Js
前端开发之Js前端开发之Js
前端开发之Js
 
Javascript代码注释及文档生成
Javascript代码注释及文档生成Javascript代码注释及文档生成
Javascript代码注释及文档生成
 
J engine -构建高性能、可监控的前端应用框架
J engine -构建高性能、可监控的前端应用框架J engine -构建高性能、可监控的前端应用框架
J engine -构建高性能、可监控的前端应用框架
 
前端单元测试初体验
前端单元测试初体验前端单元测试初体验
前端单元测试初体验
 
Java script测试之js unit ut
Java script测试之js unit utJava script测试之js unit ut
Java script测试之js unit ut
 
2011年方凳年度总结及颁奖
2011年方凳年度总结及颁奖2011年方凳年度总结及颁奖
2011年方凳年度总结及颁奖
 
产品线中的思考
产品线中的思考产品线中的思考
产品线中的思考
 
产品线中的思考
产品线中的思考产品线中的思考
产品线中的思考
 
Postoffer前端架构设计
Postoffer前端架构设计Postoffer前端架构设计
Postoffer前端架构设计
 
Varnish简介
Varnish简介Varnish简介
Varnish简介
 
Websocket
WebsocketWebsocket
Websocket
 
Let's talk about date in javascript
Let's talk about  date  in javascriptLet's talk about  date  in javascript
Let's talk about date in javascript
 
Test driven-frontend-develop
Test driven-frontend-developTest driven-frontend-develop
Test driven-frontend-develop
 
方凳良品1期
方凳良品1期方凳良品1期
方凳良品1期
 
方凳良品2期
方凳良品2期方凳良品2期
方凳良品2期
 
魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式
 

Developer vs designer