当前位置: 首页 > >

基于用户需求个性化手机UI设计的研究_图文

发布时间:

基于用户需求的个性化手机 UI 设计的研究
摘要:通过对产品 UI 和手机 UI 的设计原则和要素的探讨,分析对比在售的各类型系统手机的主要产品界

面,研究了不同消费人群在选择和使用时手机时的选择意向,以此为向导,对比各个界面的优劣性,通过 横向与纵向的对比分析,得出以个性化的手机 UI 和与系统更为整体的 UI 并不矛盾的观点,并以此引出, 手机 UI 设计要在整体的基础上更关注个体的结论。
关键词:可视化,人性化,用户友好性,易用性

绪论
论文内容简介 步入 21 世纪后,电子产业的发展日新月异,技术的进步使得成本下降,各种电子产品开始由昂贵的 奢侈品成为人们日常的消费品,手机、电脑、MP3、MP4 等各类电子产品层出不穷,在这些产业中,无法 方便携带的计算机在消费市场上早已是日暮黄昏,移动终端正在渐渐的侵蚀着曾今计算机领域许许多多的 市场,在企业市场中,虽然便携式多功能的多媒体终端还未真正成为一名合格的员工,但是可便携性使得 人们可以随时随地的使用它们处理简单企业实例问题等,这也使得移动终端更为迅猛的发展。而在这些品 类繁多移动终端中,手机和*板电脑可谓是最耀眼的两颗明星,它们的发展与壮大是随着人们对生活品质 的要求飞跃式的发展的,在经历的低潮后,它们都井喷一样快速的成长,成为如今的消费市场中的支柱产 业。纵观二者的发展历程,可以说二者在发展的过程中一直是相辅相成的,但是却又不完全相同 ,抛弃后 者,本文主要从手机 UI 的设计的发展来阐述用户界面的设计对使用人群影响进行研究,通过运用类比、 SWOT 分析法等方法进行分析和例证。 本课题以手机的 UI 为研究的对象,UI 的设计基本的理论入手,寻求探讨在以信息为代表的 21 世纪, 在产品的设计逐步走向多层次化,个性化的基调下,手机 UI 的相关概念,设计时所要准寻的原则,选择 时考虑的因素,使用时形成的*惯等在外在环境多变的今天对手机 UI 设计的影响,探求其未来发展的趋 势。 文章着重于手机 UI 设计的实用性和易用性,兼顾可视化的效果和美观,从不同系统的手机的比较到 同系统不同系统版本的 UI 以及同系统同版本不同厂商的定制后的 UI 进行对比,从各类型 UI 的差异化设 计入手,分析了全球 3 大智能操作系统的手机 UI 设计案例,从而研究差异化中的相似性与人性化,并对 手机 UI 的差异化设*辛苏雇

一、UI 设计的相关理论

1.1.

UI 的定义和含义

UI 即 User Interface(用户界面)的简称。 在人和机器的互动过程中,有一个层面,即我们所说的界面(interface)。从心理学意义来分,界面可分为感觉(视觉、 触觉、 听觉等) 和情感两个层次。 用户界面设计是屏幕产品的重要组成部分。 界面设计是一个复杂的有不同学科参与的工程, 认知心理学、设计学、语言学等在此都扮演着重要的角色。 享受,拉*人与电脑的距离,为商家创造卖点。 应该贯穿的思想就是用户要什么我们就做什么。
2 1

软件界面设计就像工业产品中的工业造型设计一样,是产品的重要卖点。一个友好美观的界面会给人带来舒适的视觉 界面设计不是简单的画画,他要求确定使用人群、方式、环境并且为设 计的目的是为了用户,是一种科学而又艺术的设计。对于最终界面的检验要以用户的满意度为标准,因此 UI 在设计时始终

1.2.

UI 设计的分类

1

2

李俊伟.基于手机的用户界面研究.合肥工业大学,2010. 粟慧. 从用户界面看数字信息产品的可用性——以公共图书馆提供的两个数字信息产品为例.图书与情报,2009

