UI设计路线、流程分析.docxVIP

  1. 1、本文档共6页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多

UI设计路线、流程分析

Ui设计大体上可以分为以下三个方向:

用户研究(用户研究使产品更加符合客户需求)

交互设计(交互设计采用交互设计的方式是产品更加人性化)

视觉设计(视觉设计是产品的界面更加美观大方)

UI的广义实际上等同于UED,即用户体验设计,具体包括:用户研究,交互设计,视觉设计这三个部分,UED团队里包含这三个专业方向:用户研究员,交互设计师,视觉设计师。通常俗语称谓:GUI,UE其实是用来分别代指视觉设计师和交互设计师,实际上GUI、UE或者UI、UE的叫法是不准确的。UE既然谓之用户“体验”就应该包含交互体验和视觉体验,正确的叫法应该是视觉设计师、交互设计师。

你的问题是对的,无论GUI、UI、UE均可以统称为用户体验设计师。

UI设计流程:

用户研究→交互设计→视觉设计→可用性分析

用户研究——你喜欢的并不一定是用户要的

用户研究贯彻于项目始末,从前期的用户调研到最后的可用性测试,花大量精力采集和提取用户需求后,将确保交互设计师形成的原型文档更具针对性和准确性。而可用性测试是一个有效的揭示问题,并提供解决方案的实验方法,因为只有你真正观察了解用户的使用情况,你才会知道你的设计是否有效。

用户研究分为三类:

项目型研究

常规性研究

策略型研究

为什么要进行用户调研?

了解用户对产品的需求、偏好及期盼

分析挖掘产品设计的优缺点

为产品创新和设计优化提供依据

用户研究的价值

对于公司设计产品来说,用户研究可以节约宝贵的时间、开发成本和资源,创造更好更成功的产品。对于用户来说,用户研究使得产品更加贴近他们的真实需求。

用户调研适用于哪些情况?

产品开发工程中,用户调研了解用户需求

产品在试运行和正式上线后,利用用户调研了解产品设计的优缺点

产品将进行重大调解前,利用用户调研获得大样本用户反馈,并提出改进意见

用户研究的流程

前期用户调查

访谈法

背景资料问卷

情景实验

验前问卷

访谈

观察法

有声思维

现场研究

验后回顾

问卷调查

单层问卷

多层问卷

纸质问卷

网页问卷

验前问卷

验后问卷

开放型问卷

封闭型问卷

数据分析

单因素方差分析

描述性统计

聚类分析

相关分析

建立用户模型

任务模型

思维模型

输出用研报告

专业用研人员

交互设计——如何让你的产品易用,有效而让人愉悦

根据用户研究的结果,设计出任务流程图,把需求文档落地为实际的界面。

深度了解用户需求后,使用Axure、Visio等工具形成交互文档与客户沟通,以确保之后的设计稿引导出良好的用户体验

中心思想:以人(用户)为中心的交互设计——用情感化交互为你的产品注入灵魂

交互设计四要素:可用性、易用性、美观度、情感体现

交互设计三大步骤:

构思与计划

概念设计

交互流程设计

原型设计

制作与实施

原型制作

分析使用环境

评估与反馈

及早和持续的评估

测量权衡可用性

修改的建议

在交互设计中很少会有一次就成功的,所以这需要我们不断的重复这三个步骤,精益求精。

交互设计的最终交付物:

视觉设计是内容、功能和美学的汇聚,整合了图形设计和以用户为中心的设计原则。若不了解这些原则,设计师可能设计出一个视觉上漂亮,但使用者看不明白的产品,这样的产品很快就会被遗弃。

流程图:流程图主要描述产品的业务流程与业务分支,使用一些标准符合代表某些类型的动作,如决策用的菱形框表示,具体活动用方框表示。但比这些符合规定更重要的,是必须清楚的描述工作工程的顺序。

(流程图)

线框图:线框图是整合在结构层的全部三种要素的方法:通过安排和选择界面元素来整合界面设计;通过识别和定义核心导航系统来整合导航设计;通过放置和排列信息组成部分优先级来整合信息设计。通过把这三者放到一个文档中,线框图可以确定一个建立在基本概念结构上的架构,同时指出了视觉设计应该前进的方向。

(流程图)

用户界面原型:创建用户界面原型的主要目的是在实际设计与开发开始之前揭示和测试系统的功能与可用性。这样,你可以在将太多时间与资源投入开发活动之前,确保所构建的系统是正确的。

(用户界面原型)

视觉设计——让产品完美的视觉展现给用户

视觉设计涉及以下四块

APP应用界面设计(涉及:android手机主题,android应用界面设计,iPhone界面设计,iPad界面设计)

针对iOS、Android、WindowsPhone等智能移动平台的应用程序,提供完善的用户体验设计、视觉设计。

手机系统UI设计(涉及:手机图标,手机界面,拨号盘,来电动画,开关机动画)

为智能手机系统平台提供品牌化的解决方案,包括开机动画、铃声、锁屏、待机、壁纸

文档评论(0)

132****2812 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档