`
hzcaixiao
  • 浏览: 34655 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

淘宝UED设计流程理解

阅读更多

我们的项目马上就要KICKOFF了,借今天PRD评审的机会和Taobao UED的一位主管聊了一下目前taobao UED的设计流程,以便更好的了解在和UED配合和资源申请的过程中需要的注意点。

 

以前在AS也一直和UED 有交互,但说实在并不清楚他们内部是怎么运作的。今天了解下来感觉还是小有收获。

 

TAOBAO UED设计分三阶段:

 

阶段 角色 交付件
原型(ProtoType)

交互设计师

线框图(用Axure制作的图)
模型(Mock up) 视觉设计师 视觉设计图(用photoshop制作的图片)
演示(Demo) 前端设计师 xHTML/CSS/Js(高保真HTML页面)

 

原型的确定,明确每个界面需要的元素,很明确的可以知道我们需要做些什么,我们基本可以根据这个东西比较靠谱的评估出开发工作量、测试工作量,当然UED的工作量也应该差不多可以出来了。

模型的确定,应该和EndUser看到的界面已经很贴进了,继续加油。

演示版的确定,整个用户的体验应该都可以确定了,这块需要开发和前端设计师有比较密切的配合。

 

第一次了解淘宝UED的流程,挺好,流程清晰,挺规范的,跟一个项目,体验一下,相信会有更多的收获(每一个角色都需要我们去学习)。

 

附TaoBao UED的设计流程:http://ued.taobao.com/blog/2007/08/13/our_design_flow/

 

9月11日补充:

以上的流程是产品级项目的UED流程,还有一种运营类项目UED的流程,这个流程和产品级项目的流程类似,只是在角色上有所不同,在Demo  这块由PHP开发工程师来承担。

分享到:
评论

相关推荐

    淘宝前端UED资料 javascript

    ### 淘宝前端UED资料 JavaScript #### 概述 本文档主要针对具有一定JavaScript基础知识的读者,深入探讨淘宝前端使用的JavaScript技术要点及其在实际应用中的解析与分析。内容覆盖了JavaScript的基础特性、作用域...

    淘宝前端UED资料 Juicer 一个Javascript模板引擎的实现和优化

    Juicer是一个JavaScript模板引擎,它是由淘宝前端UED团队开发的,其主要目的是为了优化前端的代码结构和提升页面渲染的性能。模板引擎的核心作用是将数据和模板相结合,生成HTML页面,它能够有效地将数据的处理逻辑...

    网页界面设计流程.pdf

    以下将详细阐述淘宝UED(User Experience Design)团队所采用的设计流程,包括三个主要阶段:原型(Prototype)、模型(Mock-up)和演示版(Demo)。 ### Step 1:原型设计 在设计的初始阶段,原型设计主要关注产品...

    移动应用程序交互设计适配之终端屏幕大小

    淘宝UED开发团队在实践中总结了一系列关于移动应用程序交互设计适配的经验,本文将围绕这些经验进行深入探讨。 #### 二、当前热门手机的屏幕大小 在设计移动应用程序时,了解当前主流设备的屏幕特性至关重要。例如...

    BANNER设计培训PPT课件.ppt

    在设计流程方面,淘宝的标准步骤包括:理解需求、评估与沟通、制作初稿、反馈与确定、以及后续跟进。这个流程强调了与客户的互动和作品的反复打磨,以确保设计满足需求。 在字体选择上,课件推荐使用清晰易读的...

    淘宝面试题

    ”和“参加淘宝UED前端开发面试后”等相关文件中,可能涉及到HTML、CSS、JavaScript的基础与进阶应用,如响应式设计、跨浏览器兼容性、Vue/React/Angular框架、模块化开发(如CommonJS、ES6模块)、前端性能优化(如...

    用户体验,用户研究

    - **淘宝UED设计流程图**: 介绍了淘宝平台如何通过用户研究来优化用户体验。 - **联想用户研究中产品设计规划流程图**: 描述了联想如何结合用户研究来进行产品设计规划。 #### 六、总结 用户体验设计不仅仅是关注...

    IT面试(itmian4)之2015届校招阿里校招笔试面试大礼包

    笔试题目一般围绕着对应职位所需的专业知识、逻辑思维、问题解决能力等,例如研发工程师的笔试题会考察编程语言熟练度、算法设计、软件开发流程等技能,而系统工程师的笔试可能会着重考察网络、数据库、系统架构等...

    开源的javascript项目Kissy介绍

    Kissy是一款由淘宝UED团队推出的开源JavaScript框架。本文将围绕这个框架的特点、设计思想、使用方法以及核心API等方面,详细介绍Kissy框架,并对其在前端UI开发中的应用及其优劣势进行探讨。 首先,我们需要了解...

Global site tag (gtag.js) - Google Analytics