从一次活动设计聊聊交互设计师的3个阶段

我习惯把一次设计中的阶段性方案保存下来,这便于我回忆设计是怎么一点一点被优化的,也便于我整理设计过程中一些具有共性的问题。今年初我们联手中国电信做了一次送听歌流量的活动。把这个需求交由一个新来的小朋友锻炼锻炼,在这过程中产出的阶段性方案具有问题的典型性,不妨把它们看成一个交互设计师 对交互设计 理解的不同阶段。

我习惯把一次设计中的阶段性方案保存下来,这便于我回忆设计是怎么一点一点被优化的,也便于我整理设计过程中一些具有共性的问题。今年初我们联手中国电信做了一次送听歌流量的活动。把这个需求交由一个新来的小朋友锻炼锻炼,在这过程中产出的阶段性方案具有问题的典型性,不妨把它们看成一个交互设计师交互设计理解的不同阶段。

由于活动需求来得急,策划给到交互的就直接是线框图了。左边是策划方案,右边是第一版交互。

从一次活动设计聊聊交互设计师的3个阶段

可以发现,交互只是单纯地把策划内容复制到了交互稿,用标准的交互控件替换了下,排了个版。甚至原本策划里稍稍显露出一点端倪的红包样式也被一个按钮样式给替代了。

这是交互的第一阶段,你就是个排版的

从一次活动设计聊聊交互设计师的3个阶段

这是很多交互新人的状态,会觉得策划文档就是定了的东西,自己要做的就是把这些东西排排好。当然排版也是一门博大精深的学问(真的有很多交互连这项基本技能都不过关的哦),这个以后单独再写一篇。

不会排版,你很难做好交互,但只知道排版,你的工作很快就会遇到瓶颈。

交互的第二阶段,你会给策划文档挑刺儿

从一次活动设计聊聊交互设计师的3个阶段

策划也是人,也会出错。团队中多一类人的存在,就是为了多一点不同的观点碰撞。交互可以说是整个项目组里面唯一一个会仔细看策划文档的人(其他人一般都直接看交互稿),所以这个翻译和纠错的过程尤其重要。

在这个过程中你需要将自己带入情境,不断地自问和追问策划,发现问题、分解问题和解决问题。

我们再来看一遍策划方案。

从一次活动设计聊聊交互设计师的3个阶段

进入这个活动首页的第一感觉——有一大段文字等着我去阅读。

在这个页面上我希望用户做什么?

点击领取红包。(设计目标)

什么会对这个目标造成干扰?

这个页面上的其他东西。(发现问题)

具体是哪些东西?

活动标题、操作步骤、活动规则。(分解问题)

从一次活动设计聊聊交互设计师的3个阶段

这上面的每一类信息都是必要的么?

我觉得是的。

这上面的每一类信息都是你希望用户在点击领取之前要看的?

不是。操作步骤”输入手机号blabla…“,在输入手机号的界面再讲也不迟;活动规则,希望用户知道,但也不是非看不可。

剩下的信息能再精简一点么?

感觉活动标题信息有重复,可以精简;活动规则,相当于免责声明,感觉精简的空间不大。

如果不能再精简,能通过设计让它看上去再简单一点么?

第一屏的留白可以更多一点,活动规则少露出来一点。

从一次活动设计聊聊交互设计师的3个阶段

第二版交互方案,看上去简洁了不少,但只是机械地精简了文案,没有感觉,一些重要的信息也没有突出。

交互的第三阶段,你除了会梳理逻辑和使用流程,你还有Sense

从一次活动设计聊聊交互设计师的3个阶段

可以看到在交互的前两个阶段中,无论是排版还是给策划文档挑刺儿,如果仅仅靠的是逻辑,很容易把一些不该去掉的东西给去掉了。

逻辑正确保证了用户在使用过程中不产生困惑,能顺利完成任务。但是否能给用户留下好的印象,就是一些逻辑之外的东西了。

关注用户体验和情感,能帮助你超脱策划文档本身,直接去思考问题的本质。

什么是一个好的活动设计?

我知道文案应该简洁有力,在去粗存精的过程中,我该如何取舍?

那么就应该考虑,无论是在产品内部还是产品外部看到这个活动,用户是否都能正确理解:中国电信4G(只有电信4G用户才能参加该活动)、网易云音乐(我们产品里才有的活动)、免费送流量(活动的本质)、猴年(节日期间投放的活动,有助于烘托氛围)。

除了做减法,是否还缺了什么?

从众感,稀缺感……等等。

我需要传达给用户怎样的情感?

这个活动所处的时间段,需要营造什么样的氛围,文案、配图有什么讲究,有哪些元素是需要突出的……不要吝啬在交互稿中传达出这些信息。

进一步优化方案:

从一次活动设计聊聊交互设计师的3个阶段

交互设计师的三阶段:有美感、有逻辑、有sense

