设计元素的应用条件

讨论方案时,设计师常会提议,某产品的某个元素(如按钮或功能)设计的挺好,设计存在很多可能性,发散思维时不论对错。但实际应用时,要考虑元素的应用条件,切不可随大流,盲目地照搬套用。选择最合适的设计,而不是最流行最酷的,围绕品牌特性做设计,让产品形成与众不同的气质。

比如错误的提议:现在流行Metro风格,我们也这样设计吧。

较好的提议是:Metro风格适合内容型应用,弱化按钮的UI元素,突出内容本身,而我们是工具型应用,主界面需要突出某个按钮或引导用户执行某项操作。

侧边栏

1.增加界面的可视化主体区域

2.操作比常规的标签栏导航麻烦,需要二次操作,侧边栏不适合频繁切换,需要一个非常重要的主界面(如Timeline)

3.标签栏导航内容一目了然,但侧边栏需要用户记忆成本

4.标签栏导航一般5个,而侧边栏可以显示较多信息

5.侧边栏有利于减少界面层级

6.侧边栏的内容过多时,一定要分类,便于用户查找

快捷按钮

1.增加内容的可视化区域

2.适合放置同类按钮(拍照/签到等功能)

3.不适合需要频繁切换的导航操作,优先保证效率,而不是酷炫

4.不适合放置过多选项

思考:淘宝左下角的按钮设计是否合适?

订阅功能

1.操作成本高,用户理解产品架构,查找发现和组织自己喜欢的内容

2.对内容要求:足够的复杂和繁多,常规的首页内容展示无法满足大部分用户需求

3.订阅之后内容有持续更新

4.更适合平台型产品,比如Flipboard

[晓生采访第九期]XDash:“云同步”概念太过超前

1.先介绍下自己吧。

@XDash,魔都挨踢男,曾在盛大文学和创新院任职,现在一家小而美的互联网创业团队继续学习。业余折腾博客同步控三年半。晓生的学弟,因初出茅庐在晓生博客获益良多,故也非常乐于通过这里,将我的一些浅薄思考分享给读者朋友。

2.为什么对“同步”那么有兴趣呢?

出于实际需求、行业判断和个人恶趣味。

实际需求:我的电子设备比较多,平时会根据不同场景选用不同的设备来工作/娱乐,因此为了降低平台切换成本,会优先选择有同步功能的产品。

行业判断:三年半前(我刚开始写同步控那会儿),已明显能觉察到移动互联网处在爆发前夜。移动设备的高速增长趋势、平台之间的竞争日益加剧、用户使用习惯的逐渐迁移等,都需要一个从桌面到移动的无缝迁移方案,而同步就是为此而生。

恶趣味:本人是科幻电影/动漫/特摄爱好者,类似同步的技术在这些作品里其实早已屡见不鲜,而且,耍起来都超酷有木有。

3.同步有哪些实际的应用场景呢?

在办公室的工作电脑上处理一半的文档,直接同步回家里的私人电脑方便继续加班(好苦逼);乘坐火车出差途中,客户临时要求改动方案,掏出 Pad 改完,立即同步给所有业务伙伴以确保版本最新;中小型团队之间,跨地域的文件共享和协作;还有临近考试,把没背熟的公式定理录入 Evernote,考场上悄悄掏出手机…(喂)

4.云计算已经成为发展趋势,同步和云的关系是什么?我理解是同步是云重要的功能。

乔布斯认为,Dropbox 只是一项功能,还谈不上产品。从某种意义上说,我认同这种观点。

同步这个动作本身只是一个开关、一种机制,负责将赛博空间一端的数据传双向传递给另一端(也就是经常被拿来炒概念的“云、管、端”中的那个“管”)。而这些被同步的数据如何利用、如何发挥在某一适用设备/场景下的最大价值,才是最终目的。

所以同步本身并不构成核心竞争力。几年来我已看过不少主打“云同步”噱头的移动项目(比如手机联系人同步)搁浅,究其原因还是不知道同步完这些数据该怎么用。——所以炒概念没有意义,落地才是实际。

5.DropBox的体验很好,学习成本非常低。你认为它成功的主要因素是什么呢?

