探析以用户为中心UI设计.docVIP

探析以用户为中心UI设计 　　摘 要：探讨UI设计如何提升产品的用户体验，以达到更好的人机交互，从而达到产品整体使用感受的提升。从用户体验和UI设计的核心定义出发，介绍了用户体验及UI设计的职能以及二者的关系。通过对案例的研究分析，总结出以用户为中心的UI设计原则，以明确UI设计的本质是以用户为中心。 　　关键词：UI设计；用户体验；界面设计 　　随着社会收入水平的增加，人们开始不满足于产品的基本功能，要求更加舒适的使用感、更加优美的外观，以用户为中心、以人为本越来越被重视，于是“用户体验”这个词被越来越多地提出来。用户体验（UE）是指用户在产品使用过程中建立起来的一种纯主观的感受。而用户体验设计（UED）则包括了前期用户研究、中期UI设计以及后期产品迭代等等。“UI”即User用户和Interface界面的缩写。所以，UI设计，即用户界面设计，是指对用户界面的界面美观、操作逻辑以及人机交互?M行整体设计。好的UI设计不仅要让产品变得美观实用，更加要让产品的操作简单舒适，充分体现产品的定位和特点。 　　一、UI设计概述 　　（一）UI设计的职能 　　UI设计师的职能大体包括三方面： 　　1.用户研究 　　用户研究是进行UI设计的前期准备，主要目的是在产品有了明确的市场定位后，明确产品的目标用户，了解目标用户需求以定义产品设计的导向。通过对用户的知觉特征、任务操作特征、认知心理特征的分析，以明确用户痛点，进而细化产品概念。 　　2.交互设计 　　交互设计（Interaction Design），是定义和设计人造系统的行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构，使其互相配合，从而共同达成某种目的。交互系统设计的目标可以从“可用性”和“用户体验”两个层面上进行分析，关注以人为本的用户需求[1]。 　　产品和用户之间的互动是情感交流的过程，也是信息交换的体现。交互设计以实现产品的易用性以及良好的用户体验为目标，能够更好地实现人与产品之间的交流与互动[2]。 　　在设计流程中，交互设计的工作是在明确用户需求后，准确定位用户痛点，以用户需求为中心进行交互动作的整体设计，进而设计出一套完整规范、交互动作流畅的交互原型。 　　3.界面设计 　　UI即 User Interface（用户界面）的简称，UI设计最终的表达方式也终将归于对用户界面的诠释与表达。当设计师需要把人、动作、工具或媒介、目的和场景等五要素合理整合到一起去完成一个界面并使用户获得良好的使用体验时，他所遵循的规律必然有别于产品设计师，后者考虑的主要是如何合理运用结构、材料、色彩等物理属性去实现产品的某项功能，而前者则需要考虑用户主观因素与产品的适应性[3]。 　　（二）UI设计的特点 　　UI设计作为一个新的设计领域，既与视觉设计、产品设计息息相关，又不尽相同。UI设计为产品用户界面的整体设计，集用户研究、交互设计和界面设计为一体，既要兼顾产品界面的实用性与美观性，更要注重产品人机交互带来的良好用户体验，优秀的UI设计考验设计师对视觉设计创意与想法、对人机交互的清晰认知以及对用户需求的准确理解。 　　（三）UI设计与用户体验的关系 　　《设计心理学》一书中曾提到过这样一个故事：作者的一位朋友在欧洲时曾被困在某城市的邮局门道里出不来，最后是外面的人推开了旋转门才得以出去，其实被困住的原因很简单，只是由于门上的机关太过隐蔽，作者的朋友没有看到，才导致他没有找到开门的正确方法。设计人员只注重了门的美观性，却没有注重门的实用性，导致用户在使用过程中不得其门而入[4]。 　　这个例子恰好说明了虽然UI设计更加注重界面的设计，但用户的使用感也是包括在界面之中的，产品的便捷性、易用性，包括用户使用时界面结构与界面色彩的舒适度都与UI设计息息相关。好的设计不仅要有美观的外表，更要有让用户能够看懂的操作以及使用过程中舒适的感觉。 　　二、案例研究――好奇心日报UI设计的用户体验元素分析 　　（一）界面分析 　　好奇心日报的LOGO为黑底上面一个黄色的Q，Q既可指代Question，也可指带“好奇心”中的“奇”。图标简洁不花哨，黑底黄字视觉冲击力很大，容易抓住眼球，在花样繁多的新闻类app中吸引用户的视线。 　　《好奇心日报》的主色为黑黄搭配，黄色给人活泼、有趣的感觉，而黑色则让人觉得沉稳，黄色与黑色搭配既能展现属于年轻人的活力，又不会给人太过跳脱，不够稳重的感觉。好奇心日报的欢迎页面为大面积的黑色上点缀少量的黄色LOGO，这样既保证了界面的简洁，也避免了黑色过于沉闷的弊端，并且也造成了足够的视觉冲击力。 　　《好奇心日报》的排版采用了N字形列表式图文1：1的纵向排列，期间穿插横向的小版块，列表式的排版能够更好地凸显文章的标题