一个图标设计的简单思考

对于一个 读书 相关的App,你会给它赋予怎样的图标?一本打开的书?一摞书?一个坐在桌子前读书的人?同事在做这个图标的设计时,我也在一旁边看边乱出点子。慢慢地我才意识到,图标的设计,其实颇为考验人对事物的认知。 这个例子里,暂且不考虑品牌传达部分,仅仅讨论图标的表意,那么要传达出 读书 这个概念,设计上至少有五个方向: 1 直接表现场景:比如一个人在灯下看书 2 局部表现整体:比如 书 这一物体的某个具备特征的部分 3 相关事物间接表现:比如Readability仅仅用了一张很舒服的单人沙发 4 动态的瞬间:比如 竹简 、奏折、度牒 这类特殊的阅读载体被慢慢打开的瞬间 5 纯粹用文字符号:比如 读 字的甲骨文金文小篆魏碑等,或者跟读书相关的字如 蠹 还有别的办法吗? 理解一个东两不是能够定义它或是描述它,而是把这个我们认为自己已经知道的东西拿过来,让它变得未知,并激起我们对其真实性的新鲜感,从而深化我们对它的理解。…仅仅是把脸埋人手中思考,整个世界就会显得不同。思考和感知有着无限多样的方式。以我的理解,做设计的实质就是将这无限多样的思考和感知方式,有意识地运用在普通的物体、现象和传播上。- 原研哉《设计中的设计》 “仅仅是把脸埋人手中思考,整个世界就会显得不同。思考和感知有着无限多样的方式。”,是的,还有一个办法——从对立面去观察 不读书 这件事。 不读书的人会怎么看待 读书 这件事呢?书对于他们而言,就是一般物品,可以随意拣起,也可以随意丢弃。一个人看书看累了,也会抗拒它,把它丢到一边,或者盖在脸上遮阳睡觉。嗯,拿本书盖在脸上遮阳睡觉,这是个多么有意思的角度啊。 4.22 Update: 在后续的头脑风暴中,顺着上面拿书遮阳睡觉的思路,我们理出了 读书应该是个舒服和享受的事情 这一想法。然后找到了 猫和书 这一形象来诠释它,比如猫咪蜷缩在书本上睡觉,我觉得这个形象做读书icon蛮好的。另外,从藏书票里也能找一些思路。

April 12, 2012 · Brant

只言片语 (33)

在一个团队中,相信伙伴能够做出好的东西很重要,这是一种对别人和自己专业度的信任,专业度包括技术和道德规范。一个人的坚守与集体的利益并不冲突,大家都需要靠专业来坚守共同价值。这无形中会给对方责任感和动力。- 陆智昌谈书籍设计 我在乌鲁木齐打工,没赚上什么钱。但即使赚不上钱,还是愿意在那个城市里呆着。乌鲁木齐总是那么大,有着那么多的人。走在街上,无数种生活的可能性纷至沓来,走在街上,简直想要展开双臂走。晚上却只能紧缩成一团睡。- 我的阿勒泰 by 李娟 凡事都要分轻重,正因如此我们才需要专注于最重要的事情,而最重要的事情就是持续的发展,让用户开心。一个人不管他拿什么手机,他就是一个人。- Instagram的专注和野心 我知道茶不是低等饮品。当它变成一种仪式时,构建出能够以小见大才能的心灵。美在哪里?是在大事物中,如同其他事物一样,终究都会消失殆尽?还是在小事物中,无心索取,却懂得将瞬间变成永恒?- 刺猬的优雅 by 芭贝里 葛兰西对于有机的知识分子 (organic intellectuals) 有如下的说法:“资本主义的企业主在创造自己的同时,也创造出了工业技术人员、政治经济专家、新文化的组织者、新法律系统的组织者等等。” 今天的广告或公关专家,设计各种技术来为某家清洁剂公司或航空公司赢取更多的市场,根据葛兰西的说法,这些人可以被视为有机的知识分子,因为他们在民主社会中试着获取潜在顾客的首肯、赢得赞同、引导消费者或选民的意见。葛兰西相信有机的知识分子主动参与社会,也就是说,他们一直努力去改变众人的心意、拓展市场;老师和教士 (这类传统知识分子 traditional intellectuals) 似乎多多少少停留在原处,年复一年从事同样的工作,而有机的知识分子则一直在行动,在发展壮大。- 知识分子论 by 萨义德

