• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 腾讯内部分享!一个工作坊的完整设计流程剧透

腾讯内部分享!一个工作坊的完整设计流程剧透

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含产品设计流程,工作坊,经验分享,设计流程等相关知识,希望在学习及工作中可以帮助到您

Z Yuhan:我上周参加了一个工作坊,也算是ThoughtWorks与我所在团队的交流活动。如果你有了解过IXDC,你能够在15年的活动中找到四个由他们团队组织的工作坊,其在一个就与我上周参加的那个相同——《从1到100》。如果我今天把这篇文章发出去,就算是这个工作坊的剧透了吧(也是经过他们允许了的)。

这个工作坊讲的是一个完整的设计方法,即拿到一个项目需求,如何从设计思考(DesignThinking)开始,确定用户画像,构建场景地图,头脑风暴,绘制故事版,设计产品,直至用户测试。他们把整个流程分为四个阶段:

  • 探索:用户、需求
  • 定义:目标、资源
  • 设计:产品形态
  • 验证:测试反馈

我的评价

因为下文的过程会有点长,所以先把我个人的评价写在前面。

好处

  • 内容我是认可的。这一套东西,其实和我当年在知乎上的一篇回答非常相似——一个完整的设计流程是怎样的?(知乎怎么加不了连接了)区别在于,我的设计方法是来自更加严谨的学术界,而不是注重展示的商业公司,我写的步骤更细一点更详细一点,并且把很多需要绘图技巧的步骤(如故事版、用户画像等)替换成了不需要绘画技巧的步骤(脚本和人物侧写)。总而言之,因为我对工作坊的内容比较认可,所以决定写一篇文章说一说。
  • 介绍的方法在可行性、实用性和表现性上平衡得不错。例如利用三种维度的评分海选idea的方式我觉得很赞(详见下文中的步骤四)。
  • 案例质量不错(虽然我不能具体描写)。
  • PPT质量不错。
  • 主讲人口才不错(相较一般的设计师而言)。

坏处

  • 任务太多,做不完。
  • 信息量太大,缺乏背景知识的人难以理解。
  • 互相做用户访谈,获取不到有意义的信息。

结论

这个工作坊非常适合想要了解和体验设计流程的人,但是如果不提前做点功课未必能够当场听得懂并了解其意义。因为节奏很快,能动力较低的人还是不要勉强自己参加了,很容易迷失。

我的一位组员(也是工作上的导师)感叹走完这套流程后,得出的方案和最开始自己闷头想的方案差不了多少(我也这么认为)。这是不是说明所谓设计流程并无意义?

我作为经常走这种设计流程的人,想要提醒大家其实并不是这样的。这种工作坊参加后,有可能反倒让你觉得设计流程没有意义。这是因为流程中的关键点,即调研部分遗漏了,所以导致最终得出的方案不可能脱离自己的思维局限。简单来讲,你没有获取到新的信息,自然不会得出新的结论。

例如本次工作坊的用户访谈阶段,我们因为时间场地问题,只是小组之间相互访谈了一下。这就是问题所在了,因为我们这帮设计师年龄、背景、习惯差不多,而且很多都是生活在同一个圈子里的,我们的思维行动方式没有很大的差异。所以我们去问对方,和自己闷头想并无区别。但是这个世界上的人形形色色,诸如广场舞大妈、素食主义者、教徒、低龄儿童、土豪等普通设计师不能够理解的的人群大有所在,而他们统统有可能是我们需要关注的用户。如果没有设计调研,我们的设计就很有可能局限于自己浅薄的人生阅历,止步于眼前的井口。

所以这里就牵扯到了设计调研的意义,即突破设计师本人的思维局限,真正为目标用户而设计。

过程

任务

工作坊的任务就是小组协作,为餐馆里食品浪费的问题提供解决方案。这里说的浪费主要指吃不完、不打包这类现象。解决方案的形式虽然没有明说,但是介于还有原型测试步骤,可见少了一句潜台词——最好设计一款IT产品。

步骤一:用户访谈

既然现在已经了解了你的老板/甲方想要什么(解决食品浪费问题),那么接下来显然就时要了解用户想要什么了。这一步骤中,只需要解决四个问题即可:

  • 谁是用户
  • 访谈什么
  • 找谁访谈
  • 统计分析

关于访谈内容,PPT给出了这样一个提纲(但是为了加快进度,每组只设计了3个问题):

  • 从?标出发提问:?标、机会、优先级、信息
  • 从系统?度提问:功能、频率、偏好、问题、捷径
  • 从?作流程?度提问:流程、重复?作、异常?作
  • 从态度?度提问:启发、喜好、动机