源于对用户设计的各种原因的考察,界面设计往往被分为三类。UI 设计不是完全独立的,三类界面设 计之间往往交叉进行。 一、功能性界面。对其来说,它实现的是使用性内容,功能性 UI 界面设计要建立在符学的基础上。 二、情感性界面。主要任务是向人传递情感,任何一个产品或者作品只有与人的情感产生共鸣才能为 3 人所接受。 三、环境性界面。不论何种设计都与环境密切相关,这里的环境是只我们所处的社会与文化的大环境。 于外部环境之中而言,面对的是群体,因此不能只关注个体。UI 的设计和信息的传达都不能是于环境之外 独立存在的,现实条件与精神条件是界面设计组成的重要因素。 可以说,功能性界面是基础,而环境性界面前提,核心则是情感性界面。三者之间相互依存,从而让 界面设计从形式和内容上都得到提升。交互界面的分类可以说是不存在完全对立的,这三类设计之间有着 这样那样的交叉,就像简单的问候是一种功能性界面可以说,但是更多的是给用户带来情感上的归属。

1.3.

UI 设计的原则

第一、置界面于用户的控制之下,以用户为主体。 所谓置界面于用户的控制之下就是要了解用户的需求,要知道他所要在 UI 下需要获得的功能,寻找 出用户喜好的 UI,只有把用户的目的当作自己的目标进行设计,充分的关注使用的群体,这样才能够设计 出一个可以完成用户需求的 UI 界面。UI 并不是程序而是使用者与程序交流的途径,因此要求其能够通过 UI 向用户传达信息进行服务。界面的设计为的是用户而不是程序员。 第二、减少用户的记忆负担,保持一致性。 使用者是 UI 的设计的使用主体,较为统一的风格可以减少用户所要记忆的特征,于用户而言就可以 说是简易好用。相反,一个界面设计时如果不能保持界面的一致性,就会让用户觉得杂乱,无从使用,最 终使得使用者不知道设计者要向其传达的使用信息而无法使用。包括设计目标一致、元素外观一致、交互 行为一致三个方面是 UI 设计要遵循的重要原则之一。 第三、重视模型。 对于用户而言,没有什么比现有的 UI 更让自己熟悉的了,对于现有的 UI 无需在去适应学*使用,因 此我们要学会利用现有的界面模型,通过对其功能的改变就可以达到相应的目的。 第四、运用视觉等级。 “设计师可以从混乱中找到统一;他们可以通过组织操控文字、图片从而清晰地传达设计意图。”4 设计时, 要让用户的注意力集中在重要的地方。 用户注意的地方要完整而清晰的表达设计者所要传达 的信息,而每一个元素的大小、颜色还有位置都会影响到用户对设计者要表达的信息的理解。 第五、保持简洁。 界面简介可以让用户更为简易的使用操作和理解设计者所要传达的信息。因此 UI 的设计要以用户最 少的操作达到最大的目标作为设计的原则,所以设计者不要试图在设计中加入自我喜好的元素。

1.4.

手机 UI 的设计原则和基本要素

3
4

豆丁网. 智能建筑中火灾监控系统的图形用户界面设计 李俊伟.基于手机的用户界面研究[D].合肥工业大学,2010.

1.4.1 手机 UI 要遵循的基本原则
通过上一节关于 UI 设计的原则分析, 我们了解到 UI 设计时要遵循的的基本原则, 但是作为手机这种 更为典型的移动终端工具来说, 手机 UI 设计要遵循什么原则呢?我们以手机 UI 使用过程为主线进行讨论。 通过不同的手机设计时所要考虑的因素,提出在设计时要准寻哪些相同的原则。 。大体上讲手机 UI 或者说 UI 的一般都要准寻结构、交互、视觉这几个方面的设计才能呈现在用户眼前。那么细致来说,手机在进行 交互界面设计时要准寻哪些原则呢?设计人员要做怎样的工作呢? 第一:结构设计 巍巍高耸的高楼得以不倒,其主要的原因是地基和大楼的结构。同样的,一个交互界面发展的长久与 否也与界面的结构有莫大的关系,结构是设计的框架,是设计的基础,它决定了界面下有怎样的功能,使 用者如何操控使用它,因此结构的设计可谓是最为基础的工作,却又是相当重要的工作,因为它能为我们 设计提供更为广阔的空间, 也是设计好坏的重要判断依据。 我们以三大手机智能操作系统的 UI 结构为例来 讨论,手机 UI 是要向使用者传达用户所要使用的信息,因此是数据的流动,而信息传递的载体则是用户感 知和使用信息的基础,因此结构设计在此可以分为两个部分,信息架构和信息表达,通过用户的使用进行 信息反馈,从而显示用户想要获得的内容。 以 Windows phone8 为例。通过对 Windows phone8 界面的识别我们可以看到其采用了类似双屏加磁铁 的设计。磁铁是整个界面最具有代表性的元素,其动态的效果是 WP 系列手机的一大特点。首先就是更多 不同颜色方案,多大二十种不同主题色彩可以很好的为整体的界面带来个性化的东西,这代表了每个人内 心的动。

