作者归档:Sheldon

关于Sheldon

PM

移动产品设计之加速

我们有时觉得某个App快,某个App运行起来则很慢,这个过程分解开来就是:某个App执行某项任务,在某种网络环境下,被用户感觉到速度快或慢。三个关键词:任务,网络环境,用户感知。

任务:
1、提高任务执行速度
优化App代码质量,这个技术上的思路比较常见。

2、后台处理任务
最近使用新浪微博Windows Phone客户端时感受强烈,每次发出微博后可以继续刷微博,过段状态栏会显示发送成功或失败的提示。处理任务的时间并没有变化,使用体验却顺畅许多。

3、提前执行任务
Instagram在你拍完照片填写照片说明、分享信息等时就开始上传了,等你点击“完成”时,照片可能都已经上传好了。仅仅照片说明、分享信息等的上传,时间相对短很多。用户的感觉就是Instagram比别的App快,分享照片很简单!
微信查看他人朋友圈的照片,某张照片加载完成后,会自动加载该照片的前一张和后两张,这是对用户行为的预测。

4、提前显示任务结果
发iMessage时,点击“发送”后,输入的内容就会移入对话列表中,此时导航栏上还在显示着发送进度。一段时间后,如果发送失败,所发送消息右侧会显示红色的叹号,点击可再发送一次。
Instagram中点“赞”时,“赞”按钮会立即变为“赞了”,而实际此时赞的请求正在进行。
微信更极端,没有网络时朋友圈发的照片也会进入内容列表中,但实际是没有发出去的,短时间内微信会在有网络时自动上传,长时间的话,微信会提示“照片发送失败”,可轻触以再次发送。

5、细化为多个任务
大多数App采取的分页加载数据就是一个例子,像新浪微博“首页”每次加载50条微博,“消息”中每次加载20条消息。

6、降低任务难度
随享中查看微博图片,先显示质量稍低的图片,点击“原图”才会加载原始图片。

网络环境:
1、不同网络环境不同处理
新浪微博根据网络,在Wi-Fi下大图模式,在3G/2G网络下小图模式。

2、避免陷入3G/2G网络环境
视频、音乐类App的离线功能,豌豆荚的追剧功能。

3、与运营商合作推出类定向流量包
搜狐视频的联通15元每月6G流量包,豆瓣FM的联通免流量包月服务,微信和广东联通推出“微信沃卡”等。

用户感知:
1、及时反馈
用户不了解情况,就会更加着急。

2、分步加载
网易新闻查看新闻详情时,先加载文章标题和内容,再加载配图。

3、先显示部分元素
已有布局,打开iPhone备忘录,先显示导航栏和列表分割线
已知内容,新浪微博从列表进入某条微博正文,先显示列表页已知的头像、昵称、时间、微博内容等。

4、利用缓存
让人感觉快,新浪微博每次进入,“首页”都显示上次刷新时的微博。
实际确实更快,微信在没网的时候也可以访问之前已经访问过的页面。

5、页面转场、动画效果
页面转场、动画转场效果是消耗时间的,这个时间会被用来处理任务。

6、减少系统默认loading动画的使用
看着就烦,现在携程、美团等App都已经自定义了。

7、有趣、酷的元素
转移用户注意力,四次元加载图片时的loading动画有点像Pac-Man,iOS 7 下载App从在桌面上显示到安装完成的一系列动画就很酷。

8、视错觉
打开Gmail时的蓝色进度条,理论上会让我们感觉读取速度快了11%
以上只是细节的归纳,宏观地看,优化流程,缩减层级,减少输入等也会让用户感觉快,因为用户使用App是为了解决一个问题,所以让App加速是一件系统的事情。

拓展阅读:
1、Instagram 速度快的秘密何在?
2、让等待更加美好
3、通过设计让APP变快的6个方法
4、移动应用“快”体验设计方法

iPhone应用推荐之Bump

Bump 最早是一款手机间交换名片的 App,只要两个手机碰一下,名片就传过去了。随着发展,Bump 现在可以传照片、视频、音频、文件(包括 Dropbox 文件)、应用程序(限 Android)和联系人。

Bump 除了支持两个手机间互传文件外,还支持手机和电脑间互传文件,那么 Bump 传文件的原理是什么呢?

使用 Bump 的过程中发现三个关键点:一是设备振动;二是网络可用;三是移动设备和浏览器都要启用定位服务。再根据网上的一些资料,大致推出原理:将同一时间同一位置的请求回传给各个设备,然后用户自己配对,配对后就可以将文件通过网络传给对方。

