浅谈UED设计流程与原则

  UED设计流程在各个公司之间可能会有所不同,国内的设计师在知乎社区上讨论了各自公司(包括腾讯、百度等)的UED设计原则、流程等,希望大家从中可以得到帮助。

  来自腾讯的交互设计师eviliu强调设计流程主要考虑以下两方面的问题:一是设计原则是怎么来的,二是要怎么配合设计的上下游团队。就设计原则来说,从四个方面进行了阐述:

  >始终将用户体验放在第一位——在设计流程中将用户体验融入其中,将其贯穿于设计的始末,使用户体验的结论能够直接影响到设计的方向。同时设计过程中通过展开脑暴、竞品分析、焦点小组等方式对设计需求进行深入的挖掘,需求从何而来,为什么会有这样的需求,准确把握设计的方向。

  >细化分工——在设计流程中,将设计任务分解为用研、交互、视觉,各个角色职责明确并相互配合,在各领域有专业的表现。

  >引入专家设计师和项目PM——专家设计师通过设计评审,将自己的设计理念传达给设计师,引导设计方向,把控整体项目的质量。项目PM对项目进度、需求任务、设计人力的把控,保证设计工作有条不紊的展开,并最终完成项目目标。

  >设计规范的建立——设计项目完成后,设计师对设计内容进行规范文件的梳理,保证设计理念的沉淀以及风格的统一。

  就“如何配合设计的上下游团队”,eviliu认为应该从以下几个方面来采取措施:

  >参与产品的前期规划——把握产品的规划与目标是后期设计工作展开的重要依据。

  >产品与项目PM接洽,需求排期——通过对设计需求进行排期配合产品开发的节奏,保证项目的顺畅。

  >体验走查和可用性测试——设计完成,跟进开发实现,实现输出中,进行体验走查和可用性测试,保证设计实现的质量和是否否和用户的预期。

  除此之外,流程的实施也是必须要重点关注的:

  >有效的管理工具——好的管理工具能够帮助团队规范化管理。我们为自己量身打造了一系列工具来提高设计管理效率,如Prowork工具,能提供项目流程、工作任务、文档等一系列线上管理。还有TAPD、UID等一系列工具。

  >敏捷式项目管理——通过关注设计效率,改进工作方式,修正设计流程促使团队高效、快捷的响应任务。

  >提炼式操作——针对不同的产品预期与目标,灵活操作,设定不同的流程路径。

  >持续改进——定期对项目流程回归、探讨,调整是非常重要的。

  百度的李书福则谈了细节上两点很深的体会:

  >用户研究——每完成一次对用户的深访,回来当天需要在组内做一次简报。相互述说今天调研的情况,让参加的极大的追溯调研中的一些洞察,让没有参加的也能感受到调研中信息探索的过程。

  >产品设计——不论是视觉设计,还是交互,完成的第一稿都需要讨论,完善及迭代优化。同时提升设计师对产品思考深度与广度。

  FaceUI的朱佳明结合自身的项目经验,描述了一个比较清晰的设计流程:

  >产品应用分析。在设计启动之前先了解产品应用,明确产品的用途及市场类似应用概况,再精心计划下一步的工作,因为在设计最初做改变是在整个过程中付出代价最小的。

  >概念设计。通过对产品的了解,创意设计人员或者项目经理形成初始概念,将交由文案策划完成第一步设计文档,或者由创意总监或项目经理直接精华概念。

  >可行性研究分析。根据市场行情与产品应用综合评估技术可行性、社会可行性及风险因素,并制定规避风险对策。

  >用户需求详细解读。设计团队项目经理与产品经理详细核对需求,以用户为中心,让用户体验实际指导设计方向与流程规范。实际操作中还可以组织设计小组人员一起深入挖掘用户需求。

  >设计实施。

  >交互设计。交互设计师需要先开展设计工作,进行产品架构评估/主逻辑设计、界面原型设计、原型可用性测试等,将用户研究与需求解读结果在产品上展现出来。

  >视觉设计。视觉设计师作为前端设计人员,却在工作流程的后端,他们需要进行产品形象分析、风格定位、视觉方案定稿、视觉效果原型、视觉设计完成。

  >可用性测试(易用性测试)。这个步骤必不可少,主要内容包括:计划可用性测试、可用性测试实施 、处理可用性测试、分析可用性测试数据 、编写与演示可用性测试报告、逐条探讨报告中的建议是否采纳。

  >产品发布。这个步骤是客户来完成,但是对于设计团队,也算是令人兴奋的一件大事。

  另外一位设计师diff也勾勒出了一个完整的设计流程,包括九个方面:

  >产品找茬。前提:读懂PRD。确保在需求理解上,与PM保持一致。查找遗漏。人无完人,再成熟的PM,也难免有疏漏。找出遗漏,与PM反馈、沟通。提出产品新想法。读PRD时,总会有一些产品的好想法冒出来,及时与PM和团队沟通。开始构思交互。

  >草图快速沟通。通过草图,快速将“产品关键流程”、“关键交互及界面布局”呈现纸面,以此与PM、技术沟通至达成共识。目的:再次扫遗漏; 收拢想法;达成共识。

  >Wireframe表现产品流程、界面,包含:产品流程图;全部的页面原型。Wireframe让团队对产品的理解无异议,对最终的产品有直观的了解。这个阶段,产品需求冻结。开发人员可以依据原型对UI关联较小的部分进行技术开发。

  >视觉设计。有前面两个“扫清障碍”的过程,这个阶段,视觉设计是非常舒服的事情…在有相对完整的设计规范、控件规范的前提下,视觉包括:风格探索、关键页面的视觉设计、关键的交互动画表现。

  >视觉素材输出、设计文件标注。素材用Dropbox或酷盘存储、管理。Markman是不错的标注工具。

  >整理、提交设计方面待数据验证的跟踪点,主要包括:待验证的产品功能点、设计过程中争议比较大的部分(产品、交互、视觉)、设计师没有完全把握、需要数据验证想法的部分,比如:“点击式的菜单”与“下拉手势式的菜单”,哪个更被用户接受?

  >设计文件整理、新的设计控件入库,主要包括:整理设计文件,方便团队其他人查阅、使用;将设计过程中产生的新的控件,纳入控件库,更新控件设计规范。

  >开发后期,细节跟进。与开发跟进细节,是设计过程的一部分。在我们团队,完全依靠规范作业、设计文件标注(不和开发人员说一句话:P),能够确保80%的交互、视觉细节能够被还原。剩下的20%,就要设计师与开发人员肩并肩坐在一起打磨了。开发过程中,一定要预留这个时间。主要包括:边距、字体、界面动画的数值微调。

  >项目设计总结,包括:设计过程中遇到的问题,以及解决方法;犯的错误是?你是如何纠正的?以后如何避免?分享整个设计过程中,你最有成就感的部分。

