交互设计 | 2个概念,梳理成熟的交互设计作品思路

交互设计 | 2个概念,梳理成熟的交互设计作品思路

直接上干货,给大家介绍作品设计中至关重要的两个概念——storytelling 和 process

这两词不是我拍脑袋想的,是我和很多hr(包括一些美国的agency,知名大公司如amazon)聊天的时候直接问的。

不仅如此,我的院长,一个在微软做交互十余年的researcher也说了同样的话。

交互设计 | 2个概念,梳理成熟的交互设计作品思路

1. storytelling:考验你如何包装作品的能力

让一个陌生人甚至是外行,五分钟内理解了你这个项目做了什么,发现了亮点,同时又很信服,这难道还不够牛逼!?

交互设计师本来就是研究如何提升输入输出这个过程体验的。能够用作品和面试官有效的对话,也侧面反映了这个交互设计师的能力。 

2. process:展示分析、思考、解决问题的能力

如果说storytelling考验你如何包装作品的能力,那么process就是实力了。process不是流水账,不是你第一步做了访谈,第二部画了线框图,第三步做个UI,这样的process一点意义也没有。


process是记录你设计过程中,每一次迭代,推进,修改,背后的原因,结果和分析。也就是展示你分析思考解决问题的能力。面试官看到了这种能力,也就确认了你可以利用这种能力解决未来工作中遇到的设计问题。

送你一句金句,storytelling 和 process 是用来展示你作为交互设计师的能力,而不是作品,作品集不如叫做能力展示集更恰如其分。这金句可是俺摸爬滚打hci界三年才有幸得知,你现在就知道了,可要加倍努力哟!

另外如果是申请美国学校的作品集,我个人认为突出challenge比较重要。欧洲的标准似乎是细节。国内的标准实在是纷繁复杂,有的看你线框图画的多不多,有的看你动画做的炫不炫。

交互设计 | 2个概念,梳理成熟的交互设计作品思路

交互设计 | 2个概念,梳理成熟的交互设计作品思路

举栗子,帮助大家更好地消化上述理论—— storytelling部分

①作者把过程用链接形式贴在页面里:

虽然这样让读者增加了点击动作,但是你点开链接就发现,过程真是太多了!要是全部展开在本页,就会有过于冗长,滚轮滚半天滚不到头的不爽感。我认为对于过程较多的作品,这个手法值得借鉴,也让读者一目了然你是通过怎样的过程达到了最终结果的。

②没有过多的设计元素干扰:

读者可以专心阅读内容。

白色页面,#363636灰字,没有用死黑,死黑看久眼会瞎。只用了加粗不加粗,字大字小这几种属性搭配使用,构成视觉层级。图片全部同样大小,3Diphone镇图。


有些童鞋会觉得这样很无聊,简直根本没有视觉嘛。可是让视觉元素减少的最大好处就是能让读者专注在里面的UX部分。大家注意看图,虽然只是3d iphone加上中规中矩的界面,作者却把Iphone凹出了各种角度,形成了视觉深度,所以看起来也不会太无聊。

③模块化的内容展示:

Journal甚至做了菜单,分成UX/UI, 视觉,技术三类。 方便读者从各个角度了解设计过程。 


交互设计 | 2个概念,梳理成熟的交互设计作品思路

不仅如此, 一般学UX的视觉做的都不咋样,这句话绝对不是无中生有,人的精力都有限,搞了ux就没空搞视觉,没空搞代码。所以普遍来说,做UX的视觉没有学平面的好,代码没有学CS的好。所以俺觉得,与其摆一大堆五彩缤纷的丑图, 不如这样素净的让人看着不闹心。有句话说的好,明明腿就没人长,干嘛非穿阔腿裤,咱露小蛮腰不好么!


交互设计 | 2个概念,梳理成熟的交互设计作品思路

然后,点开2rd usability testing链接,就进入了journal, 仔细看,favicon变色了有木有,小细节小细节。

Journal甚至做了菜单,分成UX/UI, 视觉,技术三类。 方便读者从各个角度了解设计过程。

交互设计 | 2个概念,梳理成熟的交互设计作品思路

——process部分

然后我们来谈谈PROCESS这个关键词是如何做到的。

仔细阅读作者的文字,作者首先提到这个usability test目的是测试用户是否能理解界面完成任务。然后标题出现了:“what's changed” , 作者说根据结果,他去掉了某些按钮,然后用户觉得好。

大家不要太在意这个过程是不是肤浅,至少作者做到了:


收集用户反馈(每一次迭代的原因)

根据反馈进行重新设计(每一次迭代的结果)

对新设计再次收集用户反馈(每一次迭代的分析和下一次迭代的原因)

我觉得"what's changed"这个标题不错,简单直白,也能勾起读者的兴致,如果是中文应该叫“转折点”?


交互设计 | 2个概念,梳理成熟的交互设计作品思路

