奶酪之《MobileDesign》笔记#1

最近奶酪在读一本《移动设计 Mobile Design》,记录下读书笔记。

要有以人为中心的设计理念,从用户的核心价值、目标和用户的特征出发来思考设计,有自己的设计原则,关注产品内容的组织,提供符合用户期望的信息架构,使用用户熟悉的和高效的导航操作,以及进行有趣的细节设计。

使用情景:休闲中、等候中、忙碌中

用户姿态:走着、坐着、干活中、贴耳倾听

移动情景:环境光、噪音、中断事件、持机方式、移动网络(2G/3G/4G/WIFI)

网速和流量影响着加载速度,设计合理的加载策略对产品体验有重要的影响;加载策略会受到加载内容的大小、内容的数量、加载时的网速影响。


常见加载策略:

加载策略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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,602评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,442评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,878评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,306评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,330评论 5 373
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,071评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,382评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,006评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,512评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,965评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,094评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,732评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,283评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,286评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,512评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,536评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,828评论 2 345

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,515评论 25 707
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    程序员poetry阅读 114,266评论 24 450
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,029评论 4 62
  • 我们平时玩微信的时候,朋友圈里会有各种转发和分享的内容,虽然大部分是一些广告和晒各种状态以及一些可有可无的内容,但...
    善行无痕阅读 190评论 0 0
  • 春节后,得以有一大段比较空闲的时间,于是我千里迢迢地回到了阔别二十年的家乡。 说二十年,真的是一点都不为过。自从二...
    葉葉素心阅读 437评论 14 15