为什么你的交互方案过不了?大厂高手教你这 4 个方法。

本周特邀前百度资深交互设计师薏薏来讲讲自己从交互小白一路升级打怪的过程,薏薏从纯理科转行设计,从 C 端近年转行 B 端,求职、工作中踩过不少坑,今天将分享其中的一部分心得体会。

你是否和我有过同样的经历:当我们费尽心思、信心满满地做好了一个完成度很高的交互方案,可能被别人的几句话就否定了。

场景 1

和 leader 确认交互方案时,刚讲两句就被 leader 全盘否定,导致自己带着 leader 没看一眼的稿子默默回到工位、从头再来。

为什么你的交互方案过不了?大厂高手教你这 4 个方法!

场景 2

和 pm 确认交互方案时,pm 一遍一遍提出疑问、还说了 A、B、C、D、E 各种想法,导致自己的方案反复修改、无法按时交付。

为什么你的交互方案过不了?大厂高手教你这 4 个方法!

场景 3

向 boss 推自己的设计自驱方案时,无法得到 boss 的认同,导致最终无法争取到开发资源、自驱项目最终流产。

为什么你的交互方案过不了?大厂高手教你这 4 个方法!

场景 4

大厂面试官对作品集中的某个项目不断发问,而自己却难以给出令他满意的回答,导致面试最终失败、无缘 offer。

对新人设计师来说,方案被反复否定不仅费时费力,还让人怀疑自己的能力、动摇自己初入交互大门的自信。那今天我将和大家一起分析什么样的交互方案是经不起推敲的方案,如何呈现展示,才能让我们的方案(至少看起来)严丝合缝,经得起别人的反复垂问和推敲?

呈现形式重要,但推导过程更重要

日常的琐碎工作和求职准备会让很多人忘记交互设计的本质。

从视觉设计师的视角来说,交互设计是对用户行为的设计,这和用户直观可感受到的视觉设计有很大的不同。

从产品的视角来说,交互设计更偏向对行为细节和用户心理的打磨,和宏观、粗糙地设计整体产品框架有很大的不同。

交互设计师应该输出的是整个设计推导过程:用户在操作流程中的行为习惯、预期心理、使用场景、使用痛点的等等,而不仅仅是最终看似完美的视觉呈现形式、或者看似有条理,但是缺乏细节打磨的功能介绍。

这一点,常被初入行/非交互专业出身/小厂背景的设计师忽略。比较常见的两种类型如下:

为什么你的交互方案过不了?大厂高手教你这 4 个方法!

第一种是视觉出身、希望转行交互设计的设计师。他们往往在方案中强调组件使用得当、文案引导清晰、甚至是使用了新颖的微动效等等,这些确实确实是好方案所需要的设计亮点;但如果整体方案缺少设计推导过程,凭空自己的主观想法做方案,那么你的方案自然不堪一击。

第二种是因为公司人手不足,承担了偏产品工作的交互设计师,或者是校招生。他们往往在方案中有比较好的背景说明、方案推导,但是方案的呈现过于简化,或者过于强调"设计思维"。最终呈现的形式类似

PRD,缺乏细节推敲。设计中有一个原则叫"美即好用",当一个方案的呈现形式合理时,听众自然会给它更多的耐心,否则为什么你不直接去面试产品经理呢?

用闭环思维严谨地介绍你的设计

那么,如何做出一个经得起推敲的设计方案、一个严谨的设计过程?或者说什么才是交互设计这个岗位需要去重点强调、重点展示的?我认为一共有这几点小技巧:

1. 永远不要一上来就讲设计图

不管你是晋升答辩、日常对接、组内过稿还是面试讲项目,作为一个交互设计师,永远不要把一张设计图摊开来就开始讲细节:这里是什么颜色、那里是什么排版思路…这不重要。

