如何设计出好的空状态,来提升用户体验?

QQ截图20180731171814.png

空状态是指没有数据的页面,尽管如此,空状态也可以提供有趣的用户体验。在这篇文章中,将会说明什么是空状态以及如何设计出好的空状态,以此来提升用户体验。

从用户进入到与APP交互的过程中,空状态设计都是提升产品用户体验的不错的方法。

空状态是指没有数据的页面,也就是说,在用户进行某些动作后,页面将会展示其产生的内容。尽管如此,空状态也可以提供有趣的用户体验。事实上,空状态完全可以用于指导用户的操作,向他们介绍你的产品或展示产品品牌的个性。

你可以将空状态变成一个与用户进行有意义交流的地方,为用户提供一种参与式的用户体验。

在这篇文章中,将会说明什么是空状态以及如何设计出好的空状态,以此来提升用户体验。

什么是空状态?

空状态是APP中的内容无法显示的页面状态,用“空”来描述其实是不恰当的,因为空状态页面中还有一些内容的。事实上,空状态可以显示多种不同的内容来提升用户体验,接下来我们就会着重介绍这一点。

例如:如果你曾经使用过一款允许你把你喜爱的内容添加到收藏夹里的APP,你就会对空状态有所了解。或者你使用搜索,有过没有搜索结果的经历…

以Instagram为例:当你进入没有添加任何照片的收藏夹时,你可能会看到一个空状态,并告诉你还没有添加任何照片。

由于没有数据内容,因此只能展示空状态或无数据。

Instagram的空白状态

但是,Instagram的收藏页面并没有空状态说明,相反,它是空白的页面。因此,他们错过了一次引导用户去与APP互动的机会。

设计空状态的原因多种多样,最常见的原因有以下几种:

  1. 用户清空了所有的数据(如:清空收件箱);

  2. 用户是新用户,并且刚刚才登录APP成功;

  3. 用户遇到了某种错误(如:没有WIFI连接)。

被忽略的空状态设计

Shruthi Padala曾经在Medium上写道:

许多人认为空状态只是辅助页面,不需要去关注它们。

但是空状态会将空白页呈现给用户,如果能够利用好空状态页面,会极大的提升用户体验。

曾在Shopify担任插画师的Meg Robichaud写过一篇关于空状态研究的文章。因为与其他部分的用户体验不同,空状态设计的难点就在于它需要不断的更新。但是只有2%的用户会看到空状态,这也就意味着它不会是占用过长的用户使用时间。

这也就解释了空状态被忽略的原因,因为不是所有的用户都能看到它们,所以花费过多精力在上面反而是得不偿失。也正是这种心态,导致了空状态设计被设计师给忽略掉了,进而影响最终的用户体验。

最后,Meg和Shopify决定重新设计空状态,即使只有少数的用户会碰到这种页面,为什么呢?

因为,即使只有2%的用户,他们也需要一个好的用户体验,它给体验带来了更多的细节和影响力。

想一想,如果用户是一个新手,正在漫无目的的浏览着APP,并且还没有下定决心是否要使用这款APP,这些重要的设计将是留住用户的关键细节。

空状态是很容易让用户体验出彩的,它不是让APP成为最成功产品的原因,但是它是取悦用户的关键环节。对细节的关注还有很长的路要走,正如有句名言所说,细节决定成败。

使用空状态的好处

Spotify的用户体验专家Tamara Hilmes提醒设计师们时说,空状态是一个展示产品个性化的机会,因此,在进行空状态设计时,需要认真考虑品牌和用户的目标和背景。

Deliveroo的产品设计师Ryan Cordell同意Tamara Hilmes的观点,并进一步说:

“设计好文字和视觉界面,是产品与用户互动并最终实现他们目标的关键一步。设计团队应该投入足够多的时间、耐心和精力来设计任何场景下的文案。”

同样,即使不是特别重要的页面,告知用户下一步如何操作也有着不错的效果。如果不这样做,空状态就不能提供任何价值,其也就成为了化妆品添加剂,毫无用处。