April 1, 2012 · Brant

怎样写一封好的客服邮件

最近买错了一款App,青池同学提醒说可以向苹果申请退款。我申请后第二天就收到对方的回复,除了感叹效率之外,客服人员邮件里的用语也给我留下深刻印像。我把中文邮件和另一封同类的英文客服邮件贴出来,供大家参考。文章末尾我会写一下自己总结的优点。 中文邮件正文 尊敬的 Brant: 您好,感谢您联系 iTunes Store 支持团队,我是 Jolene,很高兴协助您。 我相信您其实是在无意购买 “TabToolkit” 的情况下产生了误操作。 因此我已为您撤销了相关费用。 在五到七个工作日内,一笔数额为 68.00 CNY 的款项将记入该次购买行为的收据上显示的信用卡中。 不过还请您留意,由于 App Store 条款和条件的规定,所有项目一旦售出,本应无法退换,本次退款实属一次例外情况,请恕下次未必能够同样保证,敬请见谅。 最后,我特地为您找到了以下的文章,并十分建议您抽空了解一下,相信将有助于您获得更好的 iTunes Store 购物经历: App Store 在您点击购买时,一般是会显示一条警告信息,询问您是否确定要购买某一项目。不过,此警告可被开启或关闭。如果您想确保此警告处于开启状态,请按照以下文章中的说明还原 App Store 中的警告: 还原 App Store 警告 http://support.apple.com/kb/HT1734?viewlocale=zh_CN 还原 iPod 和 iPhone 警告 http://support.apple.com/kb/HT2527?viewlocale=zh_CN 另外,您可以调整要求输入密码来购买内容之前必须等待的时间,如有需要,您可以参考以下文章: iOS:了解访问限制 http://support.apple.com/kb/HT4213?viewlocale=zh_CN 希望以上信息对您有所帮助,如您在向银行确认退款时遇到任何问题,请随时来信告诉我,以便我为您提供进一步的协助,谢谢。 期待您的回信确认,并祝心情愉快! 此致, Jolene iTunes Store / Mac App Store 客户支持 http://www.apple.com/support/itunes/ww/   英文邮件正文 Dear Qingchi, I'm sorry to learn that theses apps did not meet the standard of quality you have come to expect from the iTunes Store. I can appreciate that when it comes to your money that you be treated fairly. My name is Michael and I would be more than happy to help you out with this today. ...

March 16, 2012 · Brant

Instapaper 再设计

为了体验 读书马上 这个阅读项目,买了著名的阅读应用Instapaper,用过后大失所望,和它的名气与价格完全不配 (想想Flipboard/Zite做得这么好还是免费的)。一个好点子被糟糕的设计来实现,实在可惜,于是重新思考并设计了一个版本。 功能再定义 一个ReadLater类应用,核心是什么?鼓励你在当下消费。 Instapaper 刚好相反,Archive 和 Like 两个功能,把“归档”这件事做得很重 (同类应用ReadItLater则做得拖泥带水)。信息过载的时候,信息的价值体现在被经久不息地传播而带来的影响,以及被消费者再加工的衍生物——比如阅读时灵光一现的想法。简单的全文存档,毫无价值。 我用 Bookmark 这个功能来重新定义 Archive 和 Like 这两个需求。Bookmark可以是简单的收藏全文,也可以摘录片段并加批注。用户也会因此更重视这个App,因为里面有自己生产的数据。而Archive成了纯粹的归档,不进一步分类,仅供检索用。 导航和交互再设计 Instapaper 的交互非常落后:必须是 “列表>文章>列表” 的浏览路径,且不支持手势切换。以方便地消费内容为目标,新交互上打破原有的浏览路径,将 “ReadLater”列表界面作为应用的默认界面 (起点),支持 “列表>文章” 和 “文章>文章” 的浏览路径。 将三个主要界面分层,利用左右滑动手势来实现快速导航:“列表界面 (ReadLater / Editor 等)” 是中间层,“正文阅读界面” 是最上层,“导航界面” 在最底层。 “正文阅读界面”的手势,阅读到末位,继续向上滑动,加载下一篇文章,反之亦然。向右滑动,退出阅读界面,直接到达下面一层的ReadLater列表界面。单击阅读界面,唤出工具栏。工具栏仅提供 返回/书签/分享/调整字体 四个选项。 “列表视图” 支持对单项内容的滑动手势操作,但简化到仅一项操作。例如 “ReadLater” 界面,只支持向右滑动删除某一项。“Archive”界面,只支持向右滑动将某一项列为“未读”。 支持上下拉手势加载新内容。 思路来源 Bookmark 的思路来自使用Kindle的经验。主界面分层以及伴随式导航菜单来自Facebook & Path2.0。阅读和列表界面之间的切换来自Reeder。