决定因素当然还是产品稳定好用,又简单。稍微外围一些的因素也共同奠定了它今天的成功,比如美国互联网发展阶段的成熟、用户需求量足够大、开放 API、创意的营销方案…当然还有一些运气和对手的败笔,可以参见我此前翻译的这篇八卦文章《Syncplicity 创始人的血泪控诉:为什么 Dropbox 比同类产品更受欢迎?》

6.国内也有相关产品,比如百度云和金山网盘等,你最看好哪款产品?

巨头里,百度和腾讯最有实力,这种实力来自于产品基因和市场能力,相比之下其他大公司的都或多或少有欠缺。国内小团队里,比较看好云诺。

7.你认为,衡量百度云这样的产品核心标准是什么?

这个问题我可能需要从产品团队角度和普通用户角度来分别回答。因为至少目前在我看来,对中国最广大的普通网民用户而言,“云同步”这个概念依然太过超前。大部分用户仍然将理解停留在“网盘”层面,相应的用户行为也仅表现在普通的存储相片、音乐、电影,或是提供外链扩散。同步依然是偏小众的,会与主推“云”概念的团队预期有落差。(晓生:设计手机通讯录时发现,大部分用户无法区分“同步”与“备份”)

对产品团队而言,我认为现阶段核心标准可以是衡量用户日上传文件的数量。这个标准既反应了用户真实的活跃度、留存度等数据,同时又为抢占用户习惯、提高平台迁移成本服务,且云端文件越多“秒传”得就越快越有优势。(晓生:对于“秒传”我的期望是,将文件拖拽至云产品界面中,打开手机不用查找立即看到新增文件,哪怕这个文件还没开始下载)

对普通用户而言,现阶段他们眼中的首要标准还是空间足够大、速度足够快(但潜意识里服务商的品牌要靠谱)。

8.面向普通用户的云产品,有发展趋势吗?目前处在什么样的发展阶段?你估计再过几年,这些产品才会发展成熟成为主流应用。

有啊,太有了。设备推出再丰富一点、平台竞争再激烈一点、市场教育再便宜一点、大家手里的银子再多一点(以上四点简直是一定的),云产品的需求毫无疑问会水涨船高。

近两年的移动互联网项目虚火过旺,今年退烧后格局洗牌,大公司相对有优势一些,但仅指的是面向普通大众网民的产品类型。一些垂直的项目还是有机会的。同步若视作一种功能,便不存在爆发一说,只与产品本身是否有必要加入这个 feature 相关;但若视作 Dropbox 这样的产品,那么中国网民要达到目前国外用户的接受程度,可能还需要2-4年。

9.移动和云有很好的结合点,电脑和手机因为设备的特性的原因,承担的作用也不一样,你以为手机的哪些特性可以被利用呢?

手机的“移动性”天生就是最大的优势,极大拓展数据的适用场景,为随时随地的办公/生活/娱乐创造了可能。当然,移动端相对更侧重于消费内容一些。

从功能增强来说,例如 Evernote 移动版通过 GPS 判断地理位置,能筛选出在当前所在地附近同步上传的笔记条目,于是方便将私人事务与公司事务区隔。

从交互创新角度来说,运用 GPS+加速感应,能够实现类似 Bump 的“摇一摇”文件互传;或是 GPS+陀螺仪+拖拽操作,实现从小屏幕直接拖拽文件到大屏幕。

从附加贡献来说,对于手机最重要的身份识别资源——号码,通过云端同步和智能匹配,也能为打通其他服务的真实用户账号体系做贡献(虽然也常常被邪恶的产品利用)。

10.在日常工作中,经常遇到数据传输和快速同步的问题,比如想小文件(如一张图片)从电脑传到iPad,用DropBox等产品速度太慢,最近用“消息速递”,有其他产品推荐吗?

如果因为速度原因暂不考虑国外产品(包括 iCloud 本身),那么国内目前主要就消息速递稍微有点知名度,但他们也转去做“有声照片”了,足可见这类需求市场是多么狭窄 ╮(╯▽╰)╭ (其实还有家叫快牙的,我在等他们发布电脑和 iOS 版)。

