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

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

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

相关推荐

  • 简单好上手!帮你快速做出高质量交互原型的ProtoPie

    编者按:近年来,交互设计被越来越多的提及,并且还产生出了新的工作岗位「交互设计师」,而且交互设计在产品设计中所占的地位也越来越重要。我也是一直想转交互,了解过Flinto、Principle、Framer、Origami等等,但不是原型保真度不满意,就是学起来太难,或者就是各种代码表达式,很难上手。

    2017-11-09
  • 一个完整的交互设计流程是怎样的?

    看到这个图,其实很清楚了,研发先行不是最好的路线。产品、UI设计师以及后续研发调整的工作量很大。那么,一个完整的交互设计流程是怎样的呢? 首先,我们先来认识一下产品的五个用户体验的要素     用…

    2015-11-19
  • 一个应届的交互设计毕业生应该具备哪些能力?

    作者:马力 @ 可能性与大设计   ( 上图来自Elizabeth Bacon ) 首先说,很多专业的同学都可以做交互设计(还有视觉设计,产品设计等等),既包括设计相关专业,如工业设计、建筑设计、园林设计等,也包括完全和设…

    交互专题 2017-08-07
  • 我总结的一套表单设计指南

    作者:jakd007(UXRen会员)   表单在移动端设计中最常见的界面,每个手机系统及应用对表单都有不同的设计,本文目标是总结出一套表单设计指南,以提高日后工作效率。 表单在移动端设计中最常见的界面,每个手机系…

    交互专题 2017-08-07
  • 从业务视角看交互设计师的价值

    最近和组里的设计师review近期工作进展时,发现了不少问题。想起设计新人一脸无辜和迷茫的表情,我觉得我需要再多做点什么。 对于处在业务部门中的UED团队来说,专业固然重要,但更重要的是如何体现你带给业务的价…

    交互设计 2016-03-24
  • 如何有效的做产品迭代分析

    “ 做过这么多产品迭代分析,却依然找不到合适的方式表达。” 产品迭代分析对于交互设计师可以说是家常便饭了,隔壁的某某有了新功能,某某家的谁又更新了个大版本,都需要时时保持关注。但是,每当小珏吭哧吭哧的收…

    交互设计 2014-11-11
  • 微交互:如何塑造优质的产品细节?

    本文作者将与大家探讨微交互是如何塑造优质的产品细节的,一起来看看吧~“最好的产品通常会做好两件事情:功能和细节。功能能够吸引用户关注这个产品,而细节则能够让关注的用户留下来。”

    2017-05-01
  • 如果想做好产品,你懂人性心理吗?

    来源:市场部 作者:IT精英 众所周知,产品研发的过程除了必备的资源配给外,都离不开人的参与,需要有客户,需求分析人员,开发人员,测试人员等角色参与其中,才能使一个产品研发的过程顺利开展。既然离不开人的…

    2014-09-21
  • 用户界面缓解曲线

    由于采用扁平设计,动画的质量是创造伟大的界面更是必不可少的因素。通过动作设计,可以影响产品的整体体验,并从市场上把它分开。动画可以使复杂的相互作用简单,把好设计成令人难忘的用户体验。但是,我们如何创…

    2015-05-26
  • 【整理】交互设计七大标准

    1交互设计七大标准(1) 菲茨定律(Fitts'Law)2交互设计七大标准(2) 希克法则(Hick’s Law)3交互设计七大标准(3) 神奇数字 7±2 法则4交互设计七大标准(4) The Law Of Proximity 接近法则5交互设计七大标准(5) 复杂性守恒定律6交互设计七大标准(6) 防错原则7交互设计七大标准(7) 奥卡姆剃刀定律(简单有效原理)请关注公众号“UX设计艺术中心”,学习更多转载此文,请署名原作者及来自微...

    2018-03-15