空状态设计的最佳案例

如果你打算设计一个空状态,那么请记住这些好的做法,以便能够帮助到用户去达到他们的目标。

告诉用户该怎么做

如上所述,空状态是鼓励用户与产品互动的绝佳机会,你也不希望把用户进入页面后,一脸茫然而不知所措。

例如,你可以在空状态页面上放一个具有引导性的按钮,以一款刚下载的社交APP为例来说明。

这款APP有通讯录标签,但目前是空的。一个好的引导性按钮可以告诉用户去查找并添加自己的朋友,这样能够让他们也参与到你的APP中。你的引导能够完整的告诉用户,如何把空空的通讯录转变成好友众多的页面,可以看看Facebook是如何做的(上图)?

空状态要保持个性化

空状态设计中,个性与绝望、无畏和欲望之间有着非常细微的界限,若无法很好的平衡这两者之间的关系,就会把展示品牌个性变成了展示绝望、无畏和欲望啦。

但是,空状态设计仅仅只是产品展示个性化的一个小例子,个性并不总代表着有趣,为页面添加幽默的元素时,需要格外谨慎。某个笑话在今天可能很受欢迎,但是明天就会有用户不再喜欢了,给人以过时的感受。

在空状态设计中,使用友好且合适的文案能够带来意外的效果。兼具特制和适合特性的插图,可以帮助你设计出一个成功的空状态。

如果你决定要使用插图和文案,请确保它们要有层次感,不会相互影响。一个好的插图能够为页面带来足够的乐趣和参与度,此时,你可以使用简单且常用的文案。来看看Google是如何平衡两者之间的关系的?

Google的Material Design 指南中规定,如果打算使用图片,请遵循以下规则:

  • 使用中性或幽默的语气;

  • 与产品的品牌风格保持一致

文案需要遵循的规则:

  • 文案传达出有用的信息;

  • 在不需要操作的情况下,告诉用户页面的作用。

使用空状态来培养用户

你可以使用空状态来告知用户如何使用产品,空状态在用户首次体验产品时扮演着重要角色。

如果你想留住用户,那么良好的首次体验是至关重要的。

据Appcues的消息称:

如果经过 3 个月的时间,当初 100 个用户中只有 4 个用户还在使用你的APP时,那么用户体验设计师就需要优化首次登录APP的体验了。

以Dropbox为例,在屏幕截图的下面,你可以看到他们是如何使用小提示向用户解释空状态是什么,以及他们需要怎样做来避免空状态,把他们自己的文件拖进来。

展示基础性内容

Material Design对此解释说,在空状态页面展示一些基础性的内容,可以帮助新用户快速了解到如何使用相关功能。这样用户能够快速学会使用产品,也使得产品学习成本降低。

存储诸如音乐和电子书等内容,或使用笔记和文档等模块化内容的APP,可以让用户在阅读基础性内容中获益。让用户拥有调整基础性内容的权限,是维持用户参与的一种方式,这是因为用户可以感受到正在创建自己的APP。

从上面的阅读类APP的例子可以看出,它会在空状态页面展示一些免费的书籍,这样的话,用户可以以此为起点,继续浏览APP的其他功能模块。

总结

空状态不必为空,利用空状态与用户进行对话,这有利于构建产品与用户之间持久的关系。

通过上面的阐述的策略,就可以创建一个帮助用户实现自身目标的空状态。



2018-08-09 14:41:42
机房建设的机电系统工程一览

计算机机房设备包括计算机设备、外部设备、辅助设备和工程工艺设备四大部分,计算机机房的供配电系统就是为满足这四部分的要求,为保证获得稳定、可靠的电源而服务。从邦百家多年的设计经验来看,计算机机房的供配电系统是机房工程中的关键项目,是一个综合性供配电系统,建设计算机机房必须建立一个优质、稳定、可靠的供配电系统。