虽然我跟晓生有类似对速度方面的需求,但目前我也只是苟且地用国内云存储服务作为中转,尚能忍受。

如果对国外服务速度不介意,想要的是方便,那我还是倾向于什么样的数据格式就找专门的应用来解决。比如剪贴板里的文件,有 Pastebot;To-Do List,有 Clear、Doit.im;日常记账,有随手记;浏览器地址栏的一条网址?省省复制粘贴吧,咱有 Chrome 。

11.你现在常用哪些同步工具?

云存储 x 3:Dropbox(私人文件)、云诺 Yunio(工作文档)、百度云(给爸妈分享日常生活照片) ;

云记事 x 2:Evernote(啥都存)、ByWord(写日记);

To-Do List x 3:WunderList(项目任务)、Clear(鸡毛蒜皮)、Doit.im(多人协作);

电子书 x 2:Kindle、多看阅读;

背单词 x 2:有道词典(英语)、开心词场(日语);

音乐:QQ 音乐(正从虾米迁移过来中);

漫画:布卡漫画(神器);

延后阅读:Instapaper;

浏览器:Chrome。

最近刷微博又添一枚新宠:WeicoPro,因为加入了转存到 Evernote 功能,比微博资深的收藏功能给力多了。

慎用用户引导

当你安装一个新的应用,用户引导(泛指首次使用时出现的欢迎页和功能介绍)会不会让你不耐烦。当你不受限制,潇洒地设计几张美观的引导图,自以为为产品增色不少时,得到的反馈确实很少用户会认真看,甚至让人厌烦。

当设计新功能,总会有疑问,新功能就应该告诉用户,万一用户不知道怎么办。用户引导成了补救之策,迫不及待告诉用户,你应该点击这里,不要忽略这个新功能。

槽糕的用户引导:

  1. 信息量太大,不要期望用户有耐心认真阅读,不知道也没什么,又不是游戏,不会的话没办法玩。
  2. 用户不知道如何关闭用户引导。很多用户引导图把关闭按钮设计的很隐蔽,只会让用户更加的不耐烦。
  3. 描述一些不重要的功能,比如分享,通用性的功能不值得拿出来炫耀,也不是产品的核心功能,虽然是趋势,但分享出来的大多是垃圾信息,不够有趣。
  4. 功能设计的不够直观易懂,非要依赖于用户引导会教育用户。
  5. 过度的美化用户引导,像有视觉冲击力的运营图,看似设计感很强但没有价值。

优秀的用户引导应该是阐述与众不同的故事,体现出产品的核心价值,告诉用户为什么要使用这个产品,为用户带来什么样的价值。

重要的不是功能,而是满足了用户什么需求。

[晓生采访第八期]MoonMonster:保持好奇心

1.介绍下自己吧。

Hey,大家好,我是MoonMonster,百度无线用户体验部(MUX)交互设计师,现任上海MUX负责人。非常幸运能够加入MUX这个团队,来到这个团队收获了很多,设计氛围也很浓郁,并且有机会与拥有同一个理想的人们实现产品,对我来说是一件令人激动的事情。

我拥有多年用户体验设计经验,参与多项产品的用户体验设计,包括百度搜索、百度手机输入法、掌上百度、百度手机浏览器、北京歌华广告管理系统、北京歌华终端交互、深圳有线数字电视终端交互、Las Vegas Hotels VOD system等。

2.听你分享过各种小众应用,为什么对这些工具如此着迷,有整理控吗?这种习惯对你交互设计是不是有很大帮助?

曾在团队内部做过相关的分享,对于精致的小众应用及高效的小工具,有种由衷的喜爱,它们往往由小团队或个人开发者实现,具有很强的个人风格,少了一种权威性,并尝试在某些领域进行创新,这些应用所体现出来的设计细节及创新精神是我所追求的。

使用应用或软件时,就像在阅读一本书,有时候会停在某些使用过程中,思考设计者所传达出来的意义,思考背后的设计初衷,当想明白一个点时,会有种顿悟的感觉,这对提高自身设计能力有很大的帮助。设计师需要思考,更需要独立思考,在思考中感知设计中无限多样的方式。我们在做设计时往往是在做选择题,为了解决一个问题会有多种解决方案,但如何保证从中选择一个最佳的设计?身为设计者应该有一种自觉,能够天然的发现优秀的设计,并从中进行选择。

