商业软件交互设计原则

前段时间投入了一点精力放到了SVG动画上是因为在项目中用到了动态加载图标以及字体图标,所以顺便把这些相关的内容补了一下,要么说实战才是最佳升级方式,因为去年我对SVG还几乎一无所知。当工作中实际遇到,才有了学习和探索的动力。SVG+CSS3动画部分,掌握到现在的水平,在项目中运用已经绰绰有余了,再有深入的研究纯属个人爱好。

作为一个朝三暮四的人,我需要时刻提醒自己不要忘记本职工作,比如今天,就要很郑重的写一个严肃的话题,商业软件的交互设计。即使微交互属于交互的一部分,但商业软件需要的场景毕竟有限,所以,探索商业软件的正确交互方式才是我最重要的工作。

我们的商业软件也分两种,产品和项目,我自己日常接触的,基本都是项目,换句话说,我们先有了用户,才针对用户需求进行有目的的开发,这与大多数需要获得用户的软件有本质的区别,正是这种区别,使得商业软件的交互设计原则与一般的交互设计原则有所不同。下面就我自己的项目经验总结一下商业软件的交互设计原则。

站在用户的角度思考

用户使用商业软件,目的只有一个,工作!

那工作是让人愉悦的吗?

答案毫无疑问,不。

相信除了个别工作狂,没有人会把工作当快乐。

大家和我一起设想一下几个场景

1.你在用word撰写文档时,会在意它的界面美观度吗?不,你只在乎能不能快速排版,能不能找到你随时需要的加粗,更换字号,首位缩进等常用功能。

2.你在用excel做数据表时,你会在意它的菜单项有精美的图标吗?不,你只在乎能不能快速的录入手头的数据并按你的要求生成各种可视化的图表。

3.你在用ps处理图片时,你会在意工具面板上的工具的图标是不是简陋吗?不,你只在乎能不能快速找到处理图片需要的工具和命令。

是的,我们说这些工具好用,是因为它们功能的强大,而非精致的界面,没有人会闲到去欣赏这些界面,你在使用它们时,只有一个想法,能随时保存,不要崩溃,赶快完成,完成工作我好去刷手机上那一堆APP去,对,那一堆APP才是真正需要注意界面美观度的应用,它们需要小心翼翼的去猜测用户的喜好并不断迭代。

而商业软件对于用户而言,就是一个单纯的工具,没有人去探索喜出望外的功能,没有人在乎文案是不是人性化,语言是不是有温度,更没有人去注意有没有小彩蛋这样的惊喜。

因此,作为商业软件的交互设计师,只要围绕一个指导原则就可以—— 让用户快速完成工作 。

天下武功,唯快不破。这个道理,同样适用于商业软件的交互设计,但这一个“快”字,说起来简单,真正做起来,却需要一个良好的大局观。

快之一——基于任务流程的界面设计

商业软件以任务场景为主要参考因素,基于任务流程进行界面设计,业务流程要清晰,体现指引性的层级关系。想快速完成工作?工作流程要有连续性,不要中途被打断。当用户暂时离开时,需要有机制确保用户回来时知道自己离开的位置以及进行中的流程的状态。

快之二——清晰的布局

对于商业软件而言,布局的重要性不言而喻,想快速找到需要的功能?那就要确保在页面中,该功能在重要位置一眼被看到。交互设计需要做到用户操作到某一步需要某个功能,而这个功能就在手边,刚刚好。

快之三——严谨的交互方式

在商业软件中,不用去纠结确定和取消谁在左谁在右这样的问题,但要保证所有的此类弹窗统一起来。而且商业软件迭代周期长,轻易不要去改变用户的使用习惯,即使某个交互点是不合理的,但当用户形成习惯后,这就是合理的。交互设计师可以参与到 创建产品词典 的工作中,列出产品中将要展示给用户的概念的名称和定义,在术语和概念之间建立一一映射,软件、用户手册、营销资料都应一致使用产品词典。

快之四——简单的配色

我个人是非常反对给商业软件太多的色彩干扰的,因为用户的关注点是自己处理的内容,而娱乐导向的应用才需要情感化,但一些通用准则仍然适用,比如配色方面尽量柔和且不使用纯白背景底色避免视疲劳,大面积出现的文字和按钮,要经过文字/背景色对比度测试,对比度不得小于3。

快之五——设计与开发的一致性

交互设计和软件设计一样,遵从 “高内聚、低耦合” 的原则。比如你设计的功能菜单是不是具有可复用性?当功能有2个20个甚至200个是不是仍然可以用这种方式?

交互设计的书籍自己也看过比较多,包括众所周知的那十几本以及一些专业论文,理论基础总是有的了,但最大的感受是实践出真知,不放到真正的项目中,你仍然不知道那些交互设计原则是如何发挥作用的。

交互设计师最好能根据自己项目的性质建立一个专属的交互设计自查表。

来源:稀土掘金

关键字:交互, 设计, 设计文章, 设计师

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部