最近奶酪在读一本《移动设计 Mobile Design》,记录下读书笔记。
1 要有以人为中心的设计理念,从用户的核心价值、目标和用户的特征出发来思考设计,有自己的设计原则,关注产品内容的组织,提供符合用户期望的信息架构,使用用户熟悉的和高效的导航操作,以及进行有趣的细节设计。
2 使用情景:休闲中、等候中、忙碌中
3 用户姿态:走着、坐着、干活中、贴耳倾听
4 移动情景:环境光、噪音、中断事件、持机方式、移动网络(2G/3G/4G/WIFI)
5 网速和流量影响着加载速度,设计合理的加载策略对产品体验有重要的影响;加载策略会受到加载内容的大小、内容的数量、加载时的网速影响。
常见加载策略:
加载策略A
A:全页面加载——整个页面一起下载,页面会处于全空白,或者只有一个加载动画在动的状态;如果动画处理的不够好,很容易让用户失去耐心;一般适用于一屏只有一个元素的载入情况,如全屏图片的载入。下图为简书的一条图文内容的加载,采用的全屏加载的方式,可以见到页面空白时的加载菊花为用户等待设计。
加载策略B
B:分步加载【改变加载内容的次序】——WEB端常用这种策略,先加载较小的文字内容,再加载较大的图片、视频等内容,让用户在网速不够快时也能提前预览。
缺点:分步加载页面中,当只加载了部分内容时,未加载的内容会对页面的美观程度产生影响,同时也会影响用户对页面的内容的理解,这在图文的排列界面中可以经常看到。
解决方法:设计一些有品牌识别的默认图片来代替未加载的图片,使界面在未加载图片内容时,也能有较好的展示效果,让用户更好的理解界面含义。
例如same的【你发自拍我来画】频道的图片加载的方式:
1.首先加载的页面的文字【我要免单】【购买】等,以及same的品牌logo;
2.其次分段加载各个图片,一次只加载当前页面,数量可能10~20个,当上滑页面的时候,加载更多图片,可明显见到图片是一个一个加载的。【加载2用的就是分段加载即懒加载的策略】
加载策略C
C:懒加载【上滑加载&下滑刷新加载最新】——懒加载经常使用在无尽的列表中,在用户滚动页面时加载更多的内容;懒加载一把都是由用户的浏览行为来唤起内容的加载,当滚动到页面的顶部或者底部尽头时,会自动加载内容。
注意1:一次性加载的内容的数量。一般是根据内容的大小和高度确定的,既能较快的载入内容,又能让用户更顺畅的查看而不用一直等待加载;
注意2:加载时间,好的懒加载会根据用户的浏览速度去调节加载的时间点,而不是在浏览加载完的内容后才开始继续加载。
例如网易新闻客户端头条就采用的懒加载的方式;
加载策略D
D:智能加载——根据不同的网络来加载内容,控制流量的大小。当应用判断出所处环境的网络后,应该给用户加载针对性的内容;智能加载可以选择在wifi下载入所有的内容,而在2G/3G网络下,详情需要再点击一次才能载入更多。
2G网络:提供最核心的少量内容,更多内容允许用户主动加载,即需要用户主动去加载,不需要程序自动加载很多无关紧要的内容;
wifi网络:可以给用户载入更多的内容,减少用户的点击次数;
加载策略E
E:离线访问 ——之前访问过的内容可以离线存储在手机空间内,之后离线状态下可以访问。
优点:
1.断网的情况下也能使用应用,并能访问已有的数据;
2.减少流量的消耗;
3.减少访问时间;在使用离线存储后,用户访问内容的速度得到了极大的加快,提升了用户体验。
缺点:占用手机存储空间,存放离线内容。
例如网易新闻客户端,每次打开都是之前看过的头条内容,说明程序采取了离线存储的方式,下拉刷新后,加载最新的内容。
昨天诗诗大婚,虽然嫁给了大17岁的历经沧桑的大叔,但是看到他们在一起的照片感觉就是等到了该等的那个人,祝福~
本文由奶酪编辑(微信569369981)转载请标明出处,谢谢~
公众号 :用户体验设计UED ued_design