当前位置: 新闻中心 网页设计 网站微交互:详细设计

网站微交互:详细设计

“最好的产品在两方面做得很好:功能和细节。功能是吸引人们使用您的产品的原因;细节是让它们在那里的原因。” Dan Saffer说。细节的重要性不能过分强调。详细信息使用户喜欢或讨厌应用或网站。微交互就是那些细节。在全局设计方案中,它们可能很容易被忽略,但实际上它们将整个体验结合在一起。

在本文中,我将解释什么是微交互作用,为什么它们如此重要并提供一些出色的例子。

 

什么是微交互

微交互是围绕完成单个任务的微妙时刻。我们周围几乎所有的应用程序都充满了微交互。

微交互的最著名例子早在发明计算机之前就已经存在。开/关开关通常是人们与产品接触的第一个微交互。


特定微相互作用的其他一些示例包括:

  • 当您将iPhone切换为静音时,振动通知以及静音模式图标将显示。
  • 一键刷新UI模式。通过将用户寻找更多内容的愿望与刷新动作联系起来,体验变得更加无缝。


图片来源:Ramotion

  • 社交网络上的“喜欢”按钮,通过使用交互式动画突出显示更改。这样的反馈通知用户他们在喜欢该帖子的人的列表中。


图片来源:Dribbble

 

他们为什么工作

简而言之,微交互使用户界面的机器更少,更人性化,从而改善了用户体验。很多时候,我们都会考虑外观,以及外观与设计之间的关系。当我们考虑微交互时,它们几乎平衡了用户对产品,服务或品牌的感受。微交互可通过以下方式微调以人为本的设计:

  • 提供即时反馈 -视觉反馈吸引了用户对确认的自然渴望。用户立即知道他们的动作已被接受,并且他们希望通过视觉奖励感到高兴。
  • 充当交互的促进者 —微交互具有鼓励用户实际交互的能力。他们可以指导用户如何使用该应用程序。
  • 带来乐趣 —微交互是在不减损主要体验的前提下,为设计带来更多额外乐趣的绝佳机会。

 

额外的好处

由于微交互本质上是短暂的,因此必须将其设计为可重复使用。精心设计的微交互功能可以创建:

习惯循环

微交互是习惯循环的关键组成部分。当人们反复执行相同的动作时,就会形成习惯。典型的习惯循环包含三个元素:

  1. 提示—启动动作的触发器
  2. 常规-根据提示,您执行一个操作
  3. 奖励-完成例行活动所获得的好处,完成操作的理由

奖励越强,习惯就越强。

Facebook关于新朋友请求的通知是习惯循环的一个很好的例子:红色徽章和白色图标(cue)表示有一个新请求,这使用户单击该图标(例程)以查看有关该人的信息(奖励)。一段时间后,用户在看到红色徽章时会自动单击图标。

签名时刻

如果做得好,微交互可以成为增加客户忠诚度的标志性时刻。签名时刻是微交互,已被提升为品牌的一部分。考虑一下Facebook的“赞”按钮。它成为Facebook界面的自然组成部分。如果Facebook突然删除了此功能,则用户会注意到它并认为该应用已损坏。

 

识别机会

微交互的优点之一是,它们可以围绕任何潜在的动作插入各种位置。微交互有利于:

突出变化

微交互可以吸引用户的注意在许多情况下,使用动画来吸引用户对重要细节(即通知)的关注。


图片来源:Dribbble

减少用户的工作量

自动完成是微交互的一个很好的例子。键入具有很高的交互成本;即使使用完整的键盘(在触摸屏上更是如此),它容易出错且耗时。自动完成功能可帮助用户更快地提供正确的答案,而不会出现印刷错误。键入每个字母时,系统将对您要查找的单词做出最佳猜测。


图片来源:fancy.surge.sh

提供反馈以表明已完成的工作

微交互可以增强用户正在执行的动作。通过遵循“ 显示,不说”的原则,您可以使用动画反馈来显示已完成的工作。Stripe的示例中,当用户单击“付款”时,微调器会在应用程序显示成功状态之前短暂出现。复选标记动画使用户觉得自己很容易付款,并且用户确实喜欢这些重要的细节。

提供状态信息

雅各布·尼尔森(Jakob Nielsen)提出的第一个可用性启发式原则指出:系统应始终使用户了解正在发生的事情。聊天中的键入指示器是提供状态信息的微交互的一个很好的例子。在聊天中编写消息时,它会显示在您的好友的屏幕上。


图片来源:Dribbble

验证用户数据

错误处理是表单设计中最重要且经常被忽略的方面之一但是,犯错误是人的天性,您的表格也可能不受人为错误的影响。用户不满意填写表单的过程,只是在提交时才发现错误。这是验证微交互在用户友好形式中发挥作用的地方。实时在线验证可立即通知用户所提供数据的正确性。这种方法使用户可以更快地更正他们犯的错误,而不必等到按下提交按钮才能看到错误。如果做得正确,它可以将模棱两可的互动变成清晰的互动。


