10分钟科普!那些不明觉历的“交互设计方法论”到底是什么?

@戴小维Saki :为什么要学会方法论 ?身为交互设计 师,行走江湖,怎么能没有一两个贴身护法傍身?!

文章目录[隐藏]

10分钟科普!那些不明觉历的“交互设计方法论”到底是什么?

@戴小维Saki :为什么要学会方法论?身为交互设计师,行走江湖,怎么能没有一两个贴身护法傍身?!

当我们还是新人菜鸟时,总会有遇到部分产品同学或者开发同学说,你为什么这样做?有什么理由么?为什么不那样做?你这个技术实现不了,你这个UI太丑了,你这个流程太麻烦了等等。

这个时候,我们的交互设计方法论,就派上用场啦。在我们将设计稿做的完美同时,也要学会将自己的设计稿讲的好,也可以说是对自己设计稿的适度包装。这样你就可以在你项目组的产品经理,项目经理跳出来质疑你的设计稿时,用绝妙的方法论,让他们频频点头,若有所思。最终给你竖起大拇指。并且在长远的项目合作中,对你产生较高的信任度,也就是我们常说的出稿信任。最终渐渐免去部分产品同学和开发同学的习惯性质疑。

这些方法论有哪些?

英国设计协会的双钻模型:来源于IDEO的以人为本的设计思想,以及@d.school的设计流程

主要分为四个步骤,两个阶段:

第一阶段:针对对的事情做设计(designing the right thing):

1)对问题的探索和调研:

这里指的是针对一个具体而真实存在的问题点进行发散性思考,探索问题的本质。而在项目中的一些伪需求,是需要我们交互设计师在一开始就是剔除的,以免后期方向性问题的出错。这里针对问题/需求可进行多个维度的发散思考,力求考虑问题的全面性。

探索以及调研:

1. 质疑:对需求质疑,对问题质疑,对商业利益和用户利益的平衡质疑,对各种考虑不全面的质疑。
2. 故事:情境化思考设计,将你产品面向的用户,放进一个真实的故事场景中,去尽可能列举你能列举的元素:地点、人物、故事。根据故事脉络去梳理整个交互和操作节点,并从中发现问题。
3. 研究:针对问题进行桌面研究,人群调查(比如问卷、访谈)

最终你会获得一大片零散的研究结果。

10分钟科普!那些不明觉历的“交互设计方法论”到底是什么?

2)对问题的定义和聚焦:

这里是指将前期扩散的问题思考,集中在某个领域进行解决,也是个逐渐收拢的过程。

1. 洞察:观察还未结构化的研究结果

2. 主题:逐渐收拢到明确一个主题,然后在你的项目团队中分享你的研究结果,启发大家的思考和讨论。

3. 机会领域:进行行业分析、问题分析归纳到一个现在可行的机会领域。合并同类项,将用户痛点等问题,通过卡片分类等方法合并同类项。

4. HMW方法:(“how might we…”问题)用一句话说明,我们在有关在行为领域中要做什么,可以解决什么。主要为以下几点:(什么人)了解你的目标用户;(什么事)了解用户要做的事情,同理心;(解决方法&为什么要这么做)用讲故事的方式描述解决方案;(实现解决方案)心理模型与实际模型的结合,用流程图、线框图来解决。

第二阶段:将设计做正确(designing things right):

第三步 对设计的潜在问题进行发散,针对简要的设计进行构思:

1. 构思:发散阶段,从限制中解放出来,开脑洞设想。设想期间不要评判,让任何可能发生的想法都不要受限制。这里有很多创意设想的工具和方法。例如联想、多留心观察、多听别人的想法,还有多看创意网站,来让你的思维发散产生更多的想法。

2. 评估:在对不同想法形成不同的方案后,开始评估你的想法。可以通过每个组员为方案进行投票的方式进行,这里大家可选择你最喜欢的,也可以考察该方案的可行性来选择。这里就存在一个方案在创意和可行性之间存在的潜在关系。 通过评估以后,可找到最初问题的最优解方案。

10分钟科普!那些不明觉历的“交互设计方法论”到底是什么?

第四步 对设计方案进行实现:

用设计去解决前期研究的问题。只要你保证的 前期问题的大方向的正确性时,后期如何去解决它,只是程度上的问题。

1. 制作demo:交互配合开发快速进行demo制作,在demo中体现产品的完整流程。

2. 测试demo:对demo进行快速测试,考虑产品的可用性和开发风险。这里的方法论可利用灰度测试或者A/B test的方法。

3. 循环迭代:上述过程可循环快速迭代,来达到产品开发中的MVP,避免拉长产品开发战线。

最后

总而言之,交互设计的方法论有很多种,照搬照抄别人的方法论都不一定适合你,一名优秀的设计师,应该在不断的实践和成长中形成自己的设计方法论。设计方法论可指导你做出好设计,也可帮你适当包装设计方案,推动你的设计方案在项目中的实现程度。

设计师的护身法宝:

1. 分析你做这个设计的理由:项目背景—现有问题—产品定位—人群定位—精品分析—互联网设计趋势—设计方案—设计亮点—设计理念—设计分析。

2. 视觉设计师也可以通过(色块、线面、字体、阴影、光线、颜色)形成你的专属设计语言。

欢迎关注作者的知乎专栏:

zlqr160628

