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

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

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

相关推荐

  • iOS和Android规范解析——标签导航和分段控件

    从今天开始,将介绍iOS和Android设计规范中关于导航的部分。今天要介绍的两个控件,经常容易混淆以至于用错。请各位读者仔细阅读,防止以后用错。

    2017-08-04
  • 搞定长滚动网页设计的四个技巧

    长滚动页面和无限滚动式的网页已经彻底流行开来了,甚至可以说它已经脱离趋势,成为了一种常规的设计,它们的流行并不是巧合。当用户向下滚动的时候页面的时候,所需要的内容与信息会自然的呈现出来,在此过程中通常不会涉及到额外的、多余的交互。

    2017-05-09
  • 学交互设计我看过的那些书

    亭决-Thu 2015.03.06 摩客www.mockplus.cn⤴ 【导读】这个书单是跟交互相关的人员必看书目,其中有一半左右我都已经看过了,觉得受益匪浅,另外几本今年也要找时间看一下。 学了三年交互设计,想写写我看的书,和回…

    2015-03-17
  • 网页设计中,如何突破栅格的限制又保持协调?

    想要打破栅格又保持网页的协调,是有技巧的,并非任何“破格”的设计都是好的。

    2017-05-09
  • 【STARCAST】用Sketch表现不了的"孝敏"清纯日常画报

    ——还没关注?点击上方蓝字——大家好。STARCAST的家族们!!!!!!我们孝敏终于携Sketch回归了,这是她的第4次STARCAST!如果觉得我们孝敏已经展示了她的全部,那你就错了!她还有很多都没有展示给大家哦!今天就为大家送上,脸也没法用Sketch来表现,身材也没法用Sketch来表现的孝敏隐藏的一面,就像日常生活一样的画报,就像画报一样的日常生活照!这个秘密只告诉STARCAST 家族的大家哦,不是秘密>.大家已经开始紧张了...

    2018-03-02
  • 荔枝FM交互飞机稿

    已经使用了近两年的荔枝FM,身为一个产品经理,一直对荔枝FM的使用逻辑和交互体验感到费解,所以今天就小试牛刀!

    2017-06-03
  • 交互设计与服务设计视角下,谁才是用户,什么又是产品?

    服务设计,是2017-2018比较火热的一个专业了,相比于交互设计或工业设计,服务设计更关注与利益相关者之间的关系。今年的Aalto New Media 专业的申请中,有明确要求需要根据两篇文章的读后感写一篇Essay(1),其中一篇是“How to Fix Facebook—Before It Fixes Us(2)”,深入阅读之后,有一个明确的观点想和大家分享一下。之前从交互式设计角度或者用户研究角度对于 Facebook 的分析文...

    2018-05-02
  • 用户体验:从幽灵按钮到空心元素,它们一直在流行

    幽灵按钮和类似的空心元素,在诸多的设计趋势当中,还是显得颇为单薄的。它们的转化率看起来不够突出,和其他的固定形体相比,吸引力也一般,它们的视觉效果主要取决于周围的对比度和环境本身,一句话,缺点很多。即便如此,它们并没有很快消失,相反依然活跃在设计的一线。它们能够如此,很大程度上是因为我们对于这些元素已经习以为常了。它们最初出现在 UI 界面上的时候,用户所感到的迷惑和混乱,已经逐步消失,我们都知道,它是一个按钮。现在的幽灵按钮和类似的元...

    2018-05-04
  • 回归设计,iPhone 6是一个好产品吗?

    很有意思的是,几乎每一代新 iPhone 出来后网上总会骂声一片,许多人抱怨它的样子难看、没什么改变……这次发布的大屏 iPhone 6 也不例外,普遍大家抨击的焦点都在后置凸出的摄像头以及后壳两条突出的天线设计上。 有…

    2014-10-28
  • 同一个人的微博,首页连续出现48条是怎样的体验?

    如果你是微博的轻度用户,可能偶尔觉得刷出来的内容有些不对劲;而如果你是微博的重度用户,那你很可能觉得微博的 timeline 有时候刷的很不爽。

    2017-05-14