当企业产品遇上用户体验

标签: 交互设计 视觉设计 | 发表时间:2014-03-06 10:00 | 作者:JHong
分享到:
出处:http://isux.tencent.com

一般人对於企业产品的预期,可能仅停留在功能要强大,信息要安全,能够帮助企业提高工作效率。但今时已不同往日,除此以外,人们开始更注重产品的用户体验。那么,在面对企业产品的设计上,有什么方法可以提升用户体验呢?

接下来,为大家带来一些国内外的优秀案例以及一些设计Web App时的思考方向。

Web App 设计要点

1.配色

颜色作为设计师传达情感的主要元素之一。一个明确的品牌颜色,对信任度,认知度都会有大大的提升。颜色除了能为界面提升美感,也能作为功能上的辅助。在普遍页面信息量大的企业产品中,往往一个有颜色的按钮就很容易吸引用户的视觉焦点。

Lovely是Dribbble大神Kerem Suer设计的Web App。橙色主,蓝色辅助,淡灰色为底色。这个配色既色彩鲜明,淡淡的感觉更让人长时间使用也不觉累。整体感觉和谐舒服,简洁耐看。

当企业产品遇上用户体验

Squarespace用的是黑白配,可说是黑白配色中的皎皎者。利用大面积的留白,高质素的图片,配合极出色的交互,让你每次打开一个子页面时都存在惊喜,是笔者最喜爱的网页之一。

当企业产品遇上用户体验

连Icon也尽显Squarespace的品牌风格。

当企业产品遇上用户体验

2.空间

经常会发现,很多设计师在设计Web App及Mobile App时,会被屏幕尺寸所限制住,只专注一屏内显示所有信息。要知道网页设计及手机界面设计不同平面设计在于,前两者在屏幕外是有无限可能,你可以透过动画滑动一个全新界面到当前屏幕,也可以透过上下左右滚动来查看更多内容。 因此,设计Web App时可以更好的处理元素之间的空间。但要提醒的一点是,要注意在笔记本的尺寸底下,留白会不会过了。

一个空间处理很棒的例子,来自Dribbble。

当企业产品遇上用户体验

这个思路在屏幕尺寸有限的Mobile App上更能体现。对比下面两个设计稿,左边的留白空间是不是更大气一些。

当企业产品遇上用户体验

3.减少线条

在扁平化设计中,间隔的处理上,尝试多用色块之间的对比来取代线条。减少线条可以让你的界面显得更简洁。回头你可以尝试一下,在设计稿中儘可能的去掉线条,或许会有耳目一新的感觉。

当企业产品遇上用户体验

4.考虑不同尺寸

由于大屏幕的慢慢普及,以往定在1000px阔度的网站已经开始不能满足于在大屏幕下展示。因此在设计Web App中需要考虑在不同屏幕尺寸下,界面元素的展示方式。最基本的要求是要考虑好最大及最小的场景: 1920×1080, 1024×768

这是2014年初的屏幕分辨率统计(资料来源自CNZZ)

当企业产品遇上用户体验

Mailchimp在responsive的处理非常优秀。

当企业产品遇上用户体验

想更深入了解responsive,可以阅读来自ISUX龙哥的 响应式网页设计一文。

对企业产品设计的启发

简单

儘管你的产品背后逻辑很複杂,但要保証在呈现给用户时要操作简单而高效。

Trello是一个多人任务协作类Web App。它的任务板只需用鼠标一拖就能轻鬆移动任务从一个阶段到另一个阶段。

当企业产品遇上用户体验

Mailchimp是一个邮件制作及跟踪的Web App。在制作邮件模板过程都提供了一个可视化的模板。基本上只需Drag&Drop及输入数值便可完成设计及程序上的事情。

当企业产品遇上用户体验

Invision是一个专为设计师快速制作交互模形的Web App。它的管理页面在分组上十分方便,可以在任何地点增加分割线,然后Drag&Drop来移动图片所在的组别。其交互模形制作过程更是快速高效,而且可以一键生成连结发送给其他非Invision的用户查看。

当企业产品遇上用户体验

渐进式呈现

许多Web App都有一个通病,就是功能很多,同时又想一次把所有功能告诉用户,结果就导致用户第一次进来时,面对一个拥有庞大信息量的界面,然后还有一大轮新手提示的气泡。很多时候,用户就会因为手足无措或在体验中遇到一些挫折而失去了继续研究下去的衝动。为了增强产品对用户的第一印象,可以尝试使用渐进式呈现的理念来展示界面。

拿Trello为例,第一次登录时界面上只会呈现一个项目方块,用户很自然地会注意并点击这个唯一抢眼的元素,进入项目后会显示一个任务版,点击其中一个任务再显示任务详情。

当企业产品遇上用户体验

同样是第一次使用,Trello对比Asana的表达方式是不是让你轻鬆得多。

当企业产品遇上用户体验

这种层层渐进的设计手法能使界面保持简洁,增强对用户的第一印象,降低用户的心理负担。类似的思维,其实在网页设计中经常会用到,例如Apple官网一开始只会显示不同产品的入口,进入特定产品后可以根据自己的兴趣点击查看更多去作更深入的了解,如果一页密密麻麻的把所有产品信息写满,这又会是另一种感觉了。更多关于渐进式呈现的说明,可以阅读由ISUX推荐的 设计师要懂心理学

手机式的体验

适量的使用动画,能在情感上为产品加分不少。时下html5及css发展迅速,在网页上经常能看到一些在手机上似曾相识的体验,这种设计除了让人感觉特别酷之外,还可以直接廷伸到移动端,作为一种体验上的统一。

