【演讲实录】UX Case：我是设计师

  本文关键词：我是设计师，由笔耕文化传播整理发布。

专家主持：

陈莹（百度资深交互设计师）

分享嘉宾：

李时斌（乐视网用户体验总监）
分享主题：用户体验的系统化设计

彦风（中央美术学院交互设计工作室负责人）
分享主题：物质与非物质文化遗产中的数字化应用设计

王心磊（Ark Design创意总监）
分享主题：如设计师一般地思考

李龙（阿里巴巴中国站高级交互设计专家）
分享主题：关于体验衡量指标、分流模型、仿真数据以及其他

简驾（百度MUX资深交互设计师）
分享主题：设计·功夫

张玳（ThoughtWorks体验设计师）
分享主题：在传统行业中应用完全响应式设计

主持人：第一位是乐视网的用户体验总监，他是互联网的老兵，他一定会给我们带来很多的分享。下面有请李时斌给我们带来第一个分享，欢迎！

专家主持：陈莹（百度资深交互设计师）

李时斌：谢谢主持人，谢谢大家！没想到这么晚了还这么多人，非常荣幸今天能够参加这个IxDC，为了表示我为他的重视，我今天下午到杭州特意重新烫了衬衫。杭州是一个很好的城市，记得我很多年前来杭州是中暑，也是我背包去了七个城市，走了半个多月来到杭州，终于体力不支中暑了。

我今天给大家带来的是用户体验的系统化设计。我是互联网老兵，从事14年了，就职于新浪、中华网、奇艺、现在还有的乐视，我乐于分享，经常去UPA、创新工厂等地方分享，介绍我自己很简单，我是李时斌，我为自己代言。

李时斌（乐视网用户体验总监）

（PPT图示）只有一款车，高尔夫，拉长就是帕萨特，拍成方的图案，加多三个是合作的夏朗，戳圆了就是甲壳虫。我们的消费者并没有多么强的设计观，也不懂很深的道理，在系统里面除了大众，还有宝马和奥迪都这样做。除了汽车，很多行业都这样做。比如说苹果在不同的设备之间追求系统化的方式，比如说导角，还有喷砂的材料，这都是苹果系统化的演绎。我们都是设计的同学，我们以前做外部端改版的时候，我们会认为先做首页，然后做频道页，列表页，最终页。由于我最开始没有做思考，就会成为了燕瘦环肥。我们用这个基础延伸出来，看到上面可能会有很多问题，经过我的系统化设计之后产出物并没有那么多，我们继承好了之后也许好的继承下来，我们希望在迭代过程中有所替换，接下来我们移动端都会有。

（PPT图示）有没有在北京的同学？这张图是798，我那天闲逛的时候看到在墙上的标语，很适合我们设计师，我们接到一个项目的时候不要急于思考，从全局观开始慢慢进行。

接下来介入我们的实例，我们3月份进行了改版，我们称之为“新乐视”，一共有十个方面，分别是：模块化、自然交互、大屏元素、响应式栅格、整合导航、多屏一致、全新的搜索、沉浸式观影、瀑布流、智能推荐。

大家如果看到新的乐视的会注意到，它和一般的视频网站都不一样，我们把所有的元素包裹在一个一个模块里，我们这样做看起来它像CD的封面，特别是平铺展示的时候很像小时候到音像店里去挑电影的情节，我觉得好的概念不一定要去创造新的体验，而是易于体验。我们把最大的面积给了海报图，就像我们去音像店挑选电影一样，首先被漂亮的海报吸引，所以我们在互联网里面也遵循这样的模式，我们把最大的面积给了图片，我们甚至取消了边框。

模块化还可以做一些移动、交替，甚至合并，在此之前这些元素都是不等大的，一旦模块化灵活的改动就非常容易。

聊一聊大屏生活，我们以前的屏幕都不大，我们本能靠近一点也能勉强看得清，后来屏幕发生了变化，变得很大，悲催的是屏幕大了，元素没有放大。说到放大其实是比较抽象，我们举一个竞品的，他的130乘81，全新的乐视180乘135，意味着我们比竞品大了两倍。如果选一个影片首先会被漂亮的海报吸引，我们只有足够大的容器参加展现这样的海报，所以海报图影响视频转化率。再看竖图112成149，180成240，意味着我们大了2.5倍。

