基于移动设备中“川剧文化”用户界面的设计研究.pdf

国内图书分类号 j 箩i 国际图书分类号 西南交通大学 研究生学位论文 基于移动设备中 川剧文化 用户界面 的设计研究 年级 2 q 级 姓名 昱星 申请学位级别 王猩亟 专业 王些遮让工猩 指导老师 夏萱教援 二零一四年五月 c l a s s i f i e di n d e x j u d c so u t h w e s tj i a o t o n gu n i v e r s i t y m a s t e rd e g r e et h e s i s t h er e s e a r c ho n d e s i g n o fu ib a s e do n s i c h u a no p e r ac u l t u r e i nm o b i l ed e v i c e s g r a d e 2 0 1 1 c a n d i d a t e w us i a c a d e m i cd e g r e ea p p l i e df o r m a s t e rd e g r e e s p e c i a l i t y i n d u s t r i a ld e s i g ne n g i n e e r i n g s u p e r v i s o r w a nx u a n m a y2 0 1 4 西南交通大学 学位论文版权使用授权书 本学位论文作者完全了解学校有关保留 使用学位论文的规定 同意学校保留并向国家有关部 门或机构送交论文的复印件和电子版 允许论文被查阅和借阅 本人授权西南交通大学可以将本论 文的全部或部分内容编入有关数据库进行检索 可以采用影印 缩印或扫描等复印手段保存和汇编 本学位论文 本学位论文属于 1 保密口 在年解密后适用本授权书 2 不保密 使用本授权书 r 请在 t 方框内打 v 学位论文作者签名 次因 指导老师签名 日期 砂l 峨易 i1 日期 幽 旷 t 7 西南交通大学硕士研究生学位论文第1 页 西南交通大学硕士学位论文主要工作 贡献 声明 本人在学位论文中所做的主要工作或贡献如下 通过市场调研 数据统计的方式总结出课题所需要的研究数据和参考资料 分析成功案例 结合标志设计的基本原理总结出标志设计中图形动态化的方法 通过设计实践来佐证其研究结果 本人郑重声明 所呈交的学位论文 的成果 除文中已经注明引用的内容外 是在导师指导下独立进行研究工作所得 本论文不包含任何其他个人或集体已经 发表或撰写过的研究成果 对本文的研究做出贡献的个人和集体 均已在文中作 了明确说明 本人完全了解违反上述声明所引起的一切法律责任将由本人承担 学位论文作者签名 疑团 日期 砂l4 6 l7 西南交通大学硕士研究生学位论文第1 页 摘要 近些年随着互联网以及移动互联设备技术的逐渐成熟 移动设备应用正深刻影响 着人们衣食住行的各个方面 移动设备应用界面设计是全球范围内最前沿的新型研究 领域之一 中国作为一个有着五千年历史的文化大国 在当今移动互联时代如何将原 有传统文化利用新技术进行创新与推广 便成为移动互联时代移动设备应用界面设计 的一个新挑战 当今主流媒体越来越珍视优秀传统文化 兴起了保护 弘扬优秀传统文化的热潮 川剧文化作为非物质文化遗产的重要组成部分 随着国内相关学者研究的不断深入 以及移动设备技术的逐渐发展 移动设备在人们中的普及率呈几何数增长 川剧文化 便有了新的保存 继承与弘扬的途径 本文以基于移动设备中 川剧文化 用户界面 的设计为研究主题 深入分析了川i 剧文化元素的色彩及造型特征 结合目前移动设备 应用界面中所出现的问题 论述了如何通过系统的方法流程提高移动设备应用产品的 界面设计水平 弘扬中国传统戏曲文化 川剧文化在移动设备应用界面设计中的运 用价值 在此基础上 本文创造性地提出了研究川剧文化与移动设备应用界面设计的 关系 通过强化川剧文化图形元素的提炼与抽象变化的设计理念 为川i 剧文化移动设 备应用的客户端推广起到强有力的作用 通过界面设计的改进与更新 使得川剧文化 具有更为普及的艺术传播性 更现代的观赏价值和更与时俱进的良好互动性 通过对 川剧文化图形的抽象表达 归纳出更符合移动互联时代川剧文化视觉设计的时代内涵 通过将川剧文化与移动互联设备的紧密耦合 达到传统民俗文化与现代科技的创新性 沟通 最终让移动设备应用界面设计准确传达川剧文化的神韵 通过设计重新演绎传 统民俗文化的精髓 突显川i 剧的文化内涵 使川i 剧文化相关的移动设备应用吸引更多 用户使用 产生更符合现代需求的社会效应 积极推广传统文化移动设备应用对于丰 富我国传统文化用户界面设计的理论研究 促进我国传统文化相关用户界面的设计创 作 充分利用本土文化的独特性 对于我国移动设备应用的发展和传统文化的发扬都 将具有较为深远的意义 关键词 移动设备 用户界面设计 川剧文化 西南交通大学硕士研究生学位论文第1 i 页 a b s t r a c t i nr e c e n ty e a r s w i t l lt h ed e v e l o p m e n to ft h ei n t e m e tt e c h n o l o g ya sw e l la st h em a t u r e p a r t so fm o b i l ei n t e r a c td e v i c e s m o b i l ed e v i c e sp e r f e c t sap r o f o u n da n db a s i cn e c e s s i t i e s i m p a c ta g a i n s ta l la s p e c t so fp e o p l e sb a s i cn e c e s s i t i e s m o b i l ea p p l i c a t i o ni n t e r f a c ed e s i g n i so n eo ft h em o s tp o p u l a rr e s e a r c hi nt h en e ww o r l d w i l df i e l d a sw ea l lk n o w c h i n ai sa g r e a tc o u n t r yw h i c hh a v ef i v e t h o u s a n dy e a r sh i s t o r y i nt o d a y sm o b i l ei n t e r a c te r ao fh o w t h et r a d i t i o n a lc u l t u r eo ft h eo r i g i n a lu s eo fn e wt e c h n o l o g i e sa n dt h e p r o m o t i o no f i n n o v a t i o n t h u s i tw i l lb e c o m ean e wc h a l l e n g em o b i l ei m e m e te r ao fm o b i l ed e v i c e a p p l i c a t i o ni n t e r f a c ed e s i g n t o d a ym o r ea n dm o r em a i n s t r e a mm e d i ah a sc h e r i s h e dt h et r a d i t i o n a lc u l t u r e j u s tt o r i s eo fp r o t e c t i o n c a r r yf o r w a r d i n gt h ef i n et r a d i t i o n a lc u l t u r eb o o m a sw ek n o w s i c h u a n o p e r ac u l t u r e a sa ni m p o r t a n tp a r to ft h ei n t a n g i b l ec u l t u r a lh e r i t a g eo fc h i n a w i t ht h e d e e p e n i n go ft h er e l e v a n td o m e s t i cs c h o l a r sa sw e l la st h eg r a d u a ld e v e l o p m e n to fm o b i l e d e v i c et e c h n o l o g y t h em o b i l ed e v i c ep e n e t r a t i o ni nc o m m o np e o p l eh a v ea ne x p o n e n t i a l g r o w t hi nt h en u m b e r a n dt h e r ew i l lb ean e wc u l t u r a ls i c h u a no p e r ap r e s e r v a t i o n a n dt o p r o m o t ew a y so fi n h e r i t a n c e i nt h i sp a p e r b a s e do nt h em o b i l ed e v i c ei n t e r f a c ed e s i g ni n s i c h u a no p e r ac u l t u r ea p p l i e dt or e s e a r c ht o p i c s i n d e p t ha n a l y s i so ft h ec h a r a c t e r i s t i c so f t h ec o l o ra n ds h a p eo ft h es i c h u a no p e r ac u l t u r ec o m b i n e dw i t ham o b i l ed e v i c ea p p l i c a t i o n i n t e r f a c et h a ta p p e a r si nt h ec u r r e n ti s s u e w e 1 1d i s c u s s e sh o wt oi m p r o v et h ef l o wo ft h e s y s t e mb yt h em e t h o di n t e r f a c ed e s i g nl e v e l a p p l i c a t i o n sf o rm o b i l ed e v i c e sa n dt h e p r o m o t i o no fc h i n e s et r a d i t i o n a lo p e r ac u l t u r e s i c h u a no p e r af a c ev a l u ee l e m e n tb yu s i n g am o b i l ed e v i c ea p p l i c a t i o ni n t e r f a c ed e s i g n o nt h i sb a s i s t h ep a p e r c r e a t i v e l yp u tf o r w a r d t h er e l a t i o n s h i pb e t w e e nt h er e s e a r c ho fs i c h u a no p e r ac u l t u r ea n da p p l i c a t i o n sd e s i g n i n g f o rm o b i l ed e v i c e s a n db ys t r e n g t h e n i n gt h es i c h u a no p e r ac u l t u r er e f i n i n gt h eu s eo f a b s t r a c tg r a p h i ce l e m e n t s a sw e l la sd e s i g n i n gc h a n g e sf o r t h ec l i e n ta p p l i c a t i o nf o rm o b i l e d e v i c e ss i c h u a no p e r ac u l t u r a lp r o m o t i o nw i l lp l a ya s i g n i f i c a n tr o l e t h r o u g ht h ei n t e r f a c e d e s i g ni m p r o v e m e n t sa n du p d a t e s m a k i n gs i c h u a no p e r ac u l t u r eh a ss p r e a dm o r ew i d e l y m o r em o d e mo r n a m e n t a lv a l u ea n d g o o dt i m e sm o r ei n t e r a c t i v e t h r o u g ha b s t r a c t 西南交通大学硕士研究生学位论文 第1 il 页 r e p r e s e n t a t i o no fs i c h u a no p e r af a c e s u m m a r i z e dm o r ei nl i n e w i t hm o b i l ei n t e m e t s i c h u a no p e r ac u l t u r ed e s i g ne r ac o n n o t a t i o no ft h et i m e sb yt i g h t l yc o u p l e ds i c h u a no p e r a c u l t u r ea n dm o b i l ei n t e m e td e v i c e s r e a c h i n gt h en a t u r a lc o m m u n i c a t i o no ft r a d i t i o n a lf o l k c u l t u r ea n dm o d e ms c i e n c ea n dt e c h n o l o g yi n n o v a t i o n a n du l t i m a t e l ym a k em o b i l ed e v i c e a p p l i c a t i o ni n t e r f a c ed e s i g n e dt oc o n v e ys i c h u a no p e r ac u l t u r e w ec a l l e di t g o d t h r o u g h t h er e i n t e r p r e t a t i o no ft h ee s s e n c eo ft h ed e s i g no ft r a d i t i o n a lf o l kc u l t u r e i no r d e rt or e a l i z e t h eb e a e rw a yt oc o n v e yt h ec u l t u r a lc o n n o t a t i o no fs i c h u a no p e r ac u l t u r ev i am o b i l ed e v i c e a p p l i c a t i o n s s ot h e ys e e mc u l t u r a l l yr e l e v a n ta p p l i c a t i o n sf o rm o b i l ed e v i c e s t oa t t r a c tm o r e u s e r s g e n e r a t i n gm o r ei nl i n ew i t ht h en e e d so fm o d e m s o c i a le f f e c t s a c t i v e l yp r o m o t et h e t r a d i t i o n a lc u l t u r eo fm o b i l ea p p l i c a t i o n sf o re n r i c h i n gt r a d i t i o n a lc u l t u r a lt h e o r yo fu s e r i n t e r f a c ed e s i g n a n dp r o m o t ec h i n a st r a d i t i o n a lc u l t u r e r e l a t e du s e ri n t e r f a c ed e s i g n i n g c r e a t i o n t a k ef u l la d v a n t a g eo ft h eu n i q u e n e s so ft h el o c a lc u l t u r e a n dt h ed e v e l o p m e n to f a p p l i c a t i o n sf o rm o b i l ed e v i c e sa n dc a r r yf o r w a r dt h et r a d i t i o n a lc u l t u r ew i l lh a v eam o r e f a r r e a c h i n gs i g n i f i c a n c e k e yw o r d s m o b i l ed e v i c e s u s e ri n t e r f a c ed e s i g n s i c h u a no p e r ac u l t u r e 西南交通大学硕士研究生学位论文第1 页 目录 摘要 i a b s t r a c t 目录 1 第1 章绪论 4 1 1 选题的研究背景 4 1 1 1 移动互联网及移动设备时代的到来 5 1 1 2 用户界面设计的概述 5 1 1 3 移动互联时代怎样将中国传统文化元素与时俱进进行创新 6 1 2 选题的研究现状简述 6 1 2 1 国外研究 实践现状 6 1 2 2 国内研究 实践现状 7 1 3 本课题研究的目的与意义 7 1 4 本课题研究方法及框架 7 1 4 1 本课题研究的方法 7 1 4 2 本课题研究的框架 8 第2 章移动设备应用中的用户角色模型的应用意义与方法 9 2 1 用户角色模型的应用意义 9 2 1 1 建立用户角色模型可以帮助定位产品目标 9 2 1 2 建立用户角色模型可以帮助确定产品设计目标及评审准则 9 2 2 用户角色模型在移动设备中的应用 9 2 2 1 用户角色模型的类型 9 2 2 2 用户角色模型的实际应用方法 1 0 2 3 如何检验用户角色模型的可靠性 1 0 第3 章移动设备应用界面的交互设计的方法 1 1 3 1 移动设备应用界面的交互方式与设计原则 11 3 1 1 用户与界面的交互方式分析 n 西南交通大学硕士研究生学位论文第2 页 3 1 2 移动设备应用界面的交互设计原则 1 2 3 2 移动设备应用界面的交互设计流程与方法 1 3 3 2 1 定位指南图 1 4 3 2 2 核心功能确认 一1 4 3 2 3 应用定义声明 1 4 3 2 4 画草图 1 4 3 2 5 低保真原型与高保真原型 1 4 3 2 6 视觉设计 1 5 3 2 7 交付 1 5 第4 章移动设备应用界面的视觉设计的方法分析 1 6 4 1 移动设备的种类 界面尺寸及特点 16 4 1 1 掌上游戏机 1 6 4 1 2 智能手机 1 6 4 1 3 平板电脑 1 6 4 2 移动设备应用界面的视觉设计分析 1 6 4 2 1 移动设备应用界面色彩的属性 一1 6 4 22 荐号在应用界面设计中的运用 1 7 4 3 移动设备应用界面视觉设计的原则与流程 1 7 4 3 1 应用界面视觉设计的原则 1 7 4 3 2 应用界面视觉设计的流程 一1 8 4 4 移动设备应用界面视觉设计的构成要素及方法 18 4 4 1 图标的视觉设计 1 8 4 4 2 启动界面的视觉设计 1 8 4 4 3 移动设备应用界面视觉设计中内容界面阅读体验的分析 一1 9 第5 章基于移动设备中 川剧文化 用户界面的设计研究 2 l 5 1j 1 1 8 1 j 文化的概述 2 1 5 1 2 川i 剧脸谱的文化内涵 2 1 5 2 基于移动设备中 1 1 居l j 文化 用户界面的设计研究意义 2 2 5 2 1 引导地方传统文化国际化 现代化发展 2 2 西南交通大学硕士研究生学位论文第3 页 5 2 2 促使传统川剧文化品牌化发展 2 2 5 2 3 为其他传统文化在移动互联时代的传播提供借鉴 2 2 5 2 4 为传统文化带来新的生机与活力 2 3 5 3 基于移动设备中 川剧文化 用户界面的设计运用研究 2 3 5 3 1 运用川剧文化 变脸 的特点在川剧文化用户界面交互设计上进行创新 2 3 5 3 2 将川剧脸谱图形元素的提炼与抽象变化运用到符号设计中 2 3 5 3 3 结合川剧文化使界面设计富有神韵 2 3 第6 章设计实例分析 基于移动设备中 川剧文化 用户界面的设计 以1 0 s7 系统 ip h o n e 5 为例 2 4 6 1 蜀伶记 j i i 居j j 文化资讯类a p p 界面设计 2 4 6 1 1 现有资讯类a p p 分析 2 4 6 2 2 蜀伶记川剧文化资讯类a p p 界面设计分析 2 4 6 2 s i c h u a no p e r af a n 川剧文化游戏类a p p 界面设计 2 7 6 2 1 现有川i 剧游戏类a p p 分析 2 7 6 2 2 s i c h u a no p e r af a n 川剧文化游戏类a p p 界面设计分析 2 7 6 3 留风蜀韵 j i i 目j 戏曲播放类a p p 界面设计 31 6 3 1 现有川剧戏f h j 类a p p 界面分析 3 1 6 3 2 留风蜀韵 j i i 静j 戏曲播放类a p p 界面设计分析 3 1 至殳谢 3 4 参考文献 3 s 攻读硕士学位期间发表的论文及科研成果 3 6 西南交通大学硕士研究生学位论文第4 页 1 1 选题的研究背景 第1 章绪论 改革开放3 0 年以来 我国经济社会得到了快速发展 随着互联网以及移动互联设 备技术的逐渐成熟 移动设备应用正深刻影响着人们衣食住行的各个方面 其背后隐 藏的无限商机无疑是巨大的 因而各路企业 运营商纷纷策马扬鞭 积极开发有创新 更加实用以及更加美观的产品来抢占市场 移动设备应用界面设计是全球范围内最前 沿的新型领域之一 目前以欧美国家行业内认可的相关领域专家 学者发表的一系列 用户界面设计准则 或指南 来进行设计指导参考 相关理论体系还有待完善 中国 作为一个有着五千年历史的文化大国 在当今移动互联时代如何将原有传统文化利用 新技术进行创新与推广 便成为移动互联时代移动设备应用界面设计的一个新挑战 近些年在主流媒体越来越珍视优秀传统文化 兴起了保护 弘扬优秀传统文化的 热潮 川剧文化作为非物质文化遗产的重要组成部分 随着国内相关学者研究的不断 深入 以及移动设备技术的逐渐发展 移动设备在人们中的普及率呈几何数增长 川 剧文化便有了新的保存i 继承与弘扬的途径 本文以基于移动设备界面设计中川剧脸 谱元素的应用为研究主题 深入分析了川剧脸谱元素的色彩及造型特征 结合目前移 动设备应用界面中所出现的问题 论述了如何通过系统的方法流程提高移动设备应用 产品的界面设计水平 弘扬中国传统戏曲文化 川剧脸谱元素在移动设备应用界面 设计中的运用价值 在此基础上 本文创造性地提出了研究川剧脸谱元素与移动设备 应用设计的关系 通过强化川剧脸谱图形元素的提炼与利用抽象变化的设计理念 为 川剧文化移动设备应用的客户端推广起到强有力的作用 通过界面设计的改进与更新 使得川剧脸谱具有更为普及的艺术传播性 更现代的观赏价值和更与时俱进的良好互 动性 通过对川剧脸谱的抽象表达 归纳出更符合移动互联时代川剧脸谱设计的时代 内涵 通过将川剧脸谱元素与移动互联设备的紧密耦合 达到了传统民俗文化与现代 科技创新的天然沟通 最终让移动设备应用界面设计能传达川剧文化的 神 能通过 设计重新演绎传统民俗文化的精髓 通过移动设备应用更好的传达川剧脸谱的文化内 涵 使 l l 居l j 文化相关的移动设备应用吸引更多用户使用 产生更符合现代需求的社会 效应 积极推广传统文化移动设备应用对于丰富我国传统文化用户界面设计的理论研 究 促进我国传统文化相关用户界面的设计创作 充分利用本土文化的独特性 对于 西南交通大学硕士研究生学位论文第5 页 我国移动设备应用的发展和传统文化的发扬都将具有较为深远的意义 1 1 1 移动互联网及移动设备时代的到来 2 0 1 4 年是4 g 之年 也是移动互联网之年 4 g 在拉动社会消费增长的同时 也开 创了移动互联网新时代 给各行各业带来巨大的发展机遇和挑战 作为传统互联网的 延伸和演进方向 移动互联网更是在近两年得到了迅猛的发展 如今 越来越多的用 户得以通过高速的移动网络和强大的智能终端接入互联网 享受丰富的数据业务和互 联网服务内容 移动互联网已成为全世界人们接入互联网的主要方式之一 移动互联 网具有开放性 互动性 大数据三个明显特性 并由三个重要要素组成 第一是无线 宽带 必须有足够的带宽 才能构成互联网的发展 第二是智能手机 没有智能手机 靠家庭电脑 传统的打电话的手机 形不成移动互联网的时代 第三是基于云计算的 大数据平台 正是这三大要素支撑起了移动互联网的繁荣 手机打车 代驾 家政服 务等基于人 基于位置 基于明确需求的各类服务应用层出不穷 从移动互联网所依托的移动通信网络来看 网络扁平化 数据化 i p 化的网络演 进 使得网络融合加速 信息传递更加通畅 移动终端的信息交互类型越来越丰富 数据流量越来越大 这将带来更大的移动应用市场与服务竞争的空间 移动终端产品的诸多机遇同样显而易见 智能手机和平板电脑的时代已经到来 虽然主流产品都已性能不俗 但智能移动终端市场在我国刚普及两年左右 未来发展 和革新的空间巨大 目前多数厂商的产品硬件和设计上同化趋势明显 系统和软件应 用上各有千秋 所以 更多的商业机会在于能否有突破性功能设计的新产品 以及丰 富的产品类型 以把握不同的细分市场 1 1 2 用户界面设计的概述 早期在互联网领域所提及的用户界面 是由工业设计领域中的人机交互界面引申 过来的 界面的概念非常广阔 只要人与某种对象相互接触就构成一个界面 如今随 着用户界面设计这门交叉学科的发展以及延伸拓展 它的定义也在不断发展 从广义 上说 界面是指一种提供信息处理关系产生的媒介 它是用户和机器交互信息 输入 和输出 的介质 而狭义上的界面 即计算机设备中的人机界面 人机界面又称用户 界面 用户通过各种感官方式来感知并接受来自机器的信息 再通过大脑分析做出反 应 给出计算机新的命令指示或操作 从而实现人与机器之间信息传递的过程 而所谓的用户界面设计 u s e ri n t e r f a c ed e s i g n 是指设计人员通过协调用户界面 西南交通大学硕士研究生学位论文第6 页 中的各个构成要素来优化人机界面信息交流的手段和过程 用户界面设计是以人为中 心 使产品达到简单使用和愉悦使用的设计 用户界面设计主要是为了提高人与界面 交流的有效率 是用户需求的一种系统性设计 在整个用户界面设计过程中 包括用 户心理学 视觉设计学 人机交互学 信息架构学等多学科交叉合作完成 好的用户界面应该集 可用 易用 美观 于一体 如果移动设备应用的功能 不可用 不能为用户解决核心问题 那么不管这个软件是否易用和美观 用户都不会 使用这个软件 如果两个应用的功能和价格都差不多 那么易用性就成为用户选择的 第一标准 哪款软件更好操作 流畅度更好运行速度更快 用户就会选择哪款软件 如果两款应用的核心功能 价格 易用性都差不多 那么用户容易倾向更加美观的移 动设备应用 1 1 3 移动互联时代怎样将中国传统文化元素与时俱进进行创新 全球互联网行业发展迅猛 而近些年的移动互联网又掀起了另一次技术革命 移 动互联网流行趋势不仅未能动摇传统文化在人们生活中的地位 反而与兼容并包的中 国传统文化日益融合 形成一种便携式 易迅速传播的青春鲜活又富含文化内涵的新 时尚 随着我国移动互联网技术的不断发展和移动设备应用对人们生活的不断渗透 传统文化在树立品牌形成民族意识的同时 也深化了自身的内涵 产生更为深层次的 i r 曼 j 国传统文化元素在移动设备应用中的运用不仅是本土文化进步的象征 也是 对中华民族精神文化的理性回归 因此 在移动设备应用界面设计领域应该建立起更有深度的 中国意识 使用户 界面设计在回归本土文化元素的同时形成有中国特色的审美风格和设计思想 这是中 国现代用户界面设计的追根溯源之旅 1 2 选题的研究现状简述 1 2 1 国外研究 实践现状 国外尤以欧美国家对于移动设备用户界面的研究早在上世纪九十年代就有提出 已经形成了较为完善的用户界面设计体系 北美西欧等国家在移动设备应用界面上的 研究发展比较成熟 对于移动设备应用界面设计的研究更侧重于实际应用 实践与技 术开发 用户界面所包含的领域还包括 用户研究 交互设计 用户界面设计 u i 图形用户界面 g u i 视觉设计 以用户为中心的设计 u c d 用户体验 u e 或u x 西南交通大学硕士研究生学位论文第7 页 前端开发等概念 以上这些概念自身还处在发展中 国外有些业内学者将这些概念和 其他学科之间的关系做了界定 但这是为了让人们更好的了解这些概念和其他学科之 间的关系 而这些定义界限也并非一成不变 随着该学科技术不断发展完善 也会有 相应的改变 1 2 2 国内研究 实践现状 移动设备应用界面设计在国内还是个不太普及且专业性较强但多数人对此认知 很模糊的设计类别 通过国内相关公司的招聘广告对用户界面设计的招聘要求来看 国内一些公司对用户界面设计的理解还停留在单纯的美术设计或者需要编程的前端设 计 这样的理解是有偏差并且对用户界面设计缺乏必要的认知 如今随着移动设备技术的不断完善进步 不注重用户体验以及交互设计的用户界 面设计已经不足以满足人们日益增长的对移动设备应用既有独特的可用性 流畅的操 作体验 美观的界面设计的需求 软件产品在激烈的市场考验中 仅仅具有强大的功 能是远远不够的 幸运的是国内一线互联网公司已经开始意识到移动设备应用界面对 软件产品的重要推动意义 并着手推出了很多款符合中国国情乃至世界范围内的优秀 产品 1 3 本课题研究的目的与意义 中国拥有全球最大的用户规模 近年来在包括智能手机 平板电脑在内的移动设 备需求上也与日俱增 但自主创新的移动互联网应用平台还未获得足够的市场规模 在应用产品的开发与设计上仍处于跟随模仿占有很大比例的情况 与欧美不同的国情 相比 我国具有悠久的传统文化历史 在移动互联时代用户界面设计中 可以借由本 土传统文化为突破点 通过系统科学的设计研究方法 设计出有中国特色传统文化内 涵作背景又有技术创新的移动设备应用 因此 包括智能手机 平板电脑在内的移动 设备应用的企业或研发单位特别需要一套完整且成体系的科学设计研究方法来指导相 应的设计活动 1 4 本课题研究方法及框架 1 4 1 本课题研究的方法 笔者将采用调研法和文献法来对资料进行分析对比 将本专业的学术理论性和设 计的实践性相结合 从而表现课题的创新性和应用的指导性 西南交通大学硕士研究生学位论文第8 页 1 调研法 基于受众对图形动态化的标志的感知印象做市场调研 调研主要是以 访谈的形式为主 例举一些常见的动态化的标志 试图让受众对其进行口头描述 也 可以对其进行简单的绘制 根据受众对它们的识别程度 记忆程度 认知程度 分析 现阶段出现的图形动态化标志的特点以及存在的优缺点等等 2 文献法 首先列出与课题相关的一系列关键词 例如 动态 标志设计 数字技术 动态图形 等词汇 然后通过所陈列的关键词在图书馆 互联网络 艺术设计书店 期刊杂志店等地搜取到国内外与主题有关的资料 与此同时 时刻关 注前沿的艺术设计网站 博客 及时下载与动态化标志相关的图片 文字以及视频信 息 通过参考收集到的资料文献 从而深入地 全面地了解标志设计中图形动态化的 有关概念 找到图形动态化标志的设计特征和规律 明确图形动态化标志与传统静态 标志之间的异同之处 1 4 2 本课题研究的框架 本文的文章结构分为四个部分 第一部分 简要概述移动互联时代怎样将中国传 统文化元素与时俱进进行创新的重要意义 第二部分论述了移动设备应用界面中交互 设计 用户体验以及视觉设计所包含的相关内容 第三部分 全面阐述了川剧文化在 移动设备界面设计过程中如何通过与移动设备应用界面设计相结合从而体现出川剧文 7 乏神蕊 0 技术问题及其应用 第四部分为设计实例分析 西南交通大学硕士研究生学位论文第9 页 第2 章移动设备应用中的用户角色模型的应用意义与方法 2 1 用户角色模型的应用意义 2 1 1 建立用户角色模型可以帮助定位产品目标 在移动设备应用新产品设计初期 需要对产品的目标进行定位 明确服务人 群及产品的核心功能 传统的针对产品目标进行的调研常常采用年龄 性别 收 入等作为聚类分类 而用户角色模型可以根据模型的偏好 价值观 使用习惯等 方面从根源上对用户进行细分 2 1 2 建立用户角色模型可以帮助确定产品设计目标及评审准则 在移动设备应用新产品设计的初期 需要对产品目标进行定位 明确产品服 务对象及产品的核心功能 通过定性研究广泛收集用户对此类移动设备应用的需 求以及用户自身特征 同时初步圈定一些能区分用户的特征因素 在明确产品设计目标后 设计师可根据分类胡勇的主要目标和使用场景来做 任务分析和模拟 另外可根据用户的使用经验确定界面的复杂程度 制定引导方 式 界面用语等设计目标 在此基础上 可通过用户角色模型确定设计的评审准 则 并通过专家评审和用户可用性测试对界面设计稿做出判定 2 2 用户角色模型在移动设备中的应用 用户角色 是使用某一种产品 技术 服务的特定人群 在互联网行业做 一款移动设备应用为了能对用户角色建立起更直观的印象 我们给出了用户角色 的例子 在例子中描述了三类主要用户群 需要包括他们的年龄 职业以及根据 他们对于产品目标的不同所进行的属性划分 这样的属性划分 我们可称之为用 一 户角色 用户角色模型是针对目标群体的真实特征进行的勾勒 模型根据基本属性 使用习惯 目标需求等特征将用户进行分类并形成典型角色 每个角色都代表生 活中一群真实的人物 在这些典型角色上包含用户调查发现的一系列数据和信 息 贴近生活并且栩栩如生 2 2 1 用户角色模型的类型 1 基础型用户角色 这类用户网络知识相对欠缺 安全意识弱 无付费行为 在使用应用过程中需要根据操作引导完成遇到的问题 西南交通大学硕士研究生学位论文第1o 页 2 热衷型用户角色 这类用户具备网络知识和一定的学习能力 安全意识一 般 有付费行为 能够按照自己的需求寻找到合适解决问题的应用 热衷但不精 通 3 专家型用户角色 这类用户具备较高的网络知识学习能力甚至是开发能力 安全意识较高 有付费行为 会主动学习和操作 积极寻求解决办法 2 2 2 用户角色模型的实际应用方法 1 通过问卷 用户访谈和聚类分析等方法 将产品的用户群体进行分类 建 立用户角色画像 2 根据具体产品的功能模块进行用户角色分类 3 根据用户角色撰写角色特征并绘制图形化故事板 4 确定主要角色和次要角色 细化场景和任务 绘制低保真模型 2 3 如何检验用户角色模型的可靠性 1 在模型建立的过程中 确保信度效度 在模型建立过程前确保广泛收集信息 并注意区分不同的用户特征属性 收 集各个属性的定量数据 并且保证样本量及其代表性 挑选关键属性进行归纳 将用户角色分成几类 保证归纳出的参数在最佳范围内 再根据典型特征及其他 属性对每类用户形成详细的角色描述 这样建立出的角色模型就具有比较可靠的 可信度和有效度 2 模型建立之后的检验 模型建立之后 我们可通过调查实际用户使用情况 随机邀请一些用户进行 深度访谈调查 看此类用户能否归类到相对应的角色模型中 如果随机抽取的用7 户都能较好的划分到已有的模型各类用户中 那就证明此角色模型具有良好的效 度 西南交通大学硕士研究生学位论文第11 页 第3 章移动设备应用界面的交互设计的方法 交互过程拥有一系列的动作及反馈 交互是产生于人和交互系统之间的一种 动态现象 而移动设备用户界面的交互设计就是设计与用户操作行为相关的一切 显性及隐性因素 交互设计是产品设计过程中比较重要的一个步骤 产品的功能 有多大程度上被用户所接受 很大程度上取决于交互设计的成败 因此交互设计 也就成为产品设计者面临的几个最重要工作中的一个 可以说 其重要性甚至不 亚于需求分析与产品功能设计 交互设计工作应该开始于产品功能需求的确定 在这个时候 我们需要开始对产品如何将自身的功能呈现给用户进行分析 3 1 移动设备应用界面的交互方式与设计原则 3 1 1 用户与界面的交互方式分析 1 操作方式 上世纪8 0 年代前 人类都是通过间接方式操作计算机 例如用户在菜单里 选择 确定 命令和使用键盘上的 删除 键 通过非数字对象的方式来让计算 机完成操作命令的过程被称之为间接操作 而直接操作则是指在操作过程中通过 手指 鼠标或其他扩展意义的代替手选择操作数字对象 例如移动 拖拉 旋转 等 如今几乎所有移动设备应用界面均采用直接操作的交互方式 直接操作更符 合用户的直觉和使用习惯 更加容易学习和操作 2 手势 r o t a t e u l 帕i n c h r c i 阳 c h 4 1 r 窜 一 i j 一 一一 j t a p 砷沁霞冀臆 彦嘶抽砷畿删熊 驴一一譬 叱 警 v e f t o rs e to fc o r n m n l yf r l u l t 协u c ho e s t u 偿sf o rt a 就sa n ds m a r t p h o n e 点墉事h d l 喇kt w o h 州m c a e 9 m e 一善 7 一 一 一 吩 气 j q j 图1 单点及多点手势操作图 西南交通大学硕士研究生学位论文第12 页 移动设备例如智能手机 平板电脑等由于其全部操作过程都在移动设备屏幕 上实现 因而通过手势触控方式与屏幕进行互动成为当下最为主流的交互方式 手势交互主要以单点触控和多点触控为主 可在移动设备屏幕上通过点击 拖拽 滑动来实现选择 扩大 缩小 打开 关闭等一系列操作命令 使操作过程简单 直接并且更显得有趣 3 语音 通过语音进行交互操作是很好的利用移动设备本身的设备性能进行的交互 方式扩展 例如苹果手机中 i r i 就是用户在长按h o m e 键后可直接对话筒讲 话方式来读短信 介绍餐厅 询问天气 语音设置闹钟等 语音的交互方式可以 比键盘输入更快更有效率 另外方便于一些盲人等残障人士进行移动设备操作 是一种基于先进技术的人性化交互方式 3 1 2 移动设备应用界面的交互设计原则 1 内容优先 由于移动设备屏幕大小有限 空间资源就显得非常珍贵 为了提升移动设备 屏幕空间的有效使用率 界面交互应以内容优先为首要原则 提供符合用户期望 的内容是移动应用获得成功的关键 通过合理的交互设计使用户能够快速理解并 臻作移翦设备应用界面 是移动设备应用界面交互设计中非常重要的一个环节 在实际交互设计过程中 交互设计师需重组内容 使内容复合移动设备的硬件条 件特征 通过简化界面导航 选项和不必要的功能来突出用户最需要的信息 把 屏幕资源更多的分配给内容而不是其他非重要功能 2 为触摸而设计 现今移动设备智能化体验早已从电脑的 鼠标时代 跨入移动设备 触摸时 代 通过触摸屏幕 利用手指单点或多点的手势操作已成为用户习以为常的操 作习惯模式之一 手势操作灵活多变并且方便快捷 因而在交互设计中应充分考 虑利用手势操作的优势带来新的交互设计体验创新 在触摸交互设计实践中 理 论上界面中可触物理区域不应小于7 9 m m 为了使用户在各种情景下都容易操 作 建议可触区域不小于9 m m 3 简化输入选项 移动设备无论是手写输入还是键盘输入用户操作效率都相对较低 在行走或 西南交通大学硕士研究生学位论文 第13 页 单手操作时容易增加错误操作次数 这就要求交互设计师在移动设备用户界面在 交互设计过程中尽可能使用代替方案来提升输入效率 例如用数字滚动选择操作 来代替用户手动数字输入 尽可能把要输入内容变成选项操作 同时可借移动设 备硬件的发展 将原有手动输入转变为语音 摄像头扫描识别 二维码 条码等 给用户带来方便快捷的使用体验 4 流畅性 用户在移动设备应用操作过程中会碰到例如找不到目标 不知如何操作 操 作后的反馈同预期不同的问题 这些都会对应用的流畅性造成影响 因而在交互 设计中 应考虑手指触摸的操作流 用户视觉关注点流和界面反馈流来考虑应用 的流畅性 5 多通道设计 多通道设计是指移动设备系统的输入输出可由观看 声音 触摸 摇动等来 协作完成一个完整的交互流程 多通道交互会让用户更有沉浸感和愉悦感 当下 移动设备系统平台基础技术已经越来越成熟 语音输入 手势识别及其他有多种 传感器组成的综合识别系统也越来越完善 交互设计师在构架交互流程过程中可 以从多通道交互设计角度 给用户提供一个更为创新有趣的交互方式 6 易学 对于移动设备应用产品我们应当提倡简单 直接的操作模式 清晰的表达产 品功能和使用方法 让用户能够快速学会使用 这就要求交互设计师保持界面架 构简单明了 导航设计清晰易理解 通过界面元素就能让用户清晰知道操作方式 在很多现有的移动设备应用中都植入了操作引导界面 但在用户实际操作过程中 可能没有那么多时间仔细看说明 因此对于功能引导帮助页面设计 更好的做法 是把核心功能与产品本身完美结合 使用户无需在帮助页面停留过多时间也能够 对从未使用过的新产品快速上手使用 7 为中断而设计 用户在使用移动设备过程中常常遇到突然需暂停使用 移动设备没电或其他 突发状况 因而在交互设计中及时保存用户操作