做交互方案时,请注意检查这4个点

2017-1-10    周周

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

编者按:本文总结的4个点都是新人做交互方案时容易遗漏的,看完可以查漏补缺,完善场景,建议阅读。

作为一名交互设计师,到底什么程度才能算得上是“专业”?成为一名专业的设计师是否有方法与捷径呢?答案是肯定的,但是今天我分享的内容还不敢称之为体系,只能说是几个小小的经验吧,希望能给正在奔向专业路上的你有所启发。

如果你是设计新人,可能你现在还没有完全形成自己的思维模式,那么以下这几点你就可以开始注意了,至少把这个几点加入到你的考虑范围内是不会有错的!

大纲如下:

一、透过现象看本质

二、正向闭环

三、逆向闭环

四、异常反馈

一、透过现象看本质

虽然这句话已经被很多人无数次的提及过,但真正能做到这一点的设计师其实并不多,尤其是没有经验的新人,为什么先说这一点呢,因为只有看透了本质,你的方向才有可能是正确的,后面做的努力才不会白费。

那到底什么样的思维模式才能算是透过现象看本质呢?

福特汽车公司的创始人亨利·福特曾经说过这样一句话:“如果我问我的用户,他们只会说要一匹更快的马”。

如果说“要一匹更快的马”是一个设计需求,三种不同程度的设计师分别会这样想:

1. 糟糕的设计师:马的奔跑速度本来就是天生的啊,怎么可能让它更快呢?这是一个无理的需求,真是没事找事!

2. 普通的设计师:如何能让马跑的更快呢?我要尝试给几种方案,给马吃更好的饲料、减轻马鞍的重量、增加马鞭对马的疼痛感达到增加刺激的效果······

3. 优秀的设计师:用户为什么会要一匹更快的马呢?其实无非就是想要更快的到达目的地,那我是否能换一种工具来直接取代马呢?比如说汽车。

我们很容易就看出三种不同思维模式的区别,优秀的设计师会通过需求的表层现象去思考本质,了解本质需求后才能够创造出更有价值的创意与设计,而亨利·福特也正因为有了这种思维模式,才有了伟大的福特公司。

二、正向闭环

我们再做任何复杂的功能时,最好先只考虑一个正常的、无间断的正向使用流程,因为这样你的思路才能够保证足够的清晰。而在整个环节中,我们经常会疏漏一些场景,使得整个流程没有闭环,举个例子:

我们在做微信分享的功能时,会做如下几个页面

uisdc-cai-201701121

而一些新人可能会忘记考虑分享后的显示页面,如下图:

uisdc-cai-201701122

从而导致一个正向操作流程没有形成闭环,这也是我们在工作中经常会疏忽的地方。所以在做页面设计的时候,不能单单只是做页面的布局与排版,而是首先考虑整个操作是否形成闭环。

三、逆向闭环

这一点是之前从一位同事那里学到的,和大家分享一下,我们先举个例子:如果有一个扫码申请加入群聊的功能需求,你会怎么做?

我们来看下面这个方案:

uisdc-cai-201701123

1.扫码过后出现申请入群的页面,2.点击“申请入群”后,按钮状态变成“申请已发出”。

看起来似乎没什么问题。但是如果我们反向来推倒:群主如果答应我,那我可以直接进入群聊,如果拒绝也会提示我已被群主拒绝,但是,如果群主没有给出反馈呢?群主没有同意也没有拒绝,也就是说服务器是没有接受任何指示信息,那用户下次再扫码进来依然还是“申请已发出”的状态,不会有任何变化,所以通过反向推到后我们发现这个方案是不可行的。

我们需要将设计方案改为:点击“申请入群”后,此页面不变,而是进入新的状态页面,告知用户申请已发出,即使在群主忽略的情况下,用户再次扫码进来,还可以点击申请入群,再次发出申请让群主接收。

上面这个案例告诉我们在某些场景下考虑方案时不仅需要考虑正向路径,还需要考虑反向路径,来让整个流程真正的形成双向闭环。

四、异常状态

这个状态在字面上是很容易理解的,也是交互设计师必须要考虑的情况之一,作为一名新手设计师,经常会被其它人问道:“操作失败的情况有考虑吗?”  “如果网络不好、数据加载失败的情况有考虑吗······

所以为了不让别人把自己问倒,我们在做方案的时候一定要把所有可能发生异常状态的场景全部考虑清楚,这样才能在每次的评审中处于不败之地!

以上这些内容是自己在工作中积累的一些小经验,暂时还谈不上什么体系,因为自己毕竟是做视觉的,关于交互也只是略懂一二,只是希望能够对新人有一些启发,希望大家在思维模式上能有所进步,如有不对之处,欢迎一起讨论交流!、

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

 

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档