Squarespace的抽屉式导航。

当企业产品遇上用户体验

Teambition是国内的项目协作类Web App,它的收件箱有如iOS7的通知中心。整体设计也很简洁易用。

当企业产品遇上用户体验

结语

企业产品的目的是要服务于企业,服务于人。

一直相信,Apple及Google的极简理念是给予设计师一个很好的反思点。要把複杂的企业产品设计得简单有趣是很有挑战性的。面对简单,背后需要有强大的技术支持,以及设计师对改善人类生活中细节的关怀及执著,才能真正做到简约而不简单。

相关 [企业 产品 用户体验] 推荐:

当企业产品遇上用户体验

- - 腾讯ISUX - 社交用户体验设计 - Better Experience Through Design
一般人对於企业产品的预期,可能仅停留在功能要强大,信息要安全,能够帮助企业提高工作效率. 但今时已不同往日,除此以外,人们开始更注重产品的用户体验. 那么,在面对企业产品的设计上,有什么方法可以提升用户体验呢?. 接下来,为大家带来一些国内外的优秀案例以及一些设计Web App时的思考方向. 颜色作为设计师传达情感的主要元素之一.

产品价值和用户体验

- - 所有文章 - UCD大社区
      大家都知道产品价值和用户体验都很重要. 有人说产品价值为王,有人说用户体验为王,那么产品价值和用户体验的关系究竟是怎样的呢. 最近工作一直很忙,没时间写近期的工作感悟. 抽点空闲,表达一下我的产品观:产品价值大于用户体验,用户体验决定产品成败.       对于产品,特别是互联网产品,几乎每隔一段时间就出现一个新的概念,并试图以这个概念解释产品的全部.

用户体验是产品之“魂”

- - 人人都是产品经理
用户在购买时,内心深处进行着无声的自我对话:第一,你要卖给我什么东西. (这是消费者最核心的问题——没有安全感)第四,这个东西对我有什么价值. 用户不是购买产品,而是购买对产品的期望价值,即因使用、消费产品而获得的综合体验. 所以产品和服务的本质是用户满意度. 用户购买以满意度为衡量标准的用户体验.

初创企业的用户体验愿景

- - 36氪
编者注:此文是 Future Simple的创始人兼CEO Uzi Shmilovici为 TC的撰文,文章谈到了简洁有力的用户体验愿景对产品成功的重要性,并指出了好的用户体验愿景的四要素. 口号真的很重要,它是客户对产品的第一印象,也是初创企业不懈的努力方向. 柯达虽已破产,但它毕竟创造过照相业的辉煌.

产品细节、用户体验和学习的态度

- gelanz - 互联网的那点事...
下午与部门同学进行话题讨论,关于电子邮件营销中的产品设计,期间的谈话引起一些思考,在这里记录下来. 在交流中我举出一些关于电子邮箱输入框的细节问题,例子举得是MobileMe网站me.com的登录输入框的设计. MobileMe默认输入框状态. 注意到没有,如果输入的邮箱地址长度超过输入框长度的话,网站会自动将邮箱地址的字体大小缩小以适应输入框.

交互设计,产品设计与用户体验设计

- 章明 - 所有文章 - UCD大社区
交互设计,产品设计和用户体验设计经常被混淆,而实际上完全不是一个概念甚至不是一个纬度的概念;. 一直认为交互设计与互动设计很接近,互动设计这个词更多用在flash设计中,维基百科中的交互设计的定义也证实这个想法:. 交互设计,又称互动设计,(英文Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域.

打造初创型产品的用户体验

- - 雷锋网
【编者按】本文译自Jason Shen的 个人博客,译者 @C7210. 作者Suelyn Yu是frog团队的一名交互设计师. 讲述了她与朋友在共同设计开发拼车服务 Ridejoy的过程中所遇到的一些挑战以及相关的解决方案. 根据这些开发过程中遇到的实战问题,Suelyn介绍的是用户体验中面对的最直观的经验.

关于用户体验与产品价值

- - 设计思想 - UCD大社区
解释一下,这里说『产品价值』也许不准确,但是我没找到更合适的词,所以,将就一下,我具体会描述清楚. 上午在折腾Mac下的虚拟机,烤了一个别人装好了的Win7系统,做简单的优化,卸载360的时候遇到一个界面. 于是, 我发了一条微博,并评价到『这是一个很牛逼的设计,值得学习』. 看了一下微博的反馈,大家都觉得我是在黑360安全卫士,觉得这个设计很脑残或者体验很糟糕.

移动端产品用户体验原则小结

- - 优博客
基于最近的工作,总结了手机端App设计须遵循的用户体验原则,通过正反例的方式给大家做个简单的分享. 一致性是通过视觉层次、比例、颜色、质感、排版以及交互行为等在设计上达到一致性;一致性可以提高产品所塑造的品牌形象,一定程度上减少用户的认知成本. 在移动设备上,过多的层级会使用户失去耐心而放弃对产品的使用.

关于产品策划、运营以及用户体验设计(回复邮件)

- kent.zhu - 所有文章 - UCD大社区
我是软件工程专业毕业,第一份工作是做销售的. 昨天我去面试一家小型互联网公司的产品策划职位(因为我的梦想是成为一位用户体验设计高手),然后面试官说我缺乏互联网工作经验,不肯让我做策划,想让我做运营. 后来我回家后,在网上问了一些人. 有的人说【做运营就做不了用户体验的东西了,运营要考虑如何让公司赚钱的问题,怎么讲战略,怎么找资源,怎么做开发,怎么做管理】.