我们小组是这么做的:

  • 谁是用户:为了不给自己增加没有必要的麻烦,用户就定为餐厅顾客。
  • 访谈什么:每位成员提了5个问题,并解释讨论。最终我们将所有问题归类为三个:餐前、餐后和打包。
  • 餐前的问题是:你点餐时以什么为依据确定菜品的数量(这里无形之中将场景具体到了中餐馆聚餐)?
  • 餐后的问题是:你用餐后大概还剩下百分之多少菜?打包的问题是:如果有剩菜你会不会打包?
  • 找谁访谈:由于工作坊的时间场地限制,我们只是小组之间相互采访了9人,所以注定了这次访谈的结果只能代表某一圈人的想法。
  • 统计:当时的统计结果忘记拍照了,我这里大致回忆一下。餐前:大部分人会点“就餐人数+1”个菜,也有一两人会按照“+2”或“相同数量”的方式点菜。餐后:绝大部分人表示会剩下约25%的菜。打包:过半人不会打包剩菜,剩下的小半人里面,一半说会,一般说如果好吃才会。

统计结果前两问高度相似,毕竟我们中很多人平时都一起吃饭的不是吗?

步骤二:用户画像

用户画像什么的还需要解释吗?我这里就扔一张PPT上的图例吧:

我们小组是这么做的(我下次再也不忘记拍照了,这是重画的):

步骤三:体验地图

简单来说,就是把用户在与我们设计相关的场景中,可能发生的行为整理列出。以下是PPT给出的例子。

蛋蛋的体验地图:

花花的体验地图:

步骤四:解决痛点

根据体验地图的场景步骤,为用户可能遇到的痛点想象解决方案。因为每个人都可以提出很多想法,所以最终需要通过三个维度(创意、可信性和实用性)的评分来进行取舍:

我们小组的最终想法:

  • 免费提供打包盒。
  • 光盘折扣:剩菜较少买单时有折扣。
  • 寄存、寄送打包盒:如果用户吃完饭后不直接回家,可以寄存打包盒,并收费寄送到家。
  • 用餐提醒:打包盒取走后,保质期之前提醒用户不要忘记吃掉打包的剩菜、什么时候过期需要扔掉。

步骤五:故事版

将你的创意通过绘图讲故事的方式表现出来。

我们小组的故事版:

步骤六:用户测试

工作坊时间预留不够,这部分没有做,所以我只放两张PPT了:

欢迎关注作者的知乎专栏:交互进阶(https://zhuanlan.zhihu.com/advancedhci)

「完整的设计流程合集」

  1. UI 设计丨http://www..com/full-ui-design-process
  2. 品牌设计丨http://www..com/complete-design-work-flow
  3. 交互设计丨http://www..com/complete-interactive-design-workflow
  4. 图标设计丨http://www..com/icon-design-flow-skills
  5. UED 团队设计丨http://www..com/china-ued-teams-workflow

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://h

您可能想查找下面的文章:

  • 怎么做私单才能又快又赚钱?来看老司机的私藏流程!
  • 用一个实战项目,让你全面认识产品原型的诞生过程!
  • 超全面!从0到1正确开启UX项目的方式
  • 产品需求一直不能落地,还好前辈教我这个流程
  • 一个完善的产品设计流程是怎样的?听听美团设计师怎么说
  • 腾讯内部分享!一个工作坊的完整设计流程剧透
  • 让PM无言以对!可能是最专业的交互设计流程

相关文章

  • 2018-08-23画交互原型方案前,你应该思考的三个点
  • 2018-08-23想提高转化率?你得了解这个最新的「广告盲」现象!
  • 2018-08-23Google对话式交互规范指南(八):通过确认和应答给予用户信心
  • 2018-08-23还有这种操作?这10个导航栏设计技巧别错过了
  • 2017-08-06960 Grid System 基本原理及使用方法
  • 2017-08-06高效导航设计三原则 网页设计师必知
  • 2018-08-23阿里设计师:如何用动效创新方法解决产品问题?
  • 2018-08-23文案启蒙:感动是个好东西,我们都要保护它
  • 2018-08-23写给UI新手的APP结构指南:用户引导和提示
  • 2018-08-23从四大维度,全方位剖析APP应该如何设计好「分享功能」

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 红包还可以这样玩!众安专属红包活动设计经验总结
    • 画交互原型方案前,你应该思考的三个点
    • IE下utf8编码页面无端端空出一行及utf8页面无法显示的解决方法
    • 设计师被“拼多多”的一天…
    • 页面中marquee与flash同时存在时的冲突解决方案
    • 从「手势交互」出发,分析产品设计背后的原理
    • 网易设计师:6个技巧让用户参与到你的设计里
    • 这款给医生的专业APP,设计上有着怎样不同的要求?
    • 新闻资讯类App 该如何设计?这儿有一份UX分析
    • 用“三分法”构图本没有错,错的是你的使用姿势!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有