• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 沪江UED团队出品!用户体验设计师进阶实战指南(上)

沪江UED团队出品!用户体验设计师进阶实战指南(上)

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

本文主要包含UX设计师,全链路设计,用户体验,用户体验设计,经验分享等相关知识,沪江UED希望在学习及工作中可以帮助到您

如果你是一位产品设计师,在日常工作中是否遇到这两类困惑?

一、设计黑盒

在获取需求到输出设计稿的过程中,设计过程像是一个黑盒——大家不知道设计师到底在做些什么,也不知道设计师是经过怎样的思考而得出的设计方案。这些问题的背后是关于设计工作的现实思考,用户体验设计是否趋于「玄学」设计,为什么要这样设计,设计方案是否行之有效?

二、设计竞争力

这一篇来自知乎的帖子,「交互设计师在未来发展前景如何?是否为可替代性很高的岗位?」,如果从基础交互能力的维度来看,这么说逻辑似乎也合理。相比视觉与开发等强专业技能导向的职能来看,交互设计更像是各职能都需要具备的一种能力。在工作中,我们可能遇到这样的场景,比如有些具有交互Sense?的产品经理会直接把线框图给画了,然后给到交互设计师进行润色,交互设计师完成交互说明文档后给到视觉同学,这个时候如果视觉设计师也具有一定交互?Sense,二话不说直接把交互图又改了。此刻身为交互的你会不会感到「迷茫」和「焦虑」?

无论是刚进入设计行业的同学,还是工作了5、6年的设计老司机,或多或少都有类似的困惑。如果想要打破这样的局面,我们首先需要打开设计黑盒,赋予其科学的理性之力,我们倡导设计师从纯感性的设计转型至感性与理性结合的设计。更重要的是,我们必须优化自己的认知体系,去构建一套正确且稳固的底层结构,即科学的思维模型。

三、多元化的思维模型

「对一个拿着锤子的人来说,他眼中的问题都像钉子」,设计师有时候会被自身的视角所限制,很容易陷入「专业思维模式」的误区,导致了设计思考的不完整性与方案的不确定性。未来的设计工作会对设计师提出更多的挑战,我们需要拥有多元化的思维模型,一方面能够从客户,企业等价值维度去思考设计,一方面要具备美学,用户心智,商业等跨领域的知识模型。一旦习惯了多维度的思考方式以后,我们就可以站在更高更广的角度去思考和解决问题。那么在设计工作中,我们该如何建立起这样的思维模型呢?

经过 2017 年的实践和反思,沪江? UED? 团队在结合互联网教育产品开发生命周期的基础上,提炼与整合了设计过程中的一些经验和规律,最终形成了 3D Desgin Thinking 这套方法论。设计的方案是无穷尽的,但体系化的设计方法可以是设计师的利器,就像是设计过程中的「思维脚手架」,它来为我们的思考提供框架结构,帮助我们的设计方案更加科学,高效自如地运作。

四、3D Design Thinking 是什么

3D Design Thinking 是一种关于设计工作的思维脚手架,思考模型,方法论。更通俗一点来说,它更像是一本大众化的设计菜谱。以蛋炒饭为例,我们通过学习菜谱中的原料和步骤来掌握菜肴的烹饪方法,这个时候菜谱就是炒菜的方法论,它为我们提供了基础性的解决思路。在菜谱的指导下,你初次做出的蛋炒饭不一定很美味,但已经学会如何制作它的方法,然后通过后期不断地练习与改善,你就能烹饪出一道色香味具全的蛋炒饭。

但是在实际运用中会出现一些菜谱不能解决的问题,比如面对不吃葱的人怎么办?应该使用哪种油?是先放蛋还是饭等等。这些问题都说明菜谱并非万能,我们认为没有最好的方法,只有合适的方法,一切方法论都因人而异,因地制宜,我们要善于结合当下的公司环境以及产品目标来灵活运用。

五、3D Design Thinking 的作用

3D Design Thinking 是一个菜谱型的指导手册,它能为设计师提供一个规范的流程化的工作指导手册,以帮助设计师解决工作中的一些通用性问题。我们提供两套可落地的手册,第一套是设计链路指导手册,我们将它融入到产品研发周期中去,去告诉设计师在每个阶段需要做什么事情,关注什么事情,掌握什么样的能力。然后是成长路径指导手册,我们在设计师能力模型的基础上,为设计师提供了一份成长指导手册,可以帮助设计师客观评估自己的能力,同时为设计师提供可参考的成长指导,最终帮忙设计师成长和晋级。

1. 3D 设计思维的内核

△ 3D Design Thinking 的内核

三阶段

整个产品设计流程是一种发现问题与解决问题的过程,相应的,3D 设计思维始终贯穿在其中,我们把设计黑盒打开,将其拆解为3个阶段:

  • Do right things,做对的事:根据策略方向找到正确的问题。
  • Do things right,把事做对:通过专业能力和团队协同把事情做正确。
  • Do things better,把事做好:通过不断的验证和修正让事情朝着更好的方向发展。