December 27, 2011 · Brant

给Kindle4做一个保护套

几天前入手了Kindle4,79美金带物理按键版,除了输入时成本很高,以及外观不如上一版浑然一体外,其余很满意。遂准备找保护套给套上,以便时常携带。国内的保护套目前只有一两款,质量做工都很差,Amazon官网提供的保护套质量不错,价格却要60美金,接近硬件了,难以接受,就寻思着自己DIY一个。 想起 Muji 去年夏天有一款口袋本布书衣,厚帆布做的,大小好像跟Kindle4相近,下班就奔去了。布书衣已经停售了,倒是发现一款带布书衣的笔记本(商品条码4548718728107),拆掉内芯笔记本,布书衣的大小跟Kindle4一模一样。于是DIY就具备可行性了。 需要准备的东西:Muji的布书衣笔记本(拆掉活动的内芯笔记本),硬塑料片一张(Muji有售),两指宽的双面胶,尺子和剪刀。 步骤: 1 对比拆下来的内芯笔记本大小,裁剪一枚同样大小的硬塑料片,裁剪好后插到布书衣皮筋带的那半边内侧,再用双面胶贴好外边沿,作为保护套的上盖。 2 将若干双面胶贴在Kindle4后背,然后将带双面胶的Kindle4背部贴在布书衣另一半边,轻按以使之牢固。 3 拍照留念。 注意: 1 双面胶贴在Kindle4后面,未来不好撕下来,要有心理准备,比如可以再贴一层膜盖住遮丑。 2 塑料片是用于加固的,因为布书衣虽是帆布,但仍旧柔软,Kindle4正面很脆弱,需要硬东西保护。 3 布书衣带皮筋的那一边,内侧皮筋结处较厚,使得这一面不太平整,所以需要拿来做上盖。若拿这一面做底子跟Kindle4贴在一起,可能容易开胶。 4 如果你足够小心,完全可以把布书衣预备和Kindle4粘贴的那一侧的布质内衬给拆下来,这样粘帖得就更平整了。 整体下来,布书衣笔记本40元,塑料片10元,一共50元。相比淘宝上的纸糊的并且用皮筋四角固定的保护套,我这个更耐用也更美观。

October 17, 2011 · Brant

用ifttt生成网络日记

Newsfeed 这种信息形式籍由 Twitter Facebook 等网站的壮大,潜移默化地改变了人们消费信息的方式和观念:“记录”已经不再重要了,“消费”才是最紧迫的。 然而总有一批恋旧的人,希望纪录,会去温故。在人的行为数据越来越碎片分散的情况下,主动的收集整理已经不太现实 (Patchlife服务算一个),好在有ifttt,这是跟数年前推出的YahooPipes具备一样基因的服务,基础型设施,完全自定义,cool到家。 我将平日在网络上的信息生产 (tweets & instagram),籍由ifttt,同步到GoogleCalendar,由GC按日期汇总我每天的信息生产,间接地就达到了纪录每日网络生活的目的,如果你再把当天的天气也ifttt进来,就更完整了。这两个task:Tweets2GC & Instagram2GC,可以直接复用。 最近翻阅再版的《夏济安日记》,觉得有日记能回顾真是件很好的事情。

September 20, 2011 · Brant

只言片语 (32)