3.在移动端你喜欢哪些小众应用?

这个要进行罗列就有些麻烦了,都是闪现在脑子里,凭感觉写吧。 -_-‘

Clear,对自然手势的理解融合至应用操作当中。

Path,最初的转轮菜单将用户从传统的工具栏里解脱出来,以及时间轴的设计处处都有打动着我的地方。

Paper,精致的绘图工具,体现了设计者对颜色的理解、手势的操作及绘画过程中用户真正需要关注的事物,我均有所启发。

Solar,天气应用,通过色彩的细致变化给予使用者心理提示。

Launch Center,快捷工具,很喜欢这样的设计理念。

还有许多许多,Sparrow、bump、passbook、Circa News、Tweetbot、面包旅行、随享等等,就不一一罗列了。

4.知乎回答中,你认为iPhone不会去掉实体Home键,但是现在已经有手机(如Nexus 4)用触摸屏取代实体按键,Nokia N9用手势取代了Home键操作,你如何这两种现象呢?这些设计是否会成为趋势?

其实,我是认为iPhone不会在目前这个阶段去掉Home键的(下一代去掉了只好被大家打脸了,嘿嘿),理由正如我回答里所说的,「越来越多的设备开始采用触屏交互,越来越多的实体在逐渐的消失」。或许是出自设计者的私心,技术的发展使我们的感知越来越退化,从一块屏幕到另一块屏幕,我们的手指接触到的永远是冰冷的屏幕,忘了真实触觉的意义,我深信设计需要能够触发或唤醒用户的感觉,所以,我宁愿选择相信Home键是一个真实触感的出口。

对于目前大量的手机采用触屏取代实体按键,这是技术进步的必然结果,厂商也在将这些技术最大化的应用到自己的产品上,这已然成为了一种趋势,只是iPhone会在这种趋势中更为凸现自身的差异化吧。对于这个过程我并无异议,只是希望能够通一些设计努力地触发我们的认知感觉吧。

5.触摸屏手机取代按键遥控器要解决哪些体验问题?

这个问题的来源可能是来自一个我所写的关于遥控器的回答,当时只是论证手机触屏代替遥控器是否能够提高使用体验,结果是肯定的,但这只是理论上的论证,从实际出发一开始就会遇到一个头痛的问题—成本,如果想要在国内大量的推广这样的使用体验,二三级城市中没有触屏手机的家庭及用户如何解决?接下来还要解决一堆软硬件上的问题,机顶盒与手机的连接方案?通信协议?应用分发方式?用户如何安装?……

在广电网没有达到互联网这样的开放程度之前,将会有许多问题阻碍这样的取代方案。

6.系统工具的缺陷可能是产品的切入点,我觉得iPhone中文输入法并不好用,你觉得它主要存在哪些缺陷。与它相比,百度手机输入法哪些方面做的更好。

iPhone的中文输入确实有它的弊端,主要的问题在于「词库」,百度手机输入法的核心竞争力也是「词库」,当用户在wifi环境下使用百度手机输入法进行输入操作时,本地词库未有匹配词组,将会对云端词库进行搜索,大大提高了输入结果的准确性。同时百度手机输入会将提供更适合中国人所熟悉的输入方式,T9键盘、双拼、五笔、笔画、手写、基于百度语音引擎的语音输入……

7.语音输入法会成为趋势吗?大规模应用是否存在困难吗?

语音将会成为一种趋势,语音输入仅为语音的应用之一。

不过就目前阶段而言大规模应用还是存在一部分困难,用户对语音操作的感知度低,在没有明显用户体验提升的情况下,用户可能不会选择语音。

8.我曾经畅想过,手机输入法没有按键区域,采用模糊输入,甚至直接盲打,是否有可能呢?

 

现在有应用已经能够实现了Fleksy,通过计算用户按键间的距离并根据上下文及频率权重确定候选单词,在完成输入操作后执行手势操作以选择候选或删除上屏文字,有兴趣的朋友可以尝试一下。

