资讯详情

如何利用框架界面提升产品的用户体验

2017-06-01 阅读:87 来源:交互时代UI实训基地
进入>

交互时代是国内唯一一家拥有设计公司的育才基地,因此我们拥有十分先进的设计理念及设计技术,而在UI设计方面,更是拥有十多年的经验,领先于行业前端,而一直有关注UI设计行业的朋友们应该都了解,产品的一个重要目标就是留住用户,而想要留住用户就要给用户良好的体验。因此,今天交互时代就与大家分享一下,我们应该如何利用框架的界面提升产品的用户体验。

在我们浏览各种页面的时候,基本上第一时间是不会想到加载速度这一回事的,我们通常会认为操作之后会立刻给我们回溃所以曾经有许多UI设计都没有加入等待加载这一元素。

网络并不总是那么快,页面也不总是那么顺畅,特别是在页面中有比较大的图片或者设计元素的时候,加载速度必然会变慢。如果我们不能缩短加载时间,那么只能让用户在等待的时候心情更好一点了。此时,我们就可以用预加载信息来吸引用户的注意力,比如框架界面和图片占位符。比起转圈的加载提示,框架界面能建立对内容的预期,减少认知的负担。

交互时代给大家的几点建议:

框架界面不必很抢眼。只需要凸显必要的信息,比如段落结构。Facebook的灰色占位符就是个好例子——它加载时使用了元素模板,让用户熟悉正在加载的内容的整体结构。注意框架界面中的图片和线框并没有很大区别。

对于加载中的图片,我们可以用主色填充一个图片的空间。Medium有一个很棒的图片加载效果。首先载入一个小的模糊图片,然后慢慢转变成大图。

真正的图片出现之前,你可以看到模糊图片填充的占位符。

如此,就好像一张图片淡化进入用户的眼中,给用户造成一种柳暗花明又一村的体验。这就是交互时代给大家分享的关于利用框架界面提供良好用户体验的方式,如果大家想要知道更多关于UI设计的知识,就多多关注交互时代的官网吧。

请联系网站客服,了解详细的优惠课程信息~

优质、权威、便捷、省心

加载全文

免责声明:本站部分内容、图片来自用户自主上传,如果您对本站信息资源版权的归属问题存有异议,请您致信,我们会立即做出答复并及时解决。如果您认为本站有侵犯您权益的行为,请通知我们,我们一定根据实际情况及时处理。

以上是交互时代UI实训基地为大家整理的有关如何利用框架界面提升产品的用户体验的全部内容,更多精彩请访问学习资讯新闻专栏。

相关课程

更多>
2020猎学网广告栏
申请课程免费试听名额

课程顾问24小时内联系您

你好

顾问将于24小时内联系您!

确定
在线咨询 微信咨询 立即报名
申请1对1课程顾问咨询服务
×
你好

顾问将于24小时内联系您!

确定
深圳猎学网 >交互时代UI实训基地 >如何利用框架界面提升产品的用户体验