1. 主页 > 设计资讯 > 行业动态

学习交互设计,必须注意这些问题

对于非交互设计专业的学生,如何学习交互设计?应该重点关注哪些问题?

销售同学:想了解设计相关知识,有没有什么好的课程?或者推荐的链接学习下?市场同学:交互设计培训资料能不能发我看看?我想学习学习产品同学:这个地方我实在不知道该怎么画了,能不能帮我看看?

这是我最近经常遇到的问题。我发现越来越多不在交互设计岗位的同学对交互设计感兴趣,可能是个人能力的要求,也可能是人们对用户体验意识的增强。然而,越来越多的人关注交互设计和用户体验。

这里可能有人会问,为什么要面对其他岗位的学生进行交互设计培训?原因很简单:

对于T型人才或者通才的能力要求;释放一定的交互设计师人力,产品自己产出功能简单的交互设计;小型公司没有交互设计师,产品需要自己出交互方案;扩大交互设计的影响力,让更多的人了解。

回过头来看,上面提到的这些岗位的学生,大部分都没有交互设计的基础,或者少数产品经理有一点交互设计的能力,但是普遍比较弱。当这些学生想要学习交互设计的时候,他们通常不知道如何开始。其次,结合自己在交互设计培训中的经验,发现以下问题比较常见,有些是需要重点关注的核心问题。

首先,交互设计的概念和工作流程不清楚

在和其他岗位同事接触的过程中,发现很多人普遍不知道交互设计是做什么的,分不清交互设计和视觉设计的区别,甚至遇到产品经理找交互设计师制作视觉稿之类的事情。对于互联网公司,尤其是大工厂,交互设计和视觉设计都有自己明确的分工,包括工作内容、工作流程、输出等等。

工作内容:交互设计师主要侧重于产品的业务逻辑、操作流程、信息架构、界面布局等。视觉设计则侧重于界面的视觉风格、样式、配色等。目的都是提升整个产品的用户体验。工作流程:交互设计和视觉设计均是项目流程中的一环,二者属于上下游的关系,即交互设计结束会进入到视觉设计阶段,具体可以参考下图的流程图。产出物:交互设计的主要产出物是交互稿,通常包含信息架构、流程设计、交互界面以及交互说明,其中交互界面主要以线框图的形式呈现。视觉设计主要产出的是视觉稿,即产品上线用户所看到的界面,除此之外还包括标注文档、视觉切图等。

学习交互设计,必须注意这些问题(图1)

第二,不了解设计原理

与艺术不同,设计是一个更理性的概念,所以设计原则和规范尤为重要。对于交互零基础的学生来说,设计原则和设计规范是很好的入门指南。他们可以指导你的设计,让你下意识的使用,下意识的控制页面,而不是对错误一无所知或者盲目自信。通过不断的练习,我们可以一遍又一遍的去理解和验证。

但一切都不是绝对的,这些原则很重要,但只是一种“设计指导”。遇到特殊问题,特别是复杂的问题,不能墨守成规,生搬硬套。随着你对工作越来越有经验,你会越来越灵活地使用它。

关于交互设计有很多原则,比如尼尔森的十大可用性原则,交互设计的七大法则。平台规范,比如苹果的《人机界面指南》,是学习设计原理和规范的良好开端。

学习交互设计,必须注意这些问题(图2)

第三,信息架构能力薄弱

大部分学生都有这个问题,包括设计师本身,在提出需求/设计方案时缺乏对整个产品结构的思考,每次迭代都是简单的叠加叠加功能,导致一系列后续问题。这里我就说说信息架构的重要性和工作内容,因为系统地研究信息架构其实是一个很大的课题。

(1)信息架构的重要性

事实上,信息架构是整个交互设计中对逻辑和设计师整体结构化思维要求最高的部分。信息架构是一个产品的骨架,每种类型的产品都有自己独特的信息架构。对于整个产品来说,信息架构可以让用户很容易找到某个功能,理解产品形态的核心部分。因此,设计好信息架构是最重要的交互设计能力之一。

一个合理的信息架构会大大降低一个新产品的认知成本,在短时间内成为一个相对熟练的用户,从而大大增加新用户的留存。尤其是当我们的产品越来越大,功能越来越多的时候,一个合理的信息架构就变得越来越重要。

它可以扮演两个核心角色:

让用户一眼就明白你的产品能做什么,并马上学会如何使用;无论功能多复杂,用户都能在需要的时候快速的找到某个功能。

这两点将对一个产品的成功起到至关重要的作用,这就是为什么我们需要做好信息架构。

(2)信息架构的工作内容

主要有两点:设计组织分类和导航的结构,让用户能够高效、有效地浏览信息和进行相关操作。这就要求设计师从更高的角度考虑整个产品。

但是在实际工作中,人们往往局限于自己的模块,缺乏对整体结构和层次的把握。这导致了产品结构不清晰、功能堆叠分类不合理等诸多问题。建议你可以系统地学习和了解信息架构的相关知识,这对提高交互设计的核心竞争力有很大的帮助。

学习交互设计,必须注意这些问题(图3)

第三,流程设计不清晰

交互设计的另一个核心竞争力:过程设计。有两种常见的流程:业务流程和用户流程。它们有不同的出发点:业务流程基于要实现的业务目标,用户流程基于用户要完成的任务。虽然有时候这两个过程在性能上可能完全一致,但背后的出发点其实是不同的。

一方面需要和产品经理一起梳理业务流程;另一方面,我们需要整理出更符合基于业务流程的用户心智模型的用户流程。当我们根据用户的目标和场景梳理用户使用产品的过程时,你会发现设计可以变得更加有条理。这就是用户流程在设计中的价值,让你可以从用户的角度梳理出看似混乱的设计点。

好的流程设计是将业务流程和用户流程完美结合的设计。让用户合理、顺利地完成自己的目标和任务,同时实现业务目标。

好的流程能给产品带来什么:

用户可以顺利完成任务,减少流失;凸显设计亮点,提升用户体验;帮助业务达成业务目标(如注册率、成交额等)。

学习交互设计,必须注意这些问题(图4)

第四,您不会使用组件库

交互稿是交互设计最重要的输出。标准化的交互文档不仅可以很好地展示设计方案,还可以大大提高协作过程中的工作效率。绘制交互式页面以快速提高效率的方法是组件库的应用。

但是在对产品经理进行培训的过程中,会发现两个问题:

大部分产品同学自己绘制交互稿时往往不知该如何下手,或者绘制出来的页面简单粗暴,缺乏设计美感。即便是有现成的组件库,但不知道具体每个组件库的应用场景,用错组件库的情况经常发生。

从以上两个问题中,我们可以发现:

搭建组件库的重要性;学会如何使用组件库。这里所说的学会使用组件库并不是简单的拖拽复用,而是需要清楚的知道每个组件库的意义和使用场景。只有学会了组件库的应用,才能确保产品的一致性,提升产品、设计师、研发的工作效率。这点对于业务线较多、功能较复杂的产品尤为适用。

下图是同一个产品经理,在不使用组件库的情况下,对比绘制交互草图前后的情况。可以清楚的看到,页面规整了很多,和交互设计师制作的页面基本没有太大区别。因此,学习使用组件库将使您能够快速构建标准化的交互式页面。

学习交互设计,必须注意这些问题(图5)

学习交互设计,必须注意这些问题(图6)

以上是结合设计培训中遇到的一些典型问题可以改进的五点,希望对想要入门交互设计的同学有所帮助。

本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处:https://ffjianzhan.cn/xingyezixun/jhsj/741.html

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息