任务优先级的重要性:为核心任务设计

作为一个交互设计师,在日常的设计工作中经常会问自己或者产品经理最多的问题就是,“这个功能用户用得多吗?用户主要在什么场景下用这样的功能?他用这个功能的目的是什么?等等”,问这类问题的主要目的是判断功能的优先级,在确定了优先级后再根据它去想办法去简化任务流程以及界面设计。

任务优先级的重要性:为核心任务设计

作为一个交互设计师,在日常的设计工作中经常会问自己或者产品经理最多的问题就是,“这个功能用户用得多吗?用户主要在什么场景下用这样的功能?他用这个功能的目的是什么?等等”,问这类问题的主要目的是判断功能的优先级,在确定了优先级后再根据它去想办法去简化任务流程以及界面设计。

下面举一个自己工作中的一个例子来讲诉如何根据任务的优先级来改进产品的用户体验。

如下图是一个BI产品的dashboard界面。

任务优先级的重要性:为核心任务设计

这些组件都可以进行多维度的查看(多维度就是指一个指标字段有多个不同的维度字段与它进行对应,比如说“销量”有各个国家的销量和各个省份的销量,省份和国家是两个不同的字段)。如上图,点击“店铺分布”这个条形图右上角的编辑按钮会弹出如下图的弹窗,在这个弹窗上用户可以进行图表类型、维度以及指标的切换,也可以将分类和系列里面的字段进行交换以得到不同的展示数据。

任务优先级的重要性:为核心任务设计

对这样的交互方式,在未看到用户强烈的不良反馈之前我并没有发现有什么大的问题,反倒认为这样挺合理的,它就像一个专门去配置图表属性以及数据的面板,在这样的一个弹窗上用户可以完成所有的操作(切换维度与指标、维度系列相互狡猾、切换图表类型),但实际使用中,大部分用户的反馈是这样的:

任务优先级的重要性:为核心任务设计

总结下用户的问题:

  1. 切换维度的方式不直接
  2. 弹窗内容过于拥挤
  3. 切换维度无实时的反馈

结合用户提的这些问题对这些功能以及任务流程进行了分析,发现用户在大多情况下都只存在着切换维度或指标去查看报表的需求,对于交换维度与系列中的字段进行查看的需求非常低。而这个弹窗设计的重要目的却是方便用户进行维度与系列间的字段交换。

交互体验上也存在着很多的问题,弹窗的弹出(界面大幅度的变化)明显打断了用户浏览内容的行为流,切换维度这个过程中用户的鼠标需要经过从组件本身到弹窗的长途跋涉,而且在切换维度时用户不能及时地得到图表数据给予的反馈,这让用户得不到安全感。

从上面的分析可以看出,最开始在做这样的设计时并没有考虑清楚任务的优先级,似乎只是为了满足所有的需求而进行的设计,这样就导致了核心任务操作流程以及界面的复杂,出现了很多体验上的痛点。

在进行改进时,首先根据用户的需求去确定好了任务的优先级,然后再根据任务优先级依次地去做流程和界面设计。这个过程中必须做到让核心任务的操作流程尽量简单易懂,突显界面导航的重点,从信息架构以及界面设计上表现出任务间的优先级以及层次感。

为核心任务去设计

用户切换维度的需求远远高于切换分类系列的需求,所以首先得为切换维度去设计。

上文分析出的问题是“在弹窗上切换维度太麻烦,交互反馈太弱,鼠标移动距离太长,界面过于拥挤”。对此做出了以下的改进(如下图),组件切换维度时点击右上角的切换入口,从右边弹出切换面板,用户可以在这个面板上自由地选择需要展示的分类和指标,在选择后数据进行实时的加载,通过点击组建上透明面板的区域收起侧滑面板。这样的改进提升了用户完成核心任务的效率,图表的实时加载也消除了界面没了反馈的不安全感。

任务优先级的重要性:为核心任务设计

为次要任务去设计

次要的任务并不代表可以去忽视它,我们可以让它变得隐藏起来,在该出现的时候让它出现。这个例子上,分类系列之间的字段相互切换是相对次要的任务,为此我是这样设计的。

直接让字段在Tab之间拖动进行切换,但是侧滑面板的形式会让这个功能变得非常的隐藏,为了解决这一问题,我是这样设计的,在拖动字段时界面上会出现一些交互的反馈来提醒用户。当鼠标悬停在字段上时cursor style变成可move的形式,拖动字段时可Drop的Tab上出现Drop提示框,不能Drop的Tab灰化掉,字段拖动到Tab区域时Tab自动切换。下图为具体的方案。

任务优先级的重要性:为核心任务设计

