数极客首页

当企业产品遇上用户体验

普通
人对於企业产品的预期,可能仅停留在功用
要强大,信息要安全

,能够

辅佐

企业进步
工作效率。但今时已不同昔日
,除此以外,人们开端
更注重产品的用户体验。那么,在面对企业产品的设计上,有什么办法

能够

提升用户体验呢?

接下来,为大家带来一些国内外的优秀案例以及一些设计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的极简理念是给予设计师一个很好的深思
点。要把複杂的企业产品设计得简单有趣是很有应战
性的。面对简单,背后需求
有强大的技术支持,以及设计师对改恶人
类生活中细节的关怀

及执著,才干
真正做到简约而不简单。

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章