赞助商
立即赞助

网易设计师:自学交互最应该关注的 4 个核心知识点

交互设计3年前 (2021)发布 流光
2.4K 0 0

网易UEDC – 杨倩 :于交互设计的同学,要怎么去学习互设计呢?在其中要着重关注哪问题点呢?

  • 售同学:了解设相关知识,什么好的课程?或者推荐的链接学习下?
  • 市场同学:互设计培资料能不能我看看?我想学习学习。
  • 品学:这个地我实在不知该怎么画了,能不能帮我看看?

是我最近常遇到的问题,现有越来越非互设计位的同学开始对互设计感兴趣,其中能是对个人能力的要求,也有能是大家对用户验意识的增强,但不管怎么样互设计、用户验在被越来越的人关注。

这里可能有会问,为什么要其他岗位学做交互设计培训?原很简单:

  • 对 T 型人才或者通才的能力要求;
  • 释放定交互设计师力,品自己出功能简单交互设计;
  • 小公司没有交互设计师,产需要自己交互方案;
  • 扩大交互计的响力,让更多的人了解;

过头来,可看前面谈到的这几个岗位的同大多是没有交互设计基础的,或者数产经具备一点交互设计,但普遍较薄弱,当这些同想要习交互设计时通知道如何手。次,再结合自己做交互设计培训的经历,发现有几个问题是普遍存在的,并且有一些是核心问题,需要重点注。

不清楚交互设计概念和工作流程

在与他岗位同事的接触过程中,发现很多人普遍清楚交互设计是做么的,分清交互设计和视觉设计有么区别,甚至遇到过产经交互设计师视觉稿之类的事情。对于互联公司而言,特别是大厂,交互设计和视觉设计有着各自明确的分工,包括工作容、工作流程、产物等方面。

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

网易设计师:自学交互最应该关注的 4 个核心知识点

不了解设计原则

设计与艺术不同,设计是一个更偏理面的概念,因此设计原则、规范尤为重要。对互零基础的同学而言设计原则、设计规范是很的门指导,它以指导你的设计,让你下意识地去使用它,下意识地去控页面,而不是不所措或者盲目自信。通不断的践去反复理、验证。

凡事没有绝,这些原则十分要,它们也是「设计指导」,在遇到特殊问题,特是复杂问题时候不能死守规则生搬硬套。你在工作越来越有经验,你会越来越灵活地运用。

于交互设计的原则有很多,如尼森可性十原则、交互设计七大定律等。平台规范如:苹果的 Human Interface Guidelines 等,对习设计原则、设计规范都是很好的开始。

相关推:《万字雄文!超多案例帮你读懂交互计7大定律》

网易设计师:自学交互最应该关注的 4 个核心知识点

信息架构能力薄弱

绝大分同都有这个问题,包括设计师自己,在需求/设计方案的时候缺乏整个产结构的思考,每次的迭代都是功的简单堆砌,从而导致后续一系列的问题。这里我谈一信息架构的重要性和工作容,因为想要系统习信息架构实是一个很大的课题。

1. 信息架构的重要性

信息架构实是整个交互设计中对于逻辑性和设计师整体结构思维要求最的分。信息架构是一个产的骨架,每个类的产都有自己特有的信息架构。对于整个产而言,信息架构户容易到某个功,解产形态最核心的分。因此,做好信息架构设计,是非重要的交互设计之一。

而一个理的息架构,会大大减少用户对一个新产品的认知成本,在短的间内就成为一个操作相对熟练的用户,从而大大增加新用户的留存。别是当的产品越做越大,功能越来越多的候,一个理的息架构就越发重要。

它可以起到两点核作用:

  • 让用户一眼就你的产品能做什,并马上学会如何使用;
  • 无论功能多复杂,用户都能需的时候速的找到某功能;

这点,会对一个产品的成功起至关重要的作用,这也是需要做好息架构的因。

2. 息架构的工作内容

主要有点:计组织类和导航的结构,让用户可以高效率、有效地浏览息及进行相关操作。这就要求计需要站在一个较高的角度去考量整个产品。

