在交互设计过程中,你需要持续关注的五个问题

认真对待交互设计过程中的每一个设计环节、每一个问题,是提高交互稿质量的基石。过程中的问题很多,需要我们持续关注并解决。


认真对待交互设计过程中的每一个设计环节、每一个问题,是提高交互稿质量的基石。过程中的问题很多,需要我们持续关注并解决。

在交互设计过程中,你需要持续关注的五个问题

在从事交互设计工作的时候,我们心中总是会有类似于这样的疑问,比如说:工作从哪里开始;在过程中要注意哪些问题;针对过程中的问题,应该如何解决;最终的交互设计成果,应该以什么样的形式展现等。

交互设计的过程是一个产品从抽象到具象的过程。交互设计师需要将团队每个成员,尤其是产品经理、项目经理脑海中的不可视产品印象,提炼出来,形成一个具体的、可视的产品。因此,完成交互稿的过程就是将大家心目中的印象映射到交互稿中,满足团队成员(主要是产品经理)对产品的预期。

因此,在需求讨论和交互稿评审与修改的过程中,交互设计师与团队成员的沟通,明确产品的特点,并逐渐修改之前的设计,直至最后完成交互稿等就显得格为重要。

在沟通需求与完成交互稿的过程中,有以下问题要确认并持续关注:

在交互设计过程中,你需要持续关注的五个问题

一、明确目标用户

谈到目标用户,很多人都只是停留在“一类人”上面,而没有对这“一类人”进行区别分析,“一类人”中也有主有次,需求也有核心需求与边缘需求。如果没有对用户进行区别对待,误将次要目标用户的边缘需求作为设计重点,整个产品的设计就会出现严重的偏差,肯定与产品经理的预期不符。

在交互设计过程中,你需要持续关注的五个问题

目标用户是我们对所有用户的统称,目标用户中又可以细分为不同的角色,不同的角色所具有的权限、所关注的页面重点元素是不一样的。例如,对于一个移动应用APP的运营数据的展示,就会出现不同角色目标用户,可细分为运营人员、开发人员、管理层等等。不同的角色关注点也是不一样的,运营人员关注的是每一天的数据以及活动对APP的用户增长、活跃度的影响等等;开发人员更多的关注是产品的性能,以及用户的体验等等;而管理层会更多的关注用户总量,效益等等。因此,在设计产品页面时,要兼顾到所有的用户,满足不同角色的需求,但要以主要用户为主。若出现严重的冲突时,设计要偏向于产品的主要用户。

明确目标用户的目的在于确定目标用户的不同角色,以及他们所关注的信息重点,进一步明确主要的目标用户与次要用户。真正剥离出主要用户的核心需求,聚焦主要用户的需求痛点,并进行设计,才能完成真正符合用户需求的产品设计。

另外,明确目标用户,还可以获得其他方面的辅助信息。例如,目标用户的身体特征、心理期望、所使用的设备参数等等,用好这些信息,也能完成有亮点的交互设计。

二、使用场景

产品的使用场景对产品的交互方式有很大的影响。细化产品的使用场景能够在特殊环境下给用户极致的用户体验。这方面大家都知道的案例,是网易云音乐的跑步FM模式。虽然网易云音乐是音乐应用的较晚入局者,但是其凭借跑步FM模式圈了众多拥趸,引来其他音乐应用纷纷效仿。

在交互设计过程中,你需要持续关注的五个问题

跑步FM(来源网络)

使用场景是用户体验产品的重要因素。对于同一个需求,在不同的场景下有不同的解决方案,具体内容可参考文章《用户场景化思维在交互设计中的体现》。

三、 业务逻辑

在这个人人都是产品经理的年代,交互设计也是很多人都能做的。但是,能做不代表能够做好。对于产品经理提出的需求,最佳的解决方案就呈现在用户对产品的操作过程中,即产品的业务逻辑。

业务逻辑,简单来说就是在怎么做事(how to do)。比如你想买一件衣服,从搜索、到确定付款、再到售后服务,在整个目标活动下的整个动作流程,可以说是业务逻辑。

理清业务逻辑有助于实事求是的整理出产品的功能流程,避免陷入先入为主以及自以为的误区。俗话说,隔行如隔山。对于不同的行业,其所具有的行业规则、术语、硬件设备信息、技术实现逻辑等都是不同的。充分了解产品的业务逻辑,不仅仅能够更好的理解产品背后的需求,同时能够更好的与团队成员、甚至是甲方更好的沟通,也能更好的完成交互设计。

四、页面重点元素

一个页面往往面对成千上万的用户,所以会有很多页面元素以及功能入口。但是,一位用户打开一个页面,却往往只关注页面中的一个功能,或者一小块区域,即页面重点元素(重点功能)。在多数情况下,用户进入一个页面是奔着一个目标。因此,明确页面的重点元素(重点功能),将其作为页面交互设计的着重表达,突出重点元素,弱化次要元素,使页面元素布局详略得当,能够更好的满足用户的需求,提高产品的用户体验。

页面重点元素,是在与产品经理沟通与对业务需求详尽了解之后确定的。在制作交互稿之前,需要完成信息架构与功能流程,功能流程中所涉及的功能就是页面的重点元素。或者,询问产品经理,这个页面是干什么用的。通常情况下,产品经理只会说出一个功能,即重点元素。

