在企业产品设计上,如何提升用户体验

一般人大家都觉得企业产品的预期可能只要功能强大,信息安全,并且能够帮助企业提高工作效率。但现在和以前已经不同了,人们慢慢的已经开始更注重产品的用户体验。那么,在企业产品的设计上,怎么样可以提升用户体验呢?

  接下来,让我们一起看看国内外的一些优秀案例以及一些设计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的极简理念是给予设计师一个很好的反思点。要把複杂的企业产品设计得简单有趣是很有挑战性的。面对简单,背后需要有强大的技术支持,以及设计师对改善人类生活中细节的关怀及执著,才能真正做到简约而不简单。

时间: 2024-11-18 11:10:15

在企业产品设计上,如何提升用户体验的相关文章

网易企业邮箱5.0版提升用户体验

  据悉,网易企业邮箱(qiye.163.com)全新5.0版本"简爱"上线后,突破传统企业邮箱设计理念,以简单易用的功能体验.简约清新的设计风格,为企业用户提供一种"化繁为简"的全新办公方式.笔者在半个多月的使用过程中,发掘网易企业邮箱5.0版的不少细节创新之处,彰显其"简爱"定位--化繁为简.智能人性. 文件中心,各类文件汇总管理 笔者留意到,在网易企业邮箱5.0版文件中心处,可以汇总管理个人网盘.企业网盘和云附件里的全部文件.其中云附件作为

网站设计时可以提升用户体验的10个细节

没事的时候,我会跟公司里从网络过来的用户闲谈下,问了下他们,为什么就选择了我们.一般他们是通过搜索引擎过来的,但是热门关键词几乎前十个都有百度竞价推广,我们公司网站在推广之后的第一个,但对于他们来说可不懂这个.他们讲,随便点了第一页的几个站,有的太乱了看不下去,有的没有联系方式,有的则是客服加了之后不带搭理人的,筛选下去就选择了我们公司. 这些看似简单,似乎跟seo.无关,但是却与公司业绩和客户转化率密切相关,我搜集了一些网络上的资源,用户体验度中网站建设容易犯的错误,分享下. 一.网站内容清晰

页面利用渐进式JPEG来提升用户体验度_php实例

今天才认识到原来JPEG文件有两种保存方式他们分别是Baseline JPEG(标准型)和Progressive JPEG(渐进式).两种格式有相同尺寸以及图像数据,他们的扩展名也是相同的,唯一的区别是二者显示的方式不同. Baseline JPEG 这种类型的JPEG文件存储方式是按从上到下的扫描方式,把每一行顺序的保存在JPEG文件中.打开这个文件显示它的内容时,数据将按照存储时的顺序从上到下一行一行的被显示出来,直到所有的数据都被读完,就完成了整张图片的显示.如果文件较大或者网络下载速度较

产品设计是该引导用户还是顺从用户习惯?

这个问题其实是很纠结的,就跟怎么样去平衡用户体验和用户习惯一样,都是比较难权衡的,但现实工作过程当中又经常会碰到,当产品已经发布一段时间,或者是市面上已有类似产品的时候,一般来说用户的使用和操作习惯都已养成,这个时候发布一个颠覆性的产品设计版本,无疑会对用户的使用习惯造成冲击,先不考虑新的产品是否加强了功能,是否提升了用户体验,单就其对用户习惯造成的冲击问题,我们在做设计的时候就必须考虑进去,是在某些方面顺从用户习惯,还是应该加强引导,迫使用户打破习惯,需要有一个比较好的权衡之后再做决定. 任务

用户体验设计:产品做到60%才需要用户体验

文章描述:看到"一个产品做到60%才需要用户体验"的评论时,我很吃惊:用户体验难道只是锦上添花?不了解用户,不知道用户在体验的哪些环节发生什么事情,你的产品是如何做到60%的? "一个产品没用,体验再好用户也不会去用.--你觉得这句话是对还是错?"我曾在微博里发起了这样一个讨论. 看到"一个产品做到60%才需要用户体验"的评论时,我很吃惊:用户体验难道只是锦上添花?不了解用户,不知道用户在体验的哪些环节发生什么事情,你的产品是如何做到60%的?

透过百度产品看草根站长如何提升用户体验

用户体验,这个词是近年来站长们网站优化过程中提到最多的词语之一,也是站长们最为摸不着头脑的词语之一,以往说到网站优化多谈到"内容为王,外链为皇",这些都有实际可行的操作办法:发布高质量原创内容.交换高质量友情链接等,而"提升用户体验"这个方面却没有定式可言,让许多站长在这个方面十分犯难.而今天,我们通过百度新产品"百度人才网"的上线,透视如何提升用户体验. 作为人才网,我们都知道,最为繁琐和让求职者讨厌的事情之一就是填写简历:首先简历需要填写的项

行业网站如何以专业化来提升用户体验(上)

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 百度搜索引擎优化指南特别强调用户体验的重要性,一位朋友正在运营材夜思文秘网,关键字排名和网站流量一直不理想,私下同我作了交流探讨.笔者认为,作为行业网站,不论你是做人才,二手,汽车,婚恋,文秘,还是做建站,装修,法律,文学,考试,很重要的一点就是要通过展示你的专业性来提升用户体验,进而增强用户对网站的信任度,当然也是增强搜索引擎对网站的信任度

电商提升用户体验的几个方面

随着电子商务的火热,越来越多的电子商务网站出现在互联网行业里,除了传统的专门做电子商务的公司外,现在很多企业都建有自己的电子商务网站,也有 很多企业开始进军这块领域,导致竞争越发激烈,时不时会爆出价格战这种事情.良性的电子商务还是要以满足客户实际需要,提高电子商务销售和客户满意度来使 企业可持续的发展,短期的靠价格战吸引顾客并不一定能带来长期的效益,而好的购物体验却能带来口碑效应和回头客,个人认为电商网站还是要在提升用户体验上 下功夫,京东商城也曾宣称过要打造业内用户体验最好的电子商务网站,可见

巧用过场动画提升用户体验

  (Adrian Zumbrunnen著 Judithzhu & Lynnwang 译) 一些网页优于其他网页,不仅仅是因为它们的内容.可用程度.设计或是特色等等.现代网页间根本的区别在于它们交互及动画细节.我们将分享一些从各种模型中获得的经验,同时分析为何这些简单的样式能够如此好用. 当我们设计数码产品时,我们常常使用诸如Photoshop及Sketch这样的设计软件.大多数从事此行业多年的人显然知道设计不仅仅是视觉呈现.然而,很多人依然继续创造静止的设计.Steve Jobs曾说了这样关于