交互永远都应该以「项目目标」作为开场话题:pm 想做的是什么?要取得什么样的结果?甚至集团、公司想要的是什么结果?甚至 pm
所想到的功能方案是不是合理的?这个方案为什么值得我们投入设计资源甚至技术资源?我们要做的是以目标为导向的设计,否则毫无目的设计所带来的产物大多是四不像。

2. 用"用户觉得"代替"我觉得"

挖掘、定位用户痛点是交互设计师两件最重要的工作之一,另外一件则是解决挖掘到的痛点。在你开始讲你的项目之前,花几分钟和你的老板、面试官介绍你的用户群体是怎样的?用户是在什么场景下完成整个流程的?他们有怎样的心理预期和行为习惯?

甚至在这个环节你可以把冷冰冰的、抽象的用户数据串联起来,讲一个好像亲身经历的故事:比如你某次发现你们的用户如何使用产品、他遇到了什么问题,你又是如何解决的?好的用户故事能让人快速感同身受,你也就不需要一遍一遍地向你的老板解释你为什么要做一件事——用户在这个场景下想要,就是这么简单。

3. 介绍你的规划和假设

每个交互设计项目上线前都是一个黑盒。用户可能喜欢它,也可能不喜欢它。设计师之间、设计师和老板之间、设计师和产品经理之间打嘴仗永远无法真正验证一个问题,今天可能你发挥得好吵架吵赢了,明天可能发挥得不好只能回去挥泪改稿。

我认为为了真正说服你的听众接受你的方案,最好在介绍完方案后,直接说明设计方案中有哪些部分是基于推导和假设形成的:如何评估设计目标是否达到、如何进行后续优化迭代,如何制定数据指标?当然这对于一个快速迭代、或缺少数据基础建设、孵化的产品线来说可能是比较难的,但这是所有大厂的工作方法。

4. 靠谱的方案输出

上面讲的所有建议都是针对设计展示时演讲的建议。当然打铁还需自身硬,一个交互稿能够经得起推敲和询问,本质上还要靠完整的方案输出。

交互稿有有很多种形式,比较常见的就是页面交互图,讲页面、操作流程、组控件状态、边界情况描述清楚以供视觉、产品、技术、测试等同学使用。一些复杂需求,建议在方案初稿输出后做可用性测试,这样就不至于在评审、过稿的时候针对方案的复杂程度反复拉扯,可用性测试的证明足以一锤定音。

最后,我总结了交互设计的标准时间分布:

为什么你的交互方案过不了?大厂高手教你这 4 个方法!

结合案例,到底怎么做?

最后我们再回过头看下文章一开头那些场景——想必现在你也知道问题是什么、该如何解决了。

场景 1

和 leader 确认交互方案时,刚讲两句就被 leader 全盘否定,导致自己带着 leader 没看一眼的稿子默默回到工位、从头再来。

问题原因:在一开始需求分析阶段就跑偏了,没有搞清楚目标是什么就开始做方案,导致后面的方案全盘跑偏。

解决方案:不要过快地深入交互细节,而是要让你的 leader 了解清楚需求的本质,对齐认知后再深入,不要被 pm 当时的方案带偏。对方案时,可以使用数据等有利说明的方式讲清楚背景和目标,让上级快速理解需求。

场景 2

和 pm 确认交互方案时,pm 一遍一遍提出疑问、还说了 A、B、C、D、E 各种想法,导致自己的方案反复修改、无法按时交付。

问题原因:这类型的 pm 大多只看最终呈现、缺少对用户行为逻辑的思考,非常容易陷入交互稿细节、拿不定主意。他们需要的是用户体验专业层面的建议,告诉他们应该采用什么是合理的。

解决方案:先把设计研究阶段的结论同步给
pm,告诉他们因为是这样这样的问题,才有了最后的方案。沟通过程中避免一些不确定、显得不专业的词汇,如"我认为 XXX、可能 XX、应该是这样的吧
XX",建议使用"用户在真实场景中是 XXXX、从用户心理层面出发是 XXX、用户习惯于 XXX"。

场景 3