统一中暗藏“动”的元素

其次另一个动的表现就是每个动态磁砖,有些磁砖本身就会产生动,例如人脉、通讯录、图库这些磁 砖外表是跟其他的没有区别,但它显示时会本身应用内部的一些信息。图库呈现为最大图标时,它可以以 幻灯片方式缓慢的滚动着照片。通讯录则会将联系人的头像翻转显示,让联系人富有了一定的生机。 可以说动态磁砖是 WP8 系统结构的基础,正是基于这样的结构才有了界面这样的布局,通知在磁砖 中提示让用户可以不用打开应用就可以了解到用户所需要的信息,使得用户可以更简单明了的操作这个系 统。基于这样的结构设计下,相关配套的设计也应运而生,如锁屏、设置等等。 就锁屏来说,Windows phone8 选择了和 Windows8 一样的向上滑动解锁的方式,简单明了是我唯一能 想到的词汇。

WP8 锁屏界面

WP8 的锁屏界面除了一般的手机状态信息外还提供了多种应用信息的推送显示,例如消息,邮件等 等,相信这也是和 WP8 的磁砖界面构架有相当大的关系的,在此类界面下,没有通知栏,加入锁屏界面不 能很好的推送消息,那么用户在使用时简单的应用也要进行解锁操作是相当不简便的,这不符合 UI 设计 的基本原则。

鉴于 WP8 手机没有设计功能键这一设*峁梗颐峭ü褂梅⑾衷诿扛龅ザ赖挠τ弥校褂邢嘤Φ亩兑趁婊蛘呷 级页面设置。因此当我们进入一个应用后,可以直观的看到它还会分裂出一些二级设置页。对于相机的设计这个有些特殊, 它将设置以及切换都放置在底部,当我们需要进行设置时可以向上滑动来进行设置的选择,如果你知道每个图标的功能那也 可以直接点击进行设置切换。

显然,正是由这些颜色各异互不相同的磁砖组成了我们现在眼中的 WP8 系统整体的界面,也正是由 于这样设计的架构使得界面的设计呈现出多层次、多级别动态显示的特点。从 WP8 系统界面开发的原则 来看,手机 UI 结构的设计原则就是将目标任务层次化,多级展开来进行设计。这样一步步的构建整个系统 的架构。 第二、交互设计 产品的设计的目标客户是人类,在进行 UI 设计时,人-机如何交互是产品世纪的重要环节之一,交互 设计的优劣也直接关系到整个产品设计的成败。对于硬件界面这里我们不过多阐述,这里主要以安卓系统 界面上的人机交互为例来说明人机交互在设计时要准寻的一些原则。 对于软件 UI 的设计,其根本目标就是为了让用户更加简单的完成所要达成的任务,用户在操作使用 时一定要作为使用的主体,使用户感觉到是自己在操控手机而不是被手机所操控。

安卓 4.4 原生界面

可以看到,安卓系统主页面和锁屏页面都有一个重要的特点--------------看上去干净明亮,这个格调贯 穿着整个系统。此外,从前标志性的蓝色色调也不见了踪影,被换成了更浅的色调。谷歌还改变了透明度 的处理,将深黑色的背景换成了半透明的白色。总体上看,整个系统感觉上更加简单、漂亮、机械化。 从上图中我们可以简单的总结一下手机 UI 开发过程中交互界面设计时要遵循的几个原则: 1. 界面效果的整体性、一致性