时间: 2024-11-06 23:46:46

浅谈UED设计流程与原则的相关文章

UED设计流程与原则

摘要: UED设计流程在各个公司之间可能存在不同,国内的设计师在知乎社区上讨论了各自公司(包括腾讯.百度等)的UED设计原则.流程等,其中的经验值得读者借鉴. 来自腾讯的交互设计师 UED设计流程在各个公司之间可能存在不同,国内的设计师在知乎社区上讨论了各自公司(包括腾讯.百度等)的UED设计原则.流程等,其中的经验值得读者借鉴. 来自腾讯的交互设计师eviliu强调设计流程主要考虑两方面的问题:一是设计原则从何而来,二是如何配合设计的上下游团队.就设计原则来说,从四个方面进行了阐述: >始终将

浅谈c#设计模式之单一原则_实用技巧

单一原则: 程序设计时功能模块独立,功能单一更有助于维护和复用. 例如:个人计算机功能很多,如果想从中只拿出一个功能来制造一个新的东西是困难的.同时如果你的计算机开不机,同时你的计算器功能也不能用了. 在编程中如果一个类封装了太多功能和上面的结果是类似的. 单一职责原则 例1: 大家应该能看出来这个类图中的接口设计是有问题的,用户的属性和用户的行为没有分开.我们根据用户的属性和行为拆开这个接口. 重新拆分成两个接口,IUserBo 负责用户的属性,IUserBiz负责用户的行为.当我们实例化除U

A5 SEO诊断浅谈电子书制作流程

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 现在推广方式越来越多,电子书也早已成为推广方式中的主流,越来越受到企业的重视,站长们也都纷纷学习如何制作电子书,更把电子书做为推广网站的主要手段,增加外链的有效方法.下面A5 SEO诊断优化小组就来和大家浅谈一下电子书的制作流程. 一.整理内容 内容先制作成Word文档,然后转换成pdf,如果有整理好的html文档可直接转换 制作word文档

