18868949445

无锡专业定制网站:网站交互设计终极指南

日期:2020-04-06 阅读:256   作者:无锡网站设计开发公司

现代设计师听到了很多的标题,其中大多数是从一般的“网页设计师”转变为专家,如UX设计师和交互设计师。

公司对工作的要求各不相同,但交互设计人员通常属于具有一些UX知识的UI设计人员的范畴,因为它与交互有关。这可以与用户流、动画和改进交互设计过程。


交互设计师甚至组织这一术语在过去几年中迅速增长。我想研究一下交互设计器的基本方面。交互设计是什么意思?它是如何工作的,如何应用于网页设计项目?我将回答这些问题,并使您在正确的轨道上进一步了解交互设计方法。

UX与IxD的区别


这是一个非常常见的问题,值得澄清交互设计人员的具体问题。

用户体验设计通常涵盖UI/UX项目的全部范围。这是考虑整个过程的最广泛的术语:布局、交互元素、可读性、响应性内容、情绪、音调、渐进式增强、用户流量、所有内容。

无锡专业定制网站界面设计和交互设计是相似的,许多人认为这些术语基本上是同义的。但其他人觉得这是有区别的。界面设计更多的是关于表示,它是在功能之上的样式或主题。

交互设计是关于展示的。功能行为这就是界面设计人员将体验设计的各个方面融合在一起的地方。交互设计师.

这个问题也有一个很好的答案关于Quora:

“我一直认为交互设计是用户体验设计的一个子集。交互设计涉及应用程序中的实际界面和用户流。用户体验还可以包括更大、更广泛的问题,如系统响应时间或客户支持。“

虽然网上有很多资源,但是这些链接对于开始交互设计基础是很好的:

  • 交互设计最佳实践

  • 2015年和2016年互动设计趋势

  • 基于Usability.gov的交互设计基础

  • 完整的初学者交互设计指南

交互设计器的角色

任何作为交互设计师工作的人都很可能具有审美设计技能。最好的交互设计师知道如何使用Photoshop/Sketch,并充分理解设计原则。

但是专注于交互的人比漂亮的界面特性更深入,深入到网站的互动性以及它是如何在实际使用网站中发挥作用的。



这包括在设计岗位这就解释了交互设计人员是那些致力于创建有意义并遵循自然流程的吸引人的界面的人。

逻辑推理技巧是必要的,因为它们在交互设计过程中起着重要的作用。

任何在IxD工作的人都需要进行批判性的思考,并将自己置于用户的参考框架中,以便对如何查看特定的按钮、表单或菜单做出假设。

但是交互设计师也必须考虑诸如空白、排版和定制动画等美学效果的细节。交互设计人员基本上涵盖了与界面相关的所有内容,包括视觉和功能。

一些交互设计师也做前端开发,以使他们的想法在浏览器中的生活。其他人更喜欢使用这样的程序后效若要创建可传递给在代码中重新创建这些动画的开发人员的可视动画,请执行以下操作。


交互设计师喜欢把界面看作是人类和机器交流的媒介。设计者创建一个界面,用户根据本能的行为和过去的经验与它进行交互。这就是为什么那句老话不要重新发明轮子适用于交互设计。


其目标是创建易于学习和从零开始拾取的界面。您不需要向用户解释太多;应该非常清楚地知道可以做什么和如何做,并且用户的发现过程应该是非常自然的,最少的挫折。

让我们看看一些技巧,看看如何做到这一点。

定向用户操作流

每个接口都是用来交互的。界面可能很漂亮,但它们不是绘画。

这意味着交互设计人员应该考虑用户的移动以及他们通过网站所采取的行动。这些操作定义了它们的目标,如果它们无法完成特定的目标,那么很可能是接口问题。


每当从事新项目时,都要写下用户目标列表。一旦登陆页面,用户会做什么?你(作为设计师)希望通过指导用户达到什么目的?想想来自不同场景的流程。

  • 用户输入页面、博客帖子或单击主页的位置。
  • 他们的潜在行动是什么?他们会和什么互动?
  • 他们能去哪里,为什么要这样做?

你需要首先考虑给网站用户的选项。他们到底能做什么?

那么你需要考虑你想让他们做并从理论上说明了帮助他们实现这种互动的最快途径。


用户流是他们从一个地方到另一个地方的方式。它描述了用户如何从着陆页移动到预定的转换目标。这条路上的每一件事都是交互设计人员的工作,它可以包括改进的排版,按钮的放置,经验映射、改进的复制或许多其他因素。

每个界面的创建都应该考虑到一个目标。因此,每个交互设计器都在创建一个目标驱动设计这是每个数字接口的基础。

