1. 兔课网
  2. 资讯
  3. 平面设计教程
  4. 视觉设计师应该修炼的五个交互设计技能

视觉设计师应该修炼的五个交互设计技能

2887人阅读 2020-06-30 收藏

具有视觉互动和交流的设计教师的就业价值将会更高。尽管大多数视觉设计的老师没有接受过正式的基本互动训练,但别担心。今天分享5种提高你的互动技巧的方法。让我们一起试试。目前,所有基于网络进行设计的人都需要对交互式设计原理有一个基本的理解。即使你没有接受过人机交互、用户体验、设计或人为因素方面的正式培训,只要你了解这些学科的基本原理,你在设计成功的机会还是会大大提高。这对视觉设计分部来说尤其明显。大多数视觉设计教师在艺术学校或培训机构接受正式或非正式的培训。尽管这些组织关注设计的交流,但这两种类型的组织通常都不能为互动设计提供坚实的基础。对你来说,拥有更广泛的技能组合不仅会让你的设计更成功,还会让你更有就业能力(也就是说,你会成为一只独角兽)。这里没有办法详述,但是在你开始之前,这里有五个关键策略值得你在下一个项目中理解和实施。

1jh20160216


1. 主动与你的客户交谈

当你在设计,体验网络时,你需要知道的最重要的事情是你的观众。了解他们是谁,他们以什么为生,他们的年龄有多大,如何工作,他们如何理解网络,如何使用网络,以及使用什么样的设备,所有这些都会对他们的痛点提供有价值的观察,而你需要负责解决他们的痛点。对你的设计做出明确的限制也将有助于你的设计进程。例如,如果您的受众主要使用移动设备访问医院网络,那么您的设计必须能够相应地与这些设备及其使用环境兼容。此外,你应该在建立一个交流的设计的基础上理解你的受众,并找出用户对诸如颜色和字体(例如物理或文化)等元素的敏感度。为了理解你的听众,你需要直接与目标用户交谈。这些对话可能发生在不同的论坛。最客观的方法,如问卷调查,是相当好的,但没有什么比与你的客户面对面交谈更好的了。根据你的工作目标,找到目标受众可能很简单,比如,直接去当地的咖啡馆,花5美元买一张礼品卡,然后在咖啡馆和顾客聊天。大多数人都愿意花10到15分钟来分享他们的观点,以换取咖啡馆里的礼品卡。寻找用户的其他方法包括,例如,在Craglists上发布广告,从您的客户列表中提取姓名,联系行业组织(例如,针对特定类型的用户,如护士),以及在您的用户也会花时间的地方花时间(例如,音乐爱好者会出现在音乐会上)。最初的谈话可能会令人尴尬,但是随着次数的增加,谈话的节奏会越来越接近问题。用户模型也开始出现,允许你定制每个面试问题,使之更合适。您从这些活动中学到的经验可以用来帮助您创建一个用户角色模型——,例如一个典型用户在您的设计,的表现的集合,它可以为您未来的设计决策提供背景。

2jh20160216



2. 为用户确定方向

现在您已经了解了您的用户是谁,在他们使用设计时为他们设定方向是很重要的,目标用户可以为他们提供非静态的体验。为了有效地提供这种体验,你的设计应该告诉用户三件事:1)他们现在在哪里,在网站的背景下,任何在线体验的关键是了解用户当前正在处理什么。如果用户清楚地知道他们在哪里,他们更有可能理解你在当前页面上需要他们。例如,如果用户知道他们在“产品详细信息页面”,他们应该会看到购买链接,也许还会看到其他产品的一些选项。2)他们是如何到达的?如果为用户提供一个清晰的当前位置可以为你预期的用户行为提供一个环境,那么你也应该向用户展示他们到达的过程并提供一个安全网。安全网意味着用户对自己的行为有一个舒适的感知。如果用户去了错误的地方,他们会知道他们可以退回到以前的地方,然后再试一次。3)他们能去哪里你已经明确了用户在哪里以及他们是如何到达的,这样如果他们去了错误的地方,他们就可以回去尝试另一条路。然而,如果他们准备继续前进,或者如果他们认为回溯路径不能提供他们想要的,那么有必要让用户知道在这一点上有什么选项可用,而不是让用户停留在死胡同里。应该总有继续下去的选择。一个很好的例子是没有结果时的搜索结果页面。您应该让用户知道没有任何结果可以匹配他们的搜索查询,但同时应该有选项来帮助他们找到答案(例如,相关的搜索词)。用户旅行的方式可以反映在你网站的导航中,但也可以作为上下文支持来实现。上下文支持指的是清晰可点击的界面元素,如按钮和滑块。

3jh20160216


