十年专注于品牌网站建设 十年专注于品牌网站建设,低调、高逼格、有情怀的网络应用服务商!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

模仿进入应用程序

百恒网络 2017-03-09 177

模仿页面结构

用户进入程序后会觉得等待时间缩短,既然如此,南昌网站制作公司的设计者大可在这方面做些文章,让用户感觉在不断推进。关键在于:利用包含程序各项结构元素的页面“骨架”。页面骨架还不是程序本身,只是相似而已!苹果公司的产品指南建议使用类似的“空心”页面。

需要强调的是,这种方法的主要目的是改变用户对时间长度的主观感受,而不是真的缩短时间。

模仿进入应用程序一

第一张图是应用程序的页面骨架,在登录时展示给用户。第二张图是进入应用程序后的页面。两张图非常相似,用户在看到第一张图的一瞬间以为自己已经进入了程序。

对比页面骨架时,很难说清楚哪个页面骨架属于哪个应用程序。这不重要!

用户在脑海中存有印象,知道点击哪个按钮可以进入应用程序,使用目的也不会忘记。

模仿进入应用程序二

根据不同的显示模式,页面骨架多多少少会展示出来,也会或多或少告知用户页面正在加载。

渐进式页面骨架

设计者可以使用同样的技巧逐渐显示程序页面的结构元素,给用户逐渐推进的感觉。

渐进式页面骨架

页面骨架逐渐呈现,用户感觉正一步步慢慢进入程序。用户虽然在等待,但感觉互动流程没有中断过。

标志性页面骨架

设计者在页面骨架上加入一点程序的专属标志,让等待的时间更加个性化。设计者经常将品牌的颜色用于等待页面上。(参见前面的例子)在不与页面骨架的整体设计策略相冲突的条件下,设计者还可以把品牌标志巧妙地放在等待页面上。

标志性页面骨架

逐渐显示加载内容

让内容随着页面加载逐渐显示出来,这样既能缩短用户感觉到的等待时间长度,又能缩短真实的等待时间。其实,很多移动应用都采取了逐渐显示加载内容的方法,用户可以在页面没有加载完所有内容的情况下开始浏览。但是,这对加载策略产生了一定影响,设计者需要考虑优先加载哪些内容,以什么样的顺序加载,等等。

逐渐显示加载内容

逐渐显示加载页面的做法既影响真实的等待时间(假如用户对首先显示的元素感兴趣),又影响用户主观感受到的等待时间(用户觉得始

终在向前推进

终在向前推进

南昌网站制作设计者应该用替代品填补上尚未加载的图像位置,这就是所谓的占位符。设计者可以填补上能反映品牌特征的占位符。

应用程序在全部照片加载完毕之前就可以使用。因此,在图片完全显示之前,有必要显示全部文字内容。新闻题目的描述性最强,起到了决定性作用。因此,这种管理加载的方法能够帮助用户判断是否点击进入某一篇报道,阅读详细内容。程序则利用用户进行选择的时间继续加载图片。

 即使产品照片尚未加载完毕,显示其他元素也能让用户产生不断前进的感觉

即使产品照片尚未加载完毕,显示其他元素也能让用户产生不断前进的感觉。而且页面已经加载了重要信息,如每个产品的降价情况,因此对用户也颇有帮助。逐渐显示加载内容的方法不仅适用于应用程序的内容,也适用于其功能。设计者的战略要点是:根据应用程序的性质,让人机交互的核心元素在内容之前优先展示。无论是应用程序还是其他类网络页面的加载,都可以依据这一原则。

在FOURSQUARE 中,用户可以在页面中心内容尚未加载的情况下开始使用程序

在 INBOX 中, 用 户 可 以 在 收 件 箱 尚 未 显 示 收 到 的 邮 件 之 前 就 建 立 新 邮 件。 在FOURSQUARE 中,用户可以在页面中心内容尚未加载的情况下开始使用程序。在 TAXISBLEUS 中,在地图没有生成前,用户已经可以确认出发地址了。

充实等待时间

再看看病人候诊的例子:医生经常在候诊室里摆放一些杂志,这不是没有道理——如果病人有事可做,就不会感到等待时间太久。让我们看看如何在等待加载的时间里,为用户提供一点消遣。

至少,千万别纹丝不动!

第一个技巧是动画效果。用户看到:有些事情正在发生!除了起到充实时间的作用之外,动画效果能够明确展示出页面正在加载。用户知道系统没有死机,只需要耐心等着就行。动画效果是最起码的方案,也是大多数情况下采用的设计手段。另外,辅以说明文字也是业界常用的方法。但这不足以真正影响到用户对等待时间的感觉。

至少,千万别纹丝不动!

无论页面加载进程的指示图是什么样子,只要动起来就好!动画效果最好配上说明文字,向用户表明事情正在向前推进。

本文仅限内部技术人员学习交流,不得作于其他商业用途.希望此文对广大技人员有所帮助。原创文章出自:南昌网站制作公司-百恒网络http://www.jxbh.cn如转载请注明出处!

400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
售后服务 售后服务
 
备案专线 备案专线
 
×