手机软件运行于手机操作系统的软件环境,界面的设计应该是基于这个应用*台的整体风格,这样有利于 产品外观的整合。5 2. 界面效果的个性化 那么我们追求界面的整体性以及一致性,是不是就是说就可以忽视软件界面的个性化的特征呢?整体性和 一致性是基于手机系统视觉效果的和谐统一而考虑,个性化是基于软件本身的特征和用途而考虑。因此这 一点也是不容忽视的! 3. 界面视觉元素的规范 图形图像元素的质量 尽量使用较少的色深表现色彩丰富的图形图像,既确保数据量小又确保图形图像的效果完好,使图形图像 在软件系统中所占数据量尽量减小,提高程序的工作效率。 线条色块与图形图像的结合 界面上的线条和色块后期都会用程序来实现,这就需要考虑程序部分和图像部分的结合,需要自然的结合 才能协调界面效果的整体感,所以需要需要程序员与界面设计人员的密切沟通,达成一致。

整体是 holo 风格富有科技感

第三、视觉设计(IOS7 为例) 界面的视觉元素有很多,例如布局、语言、文字、图标和色彩等,而这些单位的元素整体组合出设计 者想要给用户展示的内容,以期能够向用户传达有用的信息,这就是视觉设计的整体意义。那么这些单元 要如何设计呢?这就是下面我们要讨论的内容。 1) 布局 就屏幕的布局来说, 设计者在设计时应当站在用户的角度不仅要考虑界面的实用性, 也要考虑用户可 能会长期使用这个界面, 因此大方得体美观的界面布局又显得尤为重要, 那么在布局时我们应当注意 哪些呢? ? 对称原则。注意界面显示的内容要左右相对称,不能够在一方或上下的一边显得过为拥挤,以免 用户在使用时产生视觉疲劳和识别错误信息。 ? 可预测原则。界面的内容显示要能够上下连贯,不宜又过大的视觉变换。 ? 清晰原则。内容清晰可读是使用的最基本保证。 ? 规范化。规划的设计有利于系统的二次开发。

5

张赢,刘子建. 基于符号学的软件界面研究及图标设计. 工业技术经济. 2009 年

IOS7 整体扁*化格式化的图标布局

2) 、语言和文字 语言和文字可以说是 UI 设计中最为重要的环节之一,使用者想要获得的信息大部分是通过语言文字 获得的,因此在设计时尽可能使用标准的用语和容易识别的文字。

3) 、图标和色彩 图片标识的功能是手机功能在显示世界中的反映, 用户通过它了解使用图标所代表的功能, 因此图片 和标识的设计要能完整而清晰的表达该其背后程序的功能。因此设计要遵循清晰明了、意义明确、协调一 致的设计要求。 对于界面色彩的使用来说,首先色彩要满足人们对功能的要求,在此基础上尽量设计的更为协调,这 里的协调不仅仅是同一界面上,在进入不同程序时也希望能够有统一的色调。对于不同的人群可以设置不 同的界面色彩基调,从而让不同用户在使用时都能满意。例如,青年人喜欢更为靓丽的色彩,中年消费者 喜欢沉重的色彩,女性消费者喜欢粉嫩的色彩等。6 最后,可以说结构设计构成了 UI 设计的基本框架,是交互设计和视觉设计的基础,而交互设计是结 构设计和视觉设计之间的桥梁,视觉设计能够让结构设计在交互设计上得到内在和外表双方面的升华。

6

刘伟雄.百威冰啤酒广告战略分析报告.现代广告,2005

1.4.2. 手机 UI 设计的要素
手机 UI 设计的要素包括视觉要素和使用要素两类,视觉要素是显示传递有用的信息所要使用的要素, 其包括文字、图形、媒体等,使用要素是使用时界面被控制和控制后的反馈信息,使用要素都通过视觉要 素来进行表达。 手机 UI 的设计要素也是手机设计环节重要的内容之一。

二、目前手机 UI 的现状和优劣势分析

2.1. 目前手机 UI 的现状
从目前市场上在售的手机来看,谷歌的安卓、微软的 Windows phone 系列以及苹果的 IOS 系列占据了 市场销售手机 90%以上的市场份额,因此这三种界面 UI 最具有代表性,而安卓和苹果又占据着绝对主导的 地位。

WP8、IOS、安卓系统解锁界面