我们全新定义了乐视网的三个系统，我们的屏幕变大了，我们用一个24寸的显示器看现在的网页，非常糟糕，屏幕很大，网页依然很响，我们采用了响应式的栅格，我们再对比一个竞品，仔细看屏幕的右下角很有可能会忽略他，这是我们竞品完整的一个网页宽度，整整比我们小了三分之一。我们觉得用户既然买了大的显示器设备，不能提供更好的大屏体验等于耍流氓。我们除了适用于PC，也把这套使用Pad和手机。用户已经习惯每天切换于不同的屏幕之间。

我们对多屏互动比较重视，不管现在用的是PC，还是手机，或者是Pad，或者是TV，只要熟悉一个端就可以完全复制到其他上，达到学习成本最低化。

我们再聊一聊导航，面包线导航差不多有十几年的历史了，因为以前的信息结构所决定的，基本上是网站的一个标配，这次改版的过程中我们不想太激进，我们变成了一个小三角，就是说以前可能要回到首页到其他的频道，现在不需要了，只要在面包线上出发就可以了。当然，我也有一些气泡提醒，就有当时的浏览页面不刷新也可以提醒你。我们看看导航上还可以做什么，我们对搜索也进行了关键，以前就是标题，现在除了标题还有图片，登陆、注册、播放记录等等。其实功能的加法并不重要，我们的核心是希望这个页面发生改变，这个导航依然会在那里，这样做的好处是非常有意义，因为我们绝对不可能使用户某一个功能的时候满屏幕找，我们的做法就是在屏幕上随时找随时就有。刚才看到的滚屏的效果是视频网站里面首先采用，其实复古流并不是新的概念，在很多图形化里面都可以看到。在视频网站里面有它战略意义，如果我们采用分页的形式，用户点了下一页之后每次推荐给15个更新，现在浏览信息的速度非常快，15个内容扫一眼就看完了，在点下一页悲剧就来了，重新加载，其实用户并不想点下一页，只想看一个。

在视频网站更重要的战略意义，我们知道视频都需要花大价钱去买的，因为版权的价格很贵。基本上热播的时候都会在第一页，随着内容的推新会在后面一页，钱的价值够并不那么大，所以在很多视频网站里面长尾剧是留下来，我们用瀑布式让很多成本大很多，这是瀑布流的意义。这就是我们全新的导航和瀑布流。我们放到应该有的位置，加上播放器，我们做得很干净是希望用户可以沉静下来，我们知道观影需要很沉浸的状态，大家装修的经验，电视后面的背景墙一定要干净一些，因为不可以打扰你的观影，这是我们提出的理念。

下面这个是瀑布流很多的内容推荐。但是面对这么多的内容时，还会有一个负作用，就是我们现在都有选择疑难症，我们也做了一些喜好，与其推荐有用的，不如推荐喜欢的。首先，我们会用纯技术的手段过滤不感兴趣的内容，其次我们知道很多网站会记录用户行为，我们会把数据进行挖掘，这一部分提炼出来很可能会剔除一些不太喜欢的。第三个采用一些协同过滤的算法，协同过滤简单来讲是比如说我看了一个凤姐的片子，你看了一个芙蓉姐姐的片子，我们都是重口味的用户，系统会记录下来，把我们归成一类人，如果有一天你看了一个古装剧，系统就会自动推送给我一个古装剧，我们把三种算法叠加之后看起来精准很多，这是我们在推荐上做的一些思考。

速度很快，我们之前讲了模块化、自然交互、大屏元素、响应式栅格、整合导航、多屏一致、全新的搜索、沉浸式观影、瀑布流、智能推荐。

我们的乐视网站端就是前面讲述的这一部分，结果是我们全站已经差不多改了八成，还有一些零星的频道陆续可以更新过来。其实我们刚才讲了那么多就是一个主题，就是系统化的设计。这张图是我每次出去都要带的，我们认为设计师需要有感恩的情怀，自己没有办法完成整个项目，这是我们所有参与项目的同学，所以每次来我都要把脸露出来。其实这张图上有一个亮点，因为做这张图形的时候微博上很流行歪脖，所以我们把每个人的脖子都做了。

我做了系统化的体验，我们也带来了一些移动端小的案例，我们可以看一下。（视频播放）画面里面移动的界面还是现在这一版的，可能大家如果关注乐视，也请大家关注，可能我们在未来几个月之内会有一个全新的移动端，一定会非常棒，也是我们团队做的！