设计完成后对该方案进行了可用性测试,当问到用户为什么你会这样去操作时,用户是这样描述的,“我想要把分类的字段移动到系列里面去,我就去尝试看字段能不能拖动,当鼠标放到字段上时出现了可移动的标识,我就去拖它,拖动时“系列”上面出现了一个明显的虚框,我就把这个字段放到上面去了”。

总结

不管是在做交互还是产品设计,根据用户业务需求去判断任务优先级是设计前期很重要的一部分工作,如果没有任务的优先级将会带来很多的体验问题,诸如,“产品功能杂乱,信息架构不清晰,界面毫无层次,导航毫无重点等等”。它就像绘画一样,我们需要先进行构图和线稿绘制再进行色彩搭配,最后再做细节上的处理,如果没有这样一步一步地去做可能就会导致画面比例出现问题(大神除外)。

最近看了一篇文章,笔者是这样去描述任务优先级的,“如果一天早上你起来晚了,发现只有20分钟就上班了,而你家到公司需要15分钟,你现在只有5分钟的时间出门,你会选择做哪些事情”。在这5分钟内你所选择做的事情就是最核心的任务,也就是用户的刚需。

 

本文由 @不知名屌丝设计师 原创发布于人人都是产品经理 ,未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-28 16:28
下一篇 2017-05-28 18:35

相关推荐

  • 手机无线设计8个交互设计原则

    产品设计的原则有点太泛哈,这里想结合自己的工作心得来小结一下手机无线设计8原则: 原则1:用户界面应该是基于用户的心里模型,而不是基于工程实现模型 就是把后台本来很复杂的事情通过设计符合用户日常生活中常…

    2015-04-08
  • UX设计师不得不掌握的心理学技巧

    不要让视觉效果过重以至于霸占了整个网页的重心
    视频比起文本和图片更容易吸引用户的注意力
    女性和孩子的形象更容易吸引用户的注意力
    用户浏览页面的视觉轨迹是“F”型的

    动机
    能力
    触发

    2017-05-23
  • Axure RP入门第七篇——中继器来实现聊天室效果

    产品经理入门:Axure RP入门第七篇——中继器来实现聊天室效果

    2018-03-24
  • 6种转化率分析模型,提高产品转化率、用户体验

    在微观层面(实战方法论)通过6种转化率分析模型提高产品转化率、用户体验; 大家如果能掌握好增长方法论和提升转化的秘诀,就一定可以通过实现业务快速增长。以下为数极客CEO @谢荣生 在【起点学院公开课】演讲实录,编辑有修改:1. 为什么转化率越来越重要?1.1 流量红利渐失,竞争日益激烈目前新平台、新应用发展起来的难度比十年前要难数十倍,主要有三方面的原因:增长率下降;流量集中于BAT等少数大平台;同行竞争激烈。根据CNNIC统计报告显示...

    2018-03-28
  • 三八XX节专题页设计该怎么玩?看这篇就够了!

    在本文中,作者将带大家看下,那些围绕着妇女节的专题页面可以怎么玩?一起来look~look~

    2017-05-07
  • 数据可视化:如何为数据寻找适合的配色

    虽然如今好的配色方案已经唾手可得,但为数据可视化找到合适的配色方案,却仍是一项巨大挑战。

    2017-05-31
  • 《用户体验草图设计工具手册》丨NOTES

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放HappyPharrell Williams - Happy [From "Despicable Me 2"]本书讲了什么本书将指导你如何一步一步地用草图来表达你的设计理念,并介绍了多种草图方法。适合于所有设计行业的从业人员参考阅读,设计组织的领导者也可以参考阅读,包括设计师、可用性专家、人机交互界人士、产品经理人及商业高管等。作者什么来头Bill Buxton,微软首席用户体验...

    2018-05-08
  • Android和iOS平台交互方式的不同点

    本篇文章属于很初级的内容,之所以写下来,一是为了整理一下自己的思路,二是为了方便初学者们快速了解 Android和IOS在交互上的很多区别。可能有些地方不是完全正确,望多交流。

    2017-06-03
  • 2017年视觉设计的六大趋势

    我们在去年的趋势基础上进行筛选提炼,在历时两周的最终定义阶段之后,整合出一份2017年的设计趋势分析报告,希望能给各位从事并热爱设计的同学们带来一些启发和帮助。

    2017-05-09
  • 那些上亿人都在看的Banner都是怎么设计出来的?

    每到一年一度的大促季,会场、页面、互动游戏,都在紧张设计之中,这些精美的页面和互动游戏,如何与用户产生联系?必然需要一条与用户连接的纽带 —— 它就是BANNER。有些人可能认为资源位的设计相对简单,但其实不然,小小的资源位承载着重大的使命,设计上自然也是下了一番功夫,那这一次的双11我 们是怎么做的?请听我细细道来…..

    2017-05-30