UI设计作业流程专业资料.doc

《UI设计作业流程专业资料.doc》由会员分享，可在线阅读，更多相关《UI设计作业流程专业资料.doc（14页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、UI设计流程分析、设计、配合、验证确认目的顾客 在软件设计过程中，需求设计角色会拟定软件目的顾客，获取最后顾客和直接顾客需求。顾客交互要考虑到目的顾客不同引起交互设计重点不同。例如：对于科学顾客和对于电脑入门顾客设计重点就不同。采集目的顾客习惯交互方式 不同类型目的顾客有不同交互习惯。这种习惯交互方式往往来源于其原有针对现实交互流程、已有软件工具交互流程。固然还要在此基本上通过调研分析找到顾客但愿达到交互效果，并且以流程确认下来。提示和引导顾客 软件是顾客工具。因而应当由顾客来操作和控制软件。软件响应顾客动作和设定规则。对于顾客交互成果和反馈，提示顾客成果和反馈信息，引导顾客进行顾客需要下一步

2、操作。一致性原则 设计目的一致 软件中往往存在各种构成某些（组件、元素）。不同构成某些之间交互设计目的需要一致。例如：如果以电脑操作初级顾客作为目的顾客，以简化界面逻辑为设计目的，那么该目的需要贯彻软件（软件包）整体，而不是局部。元素外观一致 交互元素外观往往影响顾客交互效果。同一种（类）软件采用一致风格外观，对于保持顾客焦点，改进交互效果有很大协助。遗憾是如何确认元素外观一致没有特别统一衡量办法。因而需要对目的顾客进行调查获得反馈。交互行为一致 在交互模型中，不同类型元素顾客触发其相应行为事件后，其交互行为需要一致。例如：所有需要顾客确认操作对话框都至少包括确认和放弃两个按钮。对于交互行为一

3、致性原则比较极端理念是相似类型交互元素所引起行为事件相似。但是咱们可以看到这个理念虽然在大某些状况下对的，但是确有相反例子证明不按照这个理念设计，会更加简化顾客操作流程。可用性原则 可理解 软件要为顾客使用，顾客必要可以理解软件各元素相应功能。如果不能为顾客理解，那么需要提供一种非破坏性途径，使得顾客可以通过对该元素操作，理解其相应功能。例如：删除操作元素。顾客可以点击删除操作按钮，提示顾客如何删除操作或者与否确认删除操作，顾客可以更加详细理解该元素相应功能，同步可以取消该操作。可达到 顾客是交互中心，交互元素相应顾客需要功能。因而交互元素必要可以被顾客控制。顾客可以用诸如键盘、鼠标之类交互设

4、备通过移动和触发已有交互元素达到其他在此之前不可见或者不可交互交互元素。要注意是交互次数会影响可达到效果。当一种功能被深深隐藏（普通来说超过4层）那么顾客达到该元素几率就大大减少了。可达到效果也同界面设计关于。过于复杂界面会影响可达到效果。（参照简朴导向原则）可控制 软件交互流程，顾客可以控制。功能执行流程，顾客可以控制。如果的确无法提供控制，则用能为目的顾客理解方式提示顾客1、分析阶段需求分析、顾客场景模仿、竞品分析（聆听顾客心声）。需求分析：对于一种产品来说，必然有对顾客需求分析内容，更多是从MRD与PRD获得，或者从产品需求评审会议上得到需求分析内容，固然可以直接与产品经理交流获得有关产

5、品需求。如果说设计原则是所有设计出发点话，那么顾客需求就是本次设计出发点。顾客场景模仿：好设计建立在对顾客深刻理解之上。因而顾客使用场景分析就很重要，理解产品既有交互以及顾客使用产品习惯等，但是设计人员在分析时候一定要站在顾客角度思考：如果我是顾客，这里我会需要什么。竞品分析（聆听顾客心声）：竞争产品可以上市并且被UI设计者懂得，必然有其长处。这就是所谓三人行必有我师意思。每个设计者思维均有局限性，看到别人设计会有触类旁通好处。当市场上存在竞品时，去听听顾客评论，哪怕是骂声都好，别沉迷于自己设计中，让真正顾客说话。输入物：MRD、PRD、市场需求文档、市场调查报告、竞品分析文档（或其一或所有）

6、输出物：设计草稿（或许只是几种简朴界面）2、设计阶段设计办法采用面向场景、面向事件驱动和面向对象设计办法。面向场景是针对该产品使用场合等模仿，模仿顾客在各种状况下产品使用模仿。面向事件驱动则是对产品响应与触发事件设计，一种提示框，一种提交按钮此类都是对事件驱动设计。面向对象，产品面向顾客不同对于产品设计规定不同，不同年龄层顾客对于产品规定不同，产品顾客定位将对UI设计师影响因素。输入物：交互文档（高保真原型）输出物：设计终稿（所有设计稿）3、配合UI设计师交出产品设计图时，更多配合开发人员、测试人员进行截图配合。配合开发人员对于PSD格式图片切图操作，对于不同开发人员规定，切图方式也有不同，U