我们正在做超级电视，不管硬件配置还是性价比都非常高，今天也带来了一个小的视频来了解一下！（视频播放）我上周一周都在外面，基本上带着电视四处巡演，有机会大家真的可以去体验一下！超级电视我还是要讲两个我比较喜欢的点，第一个跟设计有关，我们都知道中国人喜欢把一件事情做很复杂，那么面对一些智能电视的处理上也是这么做的，多数的时候我们国美、苏宁让服务员给你介绍电视的时候，你可以看到用摇控器就记住了一个难以去用的界面，我们指的是要知道摇控器的立刻出影，所以我们虽然是智能电视，依然要符合用户以前的心理预期，然后出影以后再通过简单的交互方式切换到智能的状态。第二个摇控器，摇控器我们都知道一般的摇控器是上面有一个红色的塑料片，因为多数都是用红外线进行通讯，优点是成本低，缺点是红外线是直线，一旦受到遮挡就无法使用了，我们采用的是红外和2.4G，，很多人有习惯到家里不管看不看，都要把电视打开，如果有的剧来了，可以在厨房就可以操作你的电视。首先，我觉得我们的设计并不是要做一件艺术品，孤芳自赏，我们一定要做有用的设计，因为只有对公司和他人产生价值，设计才变得有价值。第二，我们每天都处于一个信息快餐的年代，用户早就没有信息等待你，未来的趋势是我们有一个概念和想法的时候，当你把他实施出来，去研发上线大的版本迭代通常需要一个周期，我们现在做的设计不仅仅解决于当下，更重要的是解决未来，所以我们每一次要做未来和趋势性的设计。情景模拟，设计师需要有情景模拟的工具，多用大脑，想象一下戴上耳机闭上眼睛可以随时用大脑去模拟，大脑也有一个缺点是不够精确，你通常要把想法实施出来，经常这样做模拟度就会提高。强迫思维，听起来像有点强迫，但作为设计师我们每个人必须有强迫思维，相信它一定可以更好，没有最好的。还有聆听并独立思考，刚才主持人说经常设计会遇到别人的意见，每个人都会指指点点，每个人都会站在他的角度讲，我们去聆听和思考，这种思考一定是独立的思考更重要的是我们绝对不可以说把所有人说的东西都做出来，因为如果你真的都按照他们的想法去做，那结果一定不是每个人都满意，而是每个人都不满意，所以我们要聆听并独立思考。

最后注入情感，现在我们面对冷冰冰的产品越来越多，我们需要用大量的情感去注入，用户也可以感觉到，这也许是竞争力的核心。虔诚的学习，我们这个行业非常的辛苦，做设计每天都有很多牛人，今天也来了五位优秀的嘉宾，都是非常优秀的，如果我们几天不学习就被这个也所抛弃，所以我们每天虔诚的学习，向每一个人学习。最后永不完美，虽然这样讲可能有一点悲伤，但确实是这样的，但我们永远追赶完美，在追求完美的路上，没有办法达到完美，完美是无止境，也不要希望项目完美，也许保持遗憾也许会成为你下次找到完美。刚才讲了九个，最重要的是今天的主题系统化，我们永远要学会做系统化的思考，系统化的设计！

刚才我分享的部分其实有看到很多不是我传统意义上设计师该想的，对于现在的行业我觉得设计师需要懂的东西太多了，要懂运营、产品、技术、市场，在做你设计当中就要预留出将来上线之后的各种情景，我觉得现在的设计师是什么都要懂，还会做设计。最后做一个小广告，我们在招人，希望大家自荐和推荐！用研、交互、视觉、动效。我的分享就是这些。

主持人：我们组委会给热心的求知欲强的同学准备了礼物，优先举手的同学可以拿到礼物。有什么礼物？

与会者：说明我们都是一样的牛。因为你刚才提到了首页改版的过程中是把最大的图已经放大了，可能从你这个角度来说主要的原因是提高可视度或者吸引力，从功能师和其他角度去想这个会带来很大的网口端的流量，因为网络流量大会导致其他的服务成本户提高，如果在这个成功度上来说，除了UX以外的成功加进去，就是评判这个成功度来说，而不仅仅是设计本身？

李时斌：用户体验解决的是问题，我回答的是图片大了K数也会增加，带来的是下载属于变慢，这是确实需要存在的问题。我们放在情景和定位里面，如果是一个低带宽的用户不是我们的用户，如果他们的速度可以跑到300K和500K，对于图片还是可以接收的。还有一点我们考虑到了这一点，所以会在在最近的CDN下载。