除设计方案之外,我们更需要关注设计方案的实施和落地,于是 How to do things better 必然会成为设计者需要特别关注的阶段。

六步骤

△ 三阶段六步骤

从左向右,从发现问题到解决问题,我们的思维需要有三次发散和三次收束:

  • 发散阶段,尽可能开放而不限制自己,发散过程可以带来更多的创造性想法。
  • 收束阶段,通过分析和抽象来提炼出可行的发现和想法。

把三大阶段拆分为六个步骤:

  • 探索:主动参与到需求的初期阶段,与产品一同探讨和创新的可能性。
  • 定义:萃取和提炼想法和需求,聚焦问题。
  • 设计:扩展设计方案的多样性,答案并不唯一,但可以选择最优。
  • 开发:最优的方案需要最优的实现,关注且推进技术的实现。
  • 发布:推向市场的过程中,不断收集数据和反馈。
  • 验证:验证假设、提炼问题。

这里要注意的是,产品发布并非设计工作的终点,我们要持续关注到「验证」阶段来完成整个产品设计的闭环。

闭环

△ 闭环

有始有终,以始为终,产品闭环是一个从抽象到具象,再从具象到抽象的循环过程。即从发现问题到输出解决方案,再根据定性定量的验证数据来推导下一次问题的过程,以此进行产品设计的持续优化。

实践中的 3D 设计思维

△ 践中的 3D 设计思维

六步骤即是完整的产品设计流程,在此基础上,我们梳理出了对应的关键交付物,在实践中它们往往也是项目的里程碑。

列出的这些里程碑,并非需要设计师每一项都亲力亲为,这在复杂项目的实践中不现实,也并不需要。更重要的是希望设计师能够通过参与里程碑来提升“全链路的设计能力”。

  • 扎实的专业能力,专业技能是设计师的核心竞争力,需要得到持续提升,在团队中拥有专业影响力。
  • 通盘的思考能力,能够对产品全设计流程的参与和理解,从深度与广度上提升对产品的认知。
  • 优秀的整合能力,掌握一定跨域的能力或知识,能够通过组合多样化的资源来提升设计效率和质量。
2. 3D 设计思维的分层

3D 思维由横纵两个维度组成,内核属于模型的横轴部分,下面让我们从纵轴的维度来看一下。

△ 3D Design Thinking 模型全览

纵轴一共分为5个层级:

  • 内核:3D 设计思维的核心框架。
  • 关注点:在每一个阶段,我们应该要聚焦什么地方。
  • 行动项:为了实现这些关注点中的问题,我们应该做些什么。
  • 交付物:这些行动项应该产出什么样的结果。
  • 知识点:最后围绕这些关注点、行动项、交付物,我们需要掌握相关的知识点。

从上往下,从关注点-行动项目-交付物是一个思维发散到收束的过程,而下层的内容又是支撑上层的基础。对设计师来说,首先需要重点关注在设计阶段的各层级信息,在此基础之上再向前向后都迈出一步,去参与或了解更多的事情。结合六个步骤,我们总结了一些关键点以供参考。

探索

△ 探索阶段

定义

△ 定义阶段

设计

△

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

  • 什么决定了设计师的职业高度?来看资深UX的思考!
  • 沪江UED团队出品!用户体验设计师进阶实战指南(下)
  • 沪江UED团队出品!用户体验设计师进阶实战指南(上)
  • 如何判断你的产品“好不好”?来看高手的角度!
  • Airbnb设计经理:一个好的交互设计师应该具备什么素质?
  • UX设计师常用的英文单词汇总(持续更新)
  • 进阶之路!一流用户体验设计师的6个共同点
  • 还在堆图片?来看看这11位UX设计师教科书级的作品集

相关文章

  • 2018-08-23如何善用对比度来提升网页内容的可读性
  • 2018-08-23免费可商用!情人节专属资源(矢量素材/图标/背景)打包下载
  • 2018-08-23UCAN2017回顾!当新技术来临时,设计会发生哪些变化?
  • 2018-08-23如何构建 Web 端设计组件之树和日期时间选择器
  • 2018-08-23设计出了错?很有可能是你没有问对问题
  • 2017-08-06用js实现css3效果的圆角方法
  • 2018-08-23这款给医生的专业APP,设计上有着怎样不同的要求?
  • 2018-08-23优设网投稿规范
  • 2017-08-06关于开发手机网站的一些总结
  • 2017-08-06impress.js表现层框架(演示工具)-初体验

文章分类

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

最近更新的内容

    • 网易资深设计师:提高工作效率的全方位实战指南
    • 如何高效完成表单输入?来看这个实战案例!
    • 最短JS判断是否为IE6(IE的写法)
    • 网页文字设计应该像聪明女孩穿衣服
    • 这个「以用户为中心」的图标设计法,恰好很多设计师不会
    • 抓住这7个关键,创造让人欲罢不能的长滚动页面
    • 网页自动刷新与自动跳转示例代码
    • 对于大流量网站的解决方案
    • 原力与你同在!星球大战给我们的6个关于用户体验的启示
    • React 安装

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

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