向 boss 推自己的设计自驱方案时,无法得到 boss 的认同,导致最终无法争取到开发资源、自驱项目最终流产。

问题原因:老板没有看到做这件事的迫切性、投产比。

解决方案:和老板推项目时 PPT 非常非常关键。调研过程尽可能可视化出来,特别是数字、结论。方案要完整,最好配合视觉设计师呈现出最的页面效果、用 DEMO 演示。

场景 4

面试官对作品集中的某个项目不断发问,而自己却难以给出令他满意的回答,导致面试最终失败、无缘 offer。

问题原因:大概率是存在两点问题:1. 项目没有达到设计闭环,缺少某一环节,比如设计研究不充分、缺少效果评估;2. 设计研究结论与设计目标、策略没有完美对应,面试官质疑方案是否是以目标为导向、是否可以解决问题

解决方案:检查整个设计过程中是否缺环节,特别是效果评估的数据指标应如何选取、如何分析;检查设计推导过程和最终策略、方案是否对应,逻辑要严谨。

作者:白话说交互

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/234678.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2023年3月2日 11:20
下一篇 2023年3月2日 11:21

相关推荐

  • 微交互精彩的两处

    第一,用动效给予回馈 合理地在页面设计当中正确地将动效与微交互结合设计,它能够极大的提升用户体验。何谓合理的使用?很明显,并非所有的动效都能呈现出良好的效果,只有同时具备良好的功能性,还能够令用户感觉…

    2022年6月25日
    0125
  • 浅谈用户使用情境分析

    对於用户使用情景的分析,其实是很多网页设计师会忽略的一个步骤,多的是以自己的主观角度去设计而已。但其实回过头,你会发现针对核心路径做仔细的梳理和数据分析时,有很多细节以及问题并非你所主观认为的那样。 …

    2022年6月16日
    0438
  • 动效适用於什麽时机和位置

    一般来说需要适用到动效的页面时需要时机的,出现得不妥当的话会直接影响用户体验,尤其是交互体验。因此,首先要即时性。动效式人机交互回馈过程中重要的表现方式,因此必须保证其是快速的,同时还需要明确地表达…

    2022年6月25日
    0113
  • 简述交互的架构与流程

    网站设计前进行的架构又叫资讯架构,是网站设计专案开战前需进行的逻辑骨架构建步骤,也是网站功能的横向梳理。好的资讯架构能够进行合理的功能分类,也比较容易贴近使用者的心智模型,能够很快递让用户快速递有效…

    2022年6月25日
    0112
  • 保持简洁网页设计的25个原则

      保持一致(从细节到整体) 探索隐藏资讯(简约之中隐藏着“小心机”) 让空间的连接变得有趣(微交互) 更加聪明(愉悦的用户体验来源) 更加有效(更加专注於核心) 使用网格(有效布局) 考虑实用性和功能性…

    2022年6月25日
    0106
  • 5000字解析!科幻电影中的「全息影像」是交互设计的未来么。

    编者按:为什么所有的好莱坞科幻电影当中,用户界面看起来都是一样透明、蓝色 UI 乃至于全息投影?这种风尚是如何流行开的?它们对于未来的 UI 设计有影响么?目前全息影像发展到什么程度了?如果你厌倦了近期关于 …

    2023年3月7日 SEO操作
    08
  • 几个交互效果的实现,让你的UI更加人性化。

    功能性动效(functional animation),是指清晰的、有逻辑、有目的的交互动效。使用得当可以有效的降低用户的认知负担,提高对应用的空间位置认知,避免使用中的盲目性。动效可以通过灵活变化(形状、大小、位移、…

    2023年2月14日 SEO操作
    00
  • 微交互如何增强网站设计的用户体验。

    在一个拥有令人眼花缭乱的数字平台和海量内容的网站设计世界里,微互动变得越来越重要。虽然在数字设计的早期,微交互被认为是一个很酷的功能,但在当今竞争激烈的数字空间中,微交互已经成为用户整体体验的一个重…

    2023年2月19日
    00

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息