Bloody Sunshine

Just too damn hot

工作搞定了。

在家赋(wan)闲(shua)了四个月之后,接了日本乐天的Offer,4月初入职。

感谢找工作过程中各位老板和朋友的帮助!

有几点希望说明一下

  1. 日本乐天不是做巧克力派的那个公司😂,主营业务是电商,网址是 www.rakuten.com 说我去做巧克力派的朋友,回国我就去物美给你们买巧克力派做礼物!
  2. 之前和一些同学约了饭,但是没吃,有同学反馈说:『你是不是别人都吃完了把我忘了?!』真的不是!我是那样人么!!其实是我担心我和你们吃完饭又在国内赋闲了两年什么的,那见面多尴尬是不是😂!
  3. 我2月底回北京,然后预计三月中下旬去准备入职,可以约起来啦!
  4. 做RD PM UI的朋友,想去日本工作生活可以小窗我,可以介绍工作机会(有汉语友好和英语友好的)。
    然后插播一组广告:

我家房子出租,7月初可以入住,预计租期2-3年。

* 价格公道,有兴趣的朋友请小窗,看眼缘 :)

从糯米电影谈谈页标(Page Control)

周末顶着寒潮,参加了一个兄弟的婚宴,席间有百度的同学表示现在糯米比原来强多了,你试试。然后我就真的试了试,强多了没感觉,但是电影频道的首页搞得我很不舒服。打开就是两种典型的滥用翻页指示器(Page Indicator/Page Control,这个说法太拗口,后面都称作『页标』),拿出来说说。

页标这个东西,顾名思义,是用来标记页码的,是现在智能手机上最基本的交互组件之一,因为iOS最早就在桌面上采用了这个设计,让很多设计师想当然的觉得这个东西人人都懂都会用,只要能横划的位置就可以放。错了。

单纯说页标本身的设计,它能承担如下的功能

  • 暗示用户此处有多页可翻
  • 告知用户总页数
  • 指明当前位置

但是,页标本身也有一些限制

  • 『页』是最小单位,页标的设计是离散的,如果需要对于元素滚动进行连续的标识,应该用游标或者进度条之类的设计。
  • 它是可见的页面元素,当用户点击时应该响应和反馈。
  • 因为可见,所以可能遮挡后面的内容。

糯米电影

上图是我截取的局部,进入糯米电影频道,顶部的两个模块,就叫它们是橱窗和菜单吧。先引起我反感的是下面都是胖达的菜单部分。

1. 翻页指示器,指示的,是,翻,页!

感觉这似乎没什么好说的。。。但是这种情况确实经常出现,请看图中『演出赛事』这个胖达。发现了么?当你横划这个位置的时候,它可以走半页。。。实际上这个菜单栏是可以以像素为单位滑动并停留在任意位置的,在这个地方用页标,反而增加了用户的困扰:我在哪?后面是否还有但是我划不过去?

解决方案很简单:

  1. 要么就翻页:第二页填不满空着。(看设计这么整齐,我估计设计师不会同意。)
  2. 要么去掉页标,露出半个item暗示可以滑动查看后面项目。(看设计这么整齐,我估计设计师不会同意。)
  3. 要么就别放这么多项目在这里,缩减到一行内搞定。

其实3是最可行的方案,但是减法这件事儿说起来容易做起来阻力大。

2. 移动设备的橱窗上最好不要加页标

糯米电影

(是的,上图和上上图的是同一张)橱窗上加页标这件事儿亘古有之,PC Web上大量网站采用了这样的设计。说实话在PC端也不是很好的设计,这个设计有如下问题:

  1. 页标是否可操作?并没有一个明确的标准或者暗示。
  2. 页标本身会遮住橱窗的内容,考虑到内容的多样性,很可能会导致页标部分不可见。
  3. 加了页标之后,因为理论上可以快速跳转,变相鼓励了运营是放更多页。

你带着这三个问题看上面的图就会发现,真糟

  1. 有7个不同的轮换图,意味着你想去找刚才看到的某一个,最多可能要划6次。我知道一个足够理性的人也3次内解决的,但是实际上用户并不明确目标的位置。
  2. 用户可能会下意识地点击页标尝试翻页,然后挫折。(当然了,该图点击次数加一,KPI WOW)
  3. 遮住字了啊大哥!!刚才那个啥都不同意的设计师你出来。

因为在PC端有鼠标这个高精度设备 + 存在Hover这个状态,所以问题不太严重。不少用户也被训练了,知道这个东西是什么,以及点击可以看对应的内容,在移动端则不然。绝大多数移动端橱窗的页标都是不可点击的,因为面积已经很小,用户几乎不可能精确操作页标,所以不支持点击理所当然。但是,用户并不能明确的知道,直到他点了一下,发现:我日。

在移动端,好的橱窗设计翻页设计应该:

  1. 经验上,轮换图的数量不超过5个。
  2. 不使用不可操作的页标。也不要把页标放到橱窗图片上。
  3. 有切换动画的自动轮换,暗示用户可以操作。
  4. 通过露出一部分下一张图片给用户预期(露出的部分短边应该不小于30pt,因为需要响应操作)。

