UI设计

来源:互联网 发布:淘宝流量一般是多少 编辑:程序博客网 时间:2024/04/29 13:22
百度百科整理
UI设计的三大构成:
用户研究UE
交互设计ID IxD
界面设计/视觉设计 GUI
一,UE ,User Experience,用户体验,用户体验主要是来自用户和人机界面的交互过程。
现在流行的设计过程注重以用户为中心。用户体验的概念从开发的最早期就开始进入整个流程,并贯穿始终。其目的就是保证(1)对用户体验有正确的预估(2)认识用户的真实期望和目的(3)在功能核心还能够以低廉成本加以修改的时候对设计进行修正(4)保证功能核心同人机界面之间的协调工作,减少BUG。
产品有用、易用、友好、美观,用户需求是根本
 
用户体验设计师日常工作:
基于人机交互、图形化设计、界面设计和其他相关理论,进行设计。
画出不同层次的原型:纸上的,框架的,可交互的网页,Flash的。
到不同的部门演示概念和想法,组织反馈意见。
生成视觉元素比如icon,边框,用户控件,窗口规范,图形化的布局。
同产品设计团队合作去发展一些重要附加值的概念,还有修订产品。
同商业方面的专家、市场部沟通,确认设计并得到认可。
同开发人员沟通,提供明确的定义和执行的方向。
同首席设计师和产品设计团队一起工作,符合内部设计流程和标准。
二,交互设计ID IxD  交互设计,又称互动设计,(英文Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。
 
从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点,同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充。交互设计还涉及到多个学科,以及和多领域多背景人员的沟通。
交互设计是一门特别关注以下内容的学科:
1、定义与产品的行为和使用密切相关的产品形式。
2、预测产品的使用如何影响产品与用户的关系,以及用户对产品的理解。
3、探索产品、人和物质、文化、历史之间的对话。
人机交互(HCI)相关:
学科:人类工程学、心理学认知科学信息学工程学计算机科学软件工程社会学人类学语言学美学
设计:图形设计、产品设计、商业美术、电影产业、服务业……
交互的三个要素:机器/系统、人、界面。交互过程是一个输入输出的过程,人通过人机界面向计算机输入指令,计算机经过处理后把输出结果呈现给用户。人和计算机之间的输入和输出的形式是多种多样的,因此交互的形式也是多样化的。
设计流程:

 

1、分析阶段
    需求分析、用户场景模拟、竞品分析(聆听用户心声)。
    需求分析:对于一个产品来说,必然有对用户需求的分析内容,更多的是从MRD与PRD获得,或者从产品需求评审会议上得到需求分析的内容,当然可以直接与产品经理交流获得相关产品需求。如果说设计原则是所有设计的出发点的话,那么用户需求就是本次设计的出发点。
    用户场景模拟:好的设计建立在对用户深刻了解之上。因此用户使用场景分析就很重要,了解产品的现有交互以及用户使用产品习惯等,但是设计人员在分析的时候一定要站在用户角度思考:如果我是用户,这里我会需要什么。
    竞品分析(聆听用户心声):竞争产品能够上市并且被UI设计者知道,必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性,看到别人的设计会有触类旁通的好处。当市场上存在竞品时,去听听用户的评论,哪怕是骂声都好,别沉迷于自己的设计中,让真正的用户说话。
    输入物:MRD、PRD、市场调查报告、竞品分析文档(或其一或全部)
    输出物:设计初稿(或许只是几个简单的界面)
2、设计阶段
    设计方法采用面向场景、面向事件驱动和面向对象的设计方法。面向场景是针对该产品使用场所等模拟,模拟用户在多种情况下产品使用的模拟。面向事件驱动则是对产品响应与触发事件的设计,一个提示框,一个提交按钮……

这类都是对事件驱动的设计。面向对象,产品面向的用户不同对于产品的设计要求不同,不同年龄层的用户对于产品的要求不同,产品的用户定位将对UI设计师影响因素。
    输入物:交互文档(高保真原型)
    输出物:设计终稿(所有的设计稿)
3、配合
    UI设计师交出产品设计图时,更多的配合开发人员、测试人员进行截图配合。配合开发人员对于PSD格式的图片切图操作,对于不同的开发人员的要求,切图方式也有不同,UI设计师需配合相关的开发人员进行最适合的切图配合。
    输入物:设计终稿
    输出物:设计修改稿(设计稿切片)
4、验证
    产品出来后,UI设计师需对产品的效果进行验证,与当初设计产品时的想法是否一致,是否可用,用户是否接受,以及与需求是否一致。都需要UI设计师验证,UI设计师是将产品需求用图片展现给用户最直接的经手人,对于产品的理解会更加深刻。
    输入物:产品
    输出物:产品(面向用户最终版本)

三,界面设计/视觉设计 GUI  GUI 就是屏幕产品的视觉体验和互动操作部分。

    GUI的组成部分:桌面(界面最底层,墙纸),视窗,单一文件界面,多文件界面,标签,菜单,图标,按钮,
 
    桌面上由于可以重叠显示窗口,因此可以实现多任务化。一般的界面中,桌面上放有各种应用程序和数据的图标,用户可以以此开始工作。墙纸,即桌面背景。可以设置为各种图片和各种附件,成为视觉美观的重要因素之一。
 
    视窗,应用程序为使用数据而在图形用户界面中设置的基本单元。应用程序和数据在窗口内实现一体化。在窗口中,用户可以在窗口中操作应用程序,进行数据的管理、生成和编辑。通常在窗口四周设有菜单、图标,数据放在中央。在窗口中,根据各种数据/应用程序的内容设有标题栏,一般放在窗口的最上方,并在其中设有最大化、最小化(隐藏窗口,并非消除数据)、最前面、缩进(仅显示标题栏)等动作按钮,可以简单地对窗口进行操作。
   
    菜单,将系统可以执行的命令以阶层的方式显示出来的一个界面。一般置于画面的最上方或者最下方,应用程序能使用的所有命令几乎全部都能放入。重要程度一般是从左到右,越往右重要度越低。命定的层次根据应用程序的不同而不同,一般重视文件的操作、编辑功能,因此放在最左边,然后往右有各种设置等操作,最右边往往设有帮助。一般使用鼠标的第一按钮进行操作。即时菜单(又称功能表)。应用程序准备好的层次菜单不同,在菜单栏以外的地方,通过鼠标的第二按钮调出的菜单称为“弹出菜单”。根据调出位置的不同,菜单内容即时变化,列出所指示的对象目前可以进行的操作。
    图标,显示在管理数据的应用程序中的数据,或者显示应用程序本身。数据管理程序,即在文件夹中用户数据的管理、进行特定数据管理的程序的情况下,数据通过图标显示出来。通常情况下显示的是数据的内容或者与数据相关联的应用程序的图案。另外,点击数据的图标,一般可以之间完成启动相关应用程序以后再显示数据本身这两个步骤的工作。
 
  按钮,菜单中,利用程度高的命令用图形表示出来,配置在应用程序中,成为按钮。应用程序中的按钮,通常可以代替菜单。一些使用程度高的命令,不必通过菜单一层层翻动才能调出,极大提高了工作效率。但是,各种用户使用的命令频率是不一样的,因此这种配置一般都是可以由用户自定义编辑。
    GUI实现方:1,针对特定的图形设备输出接口,自行开发相关的功能函数。2,购买针对特定嵌入式系统的图形中间软件包。3,采用源码开放的嵌入式GUI系统。4,使用独立软件开发商提供的嵌入式GUI产品。
    GUI准则:减少用户的认知负担,保持界面的一致性,满足不同目标用户的创意需求,用户界面友好性,图标识别平衡性,图标功能的一致性,建立界面
 
与用户的互动交流,更为人性化的视觉优化,更具识别性的图标及其他元素,更具可操控性和扩充性的使用易用性,更具有企业品牌特色的视觉识别性.
 
    GUI的应用领域:手机通讯移动产品,电脑操作平台,软件产品,PDA产品,数码产品,车载系统产品,智能家电产品,游戏产品,产品的在线推广。