实际碰撞中发现,两个设备并非一定要接触到,比如两手各握住一个设备,然后仅仅是中指、无名指和小指碰到也能连接上,甚至两手都不接触,隔空摇动设备,也能出现确认连接的提示框。之前不知道这个,iPhone 左右上角都磕出凹痕了,心疼!该死的 Bump 不讲清楚(刚发现,实际是我没看清楚)。后面想明白,设备的碰撞只是增加趣味性,改成点击按钮触发也是可以的,Bump 在手机和电脑间互传文件时,就是敲击电脑键盘空格键触发的。另外我尝试三个手机互碰,但每次都只有两个手机能配对,所以 Bump 的原理修正为:将同一时间同一位置的请求传给服务器,然后服务器根据算法将两个最可能在碰撞的设备配对,当双方都点击“连接”按钮后,就可以互传文件了。
 

P.s.
2013 年的最后一天,Bump CEO David Lieb 在官方博客宣布 Bump 将会在 2014 年 1 月 31 日从 App Store 和 Google Play 移除,这距离 Bump 被推出过去了将近 5 年。对于 Bump,作为用户,我不懂原理,也不关心原理,我只在意能否解决我的问题,如果能,而且还是以一种很有意思的方式,我就喜欢。那么 Bump 为什么没在国内火起来呢?互传文件,包括图片、联系人等,一方面不是高频需求,当有需求时要求双方都安装了 Bump,这个难度较大,临时下不大可能;另一方面不是刚需,图片的分享比存储更重要,传到 Qzone、朋友圈,好友来赞或评论下就够了。

为什么买iPhone?

1、和世界一致
友盟报告显示 2013 年第二季度国内有 1.5 亿活跃的 iOS 设备,那么 iPhone 用户应该至少有 6 千万以上,所以这么多人在用的一款设备,有条件的话,我们应该尝试一下,虽然贵了点。

2、一款好手机
iPhone 5s 是目前世界上最好的手机。
一是基础功能。通话质量、拍照水平、续航等,iPhone 5s 综合实力第一。
二是应用质量。现在的手机就是电脑,电脑里我们用软件,手机里我们用应用,目前苹果 iOS 系统的应用质量仍然领先安卓系统一个身位。

3、买哪一款?
如果想作为主力机,选择 iPhone 5s,数码产品买新不买旧。至于颜色,低调者买深空灰,女生可以考虑买银白色,土豪买香槟金。如果有多台手机,不想花那么多钱,可以考虑 iPhone 5c,除非金属机身外,其他配置和 iPhone 5 一样。

4、通过什么途径购买?
如果不急的话,一年一度的苹果在线商店优惠(一般在春节前,今年是 1 月 10 日)配合招行、工行信用卡分期(免手续费)最佳。
如果不觉得被束缚,可以考虑合约机。
如果有靠谱渠道,可以考虑代购。

拓展阅读:
1、iPhone 5s & 5c 测评
2、 iPhone 5s 评测消费者报告

安卓手机刷机之联想 S720

一、备份
平时就应该定时备份联系人和照片。联系人备份推荐微信,因为即使换了手机还是会装微信,这样不用特地安装一个应用,备份的联系人支持在网页端进行管理。照片备份推荐微云,微云也能备份文件。如果想备份短信、通话记录、应用,推荐 QQ 同步助手。这个备份方案的优点是都是腾讯的产品,数据管理起来可能比较方便。

如果不想安装这么多个应用,推荐百度云,不过百度云只能备份联系人、照片、短信和文件,不能备份通话记录和应用。有时真是很无语,这些个互联网公司,一个简单的备份问题都搞这么复杂,就不能提供一个简便的解决方案吗?目前我的情况很分裂,联系人微信备份,照片、文件百度云备份,短信、通话记录 QQ 同步助手备份,应用豌豆荚备份在电脑本地。- -||

二、刷机
最早一次刷机是 11 年,当时按照论坛上的教程一步步来的,于普通用户而言门槛还是太高。12 年年底帮朋友刷机尝试了下卓大师,不错,解决了问题。不过现在刷机推荐刷机精灵,一是市场占有率业界第一,二是之前刷过两次,都 OK。

优点:
1、联系人、短信、通话记录、应用刷机前忘了备份也没关系,刷机时可以选择备份,刷机完成后再还原到手机上;
2、支持一键获取 Root 权限;
3、ROM 的数量和更新频率优于卓大师等;
4、支持恢复谷歌服务,包括 Gmail、Google Play 等,亲测可用。