3. 其他

去年 @林兆钦 推荐过一篇文章给我:iOS Design Rules to Break,其中第一条就是Page Control的滥用,文中提到了更多滥用的例子,比如用来做主导航。在很多设计师眼里,这一排小圆点就是告诉用户:『我可以横划切换哟』,很不幸的是,因为页标本身视觉方面是很弱的,用户很可能根本看不到,尤其是当页面上内容复杂的时候,比如你们的新版本功能介绍。在iOS Human Interface Guidelines: Controls里面,其实已经明确了建议的使用场景和不建议的用法。

有一个多数人可能没注意过的细节:iOS桌面上的页标是可以点击的,不过不是精确操作,只能提供上一页和下一页。这个功能曾经在某个版本被那掉过,后来又加回来了。这个操作不完全符合用户预期(定位到目标的点),但是是一个可以接受的妥协。所以在HIG中也有提到,Page Control,只能提供线性浏览。

(fin)

关于出国玩用什么SIM卡这件小事儿。

前些天一冲动,定了过完年去夏威夷玩。出门玩为了啥?不就是为了发个朋友圈么!那不就得有网么!上网一般就是三个选择

  • 随身热点:优点是人多的时候人均成本低,不需占用额外的设备。
  • 当地SIM卡:优点当然用起来方便,人少的时候其实成本也不高。
  • 国际漫游上网:这个方案万万不可,除了贵,很可能你还是用不了Google Maps,这是能急死人的。

随身热点有一些额外的麻烦,如果你的手机突然不能上网了,排查问题比较麻烦,而且有时候为了省电还要开开关关甚是麻烦。所以自从被许婶安利了当地SIM卡方案之后,我就一直选这个了。

然后顺便就做了一些美国运营上覆盖情况的功课:夏威夷手机信号美帝四大运营上点评:Honolulu, HI Carrier Reviews & Coverage Maps 先排除了Spirit(还能找到很多骂它信号差的)

然后是其他三家在夏威夷的覆盖情况,如下图,可以看出AT&T和Verizon的覆盖显著优于T-Mobile。PS:链接可以用来查他们三家在美国和全球服务的覆盖情况。

Verizon Coverage Locator
Verizon

AT&T Maps - Wireless Coverage Map for Voice and Data Coverage from AT&T 
AT&T

T-Mobile 4G LTE Coverage
T-Mobile

那么怎么买卡呢?火奴鲁鲁机场国际到达厅可能没有预付费卡卖,要么到了Waikiki找地方买,或者提前在淘宝上买好。消息来源:SIM card purchase at Honolulu Airport arrivals

剩下的就是淘宝搜了,因为排除了T-Mobile,所以其派生的一系列虚拟运营商卡也不考虑了。Verizon几乎只有租用服务。最后就只是挑选AT&T套餐的问题了,按需选择即可。

说实话,决策过程一点也不顺利,要自己找各种资料。考虑到在充分竞争的市场,电信服务的价格不会有太大差别,尤其对短期游客来说。其实核心问题就是两个

  • 信号最好的运营商是谁
  • 在哪买

这种信息应该是可以标准化的,之前也就是能在穷游锦囊里见到偶尔提及,希望能变成基础信息的一部分才是。

如果有一条(又一条) 用户不能错过的通知

这三条通知晃瞎了我的狗眼。。。

这种情况挺普遍的:有一天你设计了一个重要通知栏,这个通知仅用在展示最重要的通知,然后所有人都发现我擦这个通知效果好棒,不如我们多来几条吧!

然后你就想撞墙自尽了。

当然撞墙并不能解决问题,导致这个情况的原因通常是原有的通知容易被用户忽略,无法满足产品运营的需求,除了本身展示不合理,对于通知的滥用是降低其价值的最主要原因之一。

但是运营团队不能自己背这个锅,如果产品设计时没有合理的规划各种通知、站内信、官方消息之类的触发条件和频率,难免在实际运营的时候出现轰炸用户的情况,毕竟人人都有KPI。

怎么办呢?

对于新产品:

  • 靠经验
  • 参考别人的经验

对于已经上线了一段时间的产品,需要re-design的话

  • 从使用数据中挖掘用户需要什么样的消息
  • 也挖掘用户不需要哪些垃圾消息
  • 关注历史消息有效到达情况和发送频率、类型、时间的关系
  • 整理相关功能的运营纪录,汇总运营需求
  • 确定key metrics

(Fin.)

PS: 最上面的绿色条,点进去是这个网站的改版,把自己改成了个Airbnb,也是跪了。

最黑的锤黑在锤厂么?

最近借到一台锤子T2,感慨颇多,先说好的:手感相当不错,颜值也还行,如果T1做成这样应该能多卖至少一倍的量。然后其他方面简直一塌糊涂。这也是起了上面的标题的原因。米厂有个我觉得很特别的现象:旁人可能无法想象,在内部,员工黑自家产品,黑得比外边黑得狠多了。有些同事聊天的时候会觉得有的水军或者米黑太不专业了,黑不到正确的点上

