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

相关推荐

  • 能够带来更好体验的“浅交互设计”,是对人机交互设计方式的全新思考

    原文地址:https://www.smashingmagazine.com/2016/03/getting-disconnected-shallow-interaction-design-deeper-human-experiences/本文由设计夹设计研究小组 成员杨梦龙翻译校对我们的一切都被连接起来了。我的手…

    2017-08-02
  • 零UI,为无屏交互而设计

    “最好的用户界面就是没有界面”——Golden Krishna“最好的用户界面就是没有界面”——Golden Krishna

    2017-05-08
  • 译文 | 我为什么喜欢丑陋的,凌乱的界面

    漂亮的,新颖的,干净的,简洁的,极小化。在有关设计的讨论中这些单词频繁出现。看下面的这个优秀作品集收集网页:http://www.creativebloq.com/portfolios/examples-712368。单词“漂亮的”被用了6次,“简单的”被用了11次,仅仅还是在一篇文章中。

    2017-05-24
  • 最浓缩的概念:什么是用户体验,用户体验设计怎么做?

    如约而至,这是体验三篇文章中的最后一篇。本篇我会说明一下何为UE,及UED的本质是什么。其实,我相信很多人其实能感觉到体验是什么,但是一直没能用一句话来表达出准确的意思。那,在说明之前先说什么是User Experience Desgin(UED),为什么大多称之为UXD呢?

    2017-05-25
  • 物联网产品用户体验设计的5个关键

    来源:物联之家网编译:冬夜物联网智库 整理发布转载请注明来源和出处------【导读】------创建物联网产品良好用户体验的5个关键:简化入门、顺畅的跨平台设计和交互、个性化和背景、一体化体验、创新体验方式。设计一个伟大的、用户体验极佳的物联网产品说起来容易做起来很难。仅仅为一个新应用程序构建直观的用户体验就极具挑战,而物联网系统通常由多个设备、多个具有不同功能的应用程序和接口、输入输出数据流和用户权限分配组成,因此,为如此复杂的系统...

    2018-04-10
  • ios8设计规范 中文版 完整版

    文章索引 1.1 为iOS而设计(Designing for iOS) 1.1.1 以内容为核心(Defer to Content) 1.1.2 保证清晰度(Provide Clarity) 1.1.3 用深度来体现层次(Use Depth to Communicate) 1.2 iOS应用解析(iOS App An…

    2016-05-12
  • 带给你视觉 2015 Web 设计色彩流行趋势

    前几天分享的2015年春夏流行色人气很高,今天直接放干货,@AnyForWeb_UDC 的同学根据2015年的色彩大致趋势走向,结合相关的设计经验,作出了以下网页配色 预测分析,来看看有哪些亮点吧。

    2014-12-28
  • 总结|服务设计的基础概念和案例

    在这里,本文作者和大家分享一些我总结的服务设计的基础概念和案例,希望对大家快速入门服务设计有所帮助。

    2017-05-06
  • 用户体验设计(UED)内功心法开山篇(附案例研究)

    何为UED?在产品定义阶段,它是一种关乎如何解决问题的思维模式,在产品迭代期,它又是一种关乎如何思辨方案真实体验水平的科学验证。更具体一点,到底是什么样的思维模式和科学验证,近一年的时间我们通过大量案例逐渐将其解构出来,并将导图成“UED内功心法”,期望能够帮助交互设计师在具体实操过程中有的放矢,更有针对性地发挥设计的价值。

    2017-04-29
  • 信息港招聘3000多岗位......

    萧山之窗移动生活由此开始....关注2018萧山信息港小镇春季人才招聘200余家企业,3000多个信息经济岗位!3月31日信息港小镇将会举办一场盛大的春季人才招聘会。招聘会时间:2018年3月31日(周六)9:00—16:00招聘会地点:萧山经济技术开发区启迪路198号 信息港小镇B-C连廊除了微医集团、科大讯飞、华网信息、一知智科、网盛数新、华澜微、云集微店、湾区孵化器.....这些信息港小镇内的王牌企业,还有萧山经济技术开发区的部分...

    2018-03-26