通过对比使用我们可以发现,原生的安卓和 IOS 目前在系统布局上都走的是扁*化界面的的路线,两 者都有下拉的通知栏,都有通知中心,可以说二者有许许多多相似的地方。但是在可定制化上,安卓确更 走在了前列,不管是界面的元素还是界面的功能相比 IOS 都有很大的进步。

2.2. 目前手机市场份额统计
在刚过去的 2013 年第三季度,苹果公司的 iPhone 获得了美国 40.6%的手机市场份额,相比前一季度 的 40.4%有略微上涨。谷歌的安卓的份额从 51.8%增长至 52.2%,目前仍是美国市场第一的操作系统,微软 的 WP 系统则获得了 3.2%的份额。

2.3. 用户需求
用户的需求往往是多方面的、不确定的,需要去分析和引导。用户的需求是指通过买卖双方的长期沟通,对用户购买 产品的欲望、用途、功能、款式进行逐步发掘,将客户心里模糊的认识以精确的方式描述并展示出来的过程。 智能手机的出现使得它无时无刻的侵入着我们的生活,从普通的电话短信,到购物消费等,生活的各个方面,那么对 于智能手机的使用者,用户的需求到底是什么呢? 一款智能手机是否合用我们首先要看一下他的系统是否符合使用者的要求,手机的外表多种多样,但是对于系统来说, 世界也不过寥寥几种,硬件以外真正核心的东西就是软件-----系统。那么对于手机的选购一般的消费者对系统都有着怎样的 要求呢? 通过调查发现,消费者在选购手机时首先会了解产品的口碑,界面的美观程度,使用的人群,软件的数量以及质量, 价格,操作的简易程度,硬件配置的高低等几个方面。

通过一个表格我们来识别一下这三大系统间有怎样的关系

通过把各项细分,每项以 10 分为满分进行打分,分别得出各系统的总分,这与目前市场对这三大系统 的认可度基本一致。 这与先前我们看到的市场份额情况基本吻合,去除价格因素以后,IOS 在高端市场遥遥领先,消费者 的认可程度也很高,但是安卓参差不齐的软硬件差距扩大了这种差距,因此在高端市场上 IOS 相比安卓和 WP 都有非常明显的差距,也正是由于价格的原因,安卓也获得了很大的市场,在中低端产品上有着绝对 的优势,而 WP 系统则由于使用的厂商相对较少,产品软件不多等一些缺点,始终没有成为主流。

2.4.

在手机 UI 中整体性与个性的统一

手机 UI 的设计与一般界面的设计有许多共通的地方,虽然如此,但是碍于手机作为一日常用品,智 能手机更是渗入生活的各个方面,与一般的界面设计还是有一定的不同的。 手机 UI 的设计应该更注重用户体验,良好的操作性,能提供更多优质的内容,不同于电脑等媒介, 手机的屏幕的大小限制了手机 UI 显示的内容,要想要在这样大小的屏幕上显示更多、更优质的内容,还 要兼顾美观,这就要求手机 UI 的设计更要优于其他媒介的 UI 设计。整体性可以使 UI 和内容之间更为协 调,个性化的设计可以让用户耳目一新,真对不同的消费者,不同的人群设计出风格各异的 UI,给用户更 多的选择,是 UI 设计者设计的准则。

三、总结
手机 UI 的设计应该始终以用户为中心,设计的思路应该是广阔的,不要局限于已有的设 计,标准而整洁的设计必然能得到大部分人的青睐,但个性的设计未必不能够成为主流,因 此在设计手机 UI 时,设计人员要根据用户的需求进行把握,细分市场,在整体性的基础上追 求更为个性的设计,千篇一律的设计迟早会被用户所抛弃,真正好的设计是需要不断完善不 断改进的。

参考文献:
1.李俊伟.基于手机的用户界面研究.合肥工业大学,2010. 2.粟慧. 从用户界面看数字信息产品的可用性——以公共图书馆提供的两个数字信息产品为例.图书与情报,2009 3.豆丁网. 智能建筑中火灾监控系统的图形用户界面设计 4.李俊伟.基于手机的用户界面研究.合肥工业大学,2010. 5.张赢,刘子建. 基于符号学的软件界面研究及图标设计. 工业技术经济. 2009




友情链接: