加入收藏 | 设为首页 | 会员中心 | 我要投稿 源码网 (https://www.900php.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 移动互联 > 应用 > 正文

如何利用微交互改善移动应用设计?

发布时间:2022-11-18 15:01:38 所属栏目:应用 来源:未知
导读: 当我们考虑微交互时,系统反馈是首先想到的地方之一。无论设计哪种产品,都应始终努力让其看起来更直观,微交互通过提供反馈使用户保持了解的状态。
涉及日常体验中的反馈时,考虑整个操作

当我们考虑微交互时,系统反馈是首先想到的地方之一。无论设计哪种产品,都应始终努力让其看起来更直观,微交互通过提供反馈使用户保持了解的状态。

涉及日常体验中的反馈时,考虑整个操作流程至关重要。如果设计一个支付系统设计和应用,则需要为每笔交易都提供出色的反馈。

设计和应用_为所有幻灯片应用考生文件夹中的设计模板_所有幻灯片应用设计模板moban01pot怎么做

2. 防止错误

很多帮助用户处理错误状态的设计做得很好,但是最好的设计是能够预防他们出现错误。当遵循这种方法时,用户就能够自己控制产品的体验。

每当Gmail检测到可能危害用户的内容时,都会触发一条消息,通知用户有关潜在危险的操作。

所有幻灯片应用设计模板moban01pot怎么做_设计和应用_为所有幻灯片应用考生文件夹中的设计模板

填写表单后出现错误也会让许多用户感到沮丧。填写表单时,利用微交互实时反馈,向用户传达登录信息是否满足所有要求,避免填写后出现错误又要重新开始的麻烦。

所有幻灯片应用设计模板moban01pot怎么做_为所有幻灯片应用考生文件夹中的设计模板_设计和应用

3. 无缝交互

交互成本的概念在人机交互中起着至关重要的作用。尼尔森诺曼集团(NNGroup)将交互成本定义为用户花费精力与产品进行交互,达到目标花费的精神和物质的总和。

交互成本是可用性的直接衡量标准——用户在交互上投入的精力越少,产品的可用性就越好。

无缝交互是不需要太多精力的交互,微交互可以帮助我们创造出无缝的体验。

许多移动应用中都可以找到无缝交互的示例:

滑动——滑动卡片帮助用户快速浏览不同的选项。

设计和应用_所有幻灯片应用设计模板moban01pot怎么做_为所有幻灯片应用考生文件夹中的设计模板

下拉刷新——拉动刷新是用户触发微交互的一个很好的例子,通过刷新,用户可以检索到更多内容,使数据更新的体验变得更流畅。

设计和应用_为所有幻灯片应用考生文件夹中的设计模板_所有幻灯片应用设计模板moban01pot怎么做

4. 人机体验

将情感融入设计中,可以在人与计算机之间建立更好的联系。

进行互动时,可以从类似动效反馈之类的内容开始。在下面的示例是Twitter的动画反馈,当用户点赞时,Twitter将在短时间内让内心动起来,这是鼓励喜欢的简单但有效的方法。

所有幻灯片应用设计模板moban01pot怎么做_为所有幻灯片应用考生文件夹中的设计模板_设计和应用

在实现重要目标或完成重要任务的时刻,利用微交互增强这些时刻,获得更好的结果。当收件箱为零时,Gmail会显示动画反馈。

设计和应用_所有幻灯片应用设计模板moban01pot怎么做_为所有幻灯片应用考生文件夹中的设计模板

四、微交互设计注意事项

创建微交互是设计过程的一部分,微交互不是在现有体验之上添加东西,而是产品设计的基本要素,应该从开始就在设计中考虑。

建立长效的微交互确实是一项挑战。不仅要分析用户如何使用产品,还要分析他们的体验。对设计元素的反应全都与情感有关,因此,如果用户对产品有负面情感,很明显必须重新设计某些元素。

要点总结:

微交互使产品个性化,我们使用产品的体验也是大大小小的细节总和:

微交互指导用户采取特定动作,继续使用产品。微交互模型包括四个部分:触发,规则,反馈,模式和循环。微交互的作用——提供完整反馈预防用户出错,与产品无缝交互,增强使用体验。

原文:

(编辑:源码网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!