朋友恰似独行旅人风雨晦暝中遇到的幽幽灯火,永远带着一份鼓励一份安慰:“可是,走着走着,懵然发现,灯光在无声无息中熄灭了,一盏一盏,没有预警,没有告别,只是悄悄地消失。‘回首灯火阑珊处’,也还不对。去了的,永远不能再回来。” ﹣董桥《青玉案》P5 一九七七年七月《号外》杂志登了一篇文章叫《湾仔:吾乡、吾土、吾民》,作者是七灵。看着题目我就眼中有泪,但我在瞎感动什么?我是在九龙尖沙咀长大的,活动范围北至中学所在的窝打老道,南至我爸上班的港岛中区,后来到薄扶林上大学,才偶然涉足湾仔。大概,当时打动我的不是湾仔,而是:人可以对自己长大的小地方这么有感情,并且可以像七灵那么有勇气大声喊出来。﹣陈冠中《事后:H埠本土文化志》前志 ……君子行在,从心所欲——北京到底鼓励这种“雪夜访戴” 的精神:“吾本乘兴而行,兴尽而返,何必见戴。” 我辈新迁徙者亦如此,想去一个地方,连夜便去,这是自然;爱上一个地方,住它数年甚至一辈子,也是自然;若突然想离去了,便轻身独然离去,那更是自然。﹣廖伟棠《衣锦夜行》 P13 我所说的“视域”,是指这样一种感知方式,也即人和物都是以一种增加的强度被看见的,而且这增加的强度具有某种灵性含义。诗歌常常是视域性的,它试图把读者驯服在一个世界里,在那里读者所瞥见的事物都含有一种超越的气息。﹣哈罗德·布鲁姆《如何读,为什么读》 P63

August 1, 2011 · Brant

价值观

在拉里·佩奇的性格里,有一些特点是显而易见的。他很聪明,有自信,并且很少参加社交互动。但他性格中最突出的还是他无止境的抱负,既要超越自我,也要最大限度的改善人类的状况。他将这一富有历史意义的技术大繁荣看作一个实现这一抱负的机会,将那些毫无作为的人看作是在厚脸皮地浪费这一机会。对佩奇来说,唯一真正的失败是没有尝试大胆冒险。“在你野心勃勃的事情上,即使你失败了,也不可能是一无所获的。” 他说道,“这是人们没弄明白的地方。” 当批判者掩饰图书搜索计划的好处,并提起一系列法律诉讼试图阻止这项计划的时候,佩奇感到失望。 “你真的不希望人类能从书本中获得知识吗?” 佩奇表示,“你必须从社会学的观点考虑这个问题。” 他将许多反对派的剧烈反应归咎为虚假的,认为那只是一种谈判策略。 by Steven Levy《In the Plex》译文 “我希望自己的存在能像米开朗基罗、毕加索和安迪·沃霍尔一样。” 佐藤可士和在我们相遇之初所说的这句话,让我毕生难忘。 不过,乍听到这句话时,我其实有点疑惑:“咦?为什么拿自己和如此伟大的人物相比……” 很遗憾地,我当时还未能理解他的意图。 虽然当时我和佐藤在同一家广告代理公司上班,但我身为业务员,并不特别关心创意方面的事情,也不清楚佐藤从事艺术指导 (Art Director,或译艺术总监) 的工作内容为何。因此,当时我只觉得:“佐藤自己又不是艺术家,为何要提到米开朗基罗、毕加索和安迪·沃霍尔?” 如今,身为佐藤的经理人,和他一起在SAMURAI工作室工作之后,才充分理解了他的想法,掌握他说的意思。他的意思并非想成为艺术家,而是不论从事何种职业,都希望能 “提供世人新价值”,成为时代的标章。 米开朗基罗、毕加索和安迪·沃霍尔皆在艺术界进行了革新活动,成为时代宠儿,他们打破以往固守的既定观念,孕育出新事物与新价值观。佐藤也期许自己能像他们一样,能在众多“创作者”中,成为以身边随处可见的设计为触点,将新视野鲜明地介绍给大家认识的人。 而不管在任何领域,希望能跳脱现有常轨、超越大多数人既定观念框架与藩篱,向时代提供新价值的人,就是毕加索和安迪·沃霍尔这样的人物吧! by 佐藤悦子《佐藤可士和的经营术》P12  

April 30, 2011 · Brant

使用情境两则