鸣谢:Dribbble

 

结论

网站设计制作细节中。即使是细微的细节也应引起密切关注,因为所有这些微小的时刻都构成了感觉,它们共同构成了一个美丽的整体产品。

“我们喜欢的产品与我们只能忍受的产品之间的区别通常是我们与产品之间的微交互作用。” — Dan Saffer

如果您在乎用户体验,则必须在意微交互。因为您的产品与人们所拥有的最小的微交互性一样好。 


返回观点列表
本文标签:

相关专题

  • 品牌官网设计
    品牌官网设计

    杭州派迪科技为高端客户提供品牌官网咨询策划,品牌官网设计,品牌官网建设开发服务,以国际化视野和标准为基础,为各行业领军品牌提供高端企业网站定制、策划、设计、互动与制作

    查看详情
  • 大策略营销门户网站
    大策略营销门户网站

    杭州派迪科技有自己的营销型网站CMS系统,适合白帽SEO网站。特别对大策略的营销型门户网站制作有一定的经验,曾经为上海天擎外贸行业网站、浙江兆龙营销型门户、先临三维门户营销网站提供全程的技术支持及SEO优化指导

    查看详情
  • 集团/上市公司网站
    集团/上市公司网站

    杭州派迪科技为杭州本地集团公司提供网页设计、制作、开发服务,为集团公司网站建设提供了响应式、营销型、品牌型、门户型网站建设需求,欢迎广大集团公司客户咨询

    查看详情
  • 外贸网站建设
    外贸网站建设

    杭州派迪科技为高端客户提供外贸网站咨询策划,外贸官网设计,外贸官网建设开发服务,以谷歌搜索引起算法为基础,为各行业外贸公司提供高端企业外贸网站定制、策划、设计、互动与制作

    查看详情
  • 企业网站建设
    企业网站建设

    高端专业、令人印象深刻的用户界面、易于访问——企业网站必须反映一切,因为派迪科技在这里提供帮助,凭借精湛的技术、丰富的经验、与客户的持续沟通以及对每一个细节的关注,我们确保在快速的周期时间内提供优质的服务。

    查看详情
  • 半定制网站
    半定制网站

    杭州派迪科技模板网站建设专题_各行业方案专题栏目提供各行业产品适合的网站建设方案,帮助企业了解派迪科技建站效果等信息,您可以通过本站了解各行业网站建设方案,如需要获取本行业定制网站建设方案,可以联系在线客服或拨打电话咨询

    查看详情

体验从沟通开始,让我们聆听您的需求!

开始您的数字化品牌体验! 15158117070 期待您的来电!

[ 网站建设×品牌官网设计×大策略营销门户×微信小程序开发×微信公众号开发]

派迪业务总监微信号

派迪业务总监微信号

了解最新项目报价

派迪产品经理微信号

派迪产品经理微信号

免费获取项目策划

我们正使用 cookies 来改善您的访问体验

派迪科技非常重视您的个人隐私,当您访问我们的网站www.hzpady.com时,请同意使用所有cookies 。

如果您想详细了解我们如何使用cookies请访问我们的 《隐私政策》

Cookie 偏好

如果您想详细了解我们如何使用cookie请访问我们的 《隐私政策》

管理cookie偏好

基本 cookies

始终允许

这些 cookies 是网站运行所必需的,不能在我们的系统中关闭。它们通常仅针对您所做的相当于服务请求的操作而设置,例如设置您的隐私首选项、登录或填写表格。您可以将浏览器设置为阻止或提醒您有关这些 cookies 的信息,但网站的某些部分将无法运行。这些 cookies 不存储任何个人身份信息。

性能 cookies

始终允许
这些 cookies 使我们能够计算访问量和流量来源,以便我们可以衡量和改进我们网站的性能。它们帮助我们了解哪些页面受欢迎和不受欢迎,并了解访问者如何在网站上移动。这些 cookies 收集的所有信息都是汇总的,而且是匿名的。如果您不允许这些 cookies,我们将不知道您何时访问了我们的网站,也无法监控其性能。

功能性 cookies

这些 cookies 收集信息用于分析和个性化您的定向广告体验。您可以使用此拨动开关来行使选择不获取个人信息的权利。如果您选择关闭,我们将无法向您提供个性化广告,也不会将您的个人信息交给任何第三方。

定位 Cookies

这些 cookies 可能由我们的广告合作伙伴通过我们的网站设置。这些公司可能会使用它们来建立您的兴趣档案,并在其他网站上向您展示相关广告。它们不直接存储个人信息,而是基于唯一标识您的浏览器和互联网设备。如果您不允许使用这些 cookie,您将体验到较少针对性的广告。

我们正使用 cookies 来改善您的访问体验

派迪科技非常重视您的个人隐私,当您访问我们的网站www.hzpady.com时,请同意使用所有cookies 。

如果您想详细了解我们如何使用cookies请访问我们的 《隐私政策》