美章网 资料文库 扁平化设计在交互设计中的运用范文

扁平化设计在交互设计中的运用范文

本站小编为你精心准备了扁平化设计在交互设计中的运用参考范文,愿这些范文能点燃您思维的火花,激发您的写作灵感。欢迎深入阅读并收藏。

扁平化设计在交互设计中的运用

一、界面层级扁浅

在交互设计中引入扁平化管理理念,不仅可以删减掉不必要的管理环节,同时还可以有效提高软件的运行效率。软件界面是用户使用频率最高的内容之一,为使用户快速找到自己需要的信息,可以根据用户的需要,将一些基础的、低层的信息上挪,压缩或者删去一些不必要的中级信息标签。这种设计理念下所形成的管理模式相对传统的杉树状——“尖而高”,则主要呈现出灌木状的“宽而扁”。这种浅层级的界面结构,最显著的特征就是访问路径短,可以使用户直接在顶级层面快速、完整控制并观察其他的子模块,简单而且容易上手也是这种设计的特征之一,越扁、层级越少就越方便用户。当软件界面设计层次趋于浅化、“扁化”时,于是“有限的界面空间就必须安置、容纳较多的界面内容,这些或顶层或低层的运行标签如何有条不紊、层次分明地排列其中,就成了界面设计的关键。”[2]在对较浅层次的界面进行设计时,为使界面尽可能简洁,有必要针对用户需求对一些常用的以及核心的功能给予重点地凸显。

二、功能体现便捷化

软件的功能是要通过软件的操作来完成的,所以这也是软件交互设计的重点。功能最终的受益者理所当然是用户,让用户利用软件达到最佳使用效果,是交互软件设计的核心。但是随着软件表达功能的充分展现,用户很难直接达到自我操作的效果,为了解决这一问题,使用户不仅能够便捷操作,而且可以不必牺牲设计师的设计意图,因此简便化操作便成为必然。

1.操作引导生动直接有效地激发使用者的使用兴趣,是软件设计的一个重点,因此生动的操作引导方式就成了设计追求的目标。比如说搜狐新闻手机客户端引导页面的设计,由于新闻类型众多,若操作页面过多过繁,势必会使用户烦躁,但搜狐客户端摒弃了繁杂的页面设计,利用干净且有条理的页面布局以及有力的文字表现形式,使引导页面简介明了、沉稳大气,并颇具指引性。再比如UC浏览器引导页面设计,为了解决一般浏览器下载时遇到下载麻烦的问题而将浏览器与整个引导页面相连接,既方便用户使用,同时还以一种特殊的方式强调了自身的优势所在,使用户操作时既舒心又放心且省心。

2.操作过程简单目前市场上出现的许多软件产品,都有“黑箱化”嫌疑。所谓“黑箱化”,是指在软件设计行业,既不能打开,又不能从外部观察内部状态的系统,这样的操作系统困扰了很多用户,不仅增加了用户操作的心理负担,也加大了操作的失败率。软件操作系统应当以用户的使用习惯以及思维逻辑为依据,也就是以人为本。设计师在设计时一定要注意对这个问题的把握,尊重用户的思维方式和使用习惯,从而使其设计的产品能够操作简易、便捷。比如社交网站状态栏的设计,一般情况下此类网站都是由头像、人、内容以及时间戳等信息或者图片构成简易的操作系统,按照人们常规的阅读习惯,是从基本头像再到文字内容,然后借助字体大小、颜色差别等凸显重点、突出主题思想,顺应用户习惯,变复杂为简易,达到软件设计的既定目标。

3.操作反馈明晰用户判断自我操作正、误的标尺就是及时、优良的信息反馈。正面的反馈信息一般是在用户错误操作时,系统即时反馈信息以警示用户。正面反馈信息不但可以降低用户的使用顾虑还能增添用户在正确操作后的满意度,防止了部分用户因忧虑操作不正确而撤销自我操作的举动。比如很多网购交易在使用者提交订单之后,系统会出现“系统正在处理订单……请稍候”等信息,这类信息就属于正面反馈信息,借助此类信息告知用户行为发生的过程,防止用户因不明情况而点击“撤销”。如果没有反馈信息,用户撤销后自然就不会满意此次的购物流程,那么即使前面所有的环节都很顺畅、出色,这个商品网站也会因此流失客户,网站的用户粘性将会迅速降低,因此对于反馈信息的设计就显得尤为重要。“在交互设计中,设计师一般都是采用动画、音频或者视频、文字等元素——无论什么元素,最终都必须为用户提供正面的反馈信息,提升用户的满意度,使用户可以无后顾之忧、安心放心地完成操作程序。”[3]

三、视觉呈现简明化

除了结构与功能要求简单与易操作之外,交互设计在视觉上同样需要简练快捷。扁平化设计是通过视觉呈现效果来完成表达、诠释的,因此目前被认可与接受的扁平化设计主要是指摒弃以往“流行”的阴影、切入、渐变等设计效果,力求“平”、简的效果,以突显软件使用的清晰与简洁。

1.拟物效果淡化苹果系统在拟物化设计方面的执着的确给用户带来了很多麻烦:第一,应用系统与实物的差异。如以修改了的QuickTime4的按钮为例,Windows8改变了以往传统的音量控制模式,借用现实生活中播放设备模式,将音量调节为滚轮式旋钮设计,虽然符合扁平化的设计理念,但这却使新老用户颇不习惯;第二,模拟界面和模拟功能的差异。顾名思义,模拟界面与模拟功能,就是参照实际生活之中实际物体的界面与功能而设计、规划并使用于应用程序,但是事实上这种照应生活实际的设计未必可以给用户带来新的体验与体验方便,从某种程度上说,甚至给用户的使用造成了诸多的不便;第三,拟物化的设计不利于交互设计的优化,并且给开发工作增添了新的难度。目前,拟物化界面设计凭借形象逼真的画面、低成本的学习方式,发展为当下设计界的主流设计形式,但是随着时间的推移,拟物化设计出现的问题越来越多,如过度设计造成的审美疲劳等。因此坚持设计目的,摒弃过度装饰,以体现设计的本质,这是保证当代交互设计水平提高的重要措施之一。

2.视觉形制扁平“19世纪美国著名建筑设计师强调的“形式追随功能”这一设计理念,在20世纪得到了人们的认可与热捧。形式追随设计,即事物的外在表现形式必须反映、迎合事物的功能需要。”[4]在现代设计领域,这一理念已经成为设计的准绳。扁平化设计就是对这一理念的正确应用。扁平化设计利用一些简化、符号化了的设计打造一种二次元世界,利用简单易懂的形式体现主体强大的使用功能。例如Windows8的设计,借助明亮的色彩、块面的机构、个性化的动画,使其设计在众多拟物化的设计品质中独领风骚,而备受用户青睐。需要声明的是,扁平化设计并不是彻底抛弃立体效果,逆潮流而生,而是真正把握了时代潮流并与用户以及市场需求高度吻合之后的正确选择与使用,相比于其他设计,扁平化设计更多的是在追求形式的简单与功能的强大。

四、结语

随着互联网在社会生活中的不断渗入,交互设计的功能性以及实用性越来越多地得到了人们的关注和重视,社会的进步要求交互设计必须紧跟时代前进的步伐,遵循用户和市场的需要,在交互设计中认真实施扁平化设计——对此形式的运用,是“当代主义”在交互设计中的重要体现。

作者:刘静 单位:武汉理工大学 武汉交通职业学院