如图,个人信息、账单预览以及安全信息是页面的重点元素,因此在页面布局上进行了特异处理,与下面的已开通服务列表形成视觉上重点与次要元素的对比,包括增大元素面积、图形化处理、色彩特异处理等。

在交互设计过程中,你需要持续关注的五个问题

五、 数据量

数据量是页面中变动量最大的元素。不同的数据量对页面的显示、功能、布局都有很大的影响。当数据为空时,页面就是特殊页面,需要考虑是页面错误,还是数据为零,并针对不同的情况进行恰当的提示;当页面数据量过少时,要考虑页面太空的视觉影响;当页面数据量太多时,要考虑分页、筛选、搜索等功能的添加,以满足用户查看数据的需求。

如图,数据量的多少在页面设计上的差异:

在交互设计过程中,你需要持续关注的五个问题

在交互设计过程中,你需要持续关注的五个问题

以上所讲述的交互设计过程中的相关问题,都会最终影响到产品最后上线后的效果。因此,设计人员对于设计过程中的问题不断考量,就可以尽最大努力将问题在开发之前就解决掉。

交互设计的工作是构建一个和谐、高效、统一的产品体系,所有的思考、设计都应该以提高整个产品体系的用户体验为前提。因此,认真对待交互设计过程中的每一个设计环节、每一个问题,是提高交互稿质量的基石。过程中的问题很多,需要我们持续关注并解决。

 

作者:弘毅道,微信公众号:UIUX设计工作坊(UIUX-HUANG), 希望与同行者多多交流。

本文由 @弘毅道 原创发布于人人都是产品经理。 未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-02 21:37
下一篇 2017-05-02 23:35

相关推荐

  • 做好这4个细节设计,让你的移动APP 用户体验脱颖而出

    启动页、空状态、动画反馈、框架界面… 今天提到的这4种状态,都是容易被忽视,而又能让移动App 脱颖而出的细节。如何做好这4个细节的用户体验设计?今天这篇好文总结了关键的几个原则。

    2017-05-18
  • 移动设计:体验、交互和创新之精髓

    移动优先的设计策略将使产品拥有高度任务驱动的体验。用户可以将注意力聚焦在需要完成关键任务上,而不会被传统桌面产品中过多的无关因素所干扰。

    2017-06-04
  • 交互设计基本功-pc端

    很多小伙伴0基础想转ux,看了很多网上的文章和书,但是依然不知道具体怎样入手。看完这篇文章,你就可以真正的入门了。1、按钮的5种状态1)正常状态:可以点击且没有进行任何动作的状态2)鼠标悬停时状态:鼠标停留…

    2017-08-01
  • 资源贴|2016年Top20 UX设计博客和资源网站

    全球用户体验和用户界面的发展从未停止,并引领潮流,似乎每个人都知道该行业的流行语。尤其重要的是要时刻更新行业最新想法和会谈结果,但很难从众多的资源中找到真正有帮助的材料,所有撰写该文,这就是博客的方便之处。

    2017-05-19
  • 功能确定之后,如何做好UCD概念设计?

      功能和数据都确定下来了,接下来我们就要把功能数据给设计出来,也就是决定它们长啥样,怎么操作的。 如果说前面的分析研究、需求定义、功能数据确定是“做正确的事”,现在开始我们就要“正确地做事”,方向抓…

    2016-02-20
  • 聊聊UI界面中搜索入口的设计

    搜索几乎是现在所有网站,APP甚至操作系统的标配,不论是电商还是论坛等等。它是一个站内给用户直接到达目的地的通道,起到了一个引导用户走向的重要作用。在不同的系统,不同用途的网站上搜索呈现的方式都有所不同。

    2017-05-16
  • 设计实战:教育产品组件化交互设计的实践与思考

    网易UEDC – 王媛媛 :组件化设计,就是设计模块化,组件可复用。是以通用化的视角审视模块设计,根据业务方需求支持多个产品的接入与使用。

    2017-10-16
  • 那些年苹果做错的设计

    设计不是艺术,它不是孤立存在的,更不是设计师的自娱自乐。设计永远和人、使用场景、用户需求相关联。iOS会不断地更新迭代它的设计,除了有商业目的上的考虑外,更多的是根据时代(人、环境、需求)的变化而变化,去做符合当下的设计。

    2017-05-16
  • Axure 8.0手机页面拖动弹回效果

    Axure RP8.0教程 手机页面的拖动和弹回效果 。用户向上拖动页面,页面向上滑动。用户向下拖动页面,页面向下滑动。当用户拖动页面到最底部时,页面弹回显示第一屏。当用户拖动页面到最顶部时页面弹回显示最后一屏。步骤一.在部件库中拖入一个图片部件,双击打开浏览手机外壳图片,加入到工作区中,跳转这张手机外壳图的大小和位置。步骤二在手机内部框中制作一个列表页面,页面,使用到的部件有图片部件、标签部件、水平线部件、将这些部件相互组合,设计一下...

    2018-03-10
  • 别逗了,会用Axure就算懂交互了吗?

    举个简单的例子,一个人字写得很好看,但他一定能写好文章吗?一个作家字写得极丑,但人家书写的好啊!所以人家才能成作家。

    2017-06-04