不足:
1、刷机时备份的资料没有照片这项,就是说照片需要在刷机前单独备份,可以拷贝到电脑或备份到百度云、微云等;
2、短信和通话记录的还原丢失部分数据。

最终刷的百度云 ROM,不过不太满意,界面不简洁,第三方主题的质量也比 MIUI 差很多。本来 ROM 的第一选择是全球影响力最大的第三方 ROM:CyanogenMod,可惜不支持联想 S720,第二选择是 MIUI,可惜也不支持,并且普通用户刷机,MIUI 可能是最优选择。

三、后续
听说一开始 QQ 用不了,升级 QQ 到新版后没问题,至于不能用的原因,没有定位到。

关于IT阅读

目前的阅读组合:微博 @上下班路上,午饭后,下班后浏览器里基本开着;网易新闻体育、科技频道 @上下班路上;微信 @上下班路上。未来期待的改进:看《商业价值》,现在订了没看;看书,内容虽滞后但相对系统且读史更能理解现在。

接触互联网是上大学后才开始的,那会儿经常看 cnBeta、互联网的那点事、草根网,cnBeta 训练了我辨别软文的能力,后两者都是编辑推荐,质量相对还可以。然后也用 Google Reader/ 鲜果订阅了很多博客,不过总体而言看得少,因为信息过载严重。

工作后,主要的信息来源是微博,几乎不看新闻,因为微博足够,关注的人是一个比较高效的过滤器,二是认同新闻无用,有个美国教授做了一个实验,自己当被试,一年不看报纸,结果发现生活并没有什么影响。

今年 10 月开始看网易新闻,意识到还是有必要看点新闻的,欠缺的信息获取容易让自己陷入思维怪圈。体育是培养其他兴趣,科技是因为相对客观、前沿,网易没有互联网频道,挺好的,现在的互联网新闻充斥了太多个人猜测和臆想,看了伤身,尤其对新人。

回顾过去,从书报纸杂志到四大门户、博客、微博、微信公众号;从纸张到 Web、MP4、RSS 阅读器、App、Kindle;从书桌前到电脑前、地铁公交中、排队等候时;从花一整个下午时间用来阅读到各种碎片时间阅读;从传统长文阅读到博客短文阅读,微博 140 字阅读。可以看到,阅读发生了变化,但阅读会一直存在,因为是硬需求。

具体的网站,推荐知乎、极客公园、爱范儿、PingWest,不推荐虎嗅网,多噱头、36Kr,没有内容,可以直接关注这些网站的官方微博,这样兼有聚合和过滤作用。再个相比被动型、分散型阅读,更建议定期围绕一个主题进行研究,去百度、维基、微博、知乎搜索,同时以博客、微博、回答问题、朋友交流等形式输出,输出会加深自己对问题的理解。最后,阅读只是一方面,更多的是不断思考,提高自己的判断力,做出一个好产品!

拓展阅读:
1、真相在哪里
2、产品经理获取最新信息的来源都有哪些?
3、碎片化时间与我的阅读习惯

如何给WordPress安装百度统计代码?

1、注册并登录百度统计,点击页面顶部的“网站中心”,然后点击右上角“+ 新增网站”,填写网站域名确定后,点击“复制代码”;
2、登录 WordPress 后台,点击左侧导航栏“外观”里的“编辑”,然后点击右侧“模版”下面的“底部 (footer.php)”,将第一步中复制的访问分析代码粘贴到“</body>”前面并点击“更新文件”;
3、回到前面百度统计的“网站中心”,点击“首页代码状态”下面的刷新图标,如果图标左侧的文字从“未检测到代码”变为“代码安装正确”,说明搞定。

P.s.
“真烦,升级了 WordPress,结果百度统计没了。有时觉得 WordPress 真的太复杂了。真的不要以为用户那么专业,开始连这个回答我都没看懂。”

我在用的Chrome插件

7 月份看到 360 重推世界之窗浏览器的新闻稿,挺有感触,里面提到 Chrome 的占内存、启动速度问题确实较为明显,至于其他项有些可以通过安装插件解决,有些对我影响不大。目前来说,Chrome 还是最优秀的浏览器,以下是我在使用的扩展程序:

1、Adblock Plus
广告过滤插件,从 Firefox 时代就用到现在。具体效果,对比下安装前后的 yyets.com 就知道了。

