奶酪之《MobileDesign》笔记#1

最近奶酪在读一本《移动设计 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）转载请标明出处，谢谢~

本文由奶酪编辑（微信569369981）转载请标明出处，谢谢~ 

公众号 ：用户体验设计UED ued_design