UI人机界面设计学习课程

1、 UI的本意是用户界面，是英文User和interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系，所以这样可分为3个方向，他们分别是：第1页/共19页第一页，编辑于星期日：二点 十八分。 用户研究包含两个方面： 一是 可用性工程学（usability Engineering），研究如何提高产品的可用性，使得系统的设计更容易被人使用、学习和记忆； 二是 通过可用性工程学的研究，发掘用户的潜在需求，为技术创新提供另外一条思路和方法（consumer insight）。用户研究是一个跨学科的专业，涉及可用性工程学、人类功效学、心理学、市场研究学、教育学、设

2、计学等等学科。用户研究技术是站在人文学科的角度来研究产品，站在用户的角度介入到产品的开发和设计中。 用户研究通过对于用户的工作环境、产品的使用习惯等研究，使得在产品开发的前期能够把用户对于产品功能的期望、对设计和外观方面的要求融入到产品的开发过程中去，从而帮助企业完善产品设计或者探索一个新产品概念。 第2页/共19页第二页，编辑于星期日：二点 十八分。 2 2 交互设计交互设计 这部分指人与机之间的交互工程，在过去交互设计也由程序员来做，其实程序员擅长编码，而不善于与最终用户交互。 3 3 界面设计界面设计 界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，

3、是纯粹的科学性的艺术设计。 一个通用消费类软件界面的设计大体可分为五个步骤： 1.1.需求阶段 2.2.分析设计阶段 3.3.调研验证阶段 4.4.方案改进阶段 5.5.用户验证反馈阶段 第3页/共19页第三页，编辑于星期日：二点 十八分。 UI的分类 Graphics User Interface 图形用户界面有时也称为WIMP=Window/Icon/Menu/Pointing Device 窗口、图标、菜单、指点设备 HUIHandset User Interface 手持设备用户界面 WUI Web User Interface 网页风格用户界面 第4页/共19页第四页，编辑于星期日：

4、二点 十八分。 GUI 定义 GUI-Graphical User Interface即人机交互图形化用户界面设计。准确来说GUI就是屏幕产品的视觉体验和互动操作部分。GUI 应用领域 手机通讯移动产品 第5页/共19页第五页，编辑于星期日：二点 十八分。第6页/共19页第六页，编辑于星期日：二点 十八分。GUI 准则减少用户的认知负担 第7页/共19页第七页，编辑于星期日：二点 十八分。保持界面的一致性 第8页/共19页第八页，编辑于星期日：二点 十八分。第9页/共19页第九页，编辑于星期日：二点 十八分。第10页/共19页第十页，编辑于星期日：二点 十八分。 满足不同目标用户的创意需求 第

5、11页/共19页第十一页，编辑于星期日：二点 十八分。 用户界面友好性 第12页/共19页第十二页，编辑于星期日：二点 十八分。 图标识别平衡性 第13页/共19页第十三页，编辑于星期日：二点 十八分。 图标功能的一致性 第14页/共19页第十四页，编辑于星期日：二点 十八分。 建立界面与用户的互动交流第15页/共19页第十五页，编辑于星期日：二点 十八分。 日本手机非常注重信息的传达。优质的手机屏幕就是传达这些信息的载体。日本手机市场另一个主要的特征是消费者的使用习惯。 相较于其他国家, 日本手机使用者中利用手机传送电子邮件、上网的比例相当地高。所以2点2英寸左右，320 x240分辨率的lcd，使得用户看后有种赏心悦目的感觉。主菜单常运用剪影式的图标处理手法，借以优质的屏幕，画面简洁大方，却又不乏精致细腻。第16页/共19页第十六页，编辑于星期日：二点 十八分。手机的主要功能和设置，分成了四个类别，对应四个方向键。从9个、12个主菜单缩减到4个类别主菜单，大大简化了用户记忆菜单和操作点击菜单的过程，手指的操作路径也大大缩短。第17