但实际作当中,家往往局限于自己手的模块,缺乏对整体结构、层级主次的把握。从导致产品结构不清晰、功能堆叠分类不合理诸多问题。建议家可以系统的去学习了解信息架构的相关知识,这对提升交互设核能力非常的帮。

网易设计师:自学交互最应该关注的 4 个核心知识点

流程设计理不清

交互计另一个核心能力:流程计。比较常见的流程有种:业流程和用户流程。二者出发点不一,业流程是以业所要达的业目标出发,用户流程则是从用户想完成的任出发。虽然有些候二者流程表现上可能会完全一致,但背后的出发点其实并不一。

一方面我们需产品理一起梳理清楚业务流程,另一方面我们需基于业务流程梳理好符合用户智模型的用户流程。当我们通过用户使用产品的目标、场景,整理出用户使用产品的流程时,会发设可以变得条理,这就用户流程设中的价,它让从用户的角度出发,梳理那些看似杂乱无章的设点。

一个的流程设计,是将业务流程和用户流程完美结合的设计。让用户在合理顺畅的完成自己目标任务的同时,也能达成业务目标。

好流程能为品带来什么:

  • 用户以顺完成任务,减少流失;
  • 凸显设计亮,提升用户体验;
  • 帮助务达成务目标(如注册率、成交额等);

网易设计师:自学交互最应该关注的 4 个核心知识点

不会使用组件库

交互稿交互设重的产出,一份规范的交互文档既能很好的展示设方案,也能提升协作过程中的作效率。绘制交互页面速提升效率的方法就:组件库的应用。

但在跟产品经理们培的程中,现两个问题:

  • 部分产品同学自己绘制交互稿时往往不知该如何下手,或者绘制出的页面简单粗暴,缺乏设感。
  • 即便是有现成的组件库,但不道具每个组件库的应用场,用错组件库的情况经常生。

从面两问题可以发:

  • 搭建组件库的重要性;
  • 学会如何使用组件库。这里所的学会使用组件库并不简单的拖拽复用,需清楚的知道每组件库的意义使用场景。只学会了组件库的应用,能确保产品的一致性,提升产品、设师、研发的作效率。这点对于业务线较多、功能较复杂的产品尤用。

下图是同一个产品经理,在未使用及使用组件库绘制交互稿的前后对比,可以显的出来页面要规整多,基本上交互计产出的页面没有大差别。所以学会使用组件库,能让你快速搭建出规范的交互页面。

网易设计师:自学交互最应该关注的 4 个核心知识点

网易设计师:自学交互最应该关注的 4 个核心知识点

上就是结合设计培训中遇到的一些典问题总结来的 5 个可升的点,希望对想要入门交互设计的同有帮助。

欢迎关注「网易UEDC」公众号:

网易设计师:自学交互最应该关注的 4 个核心知识点

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

前言 当我在网上搜寻交互文档规范时,可以搜到很多关于交互文档的结构搭建的文章,但始终没有一份较为完整的案例 Demo 展示,...
交互文档
随着市场上游戏品类的不断丰富,卡牌、RPG、MOBA、大逃杀等游戏类型在游戏交互方面也有了更多的表现,随之而来是玩法与界面的...
交互设计
上周出席了苹果的 WWDR Events(加速器活动),非常感谢公司提供的珍贵学习机会。本次 Apple Watch 体验的活动主旨,是向开发...
Apple Watch
不知各位产品/交互/UI设计师们,平时都用哪些方法和维度分析用户需求的呢?? 可能有些人会用公式:「目标用户+用户行为+用...
卡片分类法
还在频繁地使用弹窗对用户展示重要提示吗?明知这样有损体验却没有更好的选择吗?那么不妨来试试干扰度更低,却依然可以用于...
交互控件
UI 设计师在做需求的时候,经常会接到以提升点击率为目标的需求。 提升点击率,设计师朋友第一反应就是提升操作功能的视觉抢...
交互设计
单选框是非常常见的表单元素。它通常被用来从一组互斥的相关选项中选择一个单独的选项。当点击一个未选中的单选框时,它会被...
交互设计
一、微交互到底是什么? 微交互通常关注于单个事件或者单个任务,这些交互元素遍布于整个 APP 的各个角落。这些微交互存在的...
交互设计