做交互设计时,我们常常强调要符合用户的使用情境,体会同理心,不过绝大部分时候都是自己去模拟,这难免受到使用经验和突发情况的局限。举两个自己遇到的例子: 1 手机上的电筒功能会在怎样的情境下用? 原先我一直觉得这就是个鸡肋功能。至多在楼道的灯坏掉时可以借以照明来找钥匙,使用频率并不高。直到某天黄昏坐车时,看到窗外人行道上一个姑娘突然停下,在自己的坤包里东找西找翻半天,最后掏出手机,打开电筒,很快就顺利找到了东西。 此情此景让我恍然大悟。电筒 > 照明 > 帮助寻找。坤包 > 凌乱的环境 (且主人多半自知) 。姑娘 > 小物件多且经常会用到 > 有频繁查询的需求。手机 > 个头大容易首先找到 > 而电筒在手机上。黄昏&坤包 > 光线不足。 以此,手机上的电筒是为这样的情境服务的:光线不足时,平时随身带很多小物件且要经常翻找使用的用户,女生居多,多啦A梦除外。 2 ATM取款机附近的银行服务电话,怎样展示最有效? 当前我见到的无外乎几种:视觉——屏幕上下左右贴告示牌, 听觉——喇叭不停广播宣传。这样的狂轰乱炸,已经快把提醒强调做到洗脑的境界了,应该不至于出问题吧? 我有一次拿招商银行的卡在工商银行的取款机上提款,因为要付款的事情很着急,拿完钱就走了,忘记取卡。半小时后想起来赶忙回去,卡没有了。连忙按照取款机旁提供的工商银行服务电话拨过去挂失,在报完身份证和查询密码后,对方说这个身份证没有对应账户。又对着身份证重报了两次,输密码云云,还是没有。人就不知所措了。还是对方经验足,提醒说,是我们行的卡吗?这才想起来,是跨行取款,我是在向A行的客服挂失B行的卡。 在类似被情绪操纵的极端使用情境里,人的判断力降到最低点,只会采用身边能抓到的援助措施,任何的提醒警告等反而是加重依赖心理,把事情弄得更糟。 我常常想起这两个自己亲见亲历的例子,它们提醒我在拿自己模拟用户使用情境时 1 避免自己作为使用者时角色和经验的狭隘 2 做金融类/安全类产品设计时要特别考虑用户在极端情绪下的反应

April 25, 2011 · Brant

《高黏度社会化网站设计秘诀》笔记

读 高黏度社会化网站设计秘诀 ,感觉这本书更像是写给产品经理而非设计师的。我的收获多来自于作者对一些问题的分析及方法论,设计细节和忠告倒是同类书籍里都能见到的。 简单归纳一下对自己有用的阅读心得,大部分是原文摘录。 使用AOF方法做早期的设计决策 AOF 是一种剖析产品的方法论。站在 首要行为 Activity 目标对象Object 功能特征Feature 三个维度来检验产品的可行性。我个人觉得,这其实是 以活动为中心的用户体验设计 概念的衍生。具体的方法写得不错,请参考原书,这里只提炼一下作为个人备忘。 比了解目标用户更重要的,是明确自己的应用能做什么 然而在实践中,面向所有人的软件鲜有成功者。即是某款软件最终能成功地走向大众,它也是从面向特定用户群开始,用户渐渐发现它能适应更广泛的使用场景,才自然地逐渐向外扩展的。 面向宽泛的用户群完全是错误的做法。你越能把应用的使用方法描述得特定而明确,你的软件使用方式越明确,就越能引发潜在用户的共鸣。 如果你的应用确实很灵活,能适应多种不同的用户,你应该选取其中一些有盈利潜力或是较大的用户群,针对他们进行明确描述,越明确越好。 我觉得大热的App Instagram 应该是个不错的例子。 隐私更多地在于控制而不是在于保密 Facebook的NewsFeed功能初一上线即引起用户强烈不满,最后官方提供了隐私设置才得以消停。事件之后的进展与用户的抗议一样精彩。虽然起初有那么多人抗议,可后来只有很少一部分人真的去修改了隐私设置。大多数人依然保留默认公开设置。他们抗议的是新功能无视隐私,他们实际想要的却是控制权。

March 15, 2011 · Brant