交互设计的价值不只是 "线框图"而已

说到交互设计的价值,很多人可能一脸懵逼,交互不就是一个画线框图的嘛,然后再用各种乱七八糟的线连在一起。其实这一直以来是行业内对交互设计的一种“误解”,线框稿只是交互设计师最终产出的一套方案而已,然而其背后更多的是:反复与产品进行需求的质疑与争论、不停探寻商业目标和用户体验之间的平衡方案、整理需求涉及所有需要承载的页面、梳理每个页面之间的逻辑与跳转、不同场景和异常情况下的状态呈现等等……

这些全部思考清楚后才会去设计线框稿,之后还要进行评审,与视觉和开发共同讨论方案的可行性。所以线框稿真的只是你们看到交互设计师工作中的“冰山一角”而已。

下面通过一个工作中的项目来聊聊那些交互设计中最核心的价值

二话不说,先上产品需求原型图:

产品原型

看到没,看产品原型永远都不知道产品想表达什么,算了,还是直接去找产品问清需求。

我:这是什么个需求?

pm:平台会员申请成为创客的申请流程。

我:创客是什么东西?

pm:这是一种身份,类似会员。

我:我为什么要成为创客,对我有什么好处?

pm:创客可以邀请好友在平台购物,然后就有相对应的分红。

我:第一个页面,申请创客的入口为何要放一大堆条款这些东西啊,用户不会看的啊

pm:这里只是想让用户明白创客是干嘛的,而且这是一个免责声明。

我:那你也不能这么粗暴,这样用户看都不想看~

pm:所以这里就交给你来优化了,呵呵~

我:…….

我:申请的条件是什么?

pm:没有条件哦,呵呵~

我:我不相信~

pm:其实也没什么条件啦,就是要填身份证号,上传身份证的正反面照片,再交个100块的费用就好了,呵呵~

我:…….

真是一口鲜血喷出来,这种流程我要是用户我都想掐死产品,虽然这种奇葩的方式是运营定的。好吧,那也只能先弄个大概的流程先:

交互第一稿

这里是将每个步骤都展示出来了,申请的入口也做了相应的优化,虽然逻辑流程已经清晰多了,但是仔细考虑一下这种体验真的对用户好吗?用户好不容易有点兴趣来申请一下,然后看到要输入身份证号还要拍照,估计很多用户已经望而却步了,就算资料都提交了然后又告诉我你要交100块才能继续下一步,估计这个时候用户的内心是崩溃的吧,钱交了资料也交了这下总可以了吧,然后再告诉我还要审核,我已经不知道该说什么。

不行,一定要再跟产品运营讨论一下,把这流程改一改,这种体验对用户来讲几乎是毁灭性的,这个时候交互的价值就体现出来了,在全体都在一意孤行的时候,你也要永远站在用户的角度,为用户说话,交互很多时候是在商业需求和用户体验之间寻找平衡。

在一系列的讨论和撕逼之后,大家都退了一步,做了个折中的方案:

交互优化稿

这里将提交申请资料和拍照的步骤删掉,缩短了申请流程,但是付费和审核流程还是要留着,这个时候交互就只能想办法在此基础上做细节的优化了,想办法从其他方面来吸引用户去做申请的操作,这里的思路是:

1、在申请页面用较为吸引力的标题和副标题(文案很重要)

2、用图标加文字的方式来介绍主要功能点(同样文案很重要)

3、功能介绍区是促使用户进行升级最重要的地方,除了文案和图标视觉风格能否吸引到用户之外,还可以考虑加入一些交互效果与用户互动。

4、将价格提前,并做一些氛围方面的渲染(什么大促销、体验价之类的)

交互优化稿2

这里做了两套方案,交互的价值不是单纯给个方案,而是为团队提供专业的知识见解,这两个方案各有优劣,第一种功能展示清晰直白,但是版面拥挤展示内容太少;第二种界面舒服交互清晰展示内容较多,但是功能点超过3个以上对体验不好。

方案和意见都已经清晰地传达给团队成员,综合考虑最终选择了方案2。

到这个时候交互的工作已经进行了一大半,当主流程已经确定下来之后剩余的就是完善剩余的分流程,这个时候交互另一个重要的价值就是要确保所有的逻辑流程都能顺畅地跑得通。

下面就要去优化交互逻辑,把所有的正常流程和异常态补充清楚:

交互最终稿

最后总结整理一下交互设计核心价值分为3点:

1、职业价值

将模糊抽象的需求转化成清晰具体的可视化解决方案,这个价值是最基本的专业价值,千万不要觉得是用软件画几个页面而已。所有的交互都是要考虑一整套方案,其中有正向、反向和闭环各种场景。

2、团队价值

作为设计师(不仅仅是交互),最重要的职责是帮助团队成功。虽然方案很重要,但方案只是设计过程中一个交付物,不是设计师最终追求的目标,核心的价值在于为团队提供专业的知识、见解和洞察,而非仅仅只是方案。如果你的团队可能因为不理解用户目标而定义错了目标,在适当的时候提出问题,提醒大家;如果团队纠结于不同的方案取舍,告诉大家从用户的角度来分析两个方案的优劣,可以更好地帮助大家做成准确的决策;如果方向出了较大的分歧,将策略化成可视化原型,帮助团队理解不同的策略带来的影响……

3、沟通价值

在团队中起到承上启下的作用(上游对接产品经理,下游对接视觉设计与开发)。如果说前面两项归类为专业上的硬实力,那这一项沟通价值,就可以将它定义为软实力。千万不要小看沟通的价值,作为一个团队承上启下的角色,沟通起到了十分关键的作用,你的责任心、换位思考能力、表达方式都是影响你最终沟通效果的因素,所以如果你觉得自己沟通能力还有所欠缺,是不是要去尝试着改变一下了?

最后想和大家说的是,看书不在多,而在于有多少内容变成了你自己的东西,边看边总结,会不断地丰富自己的知识体系。交互之路任重道远,大家一起共勉~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,884评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,347评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,435评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,509评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,611评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,837评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,987评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,730评论 0 267
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,194评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,525评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,664评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,334评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,944评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,764评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,997评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,389评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,554评论 2 349

推荐阅读更多精彩内容