「交互设计实战好文」

  1. 细节设计:《案例实战!聊聊交互细节设计的四个小技巧》
  2. 按钮设计:《交互案例实战!三个按钮背后由小见大的交互思考》
  3. 活动设计:《网易实战!从一次活动设计聊聊交互设计师的3个阶段》

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量200万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

原创文章,作者:震天下,如若转载,请注明出处:https://www.iamue.com/20493/

(0)
震天下震天下
上一篇 2017-05-21 13:28
下一篇 2017-05-21 14:35

相关推荐

  • 提示信息的情感化设计,做一个有故事的淘宝

    未来的故事还可能会将情感化设计延伸到不仅仅是异常的场景中去,从而覆盖整个淘宝,真正地实现做到一个“有故事的淘宝”。

    2017-05-05
  • UED新刊 | 承——中国院方案组二十周年

    📌编辑| F.我觉得记录或者回忆方案组这件事……如果说有意义的话,它不应该仅仅是哥几个的一段往事,而是可能还带有某种其他的价值,可以为我们的同行展现中国建筑发展当中的一个小的片段。——崔    愷《城市·环境·设计》UED108期“承——中国院方案组二十周年”专辑现已发售更多互动福利详见文末扫描文末二维码即可购买新刊导读1997 年,当时还是建设部建筑设计研究院(下称建设部院)的中国建筑设计院(下称中国院),由时任总建筑师和副院长的崔愷...

    2018-02-07
  • 华为朱平:用大服务把用户体验引向极致

    4月12日,华为新旗舰手机P20系列发布,同时还发布了保时捷设计Mate RS,以及多款产品。2018年,是手机市场艰难的一年,4G换机和消费升级带来的市场红利正在逐渐失去,5G尚未到来,市场进入一个相对低潮期。这样一个情况下,众多手机厂商面临了较大的市场压力。在这样困难的市场环境下,华为怎么巩固自己的市场地位,甚至扩大市场?华为一惯的态度就是用产品说话,用大大领先对手的产品来证明自己。其实我关心的是,华为P20
    Pro这样的产品,已...

    2018-04-21
  • 用户的体验属性

    人的记忆、欢乐、痛苦、友情、亲情和叛逆等,是每个人所共有的。这些不同的属性,反映着人们各种不同的体验属性。当下,我们每天都在说“用户体验”、“以人为中心”,但我们仔细想想便不难发现,几乎所有的产品及服务,都是在围绕着用户便利性这一单一属性的,人有那么多的体验属性,而我们却几乎没有去挖掘,何谈是以用户体验为中心呢?服务创新的一个思路,不是在纵向上,提高便利性或使用性等单一维度的体验属性而是如何在横向上,调动和反应出人的其他不同维度的体验属...

    2018-04-26
  • 从零开始学交互:经验分享之基础阶段一

    【对用户体验设计的理解】 对于我个人而言,喜欢以咬文嚼字的方式去理解一个新的词语,这正是汉字的艺术所在。用户体验设计=用户体验+设计。一说到设计,很多人会联想到绘画、创意、各种漂亮的手稿。这是对艺术和设…

  • 如何发现交互设计中的思维盲区

    在一个项目中,交互设计起着承上启下的作用。开发人员根据交互文档搭建初步的程序框架,视觉设计师基于交互设计进行精细的界面设计,之后再交付开发。交互设计方案的改动涉及多方的调整,虽然不及产品需求变更那样…

    2015-08-26
  • 帮你梳理:卡片式UI的设计最佳实践

    卡片式设计依然是目前UI设计的热门,虽然我们在前几天的文章《不是万能!卡片式设计并不能支撑所有的设计需求》当中探讨了卡片式设计为数不多的“局限”。今天我们从基本的规则入手,为你展示卡片式设计的最佳实践。小贴士:Material Design 中常常会让卡片拥有微妙的阴影,这种设计是非常有道理的,阴影和深度会给予用户以视觉感知力,强化它的可见性,以及知觉上的“可点击性”。小贴士:卡片中的正文部分只需要一个Normal 字重的非衬线体就行了。

    2017-05-13
  • 交互说明标注工具合集

    最近很多同学在问交互原型里里的标注怎么做的? 其实很多原型工具可以做到例如Axure、justinmind,但是做起来比较慢且不美观。有没有专业的工具呢?这不我们介绍几款常见的产品。   Specctr 首先是由 Onpixel …

    2016-04-06
  • 如何量化用户体验并有效执行

    很多人都把用户体验看作是网站或应用成功与否的一个总体衡量标准。分析一个网站或应用在提供好的用户体验方面的效果如何,往往会变成一项很主观的事情,仅停留在观点层面,缺乏客观依据。本文描述了为何量化用户体验这么难,并提供了一个量化用户体验方法,对于网站和应用的过去开发所作努力的快速、客

    微信热点 2018-03-22
  • 中国手机行业患上焦虑症,良药便是“用户体验”!

    可以说,2017到2018年中国手机市场震荡不断。首先经历了乐视手机的倒台,接着HTC也逐渐淡出市场,而巨头之一的LG也选择了退出中国市场。除了传统行业老大苹果和三星的地位稳固外,国内众多厂商皆陷于焦灼之中,绞尽脑汁想要提升出货量排行。但可惜的是,众多厂商的动作却创新乏力,同质化严重的案例屡见不鲜。一个最明显的例子,iPhone发布“刘海屏”,许多厂商亦步亦趋,甚至模仿到了正面难辨的地步。中国手机厂商陷入鏖战,行业趋势多为盲目跟风,试图...

    2018-04-28