7、I设计师需配合有关开发人员进行最适合切图配合。输入物：设计终稿输出物：设计修改稿（设计稿切片）4、验证产品出来后，UI设计师需对产品效果进行验证，与当时设计产品时想法与否一致，与否可用，顾客与否接受，以及与需求与否一致。都需要UI设计师验证，UI设计师是将产品需求用图片呈现给顾客最直接经手人，对于产品理解会更加深刻。输入物：产品输出物：产品（面向顾客最后版本）产品UI设计中夹杂着许多设计原则规定，统一公司UI设计流程，使UI设计师参加到产品设计整个环节中来，对产品易用性进行全流程负责，使UI设计流程规范化，保证UI设计流程可操作性。UI设计师应当分析公司产品特点，制定符合产品生命周期UI设计流

8、程。每个产品生命周期中，UI设计师应当严格按照流程，完毕每个环节职责，保证流程精确有效得到执行，从而提高产品可用性，提高产品质量。GUI设计详细流程定义：1. 项目开始GUI设计时间点之前，明确客户GUI需求,理解机器外形硬件和软件特性。 2. 概念设计【提供GUI设计方案几套，参照产品组人员和领导层建议，但最多3套，精心设计各套方案；项目组和产品组共同进行方案评审会，决策方案；并且需要项目组提供真机，展开界面真机效果和环境测评，优化界面颜色、亮度等细节）】； 3. 详细设计【需要明确界面研发细节；建议项目提出强烈建议优化几项产品设计点（顾客调查）】；对界面有变化界面进行记录，整顿出文档提交给

9、UI层面技术工程师，做好有关界面准备工作。 4. 原型设计时间【当前国内研发软件现状普通此环节被忽视，但时间充分，建议按筹划进行】 5. 与UI层面技术工程师共同展开界面实现（界面实现和界面优化时间点控制在项目时间百分之几点，需要明确） 6. 界面工程师制作好Demo，提交给项目负责人、决策人和UI顾客界面测试工程师（需要指定负责人），展开顾客体验反馈建议汇总，提出顾客界面体验反馈意见表（需要项目负责人支持）。 7. 测试评估，尽早发现存在交互设计和视觉设计局限性之处，进行软件界面改进设计。UI设计流程以及设计师参加环节近来工作中总结出一条结论：拥有一种完善规范流程，是决定着一种项目走向成功或

10、失败核心。对于UI设计工作流程，我觉得可以依照“市场分析顾客分析架构原型界面输出完善”这条主线制定，每个环节UI设计师都应参加其中。 1.产品定位与市场分析 这一类工作大多都是由新产品研发部门以及市场需求完毕，但UI设计师应理解产品市场定位、产品定义、客户群体、运营方式等。2.顾客研究与分析 这个过程是非常重要，设计师应当找到适当办法来完毕此环节。你可以收集有关资料分析目的顾客使用特性、情感、习惯、心里、需求等，提出顾客研究报告和可用性设计建议。这某些工作也可和团队配合完毕。时间与项目需求容许状况下，更可以制定实景顾客分析。3.架构设计 这里涉及到比较多界面交互与流程设计，依照可用性分析成果制

11、定交互方式、操作与跳转流程、构造、布局、信息和其她元素。4.原型设计 我觉得这里应当是一种小阶段标志，要对前面所有工作加以设计方面实行，依照进度与成本，可以把原型控制在“手绘图形FLASH-视频”几种质量范畴。原型本质更倾向与一种DEMO，它不需要有所有功能，但要体现出设计对象基本特性。5.界面设计 如果很倾向于图形界面设计，这儿是你最喜欢某些。但一定要结合循环讨论过度析成果做设计，否则你作品很难被人信服。色调、风格、界面、窗口、图标、皮肤体现是本环节核心。6.界面输出 作为设计师，在这一某些工作就是配合好开发人员完毕有关界面结合。7.完善工作 这个环节是诸多部门共同参加，涉及可用性循环研究、

12、顾客体验回馈、测试回馈。同步，UI人员也应当把某些可行性建议进行完善。诸多设计师做了东西不喜欢改，这是一种大忌。 如上流程，也许会有诸多部门共同参加完毕，UI设计师如何与团队配合并发挥自己应有作用非常重要。一名合格UI设计师，应当能贯穿整个UI流程进行工作，而并非是单纯图形界面设计。 确认目的顾客 在软件设计过程中，需求设计角色会拟定软件目的顾客，获取最后顾客和直接顾客需求。 顾客交互要考虑到目的顾客不同引起交互设计重点不同。 例如：对于科学顾客和对于电脑入门顾客设计重点就不同。采集目的顾客习惯交互方式 不同类型目的顾客有不同交互习惯。这种习惯交互方式往往来源于其原有针对现实交互流程、已有软件