图片1.png 

  主电源:

  计算机主设备供电系统由一台40KVAUPS构成的组合系统提供,建立不间断供电方式,由专用电缆引至负载分配屏,供给连接计算机主设备的专用插座使用。

  计算机辅助设备供电(如空调、照明维修等),由各楼层电柜分别引线至各机房的配电柜。

  配电:

  380/220V 50Hz的低压配电系统采用TN-S系统即三相五线制,单相三线制以实现强弱电设备无电流安全保护接地,电气部分是计算机机房的核心部分,直接关系到计算设备能否安全可靠地运行,各间机房各设配电柜一个,所有配电柜的主配电开关均带分励脱扣器,供事故情况下紧急切断电源用,柜上设有电压电流表以监视电源电压和电流及相的平衡关系。

  计算机房照明质量标准的选择,不仅会影响计算机操作人员和软硬件维修人员的工作效率和身健康,而且会影响计算机的可靠运行。根据邦百家的经验,按照每平方米14W照明功率配置,可在比较宽敞的机房内,离地点0.8米处达到400-500LX的照度,完全符合《GB2287-89计算站场地技术条件》。

  由于机房内天棚、地板、墙壁等表面均采用柔光材料,所以机房内可在高照度下不产生眩光,保持明亮、清晰的环境。工程灯具配有幅翼型配光曲线、照度均匀,与棚板搭配,可获得良好的视觉效果。根据规定,计算机房必须具备应急照明系统,照度要求不低于50LX。应急照明系统由UPS供电,机房区每个灯具设一只应急照明灯管,消防通道设疏散指示灯。

  在机房市电输入(要求三相五线制)总配电柜进线端安装高速、大容量避雷装置,以吸收电源线路感应雷或市电接地系统高电位反击,保护机房内空调、UPS等使用市电的负载。

  建议本工程安全保护地、防雷接地、抗静电接地使用大楼综合接地系统,机房内所有电气设备外壳、金属管道、金属吊顶、全钢抗静电地板、金属隔断框架均牢固连接大楼综合接地,接地电阻不大于1欧姆。

  采用防腐长效降阻剂,其特点是降阻效果好,性能稳定,使用寿命在十五年以上。

  电源输出之中性线与接地线之间电压应不小于1伏特,不论计算机开启与否,电压值依然不得超过1伏特。

  接地线与接地极至电源引入间,配置镀锌钢管保护并妥为固定。

  若大楼内机房的面积不是很大,建议采用大楼系统的中央空调系统,节约开支。

  为了满足机房内工作人员对新风的要求,又可以保持机房内的正压,防止外界不洁空气的侵入,机房内应有新风系统,新风经初效、中效、亚高效过滤器过滤,进入机房区。

  新风量的选取,按设计要求选取:不小于空调总风量的15%,满足人均新风量不小于40m3/h,机房室内外压差:7-12Pa

  若大楼内机房的面积不是很大,建议采用大楼系统的新风系统,节约开支。


2018-08-06 16:32:10
机房建设要注意哪些基本要求

机房建设是一项集计算机技术、网络技术、通讯技术、建筑、装饰、空调、电工、电子、自动检测及控制、环境保护、安全防范、抗干拢等多学科的综合系统工程。邦百家(北京)科技有限公司在全面掌握各专业技术的基础上,集以往成功之经验,把握现代计算机技术发展态势,提出了系统化、集成化、智能化的机房建设理念。

在科技高度发展的今天,电子计算机越来越广泛的应用于国民经济的各个领域,这就要求电子计算机必须稳定、可靠运行来保障整个系统正常地发挥作用。电子计算机能否正常运行不仅取决于自身软硬件的配置,而且与外部空间——计算机机房环境建设息息相关。

1.png 

现代资迅的迅速发展,使众多先进设备的配合使用愈加显得重要。同样,包容其设备的机房就倍加引起具有现代管理意识的人们的重视。一个具备先进、合理性、实用性、可扩展性、可展示性、设计独特、用材新颖、施工考究的机房,必然具有一定的历史生命力。邦百家总结了一部分机房建设经验,分享如下:

