交互网站设计已经存在,因为我们已经足够复杂,甚至可以开发基本工具。这是发明,优化和迭代先前成功的过程,不仅使事情变得更好,而且使我们的用户更加熟悉。
这是一项不仅限于任何行业的技能,但它的声誉主要是成为现代设计师的乐器。
在Web上,我们使用交互设计原理使事物变得熟悉,并使用户在实际使用之前已经知道如何使用新概念。确保我们的用户对产品,服务甚至UI模式感到舒适和熟悉,这对我们的工作方式产生了巨大的影响。
详细的交互设计和研究可以带来大大改善的用户体验,以及更易于访问的产品。在将新的(甚至革命性的)想法推向市场时,交互设计对于确保这些浮华的新事物易于使用并让我们的客户感到熟悉至关重要。
苹果在最初的iPad的发布中使用营销手段就是这一过程的杰出例子。平板电脑的想法已经出现并得到了尝试,但是苹果公司在使该设备看起来毫不客气的工作中,自然加快了其作为新平台的成功。
使我们的用户感到舒适的握持,使用甚至思考新的想法或产品对于用户体验设计至关重要。
“要求用户采取新的行为甚至改变他们现有的行为是非常非常困难的。”- Mixel的Khol Vinh
Web上的网站交互设计
Web上的交互设计主要集中在用户界面和布局上。与其他介质相反,这是独特的,因为几乎有数百万个几乎所有用例的示例。因此,找到一个基础要迭代是一个问题,而不是完全寻找基础。
像资源PatternTap或Pttrns是梦幻般的资源进行比较,并从现有的模式中寻找灵感。诸如图标,导航甚至是404页面之类的东西都有各自的类别。能够以这种方式与行业其他部门合作,使在线格式变得如此独特。它允许对有效的方法和无效的方法进行大规模原型设计和大规模研究。
使用提供良好UX的模式
如果选择每次都适用于导航,图标,列表或其他任何东西的经过验证的真实模式那样简单,那么;我们将失业。良好的用户体验建立在扎实的研究和试用基础上。
在类似情况下可能对其他人有用的东西可能对您不起作用。因此,进行我们自己的分析,实验和测试始终很重要。
首先,我们要查明用户的期望。例如,如果我们计划在页面上放置导航,则常识告诉我们我们的用户希望页面导航位于顶部样式中的顶部或顶部。然后,我们将要确定这些用例中的哪一个对我们的特定情况(侧边栏还是标题)是理想的,并希望有数据可以支持该假设。这是交互设计过程的非常简单的粗略示例。
使用新兴的用户模式
常见使用方式或多或少被视为“安全”赌注。大多数人都知道它们的意思,我们知道我们的用户将如何期望他们发挥作用,而他们的普遍使用告诉我们这是人们满意的(或很快就会实现)。另一方面,新兴模式则更为戏剧化。这些模式是新的,浮华的,还不够完善或通用,以至于我们的用户不会立即理解它们。它们可能导致混乱,不满意,甚至使界面看起来设计不良。
综上所述,新兴的模式之所以独特是有原因的。虽然不是每个人都了解它们或不熟悉它们,但它们可能很快就会出现。他们值得关注一个简单的事实,那就是没人愿意成为实现新功能的最后一个人。随着某些交互的日益流行,有时我们的用户甚至期望我们在某个特定点之后实现它们。因此,尽管新兴模式看起来很粗略,但如果风险较低,那么有时值得早日采用。
汉堡图标崩溃
汉堡图标的出现是一种新兴(且引起争议的)使用方式的例子。 尽管在表达其功能方面肯定值得商,,但没有人可以否认它是一种越来越流行和成功的模式。即使对于不了解其用途或含义的用户,单击或单击也可显示此类信息。只需在图标旁边添加“菜单”一词,即可轻松地将汉堡图标变成一种非常容易理解和流行的样式。终有一天,汉堡包图标可能像使用“ X”关闭一样无聊而司空见惯。
用户界面就像一个玩笑。如果您必须解释一下,那不是很好。— 马丁·勒布朗
训练我们的用户变得舒适
不得不解释我们界面的功能通常意味着它不是那么好。但是,如果没有这样的新思想培训,我们将永远无法取得进展。与其不寻求任何解释,不如说我们仅寻求很少的解释。如果我们必须在用户界面中提供小册子,可以肯定地说我们做错了。如果只需要一句话或简短的说明来解释功能,我们仍然可以做得更好……但这当然可以。简而言之,如果我们没有正确地向用户展示新事物,那么任何新事物都不会变得舒适-这有时意味着解释我们的想法。
打破模子
异常的模式变得流行,并时不时弹出。我们已经看到,诸如水平滚动和视差页面之类的交互在没有UX含义的情况下就已经普及。有时候,打破常规并做一些独特的事情可能会产生一些美丽的东西,但仍然可以满足用户的需求。我们不应该害怕尝试和尝试新事物,尤其是在交互设计领域。我们都可以追寻发现使我们的用户更舒适,更清楚地指定其功能的模式。
结论
杭州网站建设我们的UI时,仔细选择使用模式可能会导致用户在使用它之前就了解我们并对其感到满意。当我们在利基市场或相对较新的产品或服务中工作时,使它们更易于使用将使我们所有人受益。
交互设计的独特之处在于,它很大程度上是一种协作科学,它是我们渴望将新想法交到用户手中而产生的。
特色图片/缩略图, 通过Shutterstock 了解的行为图片。