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

相关推荐

  • 【干货】关于交互设计那点事儿

    交互设计作为现在的热门行业之一就业前景和薪资待遇都很好今天我们就来聊聊交互设计那点事儿先来看一下关于交互行业概览和工作机会。金融公司(Bloomberg,CapitalOne)科技公司(Google,Facebook,Microsoft,Tencent)设计公司(NASN,government,NGO)我们所了解以上这些大名鼎鼎的公司,都是需要很多交互设计师的。那么用户体验设计师、交互设计师、UI设计师有什么区别用户体验设计师,就是我们...

    2018-04-21
  • 资讯类APP竞品分析报告

    一、摘要 为了能深入了解主流新闻客户端在「功能模块」、「内容运营」以及「界面交互」上的特点,我对Zaker、今日头条、网易新闻这3款APP进行了对比分析,并得出结论: Zaker定位于具备明确新闻需求的用户,整体较…

    2015-03-17
  • 2018用户体验趋势报告

    在2017年我们看到了很多用户体验的进步和优秀的产品。在与来自全世界的189489名设计师分享学习了1926篇优秀文章之后,我们(uxdesign.cc)分析得到了2018年的一些用户体验趋势。1 用户体验的死亡与重生作为用户体验设计师,我们一直都在争取尽早地参与战略决策,现在,设计师在项目中的地位越来越重要,那么我们要如何应对呢?你的app的用户引导页使用体验如何呢?下面是最佳的自查表;不确定哪种导航最适合你的网站?去看看网站设计样例...

    2018-02-03
  • 色彩和体验的平衡:为色盲用户设计网站

    如何为色盲用户设计网站?本文作者与大家分享了5点小技巧。WCAG 2.0级AA要求正常文本的对比度为4.5:1,大文本的对比度为3:1(14点和大于或大于18点或更大)。——WebAim颜色对比检查器

    2017-08-02
  • 菲茨定律与未来交互方式

    未来已来,随着科技的不断发展,交互的方式也发生巨大的变化,它正一步步颠覆着我们的生活习惯。

    2017-04-27
  • 40个创意单页面网站设计

    Web设计灵感总是帮助我们走在新趋势, 设计结构、颜色和总体设计过程。有很多灵感的网站列出的主题就是我想要这一个是不同的。所以在这个今天的帖子我收集了40个创意单页面网站设计欣赏,为你找设计的灵感。

    2017-06-03
  • Mockplus实例之一看就会de五个交互功能

    实例来源:豆瓣新加日记(https://www.douban.com/note/create)先看看豆瓣新加日记的网页:再看看已经制作好的原型预览页面:在原型制作中有五个有特色的交互功能:1 题目和正文切换时,边框颜色变深这里需要交互…

    2016-07-27
  • 新零售下的智能终端设备全链路用户体验设计分析

    作者:阿里UED/丹妮2017年被称作是新零售的元年,阿里巴巴集团CEO张勇提出的“新零售”概念,提出通过大数据、互联网重新构造“人、货、场”场景,数字化技术已被逐渐应用在传统实体零售的每一个环节。在小店业态中,智能终端设备成为收集大数据的唯一通道,被互联网行业视为重中之重,而在纷杂的POS市场中,绝大部分都是沉重的桌面式收银POS机器,这时智能移动POS机作为收银POS机器的补充设备应运而生,智能移动POS机以移动便捷、功能齐全等优势...

    2018-01-31
  • 交互设计的知识体系架构 做好产品与人的“翻译官”

    面临毕业季想从事交互设计这个行业,但毫无头绪?交互设计是什么鬼?工作一段时间发现转业交互设计,一直找不到学习的途径。接到一个需求,兴奋地开始画图,提交后产品和开发向你提出一大堆问题,你不停自否定的改图陷入死循环。互联网交互行业越来越受到追捧,看似入门的门槛很低,会画线框图就可以了。事实上交互设计师大部分是输出抽象方面的东西,对象是行为。一位知名人士曾将人与系统交互的过程分为五个要素:用户、行为、目标、场景、媒介,这些你曾了解过吗?这次M...

    2018-02-09
  • APP动效设计欣赏

    目前为止,app动效也越来越重要了,很多移动app设计师已经开始尝试去制作自己的app动效设计。因为好的app动效设计可以让自己的app产品顿时高大上。 开门见山吧,我们回顾下APP中的动效可以划分为两类: 一类是转场…

    2015-12-23