1、计算机机房的供电应有单独的供电回路,采用三相五线制

2、计算机机房的设备供电和空调供电应为两个独立回路,其中设备供电应按设备总用电量的1.5倍进行预留,而空调用电按空调设备的要求供配即可。

3、计算机机房内的插座应分三种,它们分别是:不间断电源(UPS)供电的计算机专用防水插座,不间断电源(UPS)供电的设备用三孔标准插座,市电直接供电的设备用五孔标准插座

4、计算机机房内设备电源的电压变化应在220V±5%之内,频率变化应在50Hz±0.5Hz之内。

5、计算机机房内的照明应分工作照明和应急照明(E)两类,工作照明接入配电柜,应急照明接入UPS 计算机机房内照明装置宜采用无眩光灯盘,照明亮度应达300LUX邦百家认为应急照明亮度应大于60LUX 计算机机房内的配电系统应考虑到与应急照明系统的自动切换和消防系统的联动。


2018-08-03 14:15:25
APP设计中,如何成全用户的“懒”

最近几年成功的互联网产品,虽然领域不同,但有一个共同的特点,就是显著降低了用户获得产品和服务的成本。换句话说,利用的是用户越来越懒的特点。

就近年来的流行趋势来看,微信从文字IM工具进化到可以发送语音,省去了打字的痛苦;从社交领域的微信摇一摇看附近的陌生人,到陌陌直接可以看到附近的陌生人,陌生人社交的门槛也大大降低,以前面对面绞尽脑汁不知如何搭讪,现在隔着手机,就从容了很多。至于短视频的崛起,也是利用了用户的懒。图文内容的创作和消费,终归还是比较麻烦,而短视频这种拍摄和欣赏无门槛的内容形式,在手机硬件、带宽资费条件成熟后,自然风靡了大量年轻的、更懒的用户。

图片1.png 

而比起在朋友圈挨个翻看别人转发的内容,在App的推送里无脑浏览也是更符合懒人的口味。因此算法推荐feed流取代社交分发和编辑推荐的timeline,也成了大势所趋。

近期邦百家了解到知乎live的付费用户到课率仅有百分之七,可以说是非常生动反映了这一情况。我们无需再继续举出更多例子来说明人性之“懒”,我们进一步讨论一下,如何利用人性的懒,来转化为对产品有意义的价值。

用户能够付出的对产品有意义的价值,主要是时间。占有用户时间后,可以通过广告类业务将时间兑换成钱。而当下随着用户越来越懒,在用户时间之外,我们看到了越来越多的直接让用户付钱的机会。这一点也是拜国内两大移动支付体系的成熟所赐,让用户付钱这个动作的难度低到可以忽略不计,不至于因为懒得操作而放弃付钱。用户因为懒而付费,一类是直接购买产品和服务,直接为自己的懒惰买单。这类产品和服务,原本就在线下存在,只是现在由于移动互联网的发展和移动支付的成熟,而越来越线上化。

在这个方向上创业需要注意的有两点:一是产品和服务的频次是否足够高频和标准化,如果单个sku的频次比较低,可以通过拼接多个相关的sku来将低频场景聚合成高频,将多股小流量聚合成大流量(“聚合”流量,是产品设计的通用窍门);二是注意有哪些领域原来存在支付门槛,现在由于移动支付的出现降低了支付难度,而可能导致行业出现爆发性增长机会。

当然,还有一个问题,就是那些付费却无法坚持参与的用户,很多会无视自己的“懒”而归咎于服务提供方的培训服务不到位,“没有干货”,从而影响产品的美誉度。为应对这类情况,邦百家认为,可以在产品设计时加入各种签到、互动类的功能,以杜绝被懒惰未参与的用户反咬一口。


2018-07-31 16:16:36
乐享棋牌下载