3450399331
网站设计

怎么样设计手势驱动的UI

发表日期:2024-11-01   作者来源:www.zhongyugd.com   浏览:0   标签:网站制作    

请记住,制作手机网站或者APP时,用鼠标悬停和点击的时间是用于与网站或应用程序进行交互的最常见的触发器?当苹果推出第一款iPhone时,多点触控技术成为主流,用户获悉,他们不仅能够点击并点击界面,还可以捏住,传播和滑动。手势成为新的点击。

今天,移动UI的成功可以通过用手势的有效性来做出。

怎么样选择好的手势

当你在UI中嵌入手势时,知道你的市场和你的目的受众可能用的其他应用程序至关要紧。尝试在你的应用程序中用相相同种类型的手势。如此,你不仅能够依据目的市场的行为来优化用户界面,还可以从刚开始就为用户设计一个更舒适的办法。

教学手势

手势是每一个移动应用程序必须具备的条件,但用户显而易见的是一个挑战。触摸界面提供了很多机会,用自动手势,如点按,滑动和捏合来完成任务,但与图形用户界面控件不同,基于手势的交互总是被用户隐藏。所以除非用户先前了解手势存在,不然不会尝试。

因此,发现设计至关要紧。你需要确保你提供正确的线索 - 视觉符号,帮助用户轻松发现他们怎么样与界面交互。

防止在登机时的课程和演练

课程和演练是手势驱动的应用程序相当受青睐的训练。在很多状况下,将课程合并到应用程序中意味着向用户显示一些说明来讲明该界面。但,UI课程不是讲解应用程序核心功能的最佳雅的方法。前期课程的主要问题是用户需要记住用该应用程序的所有新办法。太多的信息或许会致使更多的混乱。比如,清除应用程序从强制性的7页课程开始,用户需要耐心阅读所有信息,并尝试将它提交到其内存。这是糟糕的设计,由于它需要用户即便在实质尝试应用程序之前进行工作。

在行动背景下进行教育

在教会用户用你的UI时,我建议主要通过在操作的上下文中进行教育(用户实质需要时)。为了教大家一个新的手势,你需要慢慢开始。给定一些迭代,指令可以转化为更渐进的发现。用时间提示,并专注于讲解单个交互,而不是尝试讲解用户界面中的每一个可能的操作。通过提供明显的语境线索来提示手势。

你可以在下方看到Android应用程式的「姿态教育」画面。该应用程序具备基于手势的交互,但不用课程来指导用户。相反,它会用在新用户的首次启动中出现的提示,当用户到达应用的有关部分时,一次一个。该技术基于文本命令,其提示用户实行手势,并用简短明确的描述描述交互结果。

用动画来交流手势

手势可以用,就像没动画一样。作为设计师,你可以用动画来传达有关可用操作的信息。比如,为了用户意识到他们可以与特定元素进行交互,你可以在交互式元素上创建一个文本命令,并对交互结果进行动画化,如下面的示例所示。

基于动画的用法,有三种时尚的技术来帮助教育用户。第一个是一个提示动议。提示动作或动画视觉提示显示了在实行动作时怎么样与元素进行交互的预览。它旨在创建手势与其触发的动作之间的关联。比如,布丁怪物的游戏机制完全基于手势,但它们允许用户获得基本的想法,而不需要猜测。动画传达关于功能的信息 - 一个场景用动画展示,用户立即了解该干什么。

第二种方法是内容挑逗。内容挑逗是微妙的视觉线索,表明什么是可能的。下面的例子演示了卡的内容挑逗 - 它简单地表明,目前卡片后面存在其他卡片,这使得清除滑动是可能的。

我想提到的第三种和最后一种技术是可以承受的。你可以给UI的一些元素提供高可用性,将用户指向界面中的功能,并用弹跳或脉冲作为可用手势的指示。这种技术的一个例子可以在Apple iOS中找到。当用户点击相机图标时,锁定屏幕会弹出,显示下方的相机应用程序。

结论

虽然触摸手势对大家来讲肯定是真实的,但有一些设计技术可以让用户窥探可能的。只不过时间提示,动画提示和内容调戏是隐藏的手势可以揭示的一些方法。

新闻标题怎么样设计手势驱动的UI

如没特殊注明,文章均为建站精灵 原创,转载请注明来自http://www.huijianjun.com/news/3/15278.html
上一篇:

下一篇: