【大拿说】Flipboard 产品设计师杨硕:我从不把手机当作手机,它只是一个小尺寸的屏幕

flipboard-yangshuo-share-00

作者: 馨苑 @ 36氪

本周邀请到的嘉宾,是 Flipboard 中国的唯一一位产品设计师杨硕。

电视、电脑、平板、手机,到最新的 Apple Watch,在 Flipboard 产品设计师杨硕眼里,他们其实都只是适应不同使用场景的屏幕。

“手机,ipad, Mac,电视…这些都只是不同尺寸的屏幕,有其各自特定的使用场景”。“ 虽然大家都在谈论 mobile first,但并不是所有的东西都适合 mobile first,photoshop 这样专业的软件就不可能 mobile first ”。“我也从不把手机当做手机,它只是一个小尺寸的屏幕”,“而设计也不应该因为手机而设限,服务好各自对应的使用场景就够了。谁知道手机未来又会演变成什么尺寸的屏幕呢”。

这是杨硕设计工作的第五年。他每天的工作 routine 是这样的:

9 点半开始在家工作,处理邮件,做当天的项目安排。每周三参加总部同事的设计早会。下午去公司按计划执行项目,中间会在茶水间两次小歇,主要和工程师聊天、沟通,把握工作进度并交换想法和意见。

他认为设计应该拥有一整块不被打扰的、沉浸专注的状态。所以他将上午的时间块留给了自己。而每天下午到了公司后,会参与不同项目组讨论问题,时间切割得相对细碎。

 

设计即系统:在产品路线图下解决问题

这种自由不设限、任务导向的工作状态,是他在微软西雅图 Windows Azure 设计团队工作时就养成的习惯:并不严格规定上下班时间,每天自己安排任务,做完了就可以做其他任何你所热爱的事情。“当时我们组内有两位设计师每周二、周三都不来上班。但只要你的任务不影响到整体的进度,没有人会在意”。

在西雅图待了两年后,杨硕回到了国内,去了人人网。在人人,他参与了 web 端 7.0 的改版。

杨硕展示了他当时为人人设计的 7.0 版本。响应式设计;简洁的卡片式布局、突出内容;还有一些很有意思的小细节,比如一个用户更换头像后,通知线条中呈现的是前后头像的对比,“更换头像后,好友已经可以在主页头像处发现变化,还要再通知一遍,感觉很重复,而加入前后对比会有时间的变化感。至少信息是有意义的”。

遗憾的是,杨硕的这版设计,并非最终采用的版本。

而人人最终推出的,也并不是一个反馈特别好的改版。

“当时更多心思放在如何更简洁、更好地展示内容。但人人这时候已经是一个用户积累较久、系统很庞大的比较重的产品了,很多砍掉的功能都引发了老用户的激烈反弹”。“ 还有一些细节,比如人人 VIP 用户,并没有很好地照顾到他们,尽管他们交了钱,改版之后得到的服务并没有更多涉及到 vip 的特权的加强。”

这些都让他对「系统」的理解更深一层。“一个产品怎样通过设计让用户觉得更好用更舒服,交互和用户体验只是其中的一部分,还要基于对这个产品路线图的理解,它过去和现在是让用户怎么用的,将来会怎么用,朝着哪个方向怎么走。也就是说,整个是怎样运行的,未来会过渡到什么方向”。

设计「系统观」的倡导,也让他在回国后对国内设计岗位的设置感觉到较大的反差。“我们那时的设计并没有国内视觉、交互设计师等细碎的分类。一般都是一个设计师或一个设计小团队跟紧一个项目,包括其视觉呈现、动画”,“不过我也能理解国内的岗位设置原因,国内公司太大,每个人有个明确的位置或许是效率的保证。但我个人会更倾向有「系统观」的产品设计”。

 

设计即信息:每一个动效都是有意义、有线索的

杨硕的手机里有一个名为「Google」的文件夹,收纳了几乎所有 Google 的移动端产品。他非常欣赏 Google 系列产品的「一致性」。“即使出自不同团队、产品用途各异,你也能强烈地感觉到「这就是同一个公司出品的」”。

这种「一致性」渗透在设计理念和交互的目标共识上。

比如,「把东西藏得很好」的结构。“列表隐藏,从侧边栏唤出的设计形式,现在已被很多移动应用所采用,最初也是 Google 引领的风潮”。

比如,每一个动效都是有线索、有意义的。“ 页面的跳出多为从下至上,对应手势操作的惯性;为保持简洁,Google+ 只预留一个评论位置,以跳动轮播的形式展现所有被「收」起来的评论”,“很多诸如此类的细节,设计不只是停留在视觉炫酷的层级,每一个动作都是有信息含义、试图传达什么的,它可能是操作动作的提醒也可能本身就成为了一种信息的承载方式”。

比如,提供更好的解决方法。Inbox 就是一个很好的例子。“在邮箱客户端已被印象固化的情况下,能够通过技术方式去筛选和归档邮件,提供更好更有用的解决方法”。

这些也是他在产品设计中所追求的目标。Flipboard 最新的改版,「向上滑动翻页」这一动作,不再由文案去提醒,转而由一个翻页的动效去自然传递。

 

未来的电子阅读甚至都不会有「翻页」这个动作

对于移动端阅读应用的设计,他还有一些其他重要的原则。

比如,阅读性最重要。通过字体,排版,让用户读起来更加舒服。“ 不能再把传统 PC 的文字阅读和手机相对小的屏幕划等号,默认的 12px 到 16px 的字体大小读起来非常累”。“ 尽力把内容的东西放到很突出的地方,修饰类的不会放太多 ”。杨硕提到, Flipboard 的一个叫做「Duplo」的自动化排版引擎,提供超过 2000 以上排版样式,去匹配不同的屏幕特性和合作媒体的语境。

比如,从产品的整体调性去思考。杨硕在豌豆荚设计奖中表示,Flipboard 新版的字体由「Helvetica」到 「Fakt」的转变所基于的考虑:“ Helvetica 是一个特别中立感觉的字体,感觉读起来所有的文章不带任何的感情。而我更倾向于它不单代表在阅读时候的内容,也代表了Flipboard 给你阅读时候的感觉是怎么样的,而「Fakt」用在在里的话,会多很多柔和与温暖的东西”。

“ Flipboard 以设计起家,当时的拟物化设计确实体验非常棒。但现在,会不会觉得翻页的设计,不是那么有未来感了?”

“我甚至觉得未来不会再有翻页这个东西。2010 年的时候, iPad 刚推出,拟物化的系统最接近生活场景,用户也最容易接受。但过了这么长时间,手机、电脑的操作系统都在不断演变。未来,电子阅读也一定会以自己独特的全新的方式展现。至于什么方式,我也在摸索中”。

 

快问快答

  1. 起床后用的第一个 App ?
    微信
  2. 睡前使用的最后一个 App ?
    微信
  3. 在路上最喜欢用的 App?
    知乎、喜马拉雅
  4. 说出一个生活中没被解决、希望有相应产品来解决的需求?
    设计师接私活的报价,缺乏一个系统、合理、透明的报价系统和外包平台
  5. NEXT 榜单本周你最喜欢的新品?
    iOS9,因为我想看到苹果做的 NEWS 是怎么样的。

 

文章来源:36Kr
顶部图片来源:http://y3.ifengimg.com
 

 

发表评论

您的电子邮箱地址不会被公开。