交互设计 | 2个概念,梳理成熟的交互设计作品思路

交互设计 | 2个概念,梳理成熟的交互设计作品思路当然啦,不是说这种过程(或者迭代手法)一定最好最棒最合理。也不是说作者讲故事的方式一定最真最炫最动人。对于process来说,UX设计考虑的因素很多,user test只能说是最基础的。我觉得如果作者能从user test总结出更insightful(有深刻见解的,富有洞察力的)的看法也许会更好。

 比如说界面让人困惑的根本原因是什么,哪些设计错误是只针对这个课题,哪些错误是广泛的错误,等等。

对于storytelling来说,这更像是在探讨你想给面试官什么样的体验

甚至你要考虑是什么样的面试场合,如果是你和面试官面对面展示作品集,是不是使用平板会比电脑更方便?如果使用平板,你是希望面试官操作还是你自己操作?不同的使用场景也会影响你如何讲述你的故事,如何设计你的作品集构架。


交互设计相关文章:

从统计学和供需角度告诉你,交互设计专业为何如此吸金!

设计类专业可以转交互设计吗?| FAQ权威干货系列

你最想知道的北美交互设计前沿干货来啦!!!

【大咖说】交互设计 | 也许这些才是你作品集最需要的

*文章转自知乎稍作改动,原作者知乎账号:noTcenTer,转载需联系原作者。交互设计 | 2个概念,梳理成熟的交互设计作品思路

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

(0)
TinadminTinadmin
上一篇 2017-08-01 04:10
下一篇 2017-08-01 04:46

相关推荐

  • ✪ 新书 |《交互设计那些事儿》——关于交互设计,你需要知道都在这里!

    一部窥探交互设计师成长之路的实用指南!传授高效、靠谱的交互设计学习方法!IAMUE网站创始人倾力之作!

    2016-06-06
  • 交互设计控件之按钮设计

    ♝点击上方“交互设计学堂”关注我们,送电子书一.主按钮和次按钮很多按钮是成对出现的,比如“确定”和“取消”。一般情况下,按钮会有主次之分,一个按钮是我们期望用户去做的,另一个按钮是在特殊情况下才去做的。主次按…

    2017-08-04
  • 互联网理财平台交互设计再设计

    一、项目背景互联网理财平台,支付渠道升级,由原来的新浪托管换成富友、宝付支付。这就意味着平台需要对账户资产页面及交易流程进行重新设计。用户在购买理财产品时,只能通过平台的账户余额进行购买。如果账户余…

    2017-08-01
  • 后台交互设计中,控件使用场景与规范总结(附案例)

    数十万互联网从业者的共同关注!作者:panda,交互设计师微信号:D1173740249编辑:Dva背景之前有写过一篇关于新手入门交互设计师的文章《新手入门做交互设计的那些事儿》,最近刚完成公司平台 2.0 的改版设计,平…

    2017-08-01
  • 认知心理学与交互设计(1)--识别容易,回忆很难

    ♝点击上方“交互设计学堂”关注我们,送电子书这是一个新的系列,主要内容来自《认知与设计--理解UI设计准则》,经过重新整理并加入一些自己的思考。识别和回忆是记忆的两个重要功能,识别是指根据记忆对某个物体做出…

    2017-08-01
  • 如何避免交互设计中的「刻板印象 」

    之所以有“刻板印象”,是因为有categorical thinking(类别型思维),它往往使我们产生对事物的固有看法和理解,是在看到某些特定人、事、物时第一时间想到的,这些就形成了“刻板印象”。那到底该如何避免它的消极作…

    2017-08-01
  • 交互密度与最小交互区域

    体验优秀的App之所以优秀,往往是因为他们能让用户快速访问到各项功能。这里就涉及到多点触摸的交互密度,一个较大的触摸区域,在常规操作下十分好用。 或许对于一些用户来说,触控区域的大区块,视觉上可能有点难…

    2016-06-08
  • 交互设计之用户建模

        上次已经论述了交互设计的目标研究,这次呢来说一下建模,建模包括用户建模和使用场景建模。因为使用场景建模常常和需求设计结合在一起,所以放到下次说。    目标建模包括理解…

  • 初步谈谈iOS11的交互设计

    这是一篇很赶的文章。源于我看到iOS11的介绍后的一些想法,希望能在此跟大家聊聊。从iOS11的更新中我们可以看到苹果的两个方向:1、提升iOS的生产力;2、应用之间更加的无缝衔接和单应用的无声扩张。我们来看第一个…

    2017-08-01
  • 交互设计是什么?

    昨天认识一个新朋友,叫小木,在一家酒店做管理。小木问我做什么,每次这个时候我都会犯难。交互设计师,边回答边看着小木迷惑的脸,我知道又要解释一番了。这是历来对朋友解释过的交互设计是什么的情形:①交互设计…

    2017-07-31