浅谈交互设计的未来之服务设计

  做交互设计也有好几个年头了,最近一直在思考一个问题,我们这些俗称线框仔的交互设计师,如何保持自己的竞争力,我们的未来会是怎样的? 在互联网公司里担任交互设计师,往往只是一个项目里的螺丝钉,工作内容不外乎分析需求.分析用户.画线框图.做原型demo,在web时代如此,在移动互联时代亦是如此,我们往往只是着眼于屏幕上的信息与用户进行交互,从而容易陷入一个怪圈:交互设计师就是捣鼓UI,做屏幕上的人机交互的东西. 我也曾一度陷入这种想法,但跳出来看后,才惊觉交互其实应该有更广泛的范畴,它是关于我们身

浅谈数据库设计技巧(上)

技巧|设计|数据|数据库|数据库设计 说到数据库,我认为不能不先谈数据结构.1996年,在我初入大学学习计算机编程时,当时的老师就告诉我们说:计算机程序=数据结构+算法.尽管现在的程序开发已由面向过程为主逐步过渡到面向对象为主,但我还是深深赞同8年前老师的告诉我们的公式:计算机程序=数据结构+算法.面向对象的程序开发,要做的第一件事就是,先分析整个程序中需处理的数据,从中提取出抽象模板,以这个抽象模板设计类,再在其中逐步添加处理其数据的函数(即算法),最后,再给类中的数据成员和函数划分访问权限,

浅谈产品设计中的可用性和可访问性

在用户体验这个行业,经常会听到,可用性,可访问性这样专业的名词,但是,事实上在很多产品实现过程里都忽略了这一点!WHY? 举个很简单的例子,用户的注册流程,很多交互设计师在做这块流程设计的时候都无可避免的忽略了部分可用性和可访问性,直白点说,产品的应用场景没有cover全用户群,损害了这部分用户的可用性和访问性. 太抽象?不明白?好,那我们就用户注册流程展开,侃侃流程中用户提交表单的设计. 看上图,这是现有支付宝注册流程中的一块功能,要实现的功能很简单,个人用户直接填写注册信息,是企业用户的话,

2013浅谈网页设计趋势

京东这次的改版,看到遍地都是网友吐糟的声音,什么设计太简单了.首页版块不明显.设计没个性等等,乱七八糟的一大堆差评. 对于这些吐糟的人,我将他们分为三类人:一类是专业的网页设计师,他们本就有着更高的见地;另一类是普通的用户,不管旧版是否合理,反正已经使用习惯了,对于新版的改变一下子无法适应过来,难于接受,或者潜意识下就产生了对新变化的抗拒心理;最后一类是属于随风逐流者,看到别人吐糟自己也跟着吐糟,可能有些人压根就没看过新版. 在这些吐糟人中,第一类人毕竟是少数,大多数往往属于后两类人. 好与差没

浅谈数据库设计技巧(上)(转)

转一篇他人写的数据库设计技巧,感觉也不一定都正确,开拓一下思路吧. 说到数据库,我认为不能不先谈数据结构.1996年,在我初入大学学习计算机编程时,当时的老师就告诉我们说:计算机程序=数据结构+算法.尽管现在的程序开发已由面向过程为主逐步过渡到面向对象为主,但我还是深深赞同8年前老师的告诉我们的公式:计算机程序=数据结构+算法.面向对象的程序开发,要做的第一件事就是,先分析整个程序中需处理的数据,从中提取出抽象模板,以这个抽象模板设计类,再在其中逐步添加处理其数据的函数(即算法),最后,再给类中

浅谈游戏界面设计中的视觉语言

前言 游戏界面设计(Game Interface Design 简称GID),是指将游戏用户能够进行交互功能的视觉元素,进行规划.设计的活动.视觉语言(Language of Vision),源于科学的造型理论,在造型艺术领域里,这种可以传达情感.理念和信息的形象及图形.文字.色彩等元素所构成的视觉样式,被称为视觉语言. 游戏界面作为用户参与游戏,体验游戏娱乐性的通道,直接影响着用户对游戏的印象, 一款优秀的游戏界面,应注重视觉语言的设计,始终遵循"以人为本"的设计理念,使用户在游戏过