黑自家产品当然不是白黑的,能黑说明不满意,说明能进步,说明认识到了问题。在T2身上并没有感觉到这一点。

关于T2,想说以下几点:

  1. 罗老师还停留在认为工业设计就是做外观的层面,让人震惊,工业设计的根本是研究人与机器的关系,设计有价值的工业产品。好看是有价值,但是以为把外观做好看就叫工业设计,这也太业余了。
  2. T2的硬件设计并没有解决T1反人类的部分,反而变得更反人类了。
  3. Smartisan OS的功能越来越多,复杂度已经有点失控,我的感觉是团队Hold不住了,出现了各种补丁式的设计。

1. 工业设计不只是外观设计

这点是看发布会的感想,这是世人对工业设计的普遍误解,包括很多行内人,但是罗老师也这么想让我感到很遗憾。

2. T2硬件设计反人类

T1发布的时候我大概做为主机使用了个把月,有几个痛苦的点:

  • 绝对对称的设计特别难用,我每次从兜里掏出来都要找半天哪里是正面。
  • 绝对对称的设计特别难用,在路上,想在兜里按手机调解音乐的音量,要按多次才能找到正确地按键。
  • 绝对对称的设计特别难用,充电的时候总得插着两下试试。
  • 绝对对称的设计特别难用,就算拿在手上用的时候,调解音量都得想想要按哪
  • 后来我决定把两边都改成调解音量 Orz。

T2完全继承了这些难用的点,当我拿到这部T2的时候遇到的第一个问题是:哪个钮是back?只能按按试试咯。。。前两天拿着T2玩游戏的时候又有让人头痛的新发现,逆时针旋转手机横屏玩游戏的时候,实体按键和屏幕上的调解指示完全相反。如下图,黑字指示了实体按键功能,红字描述的是系统界面上的状态。

T2_frastrating

这应该是T1就有的问题,这个问题很难彻底解决,如果要实体按键和屏幕内容严格一致,相当于屏幕上的操作条绑定在对应功能的实体按键上,因为部分应用是锁定旋转方向的,就会出现有时候音量在上面有时候在下面的情况,也很抓狂。

T1/T2这两组绝对对称的侧边键是为了所谓的美牺牲了可用性的设计,既然两侧的按键有不同的功能,就应该让消费者有能力快速区分这些功能,如果是相同的功能就应该去掉一组才是。Form follows function是最基本的设计原则。

  • PS:对称是无数种美的一种,但不是美的唯一形式。
  • PS2:耳机插孔放在手机顶部真是没道理的和消费者做对。
  • PS3:长按Home键锁屏可以当选2015年度最恶心设计。真的,非常,难用。

3. Smartisan OS越来越难用

锤子OS刚出来的时候我和不少朋友都挺惊喜的,有个不同的声音能促进大家探索更多的可能性,但是很遗憾,锤子OS的简洁并没有保持太久,初期的考虑不周加上不克制的增加新功能,这个系统的可用性看起来没有在变好。举几个例子。

A. 莫名其妙的桌面手势操作。

T2OS_1
36宫图是Smartisan OS发布时的主要卖点之一,T1的时代按Menu键就是切换宫图(我没记错的话。。。),这个设计挺难用的最早我记得好像是默认36宫图直接点击启动App的,后来关掉了。不知道从什么时候开始,Menu键默认给了下拉通知栏,而切换宫图变成了如上图的手势。。。手势。。。

手势就是难学、难记、难发现咯,你知道,锤子有个特别高大的Dock区,所以我在桌面上滑屏操作的时候,理所当然的误触了这个功能,当时,我,完全迷惑。

不知道那些一直用锤子的用户发现那个按钮功能变了的时候作何感想。

B. 功能堆叠的通知栏。

T2OS_2
不知道出于什么原因,有着3个实体按键的T2,并没有把语音助手和全局搜索(这两个功能本质上是一体的)缺省定义为长按某个实体按键,可能是因为业届较为通用的长按Home被占用为锁屏和关机了 Orz。但是就这么塞在通知栏里真的好么?产品逻辑是什么?消费者为什么要打开通知栏进行语音助手操作?就因为这里有地方且有一堆功能,就可以放在这儿?

C. 宽得想跑什么都行的底部Tab

T2OS_3
Tab这东西在顶上在底下各有各的好处,但是放在底下还做这么宽(高),除了像老人机以外我还真的想不到别的好处,屏幕上的位置寸土寸金,一个过高的底部Tab,不仅降低内容获取效率,还会更容易导致误操作,在向上滚屏的时候按到Tab并不是什么稀奇事儿。

其实还有DEF。。。不过感觉负能量太多就不写了 @_@(此处删去两段看起来太恶毒的评价),写出来还是觉得希望锤子能做好,你让我写乐x华x我都懒得动。。。

利益披露:小米前员工,PM/设计师,本科工业设计专业,老罗语录陪伴我做完毕业设计。撰文时状态待业。