主持人：好，谢谢李时斌！乐视的超级电视卖的很好，我们都看到了！小伙儿意气风发，讲得也很好！接下来我们要欢迎的是中央美术学院交互设计工作室负责人彦风老师，彦风老师分享的题目是《物质与非物质文化遗产中的数字化应用设计》。每次结束之后有一个提问的时间。

彦风：大家晚上好！很高兴今天能在这儿跟大家分享一些关于物质和非物质文化遗产的一些我们做的一些产品。我是来自中央美术学院，我是在数字媒体工作室交互专业，刚才乐视的人讲了设计师要懂很多东西，其实设计师也要懂历史，其实历史对我们来讲是更为艰巨，更不易进行剖析的一个东西。因为毕竟我们不是专家，首先我们看到的是这个中央美术学院，在北京。

彦风（中央美术学院交互设计工作室负责人）

我们知道以前有一个叫做古典家具，它是由我的团队来做的。因为中央美术学院应该是以造型为基础的美术专业院校，我们最了解的是艺术，所以我们做物质和非物质文化遗产是我们的强项，我们做家具的时候做了一些前辈们的影响，发现北京也很多古典的家具，所以引发了想做古典文化精髓的东西。如何把传统意义上的家具或者说是一种文化遗产转化为数字化，这个可能相对来讲是有一定挑战能力的，因为它并不是像一般的产品，可能你对它的构想，首先要对它有了解，并且对它有一些探索的可能性在里面。这个项目在做完以后，我们很快在三个月以后就拿到了德国红点，这是第一次以文化遗产的项目进入到德国红点竞赛当中获得的第一个作品，以往可能更多是工业设计或者是视觉传达。（PPT图示）这个应用就不做过多的解释，包括家具的来源古典的建筑等东西，可以在网上查一下。

之后我们又做了另外一件事情是中国的瓷器，中央美术学院是想把文化和遗产做到极致化，包括博物馆和美术馆很多数字化的陈列、收集和保存都由我们来做，我们是以教学和科研的方式来做。（PPT图示）马未都（音）先生对我们的理解。

现场参会者认真听讲

美院在做这些的时候，也通过物理互动的方式进行一些文化遗产的展示，比如说典型的案例就是中国美术馆合作的项目是邓拓修复展，我们在这些古画当中勘察了整个修复的过程，包括看到了古画的操作方式，这是非常非常珍贵的一套非物质文化遗产的工艺手法在里面，你如果没有看到很难想象修复前和修复后的画有任何的差异性。在这个里面我们做了四米长的触屏项目，数字化并不是把数字和影像进行保存和再呈现的过程，而是讲述的是中间的过程背后的故事。在这个数字化文化遗产和非物质文化遗产的过程中出现了一些规范性的文化，比如说我们做中国美术馆的项目时，我们发现前后画对比的项目当中，我们发现他们居然没有拍摄修复前的照片，这个相对来讲是非常难做的点。因为如果没有拍摄前的照片，第一不知道修复的时间、地点和修复的变数，不知道一幅画在历史上被修复了多少遍，于是我们决定了把修复好的画又P回去了，这样就看到了国家一些单位在保护遗产数字化方面的不足，在日本有很多，比如说用纸张的情况，日本用修复的五年、十年、二十年，中国基本上今天修复明天卖，如何进行呈现。比如说《富春山居图》，竖屏板是否需要导航。我们也把它做了很多交互方式屏与屏对比的关系，做这一块的时候就需要对艺术和文化相对比较深的理解，也就是说一个艺术家的气质如何进行表述的，这个是比较重要的难点。同时我们也做很多的画面3D的场景还原。

今天回到讲座的主题，实际上我想给大家推出今年最新的作品，就是胤祯美人图，这是我们和故宫国务院合作的项目，继中国古典家具之后我们对表达方式和交互的理解，表现对文物的理解又更深入了。首先我们跟故宫合作，其实是挺难的一件事。庙比较大，很多东西都是受到限制，再加上前一段时间故宫出了两件事，第一件是被盗，第二件就不说了，非常的严谨，包括文物的损害都是比较困难的，但是我们合作得非常愉快，主要因为合作单位是中央美术学院对这块比较理解，我们相对耐心。还有就是做这批过程当中，我们不求绩效性，所以用得时间比较长。一道红墙和之内和之外逾越这道红墙看美人图的概念。在这个里面，我们这个应用做完之后，第三天就受到App

本文编号：368691