利用微观相互作用

微相互作用你在网站上看到的确实有很大的不同。一项研究宾州结论是,小的平权动画可以说服用户与界面进行更多的交互。

根据下一个网站的帖子微观互动有很多好处。最终,它们都归结为与用户的通信,以便他们知道发生了什么事情;打开或关闭开关,按下按钮,提交表单(成功与否)。


微交互也可以是引导用户进一步进入界面的小提示或工具提示。他们并不总是需要动画,但是小小的动画小贴士会吸引用户的注意,并给界面一个更加优雅和专业的外观。

下面是Twitter周年纪念的一个有趣的例子。他们更新了类似的图标(这现在是一个心脏),动画被改变为更多的节日气氛。


微交互作用分解为最小的交互测量单位:点击、卷轴、滑动和悬停。在发生某事之前和/或之后向用户提供信息。只要看一下设计,他们就能猜出一些东西会做些什么。

这通常被称为触发/反馈循环,用户做一些事情,然后网站以预期的方式作出响应。这些交互作用是因为他们感觉到人类并赋予界面生命。

你可以找到许多其他的技巧和很好的例子。在这个岗位上由WDD。

图像学与符号学

图标是交互设计的重要组成部分。这些帮助指导用户通过提供视觉线索与元素交互。图标对于在没有文字的情况下传达想法是很重要的,但是你需要依靠可识别的形状来找到它们的任何价值。

有一个伟大的研究尼尔森集团这说明熟悉在图标识别中起着重要作用。由于许多图标没有文字标签,用户需要本能地理解图标的含义。

小图标有帮助基本通讯因为我们都能识别打印机图标或新页面图标。但非常详细的图标提供类似的指导,但以一种非常不同的方式。


考虑使用图标的原因以及哪种设计风格最有效。小肚脐链接操作更简单的图标。石炭就是一个很好的例子。


但详细的图标可以更好地工作在页面上的视觉效果。它们传达了非常具体的想法,通常是在上下文中,在用户的脑海中描绘出一幅关于产品提供什么或如何工作的画面。

交互设计人员需要学习如何为工作选择最好的图标。如果操作正确,这些视觉效果会进一步吸引用户进入网站,为布局提供美学上的补充。

与用户一起打开对话框

用一种人道的语气写内容和缩微。这是我能给出的最好的建议,比你想的更重要。

每个网站都使用缩微拷贝,从单一的登陆页面到像谷歌这样的企业集团。每个按钮标签、表单占位符和特征列表被认为是缩微拷贝。


这些小拷贝通常提供与交互设计相关的方向或信息。他们可以帮助引导用户,告诉他们某些按钮做什么,下一步去哪里,甚至整个网站都是关于什么的。


一个很好的经验法则书写缩微拷贝就是写用户想要的,而不是你想要的。

背景就是一切。重要的是要考虑用户可能觉得当你第一次登陆你的页面。他们能弄清楚这个网站是关于什么的吗?如果没有,你如何才能使这一点更加明显?缺少哪些信息来填补这一空白?

清晰度和一致性都是良好界面的关键。请记住,这包括视觉清晰度和内容清晰度。

你怎么开始的?

交互设计是一个很好的职业道路,特别是当你已经熟悉网站或移动应用程序的界面设计时。

IxD跨越UI在许多地方,但它不仅仅是美学和排版。你得考虑一下该网站如何运作以及用户如何交互来实现这些操作。

一个伟大的活动是练习你的分析能力。


浏览你的最爱灵感画廊以及访问量最大的网站。研究它们的交互设计技术。

例如,在Facebook或Twitter的主页上,你的第一个行动是什么?这是本能吗?容易吗?你是否感到困惑,或者你知道该点击/滑动什么?

研究现有的接口,做笔记,并了解它们是如何工作的。把这些笔记应用到实践项目中,然后继续前进!随着时间的推移,你会有一个小的投资组合,可以开始四处逛街寻找演出。


这个交互设计的未来充满了就业机会。无论你是希望成为一个UI设计师,UX设计师,甚至平面设计师,这些IxD原则无疑将证明是有用的。

要了解更多关于代理机构正在寻找的信息,我推荐这个职位由一个20年的UX设计经验。他分享了你应该学到的一切,以及当前市场对UX设计者的期望。

包起来

交互设计不会在短期内消失,随着设计领域的推进,它将带来更大的洞察力。无论您是喜欢在可视化上工作,还是作为开发人员,这些技巧都是非常重要的,这样您就可以了解交互设计在创意过程中的位置。

如果你想成为一名交互设计师,你能做的最好的事情就是练习。学习接口,构建接口,永不停止学习。