一道交互设计笔试题的思考

又到了一年两度的招聘季时节,这个时间肯定有一大堆人都在海投面试。恰好最近又做了一份笔试题,顺便就来聊一聊交互设计笔试题要怎么做吧。

我碰到过的交互设计笔试题有两种,一种就是两三个小时内给你三四道题,然后你做完立马交卷。这种笔试题一般会有一道设计题,其他都是论述题。这里的设计题你大概写一下思路,然后把原型图加上说明扔上去就可以了。论述题的话可以参考这份交互设计面试题汇总,如果这里涵盖不到的,可以搜索一下该公司去年或者前年的题目,剩下的就只能交给运气了。另一种形式是给你一道题目,然后给你一周时间出一套方案出来。不用担心,这些题目一般都不会太难,他们不能让你一周出一个app的整套方案,一般是一个功能模块或者一个运营活动,我这里主要讲的是第二种。

既然是设计笔试题,那么最终的方案肯定是最重要的,最终的方案涉及到的是个人的基本功问题,这里爱莫能助。但是,如果只是把一堆原型图扔上去,却又犯了一个大忌,毕竟交互设计师不仅仅是一个线框仔,更重要的是“设计前的逻辑推导”,方案的好坏可能无法一眼看出来,但是可以通过交互设计师的思路去验证方案的准确性。除此之外,还可以通过流程的完整性去保证方案的可行性。

设计前的逻辑推导,主要有这几个方面:用户需求目标用户使用场景。笔试题的题干可以看作是产品经理提交给你的需求,分析完这些需求之后需要分析目标用户,之后推导用户的典型使用场景,最后才是给出设计方案。

而流程的完整性方面,可以参考交互设计流程图,这是一个相对完整的设计流程,在做设计题的时候,你可以看看你能涵盖多少流程。我只能说,流程越完整,整个方案的说服力就越强,不过可能没那么多时间精力去做而已。

下面就通过我之前做的一个笔试题来详细讲讲。笔试题的题干如下图:

1460514880-8686-804591-b50ad16c2169af2a

笔试题题干

这是一个典型的运营活动的设计,运营活动有典型的三个目的:拉新、促活和增留存。这个题目设计到的主要有后两个方面。

拿到题目之后,你就把他当成一个需求。这个时候你会怎么做呢?如果是在公司,一般是还会追问目标用户等信息,然后再去分析需求。当然笔试中就直接进入分析环节。

1460514885-8552-804591-8e0f2628313886bf

分析需求

一般我都是采用关键字提取的分析方法,然后会提取出一些设计点。不过在这次笔试题中,我觉得有一些地方有些奇怪,我把这些点罗列出来做进一步的讨论。

1460514884-3885-804591-844e3a1d5a1250c1

关键点分析

罗列完设计点之后,我发现有一些设定会干扰到我的设计,但是又没有产品经理来商量,所以在这里我倒推了一下产品需求(正常情况下其实是没有这一步的)。

1460514885-4720-804591-4e8acc67ac5fbfa0

还原需求

然后根据我的这个需求重新去验证我之前的设计点,然后才进入正式的设计工作。

1460514884-2205-804591-f26d9db76f683f43

从需求看争议点

分析完需求之后的正式工作有目标用户分析和用户需求分析。

1460514886-9471-804591-747867555feb1f9b

目标用户分析

分析完之后可以开始画任务流程图,这里的流程图只是为了捋一捋思路而已,跟之后的页面流程图还是有一定区别的。

1460514893-9619-804591-7a59840de42205fc

用户任务流程

有了任务流程之后,就可以开始设计工作了。然后我在这次笔试题中为了确保流程的完整性,我选用了一个可用性测试。作为最后的方案展示,我就先把可用性测试给展示出来,然后再陈述方案。

1460514894-8252-804591-d7c8bb90cb7ec719

可用性测试1
1460514894-4244-804591-d8b643fa5d563050

可用性测试2

正式的方案陈述我一般就是两个部分,页面流程图和页面详解。具体见下面:

1460514893-2957-804591-414cbbafd7e862ef

页面流程图
1460514899-9857-804591-b1e4cb46afd5b491

1460514894-5378-804591-bdc279ab037f911a

1460514906-6314-804591-8fe28a97db337472

1460514906-6317-804591-eeced9a43a3bc01d

1460514906-1553-804591-20bdd1deb2e9ef3e

1460514906-2651-804591-44a713c47c38aed2

至此,整个笔试题的方案展示到这里就结束了。有什么问题欢迎留言和我探讨~

文/妖叶秋(简书作者)
原文链接:http://www.jianshu.com/p/c78e210b9ae3 转载请经原作者同意

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/14169/

(0)
CatherineCatherine
上一篇 2016-04-13 01:02
下一篇 2016-04-13 11:02