9.作为一名资深交互设计师,是否可以分享下自己的学习心得?哪些习惯对于交互设计来说,非常重要,甚至可以快速提升个人能力?

应该还是思考吧,思考过程的本身就是在学习。

对于一名设计者来说,尽量保持以下三点:好奇心,观察,体验。

让自己尽量保持一份新鲜的未知感,充满了好奇心,愿意去探究,尤其在面对自己所熟悉的产品时,这是原动力。

细心的观察,观察产品、观察用户、观察行为,这样才能对被观察者产生概念。

深入体验,亲身感受产品以及之前未观察到的细节,需要自己能够深入进行体验,这样才会对细节产生体悟。

以上应该是一个完整的过程,由好奇心产生原动力,驱使你进行观察,并亲自进行体验,最终得出设计思路及原则。

10.面试新人时,具备哪些素质你会认为比较有发展潜力?

在面试时,我一般会围绕上个问题中的三个点展开,是否充满了好奇心,能否对事物进行细致的观察,以及能够深入体验并有自己的心得或总结。

同时,也会对面试者的基本能力进行相应了解,沟通技巧、基础知识、责任感等等。

11.八卦下,为什么你老婆要把你画成大黄的形象?

我太太也是一名设计师,她自己很爱画画,最大的愿望是成为一名插画家,所以先拿我练手了,在她的作品「风物小鸡」里她的形象是一只小鸡,所以我只能被安排成一只大黄的形象,鸡犬不宁嘛,反正我们平时也挺闹挺的。 ^_^

继续阅读[晓生采访第八期]MoonMonster:保持好奇心

理想的工作状态

曾经问领导如何再向上提高自己,提醒两点:1.不要钻研移动端太深了,得跳出来看看。2.设计需要博学,多看看传统领域的设计,如建筑。

来爱奇艺之前,一直设计工具类APP,做了三个月之后,感觉自己思路不对。判断依据是不同类型的产品设计方法肯定会有区别,按照现在思路只能设计出70分的产品,无法指定未来半年的设计计划,被动的跟进项目和改进交互的通用性问题。停下来想想,发现自己不懂视频类产品。

虽说自己界面设计沾边的资料大部分都看过,熟悉各种平台特性并实践过,但不代表能设计出牛逼的产品,就像UI设计师熟练掌握PS一样。庆幸自己前几年没啥爱好,只知道研究移动交互。专业的好处是大家会看重你的建议,涉及到界面方面的需求也会征求意见,有能力把握设计方向。

这是一个很好的工作状态。下班回家,看看和电影相关的杂志和网站(如豆瓣电影),追美剧(如犯罪心理)和动漫(海贼王),无聊时看看综艺八卦,顺便看看其他视频的客户端设计。周末团购看电影,一般评分6.0的电影都会看,生活学习两不误,有时候玩游戏也是一种学习途径(如保卫萝卜,只玩设计精致的游戏),游戏的交互与视觉要比应用程序超前。

上班之后把玩新款机子,把积累的想法转化为需求,验证想法,万一思路错了,也是公司交学费。工作不是为了公司,可以学习做事方式,获得成就感,最终收获的是自己。

转向传统电影电视剧行业学习设计,团队的灵感应该来源于它们。想明白这一点,组织设计师看电影就成为理所当然的事情。设计应该是一件愉快的事情,减少会议,避免因为需求不明确导致的的重复修改,尽我所能砍需求,资源有限的情况下能精益求精做好每一项设计,逐步提高。不怕水平有限,就怕一直在重复做烂设计。

跳出行业的圈子,移动端看视频时趋势,但从用户角度,移动端只是他们看视频众多方式中的一种,你需要研究电影和TV的用户体验,之后才是发挥移动端的特性。想想为什么《iWeekly》设计的不错,因为懂媒体,设计出来的产品才有感觉。

移动端圈子其实很大,每个人无法精通每个行业,张小龙做IM之前,做了多年的邮箱,大侠也不是一朝成名的。重要的是找准自己的位置和未来值得长时间做的行业,希望未来能成为视频行业的专家。