Navigation menu

0755-82192581
  • Contact us
  • 0755-82192581
  • 深圳市罗湖区嘉宾路深华商业大厦9楼(地铁1号线国贸站B出口既是)

    3375726676@qq.com


    © 2007-2021 All Rights Reserved.
  • 策略型高端网站设计公司

    Strategic advanced website design company

    View More
  • 网站设计如何使用微交互

    时间:2022-03-13  作者:尼高GARY  来源:https://www.niegoweb.com
    前面我们已经分享了网站设计中微交互的作用,我们已经确定微交互非常棒,但并非您的应用程序或网站上的每个 UX 交互都需要一个贯穿整个线框图的交互。过度使用此工具可能会使您的设计想要提供的整体创意体验饱和。更糟糕的是,它甚至可能最终混淆信息层次结构。它破坏了设计并使用户感到不适和烦躁的体验失衡。因此了解何时准确使用它们至关重要。


    网站设计交互

    让我们看看有多少微交互的快速提示可以提升和人性化您的移动用户体验:

    向右或向左滑动:标志性动作完全基于著名的 Tinder 应用程序中的滑动微交互。滑动比单击或点击更容易。

    号召性用语:  作为付款或订单最后一步的一部分,发出“确认订单”或“立即预订”提示,这会给任务带来紧迫感。结果,采取行动感觉就像一个小成就。

    系统状态:您的应用用户想知道发生了什么。系统状态让他们知道他们正在朝着正确的方向前进,并有助于避免混淆。有时,用户在上传图片、下载文件或填写注册表时甚至会失去耐心。

    经典通知:用户需要快速提醒他们放弃的购物车中选择的产品/愿望清单,同时减少注意力。一个简单的通知可以推动他们完成购买。

    按钮动画:动画按钮不仅可爱,还能帮助用户快速浏览移动应用程序。尝试与动画相对应的有吸引力的颜色、字体、大小、形状和剪贴画元素,并创建在点击或悬停时弹出的酷按钮。

    动画文本输入:  一个可爱元素的简单过程,例如在将数据输入表单或填写支付卡详细信息时放大,可以增强用户体验。

    奖励成就:对于教育和健康应用程序尤其如此,用徽章或鼓励赞美庆祝大大小小的里程碑的微交互可以加强用户对应用程序的参与。

    相关案例

    OTHER CASE