相关推荐

  • 如何制作高段位的交互输出物?

    如何制作具有全局把控和细节专注的高段位交互输出物是交互设计师一直需要淬炼的能力。今天阿里的同学把多年的经验写出来,内容超多,全是干货,来收。 交互设计师在项目体验设计过程中常常担任着承上启下的至关重要…

    2015-10-14
  • 成都UI-UE交互设计免费试听课了解一下!

    周一见!周一见!周一见!没错下周一!成都UI-UE交互设计免费试听课开课啦!与其宅在家里浪费时间不如来体验一下UI设计前五天免费试学4月16日--4月20号机会有限,先到先到得哦!UI-UE交互设计是什么?UI-UE交互设计就是指对产品的人机交互、操作逻辑、界面美观的整体设计!为什么要学习UI-UE?人才需求旺盛,成IT行业职位新宠人才缺口大,行业势头发展迅猛虽然UI这么好,但是不仅对人才的需求大,要求也越来越高,所以,培训,是提高水平...

    2018-04-17
  • 用户体验地图

    利用用户体验地图实现产品的情感化设计;先来看一张图:我们可以将用户体验地图分为三个区域,其中:# ZONE A 提供了对地图的界定;# ZONE B 是视觉化的用户体验过程;# ZONE C 描述了用户的痛点;我们通过拆分各个区来实现一个用户体验地图的构建;A区:1 : 表示一个角色,即体验的用户是谁,或者说你的产品的目标客户群体是什么样类型的人;2 :表示待调研的场景,即在用户什么情景下会使用你的产品;B区:3 :可分段的体验过程,即...

    2018-03-28
  • 语音交互中的“等待体验”研究

    文 | 叨叨来自雷锋网(leiphone-sz)的报道雷锋网按:本文来自百度人工智能交互设计院,通过实验的方式,研究了语音交互中用户对于智能音箱的“等待体验”。雷锋网编辑在不改变原意的基础上做了精编。回顾人机交互发展史,人类先后经历了基于命令行的CLI 时代,基于鼠标键盘的GUI时代,基于触摸的初级NUI时代。后面每一个阶段比前一个阶段更自然,学习成本更低,综合效率更高。进入AI时代,人工智能给机器带来三种能力:感知能力、认知能力、自然...

    2018-01-30
  • U+敏捷研发体系

    “研发是一项创造性的工作,卓有成效的研发需要优秀的研发团队来完成,优越的研发流程始终能够发现最佳的机遇,推出有竞争力的产品和服务,并以最快的速度把这些研发成果投入市场。”△ △ △ U+敏捷研发体系流程 △ △ △需求分析1研发体系中的第一个环节,这一阶段要求需求分析人员针对待开发软件提供完整、清晰、具体的要求,确定软件必须实现哪些任务。其中包含的敏捷建模,要求需求分析人员对现实问题的抽象想法构画出草图,以规避需求的不合理等问题。原型设...

    2018-03-30
  • 从了解用户的注意力开始,创造更优秀的用户体验

    作者:Norbi Gaal译者:优设网-陈子木链接:https://www.uisdc.com/introduction-to-human-attention这是一篇源自心理学家和 UX设计师的关于人类注意力研究的文章。在产品团队中,用户体验设计师的工作是输出高可用性、易用性的可交互数字产品。当我们在设计这些产品的时候,我们花费了大量的时间来探索不同的研究方法,了解不同用户的行为、习惯和需求。对于绝大多数的用户而言,在行为模式和心理结构...

    2018-04-07
  • 用AB测试改进用户体验设计,做出正确决策

    本文转译自TubikStudio,全文有删减。设计师们每天都在面对一些难以抉择的情况。面对这样的问题,有经验的团队会对两者进行测试,来确定哪种方案最好,其中一种流行的方法是AB测试。AB测试将用户分成两组,每组都显示不同的版本,一半看到A版本,另一半看到B版本。AB两个选项的差异根据产品经理来决定,可以是颜色差异,也可以是位置差异等。两个版本的有效性可以用浏览量、点击次数或其他数据来衡量。对于设计师来说,这是分析目标受众群体行为模式和特...

    2018-02-24
  • 图形界面的末路?聊聊未来可能会流行的「对话式交互」

    人类花费数十年才将计算机交互从以命令行为代表的文字界面(TUI)发展到以用户界面为核心的图形界面(GUI),然而这显然不是终点。图形界面之后会出现什么?我们已经隐隐可以窥探到其身影。一起来看看未来流行的交互方式是什么。

    2017-05-20
  • 认知设计论:关于认知最全面的一篇

    所谓的成长就是认知升级。——傅盛

    2017-05-03
  • 交互设计基本原则(第二部分:默认和可见性)【UXRen译#157】

    作者:Bruce Tognazzini  |  翻译:邱金,校审:Chen Jing   一、默认Defaults 1.1 原则:输入框的默认值应该很容易“吹走” 当用户激活一个输入框,当前条目应该自动被选择,以便按退格/删除键或开始键入来清空条目…

    交互专题 2017-08-07