网络 | IT

  • 今天开了个公众号

    ·

    今天我在饭否上自言自语想开一个公众号,于是我就开了个公众号。

    我的动机有两个:一个是想写东西的冲动,一个是想分享感悟的冲动。

    写东西的冲动,对像我一样第一代互联网用户来说几乎是天然的。从在蓝波快信上每天通信,到开了自己的论坛、博客或Space,自由散漫地写点东西几乎是每天与自己相处最好的时光。这几年忙下来,忙的时间多了,与自己相处的时间反而少了。我的博客 http://fri.sh 也好久没有更新。

    分享感悟的冲动比较有趣。目前我在小米工作,常年基本是 6 x 12 小时的工作时间,在这家公司工作很辛苦也很有趣,挑战自己和团队能力是思维常态。于是这造成了我每天有很长时间、很多机会,主动或被动地思考一些难题。

    所以有很多瞬间,当思维走到了一个角落,我会被自己或它人的聪明所打动,这些感受转瞬即逝,我觉得我不妨把它们记录下来,让我的朋友们帮我去辩证。

    在这个公众号里,我会发表一些我对于产品、营销或设计工作的某些小技巧或感悟。不求转发,不求关注,不求影响力,如果我们志趣相投,望君阅后一笑。

    微信公众号搜索:YaoLiangCat

    Frish的公众号二维码

  • 设计的目的是什么?

    ·

    因为工作和爱好,我有很多设计师朋友,每天有大量的时间花在和设计师讨论“什么是好的设计”。

     
    什么是好的设计,是个很难的问题。设计首先不只是艺术,它必须从产业出发,“好看”并不足以评价设计的好坏。那么“好用”、“巧妙”、“恰当”是否能评价设计好坏?是否有“最好的”设计?这个问题一直困扰着我。

     
    事情源于前几天帮一个设计师朋友看她的草稿,一个煲耳机的App界面。应用本身的功能很简单,接上耳机,输出白噪音,用户可以选择开始或暂停,还可以看到累计时间。她给我看稿子,问我“你觉得好看吗?”,我一时无言以对。从现代UI设计审美来说,保持简洁,突出内容,交互符合用户心理模型,就已经可以称之为好看了。
    我实在无法简单评判是否好看。于是我问她,你的App设计的目的是什么?

     
    设计的目的是什么?这个问题也问到了我自己。设计的目的是什么?出发点是哪里?产品要解决什么问题,设计在其中的使命又是什么?

      
    由于我是耳机小白玩家,从我的经验大概梳理了一下产品的目的:

    – 输出白噪音 > 让耳机越来越好 > 让用户感受到它越来越好;

    – 指示何时完成煲耳机 > 减少等待感 > 让用户获得成就感;

    – 根据机型煲耳机 > 指示机型 > 让用户觉得这个功能最适合我的耳机;

     
    我们发现,越往后推导,就越接近设计的目的,即感受:视觉传达中的形、色、对象关系所能表达的内容。

     
    例如,要传达出“越来越好”的升级感,我能想到游戏中的加血状态,能想到初现的彩虹,以及魔法瓶中的彩色气泡。这些归纳成与声音有关的设计元素,也许就是彩色波形,与逐渐生长、填满的形。

     
    传递进度和时间,一般用进度条、正计时或倒计时。煲耳机都是大概时间,而且时间很长。之前的设计中是一个圆形进度条,中间是时间。如果把一个10小时的进程,用3个同心圆表示,每个圆圈约3小时。这样漫长的等待变成了阶段性的成就,时间走慢每个圆圈时,都将一番努力变成了感受上的阶段性“已获得”,减少等待未完成的焦虑感。

     
    如何让用户感觉App更适合它的耳机就更简单了,在界面上放至耳机的图片或型号,立即可以获得量身定制的感觉。

     
    经过一番梳理,设计中最核心的几个要素在脑中渐渐清晰,设计之美有了着力点。当念头通达,感受一致,排布、色彩、形状、肌理就在那里,“好看”也就顺理成章了。

     
    把这个念头带入最近的几个项目中,发现再小的设计细节,从目的出发,都能受益匪浅。例如当我们在改进小米网产品评价界面时,设计的出发点是让文字得到尊重,评价才能体现力量感。于是我们第一次将18px的字用在正文当中,增加了文字周围的留白,弱化了周边交互的干扰,给内容以安全空间。事实上在这一版的基础上,我心中的理想字号是24px,周边交互和设计元素仍然能继续简化。当赋予设计以目的,会发现设计的改进路线图也变得更清晰。

     
    想起前一阵各种反串的东北大花布,其实东北大花布也是一个经典设计。为什么大家觉得很土的设计,能成为经典?

     
    想象一下,在黄土高坡,秋天满世界的黄,冬天满世界的黑白。服装从感受上出发,将人们从单调的色彩中解救出来,采用高对比的红花绿叶,不正是从设计的目的出发吗?

  • 最近终于可以暂时放下创意和营销这件事,可以安静和组里同学聊聊产品和交互,这还是很惬意和开心的事。我觉得创意和营销是感性中寻求理性,交互就是理性中寻求感性,将情怀藏在逻辑中。

    今天读到的是FastCompany刊登的一篇文章,来自Google Ventures的design partner John Zeratsky,大哥在Google Ventures时经常帮一些创业公司看看设计看看交互看看文案,这篇文章就是来自它的一些小心得。

    文案不仅和设计一样重要,也是设计的一部分,这个观点深得我心,因为在做小米网站产品的时候我们在做按钮文字的A/B Test的确失之一字差之千里。

    下面是我的阅读笔记摘要,原文在 http://www.fastcodesign.com/3026463/from-google-ventures-5-rules-for-writing-great-interface-copy? ,也可以在我的Blog http://fri.sh 找到地址。

    ==== 这是阅读笔记的分割线=================

    -对很多IT公司设计很神秘,作者的看法是:设计并不是一个神奇的创意工作,而是理性客观可组织的。
    -设计并不只有关视觉,设计要指出产品能做什么,它如何工作,它要传达什么。
    -设计最需要考虑的是:我们的产品要对使用它的人说什么,设计如何持续给用户惊喜。
    -作者的工作方式是聚焦写一个牛逼的文案,然后用最基本的视觉凸显出最重要的部分,往往可以击败最华丽性感的原型。
    – 文案应贯穿设计过程,在原型阶段不考虑文案(如果只用lipsum之类的占位符),将失去对用户体验的早期测试、洞察。

    1.简洁为王
    – 要具体,例如“保存”和“提交”是两回事
    – 留意术语和缩写,例如“Repository”比”repo.”要明白
    – 前置重要的信息,例如写“继续”,而不是“点击继续”
    – 别偷懒,将“确定”和“取消”用更准确的词代替

    2.凸显个性没你想的那么重要
    – 核心就是说别在按钮上用奇怪的文字,比如确定按钮写成“赞,让我们走起吧”。精确表意才是最重要的,如果要加入这种文字可以在副标上,也要克制。

    3.直接了当
    – 最好的界面文案,都是直接告诉用户你想让他知道的事。比如“一种全新的方式”,就不如直接描述出来方式是什么。

    – 一个简单的标签(我觉得说的是slogen),可以帮助用户理解。
    – “保存并继续” 比“下一步”要好,告诉用户正在发生的事。

    4.用户的确是读文字的
    – 用户是读文字的,无论短的还是长的。(通过过去10年对app和网站的研究,这一点我也有同感,在小米网产品页面最深层的错字或错误描述用户都能第一时间挑出来!)
    – 用户喜欢读标题,但是按钮、链接、表单标题也都会读,这些都是最重要的元素,应当仔细去写。
    – 必要的文字不嫌多,前提是文字简洁直击重点

    5.文案写作是设计的一部分
    – 文案是设计的基本核心元素,和交互设计、视觉设计、原型用户研究一样必不可少。它应当贯穿设计全过程。

  • 2015开年就一直在封闭工作的状态,每天没日没夜跟了4场发布会T_T。和来自各个国家的海外同事一起工作的时候发现自己就是一个英语盲。最近节奏总算缓了一点,觉得还是应该多一些时间思考和学习。前一段时间偏重创意和市场的工作,对于设计与交互有点手生,最近在twitter关注了几个好玩的交互设计的twitt,学习之余捡捡英语。

    翻译太废时间,把读到的内容做成笔记,希望可以坚持下去:)

    今天读的是来自 Tomer Lerner 的一篇《How to Effectively Use Whitespace in Web Design》。和网页设计师沟通的时候总遇到内容太空,内容太满的讨论,所以这篇文章一下子就引起了兴趣。其中有个观点很有意思,就是留白并不是元素间的空白,留白本身就是设计元素。从布局和组织的思路来看留白,这样就不会陷入太空太满的讨论,而是从如何引导用户视线。

    有些意思看得也不是特别明白,做个很机械的摘要,如果大家有新的思考请给我留言:)

    === 下面是学习笔记摘要的分割线 ==

    网页设计如何有效利用留白

    1.设计网页时经常围绕留白纠结

    2.留白不是“设计中的空白”(spaces between design)仅仅在元素中间用来填充。留白本身就是一个关键的设计元素。(空元素 empty elements)

    3.留白将内容组织在一起,并且在设计中为元素布局

    4.聚焦:留白可以聚焦内容,例如google首页的极简设计(minimalistic design)

    5.组织:留白是一种干净的组织内容的捷径。用留白组织内容要有一致性(间距,段落,文字,分区等元素),可以先将内容分组思考。用留白来布局很好调整,不妨一试。

    6.突出重点:因为用留白布局行程的一致性,稍微调整元素很容易突出出来。

    7.留白不一定是白的,也可以是黑的。尤其是切屏设计时,留白设计更好组织和聚焦,简单改变留白颜色就可以更好的布局(这段没太看明白)

     

     

  • Mac下浏览器全屏的方法

    ·

    明天公司发布会,要在大屏幕上放一个网页,不能显示地址。于是搜索Mac 浏览器全屏,发现很多人在问,而且多数都是插件解决。

    其实mac版的Chrome就可以实现全屏,只不过在Chrome中的全屏是指Lion的cmd+F全屏特性,真正意义上的全屏叫做"进入演示模式", 按下Shift+cmd+F就可以了。

     

  • 苹果Magic Trackpad开箱

    ·

    由于家里用U2410接Macbook Air, MBA当主机接微软的ArcKeyboard和蓝光探险家。发现在很多时候还是触摸板更方便,于是在Apple 的 CN Store定了一块Magic Trackpad触摸板。528CNY 免费邮寄,周五凌晨下单,周日送到,周一到公司拿到手。

    发个开箱图,供大家参考:

    1.包装图

    苹果Magic TrackPad开箱

    2.包装背面直接就是手势说明书,设计很赞,很直观。

    Magic Trackpad

    3.开箱喽~还没有破处

    Magic Trackpad

    4.全部附件(电池未开箱已经装到里面了,电池仓很难打开,需要使用工具)

    Magic Trackpad

    5.与Macbook Air 11′ / iPod Touch3 对比图

    Magic Trackpad

    6.很轻很薄,随身携带问题也不大

    Magic Trackpad

    Magic Trackpad

    7.正面图一张

    Magic Trackpad

    电脑中适配的图就不拍喽,初步使用感受:

    1.在公司,Air小屏幕上使用和本身的trackpad区别不大。(在三里屯Store试用的时候大屏幕上定位操控很不好, 晚上回家试试)

    2.比Air自带的trackpad稍微发涩,可能是没有磨合的原因。

  • 优衣库UNIQLO排队活动

    ·

    www.uniqlo.cn 最近身边几个朋友这几天都在说优衣库(UNIQLO)的排队活动,有服装口的有互联网口的基本上都是人人网的用户,我顺便就去看了一眼,说下最直观的一些体会。

     1. 强烈的设计感与品牌符号感,视觉印象上非常出位,也满足了作为时尚品牌的表达诉求。
     2. 形式与流程比较直接,行动按钮明显,但是我就遇到了一些硬伤bug(可能和网速有关), 会影响体验印象和转化率。
     3. 本次主要是和人人网合作, 群体比较契合,ipad大奖一类可以说已经俗不可耐了, 但是"排队"本身的体验暗示还是新奇好玩。
     4. 活动过程的表述有一些复杂。
     5. 活动的目标,我猜在案例设定的时候应该是引流量,打响独立网店品牌(告知开业),与时尚品牌告知。谁有想关数据可以Share一下。

     费这么大功夫,其实还是可以做得更好一点,比如线上线下活动的结合,如可去实体店领取贴纸徽章,或每天限量抢得第一批网店VIP资格等。从这个角度来说,活动的闭环设计并不是非常完美,比如在高概率的未中奖情况发生后,给参与者提供的选择仅是关注公共主页与订阅maillisting,与参加排队时的激动心情相比会给参与者留下强烈的挫败感,而这正是品牌体验活动最应该避免的。

      做了一个长长的活动截图。

       优衣库 UNIQLO 排队品牌活动

      http://www.uniqlo.cn

     

  •    今天登录Gmail,然后从Gmail 点Google Doc的链接,Google Doc提示我链接可能是从间谍程序或恶意软件点击过来的。看起来有点可笑,不知道其他朋友遇到过相似问题没。

    Gmail里的GDoc链接:

    Gmail 误杀 Gdoc

    Google doc “误杀” Gmail
    http://sorry.google.com/sorry/misc/?continue=http://www.google.com/accounts/ServiceLogin%3Fservice%3Dwritely%26passive%3Dtrue%26continue%3Dhttps%253A%252F%252Fdocs.google.com%252F%26followup%3Dhttps%253A%252F%252Fdocs.google.com%252F%26ltmpl%3Dhomepage%26nui%3D1%26rm%3Dfalse

    GDoC误杀Gmail

  • MSN 在HK Milk上的广告

    ·

       翻了下去年的《Milk》,发现了这例Live Messanger的广告。翻开香港杂志,可以感觉到和大陆这边的广告风格非常不同,信用卡和食品都可以做得很时尚,更多传递一种态度,无所谓产品本身是什么,选择我就是一种Style。

       IT产品怎么在平媒做广告?罗列功能?产品盒?界面图?如何让用户心动?关注一下这例MSN广告,无关技术,更加关注应用层面,保留了我们熟悉的交流场景:美女、个性头像、口头语、感情交流:Wats Ur MSN?

       07年Milk上的MSN Messager 广告

      

  • Gmail 可以预览PPT了。

    ·

    可以看了,前一阵只向部分用户做了测试,现在所有的帐户都能用了。
    图片为证,我自己也没试过。
    看国外用户的跟帖说Office 07不支持,又有说支持的, 也有说支持although it looks like shit.

    Gmail越来越强大了..可是我的Gmail为什么总超时-_-

    Gmail支持在线预览ppt