2、CrxMouse(原 Gestures for Chrome™汉化版)
鼠标手势插件,从遨游开始接触的鼠标手势,真是太好用了,大大提高上网效率。我的 CrxMouse 配置
常用手势:↓向下滚动,↑向上滚动,←后退,→前进,↓→关闭当前标签页,←↑恢复最近关闭的标签页,↑↓刷新页面,→↑返回顶部,→↓返回底部,↑←切换到左侧标签页,↑→切换到右侧标签页,↓←新建标签页。
常用超级拖拽:文字,↓百度新标签页后台搜索,↑百度新标签页前台搜索;链接,↓新标签页后台打开,↑新标签页前台打开。
颜色:99CC00

3、印象笔记·悦读
一般用悦读来保存新闻、文章到印象笔记(Evernote),印象笔记重度用户必备。

4、惠惠购物助手
网购必备插件,浏览商品时自动呈现其他 B2C 网站同款商品价格,同时提供商品价格走势图,还支持降价提醒。

5、眼不见心不烦(新浪微博)
新浪微博功能增强插件,可去广告屏蔽关键词等,微博重度用户必备。

6、快捷工具(由 Google 提供)
主要用其中两个功能,双击关闭标签页和关闭多个标签页前先确认。

7、美味书签收藏工具
在线书签收藏工具,保存一些有一定价值,但又没必要放在书签栏的网址。

8、Axure RP Extension for Chrome
产品设计师必备,用来查看 Axure 生成的 HTML 文件。

P.s.
前几天装了下火狐和欧朋,当时感觉像是回到上个时代,互联网产品就是这样,不持续改进,开始没什么,但一段时间后就是巨大的差距。

微信银行设计浅思

不管是Web、App、还是微信公众号,本质上都是满足用户需求,解决用户问题的,所以微信公众号上做哪些功能考验产品设计者的判断力。PC/MAC,手机/平板,微信作为载体,每个载体都有自己的特点,用户也会有自己的习惯,那基于微信做公众号也要符合微信平台的特点和风格,这也会影响功能的选择。

从App的角度来看,微信一级菜单(3个),二级菜单(每个一级菜单下面最多5个),三级菜单(会话中的链接,点击去到HTML页面)。即使对于绝大多数App来说,这也足够了。不过最好的方式还是通过对话解决,这样用户的操作成本最低,比如语音/文本:“账单”,立即返回我本月账单情况,不行再去到HTML页面,不行再引导用户通过安装App解决。

从输入的角度,除了自定义菜单,微信还有语音、文字、拍摄(照片)、位置。
语音:通过语音识别,语意分析,然后给用户问题的答案。
文字:做语意分析,然后给用户问题的答案,作为语音的补充。
拍摄:暂无。
位置:发送地理位置,显示附近营业网点、ATM网点。
扫一扫、摇一摇未来如果开放,那到时微信银行又可以跟其做什么结合呢?

从输出的角度,可以是文字、图片、语音、视频,可以是卡片(图文消息),也可以是HTML页面。

从推送的角度,固定的如交易提醒、账单、还款提醒;非固定的如银行业务公告、优惠活动等。

最后再回到开头,解决用户的问题是目的,中间的所有都是手段,而手段中大到产品架构,小到一个页面的文案,考验的都是产品设计者的能力!

拓展阅读:
1、招商银行首推智能“微客服”平台
2、微信公众平台「订酒店」的订房功能是如何实现的?
3、2013移动互联网创新大会 — 微信 I/O 论坛

如何在Cydia上购买插件

一、插件详情页
打开Cydia,搜索比如Infinifolders,进入插件详情页,金色的列表项显示“Purchase Product $1.99”(购买产品需要1.99美元),同时右上角也有一个“Purchase”按钮。

二、Cydia Login(登录Cydia):
第一行,Cydia商店支付,为了使用这个功能,你需要先通过验证。
第二行,你的支付会和账户绑定,如果后面重装固件(甚至买了一台新手机),你不需要再次为之前买过的插件付费。
第三行,用Facebook账户登录
第四行,用Google账户登录
第五行,这些内容只会用来验证:Amazon支付和Paypal支付账单。

1、建议选择Google账户,因为Facebook在国内是完全被屏蔽的,Google至少部分服务还能用。
2、登录后,选择登录的那个账户。
3、点击“接受”,同意授权。
4、点击“Link Device to Your Account”(将这台设备和你的账户绑定)