第一阶段是基本技能。不懂得排版,你连一份看得过去的交互稿都产出不了。

第二阶段是思维能力。始终思考自己作为一个交互在团队中存在的价值是什么。

第三阶段是一种素养。我们常说,逻辑是没啥问题,但就是不够有感觉。而sense就是这样一种介于理性和感性之间的能力。

 

原文来自优设

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

(0)
CatherineCatherine
上一篇 2017-05-22 09:33
下一篇 2017-05-22 11:35

相关推荐

  • 想为 iPhone X 做交互设计?你需要读这篇文章

    点击上方“CSDN”,选择“置顶公众号”关键时刻,第一时间送达!作者丨NIELS译者丨陈冬【编者按】尽管 iPhone X 采用的全面屏设计方案已经是当下技术的最优解,但其“刘海”却依然引起了众多吐槽,在无法达到真正全面屏之下,为何苹果会选择使用非主流的“刘海”设计,而不是主流的“窄额头”?这是一个仍然在讨论的问题。对于众多的 iOS 工程师及设计师而言,为 iPhone X 进行屏幕适配以及交互设计才是重中之重。对此,本文作者 —— ...

    2018-02-01
  • 交互设计师的60日计划之第九天

    今天参与了用户访谈,啊不,是旁听了用户访谈,躲在小黑屋里观察用户的表情动作,听他的描述,挺有趣。 20150805 用户和我们预想的完全不同前两天有讲过准备了访谈前的一些问题和任务提供给用研同学,今天真的见到…

    交互专题 2015-08-20
  • 《交互设计专题二》——华南理工大学设计学院本科教学汇报展 • 第二回

    《交互设计专题二》《交互设计专题二》课程针对智能化产品设计领域,鼓励设计背景的学生学习基本的软硬件技术,发掘产品需求,提出设计概念,开展设计研究,并亲自动手完成功能样机。经过5周的课程,7组共27名学生,完成了7个不同主题的设计和初步的功能样机实现。《交互设计专题二》只是信息与交互设计实验班的初步尝试,在国内也鲜有既有模式可供借鉴,课程内容、教学方式、设计展开过程、样机实现以及最后的课程设计汇报,都有不成熟的地方。因此,诚邀大家前来参观...

    2018-02-21
  • 7种方式玩转信息可视化中的时间线设计

    时间常常被认为是一种主观的体验,然而在可视化的表达中,时间却成为了结构化维度。时间帮助我们构建稳健而直观的框架,使我们更好地建立事件间的联系。 按照时间线的方式阐述信息已经广泛应用于企业传播、营销的各…

    交互设计 2015-08-27
  • 网站设计:不如学用简约风格的原则

    极简风格能帮助用户简化操作,兼容性好,载入页面快等等优点,不过虽然看起来简单,我们需要考虑的东西可一点都不少。这一次,就让我们一边学习简约风格的原则,一边将它应用到实际网站制作中去吧。

    2017-05-06
  • 帮助视觉设计师高效工作的三大招

    互联网视觉设计师如何在职业上精深一直是我在思考的,遇到过许多视觉设计师想转行去做交互或者项目经理,找不到视觉设计师的价值和专深入点。我也在思考与探索中,下文是我现在想到的一些点,也欢迎同道中人一同探讨,互相启发。

    2017-05-05
  • 【UX设计】如何成为一名更加贴心的用户体验设计师?

    我曾见过一个简单却贴心的设计,是个仅170 像素的笑脸。那是非常疲惫的一天,下班后我想要清理一下Email 收件箱,放松一下心情。以前我都是用苹果自带的邮件应用,但这次我打开刚下载的Gmail 应用,筛选了收件箱里…

    交互设计 2015-09-13
  • 微信10个交互设计细节问题的探讨(下)

    文章转自:http://qinsman.com/1701_wechatrd/微信号:西市馒头铺接上篇~~~5. 删除会话时的危险操作警告左滑会话可以调出删除按钮是一个iOS下很常规的交互操作,但微信中删除一个会话意味着所有聊天记录、图片文…

    2017-08-02
  • 优秀的用户体验需要遵守的10种准则

    在网页设计和APP软件中,一个好的排版不仅仅要拥有漂亮的字体。更要有高度的可读性——易于浏览——同时能让用户专注它的内容。这是一个相当艰巨的任务,但是大多数设计师可以通过练习达到这种效果。今天我们将去看看优秀的用户体验需要遵守的10个 “准则”,同时你也可以学习以便帮助你设计出非常棒的设计。(每个规则都配有一个网站的例子)

    2017-05-25
  • 搞定老板第一步!如何准确描述自己的设计?

    @姑娘贩子 (手机淘宝设计师):如何准确描述自己的设计,这个问题困扰了我很久。这篇文章希望通过回溯淘小铺2.1项目的整个设计过程,从另一个角度,尝试解答这个问题。 这篇文章原本的标题是“小铺2.1用户分层引导…

    2015-11-24