(作为情境支持的介绍,我们选择诺曼的《日常生活的设计》作为例子。虽然有点过时,但它为产品设计的教师思考他们的产品打下了坚实的基础。清晰的网站定位为用户提供了一种舒适的感觉,同时减少了用户出错的机会,提高了他们在真正出错时快速恢复的可能性。

3. 尽量简单

视觉设计可能受美学追求的驱动,在布局中加入元素,但它可能无法达到互动的目的。尽管美学元素可能会提升体验并增加好感,但我们应该考虑在设计的互动体验中选择一个更简单的设计简化意味着将屏幕上的元素减少到最基本的部分,这可以促进用户任务的完成。从这部分开始作为基线,然后添加一点装饰。你应该考虑网站的品牌。品牌不仅是美学的反映,也是体验的反映。如果一个网站是美丽的,但这种美丽让用户无法完成交易,那么网站(或品牌)最终会失败。审美元素在任何体验中都有一席之地,并且非常有用,但是首先确保体验是可用的,这一点非常重要。

4. 设计出对话

视觉设计培训主要关注设计,的交流,而互动设计则非常关注反馈回路——,本质上是用户和网站之间的对话。当您改善网站的体验时,您将为系统提供一种在用户做对或错的事情时与他们进行交流的方式,并确保您的体验能够清楚地显示用户是否成功操作,以及用户完成交易必须采取的行动。你应该利用你的视觉设计和沟通技巧来为这种反馈对话建立一种视觉语言,从而确保无论用户体验的哪一部分,来自网站的任何信息都是一致的设计和呈现方式。不同的信息可能需要不同的处理方法。用户将很快了解整个系统,然后用户和网站之间的对话将开始出现。本质上,你是在人性化网站的体验(以及背后的公司),主动预测用户的需求,并提供信息和行动来减轻用户的沮丧。

4jh20160216


认为维生素网站一直与用户保持对话。

5. 工作流:理解前提和后继

视觉设计是美丽和静态的。交互式设计是在多个页面和状态之间建立一系列工作流。当您对每个页面进行设计处理时,请考虑用户可以在此页面上做什么,以及接下来如何将其导入工作流。如果你刚刚在页面上添加了一个注册表单,想想当用户按下“提交”按钮时会发生什么。页面会刷新吗?会有确认页吗?如果表格上有错误怎么办?如果用户点击“后退”按钮会怎样?这些体验的工作流程中的组件。每个页面或状态只是用户点击流的一小部分。你面临的挑战是,每个用户可能都有一个相对独特的点击流,这取决于他们是如何到达你的网站的,以及他们为什么来到你的网站。你用你对用户的理解来指导用户。您还提供了一个简洁的界面,并成功地与用户进行了对话:现在您必须确保每个交互都有一个合理的下一步。下一步应该是适应你所创造的体验和视觉语言,这样体验才会完整和一致。这些元素可以增加品牌的可信度,增加用户对你的设计

小贴士:了解你的“材料”

的信任,设计教师乔纳森尼维,作为一个IPoD设计(以及其他产品),推广了所有类型的设计教师必须理解他们使用的材料的想法。这也适用于交互式设计。理解构成网络的“材料”是至关重要的。粗略地研究一下HMTL、CSS、Javascript和相关技术将会增强你对媒体的理解,并为你提供一个更现实的设计视角。你能找到的最好的相关资源是能够实现你的工作的开发者。定期和他们谈论你的设计,并感觉你的建议在他们使用的技术下是否可行。更好的是,你应该自己开始学习基础知识。你不需要成为一个明星程序员,但是如果你知道足够多的媒体是如何实现你的工作的,它将极大地帮助你塑造你的互动设计

总结

互动设计是一门涉及许多方面的学科,它将静态交流联系在一起,形成一种体验。设计网站的核心是了解这门学科的基本原理,从而创造出一个不仅美观,而且能真正解决商业问题,给用户带来快乐的网站。本文仅触及互动设计的表面,然而,对于任何类型的网络设计,来说,在设计的任何交易或互动中都有必要考虑这些基本方面。

相关文章推荐

版面设计的视觉流程!该如何布置?
字体设计,商业字体设计修改提升视频教程
换衣服,无缝拼接东北大花布教程
花艺字,利用蒙版制作鲜花装饰的艺术字
做平面设计跟在培训班当美术老师比哪个前景好?,学习平面设计要多长时间啊,该从什么入人学啊
素描效果,用PS把城市变成素描艺术效果
曝光不足,调因为曝光不足拍灰的日出风景照
绿色调,调整出明亮清新色调教程
褐色调,给照片调出红褐色和加上晨曦光效
溶图效果,用PS给婚纱照进行溶图

特别推荐

上一篇>> 用一张图帮你彻底学会调色直方图那点事儿

下一篇>> 全面认识色彩配色系列之红色配色篇

新人大礼包

1
咨询客服
平面设计零基础学习交

交流Q群

微信公众号
返回顶部