三、支付
1、建议选择PayPal(国外的支付宝),由于没有PayPal(贝宝)账户,所以我选择使用银行卡(其实是双币信用卡)付款。
2、填完银行卡信息后,点击“继续”填写账单信息和个人信息,勾选创建一个PayPal账户(其实还是用PayPal账户支付),然后点击“立即付款”,然后页面显示:“Transaction Status: Completed”(交易状态:完成),搞定。
3、再回到插件详情页,之前的价格已经变成“Package Officially Purchased”(插件已支付),右上角的“购买”按钮也变成了“安装”,点击安装插件,完成后重启,系统“设置”里已经多了“Infinifolders”这项,进入可以进行一些设置。

还有不清楚的,也可看下另一篇教程

Google Keep浅析

就记事类App,Android平台迟迟找不到一个和iPhone备忘录一样的,不管是早期的小米便签,还是后来的百度云记事本。2013年3月21日Google推出Google Keep,完全的Android 4.0风格,有惊喜,但还是略逊一筹。

 

A、功能分析:

一、添加记事
Google Keep提供四种类型:文字、待办事项、语音和照片。

二、已有记事列表

1、展现形式:
卡片式,可在单列视图和多列视图间切换。单列视图下,标题最多显示两行,超出打点省略;正文最多显示七行,超出打点省略;待办事项最多显示五行;录音不显示在列表中;照片最多显示一张。多列视图下,正文最多显示九行,超出打点省略,其他和单列视图下一样。

2、排序:
按创建时间倒序排列,最新创建的排在最上面。

3、交互:
点击某条记事进入详情页,不是Android默认的新页面居中放大,也不是iPhone默认的当前页面向左收缩,拉出新页面,而是卡片上下扩展开来。长按出现Action Bar,这个是Android的传统交互方式,不说了。在某条记事上横划,可快速归档(写这篇文章时无意中发现的)。还有一个有意思的地方是,往上滑动页面,然后往下滑动,“快速添加记事”操作栏就会出现。

三、对已有记事的操作
长按某条记事出现Action Bar,可以分享、归档、删除,同时也可以多选进行多条记事的归档和删除。
进入记事详情页,除了上面的分享、归档、删除外,还可以改变记事的背景颜色、添加拍照、修改记事为待办事项。

四、搜索
不知为什么,竟然出现搜索结果不全及搜索不到的情况,按理说全文检索不应该有什么问题的。

五、其他
1、单列视图、多列视图切换
2、查看已归档的记事
3、设置(包括切换帐户、同步、关于等)
4、反馈意见
5、帮助

 

问几个问题:
1、为什么新建记事支持那几种类型,常见的还有图片、手写、涂鸦等,尤其是为什么不支持从相册导入图片?
2、为什么支持填写标题,但新建记事是直接定位在正文处?iPhone备忘录为什么不支持填写标题?
3、已有记事为什么采用卡片式展现,常见的还有列表(仅标题)、摘要、海报、瀑布流、时间轴(Timeline),各种形式的优劣是什么?
4、iPhone备忘录是按修改时间倒序排的,只要做了修改,就会排在最上面。哪个更好?
5、关于、反馈意见和帮助有必要有吗?为什么iPhone备忘录没有这几项?

 

B、使用体验:

说到易用性,我至少被两点给困惑过:

1、一次给一个记事设置了颜色,后面所有新的记事都带上了那个颜色,如何取消后续记事的颜色?
当时费了很久的时间,而且后来也不知怎么的就弄好了。仔细研究后发现逻辑是这样的:如果修改“快速添加记事”操作栏的背景颜色,那么新添加的记事都是那个颜色。如果进入的某个记事的详情,那么修改背景颜色仅影响该记事。

2、快速添加记事后,如何新建记事?
这个当时着实困扰很久,当然后来是学会了,点击“快速添加记事”,输入内容后,需要点击右侧的“展开”图标进到详情页,然后再返回首页,这样才可以新建记事。建议Google Keep还是添加“保存”按钮,当然本身也要支持即时保存,和iPhone备忘录一样。

3、归档?
本身这个概念就不大众,Gmail里的“归档/存档”功能我也不懂,也不用,或许国外用户比较熟悉归档的概念吧。

4、Google Keep“快速添加记事”操作栏最左侧的那个图标我竟然没用过,因为我都是直接点击“快速添加记事”来记录内容的。这点是今天看elya妞的PPT发现的,距离我使用Google Keep已经一个半月了。惊讶之余,不禁反思,或许Google Keep就不应该设计“快速添加记事”这项功能。

 

关于UI:一开始,其中的英文字体就让人印象深刻,真好看。随着使用的深入,发现整个背景和字体颜色的搭配都非常好看。如图:

Google Keep detail

 

推展阅读:
1、Google Keep,短小精悍,潜力无限
2、上手Google Keep:这只是一个开始