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

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

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

相关推荐

  • 圈圈的Visio星球大战-交互设计那些事儿 阿西UED 交互设计实用指南方法与提升秘诀解读 交互设计工作思路与设计技巧书籍

    交互设计那些事儿 阿西UED 交互设计实用指南方法与提升秘诀解读 交互设计工作思路与设计技巧书籍

    2016-06-18
  • 新人入门|7个移动 UX 设计要点,提高易用性

    本文介绍的7个移动 UX 设计要点,诸如内容优先、导航设计、快速响应等都是基础而经典的设计知识,适合新手入门学习和查漏补缺。

    2017-05-10
  • 如何在页面上减少用户操作

    作者:柒0   最近有同事在公司反馈:“有用户说xx流程、xx流程太繁琐了。”产品经理反驳:“怎么可能,我已经对标过业内很多体验很好的app,流程上的步骤我敢保证我们绝对不比别人多。” 作为“好事”的交互,我决定走查…

    交互专题 2017-08-07
  • 别闹,你以为学个Axure就算懂交互设计了?

    前些日子在一个产品、交互设计交流群里,有几个初学交互不久的人讨论如何学习交互,不出意外地他们的讨论方向拐到了Axure、墨刀等交互原型制作工具的使用上。从他们的言谈中看得出,他们觉得交互就是做界面原型,做…

    2015-09-11
  • 设计案例|在做方案时,“更明显点”这句话怎么破

    在做方案的时候,时常会听到这样的话,“这个地方应该更明显一点”。今天,阁主将拿出自己设计的一个徽章注释来进行说明。

    2017-04-29
  • 至纯至简|手机百度8.0设计总结

    8.0是手机百度发展过程中一个重要里程碑,它不仅延续了产品建立以来的要点,打破历史包袱,与时俱进地从体验和产品角度进行了创新,通过全新的整体交互框架与视觉风格,将搜索、语音搜索、FEED流信息获取、多垂类服务等进行了再设计。

    2017-05-12
  • 还原产品的基础属性问题——用户体验

    您真正的了解用户吗?找项目的时候是不是会遇到各种各样的坑?你“以为”和“现实”中究竟有什么区别?我们会不会就是所谓的自嗨型创业者?如何解决以及避免?今天我们即将揭晓!三人行茶学空间打造和谐空间,共享茶文化平台,精准交友,合作共赢。本周日特别邀请我们的会员嘉宾进行主题分享,一起共同成长!本周分享嘉宾:刘岱伦岱伦总2008年创办第一家o2o项目——洗车。到家!2013 年曾创下淘宝细分类目自然搜索排名第一!2015年自主研发无线充电车载净化...

    2018-04-19
  • 柴静是个好的产品经理

    这几天,柴静刷屏,有捧有踩。但是从创业者的角度,谨以此文向由文艺青年找准路线之后成功转型的优秀代表柴静,她不仅是一位优秀的新闻工作者,还是一位极好的产品经理。 她做了一个很好的示范,互联网的时代如何打…

    2015-03-05
  • sketch 44.1+汉化插件下载

    如果你喜欢UI设计如果你喜欢高效设计如果你喜欢简洁的设计最重要的,你得有个Macbook pro !Macbook pro!Macbook pro  !不要提什么macbook air,因为你是设计师,设计师,设计师。官网地址http://www.sketchcn.com/,可免费下载体验30天。  很值得购买的软件,只需要$99为什么选择 SketchSketch 是为图标设计和界面设计而生的。它是一个有着出色 UI 的一站式应用,所...

    2018-04-22
  • Sketch迎来重大更新,叫板PS爸爸?

    11月8日晚,Sketch 悄悄的更新至 Sketch 41。至此3X系列已经离我们而去,4X系列正式到来!在此次更新中,还是有不少惊喜的。今天一一做个盘点。全新 LogoSketch 拟物化黄色钻石 Logo 已经成为历史。新Logo 顺应了设计潮流,简化色彩并弱化光影关系。不过有一点令我很在意,就是新Logo的倒角处理(面与面之间的接缝)。之前的Logo倒角很锋利,有种割破手的感觉,典型的 2D 图形拼接效果;新Logo倒角光滑,做...

    2018-04-26