13、工具交互流程。 固然还要在此基本上通过调研分析找到顾客但愿达到交互效果，并且以流程确认下来。提示和引导顾客 软件是顾客工具。因而应当由顾客来操作和控制软件。软件响应顾客动作和设定规则。 对于顾客交互成果和反馈，提示顾客成果和反馈信息，引导顾客进行顾客需要下一步操作。一致性原则 设计目的一致 软件中往往存在各种构成某些（组件、元素）。不同构成某些之间交互设计目的需要一致。 例如：如果以电脑操作初级顾客作为目的顾客，以简化界面逻辑为设计目的，那么该目的需要贯彻软件（软件包）整体，而不是局部。元素外观一致 交互元素外观往往影响顾客交互效果。同一种（类）软件采用一致风格外观，对于保持顾客焦点，改进交互

14、效果有很大协助。遗憾是如何确认元素外观一致没有特别统一衡量办法。因而需要对目的顾客进行调查获得反馈。交互行为一致 在交互模型中，不同类型元素顾客触发其相应行为事件后，其交互行为需要一致。 例如：所有需要顾客确认操作对话框都至少包括确认和放弃两个按钮。 对于交互行为一致性原则比较极端理念是相似类型交互元素所引起行为事件相似。但是咱们可以看到这个理念虽然在大某些状况下对的，但是确有相反例子证明不按照这个理念设计，会更加简化顾客操作流程。可用性原则 可理解 软件要为顾客使用，顾客必要可以理解软件各元素相应功能。 如果不能为顾客理解，那么需要提供一种非破坏性途径，使得顾客可以通过对该元素操作，理解其相

15、应功能。 例如：删除操作元素。顾客可以点击删除操作按钮，提示顾客如何删除操作或者与否确认删除操作，顾客可以更加详细理解该元素相应功能，同步可以取消该操作。可达到 顾客是交互中心，交互元素相应顾客需要功能。因而交互元素必要可以被顾客控制。 顾客可以用诸如键盘、鼠标之类交互设备通过移动和触发已有交互元素达到其他在此之前不可见或者不可交互交互元素。 要注意是交互次数会影响可达到效果。当一种功能被深深隐藏（普通来说超过4层）那么顾客达到该元素几率就大大减少了。 可达到效果也同界面设计关于。过于复杂界面会影响可达到效果。（参照简朴导向原则）可控制 软件交互流程，顾客可以控制。 功能执行流程，顾客可以控制

16、。 如果的确无法提供控制，则用能为目的顾客理解方式提示顾客。 上面文章提到了UI设计原则，并且对此做出了某些所谓定义。人们要明白，本人对UI设计研究时间不长，这些原则只是个人体会。 因而就有人提出问题：有了原则固然好，那么如何付诸实行呢？个人理解达到目的是需要办法，因而在UI设计原则里面东西拷贝了某些办法和模式。而可以让办法持续实行，达到目的就需要流程-或者说过程来保证。 因此这里就对流程进行一下总结和探讨。以付茶资吧！ 咱们把UI设计流程分为一种出发点，4个阶段。 出发点 1、 理解UI设计原则。没有原则，就丧失了设计立足点。2、 理解UI交互模式正犹如编程不理解模式就会事半功倍同样，UI设

17、计不理解模式就会对设计原则实行导致困惑。3、 理解UI交互元素及其功能如果对于UI基本交互元素和功能都不理解，如何设计UI呢？阶段一：分析 1、 顾客需求分析2、 顾客交互场景分析3、 竞争产品分析 这两者可以说是相辅相成。对于一种较为正规项目而言，必然有对顾客需求分析内容。其中顾客UI需求是重要构成某些。如果说UI设计原则是所有UI设计出发点话，那么顾客UI需求就是本次设计出发点。 好UI设计建立在对顾客深刻理解之上。因而顾客交互场景分析就很重要。对于大某些项目组来说也许没有时间和精力去实际勘查顾客既有交互、制作完善交互模型考察，但是UI设计人员在分析时候一定要站在顾客角度思考：如果我是顾客

18、，这里我会需要什么。 竞争产品可以上市并且被UI设计者懂得，必然有其长处。这就是所谓三人行必有我师意思。每个设计者思维均有局限性，看到别人设计会有触类旁通好处。固然有时候可以参照并不一定是竞争产品。阶段二：设计 采用面向场景、面向事件驱动和面向对象设计办法。 UI设计着重于交互，因而必然要对最后顾客交互场景进行设计。 软件是交互产品，顾客所作就是对软件事件响应以及触发软件内置事件。因而要面向事件设计。 当前程序开发主流采用是面向对象设计。面向对象设计可以有效体现面向场景和面向事件特点。 设计四个要素：交互对象数据对象事件（交互事件和异常）动作阶段三：开发 通过：顾客交互case图（阐明顾客和系统之间联系）顾客交互流程图（阐明交互和事件之间联系）交互功能设计图（阐明功能和交互相应关系）最后得到UI设计产品。阶段四：验证 正如UI交互设计原则探讨文中提到，对于UI产品验证重要从下面几种方面入手：1、 功能性对照UI设计再好，和需求不一致也不可以。2、 实用性内部测试UI设计最重要点就是实用性。3、 顾客焦点小组UI设计与否先进重要衡量根据。