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

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

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

相关推荐

  • APP游戏分发模块一级交互设计

    看看阿西如何做原型设计,阿西手把手教大家设计原型。

    交互设计 2014-09-11
  • APP细节打磨绝招 “微交互动画”

    著名魔术师 Dariel Fitzkee 曾经说过:“魔术是表演和细节的艺术。”而交互设计同样是如此。设计师大多能够很好的控制设计的大方向,但是细节处理不当的话,会让优秀的设计方案功亏一篑,要不怎么说“细节当中藏有魔鬼”呢?也正是因此,那些精心设计的微交互会让用户体验显得精巧而到位。

    2016-09-08
  • 『小米只卖产品 不卖节操』雷布斯站在巨人的肩膀上做了什么?

    文章来自设计癖 2014 年 12 月 9 日,小米又一次涉嫌抄袭。这一次的对象,是日本巴慕达公司的 AirEngine 安之风空气净化器。同样的专利许可授权纠纷,同样深表遗憾的回应。巴慕达与曾经的魅族、年初的 Pressy 以及…

    2014-12-27
  • 产品原型和交互设计的区别

     产品经理根据需求来规划产品原型,但是产品原型往往比较粗糙,可能只包含了核心功能描述或者模块划分。我们之前问过很多朋友产品经理的原型和交互设计师的原型相比有何异同,得到的结果简单来说,前者更加笼统且…

    2015-02-03
  • 交互设计 | 张艺谋这样玩儿

    3 月 4 日,张艺谋导演的观念演出《对话·寓言 2047》在上海大剧院正式演出。在连演两场之后,他们将移师广州和杭州,共同组成《对话·寓言 2047》第二季的演出。尽管被称为第二季,但此次演出的内容与去年 6 月在国家大剧院上演的第一季大体相似。开场仍旧是 71 岁的蒙古族老人其布日一边编织着麻绳,一边唱着悠扬的蒙古长调。背景中,美国先锋艺术家 Daniel Wurtzel 利用空气动力学原理,让一块云纱在舞台上翩翩飞舞。在这个段落之...

    2018-03-06
  • 交互设计师面试问题:“了解 UE 吗?能否详谈一下?”应该这样回答...

    很多面试UE设计、面试交互设计师、面试产品经理(PM)、面试UI设计师的朋友经常被问到这个问题 面试官为你这个问题实际上想从你那里得到你对UE 基础概念,以及你是否具备用户体验设计的思维。 如果你被问到这…

    交互设计 2015-05-29
  • 体验不仅是界面——百度UE大讲堂笔记整理

    一、从注册页面看移动端交互设计 不知道你有没有过这样的经历,碰到一个好奇的软件,或者为了下载某个资源需要注册,当看到繁琐的注册页面时,或者是一看到页面就觉得令人心累的注册过程,你就立马放弃了使用这款软…

    2016-03-02
  • HTML5规范尘埃落定,5个开发工具推荐

    摘要:关于HTML5开发工具,专制动画的HTML5 Maker、构建原生应用的SproutCore和着眼可维护性和性能设计的MontageJS等。 HTML5规范终于在今年正式定稿,对于从事多年HTML5开发的人员来说绝对是一个重大新闻。数字天…

    2014-11-20
  • 用户体验地图(User Experience Map)制作过程中的一些误区

    作为一种新的产品设计以及用户体验设计工具,User Experience Map(用户体验地图)已经被越来越多的产品经理以及设计师们所接受;确实,在产品策略、功能设计、用户服务等一系列产品发展过程中,用户体验地图的建立可以直观的呈现用户在每一个目标任务下的行为、情感、思考过程,有效的为产品工作者提供各方面的信息。然而作为一种新的工具,铺天盖地的方法论将产品工作者淹没在前进的路上。大家都热衷于建立一个这样庞大而系统的“图片”,都不约而同的将注意力放在如何产出这个Map上,甚至是依葫芦画瓢根据国外的产出物反推这个东西是怎么制作出来的。基于这种现状大多产出的Map都会“徒劳无功”,着急产出的同时你已经忽略了很多原则性的东西。下面我们就从以下几个方面来聊一聊这个过程中容易进入的误区;

    2017-05-26
  • 大屏时代,如何做好电视端交互设计?

    在过去一年多的时间里,笔者有幸参与了电视端大屏幕的项目,在不断的尝试、探索和设计中,也收获了一些关于电视端的设计经验,因此将这些“电视交互设计的一些事”分享出来,共同探讨电视端的设计。-硬件+远距离操控——基本交互-基于桌面资料研究以及设计经验,总结了基本交互主要包含以下几个关键内容:遥控器输入、导航和菜单、信息展现、控件摆放和焦点状态。一 、遥控器输入当我们用手指快速便捷地在手机屏幕上点击或滑动时,主流电视大屏及应用的操作还是:使用遥...

    2018-04-01