首发于极光日报
让移动交互更好的 7 个提示

让移动交互更好的 7 个提示

简评:移动端设计的优劣其实很容易看出来。当用户能轻松流畅地在你的产品中完成各项动作,那说明这个 App 或者网站设计得不错。反之,一个糟糕的设计,用户也能很轻易从简单的操作中感受到。

移动应用和网页的设计必然应该具有良好的易用性和交互性。设计师的任务便是创建一个直观的界面,引导用户快速流畅地操作,达成目标。

本文将从 7 个方面阐述提升移动端交互设计的基本策略。

1. 提高可学性

每个设计师都致力于创造一个独特的产品,以及原创的交互和导航系统。

成功的原创产品固然能让自己在市场中引人注目、脱颖而出。然而,创新设计在很多时候意味着与众不同,意味着反常规。用户在这个全新的环境下是需要适应时间的。

如果这个交互系统的逻辑不够清晰,或者不符合受众需求,那么就会让用户在使用过程中感到困扰。这种时候用户往往会因为不可调和的冲突而选择放弃,继而离开。

因此,设计师要着重关心交互元素的「可学性」,降低用户学习成本。简而言之,可学性意味着用户在第一次使用过程中就能轻松地完成任务,以及用户能够基于过往经验快速学会新的交互模式。

所以设计师应该尽量保持交互的简单直观,还有交互的自然逻辑性。

2. 考虑不同的握持方式

移动设备,特别是智能手机,也分不同的握持方式,而不同握持方式时交互也是不同的。

最常见的握持场景是:

  • 单手握持,拇指交互
  • 一只手握持,另一只手的手指进行交互
  • 双手握持,拇指交互
不同握持方式

了解到这个情况后,就需要考虑界面布局和元素放置的位置是否合适了。

第一种单手交互的情况需要特别关注,它的舒适触及空间是最小的,因此将关键组件放置在屏幕底栏或许是个好主意。另外,界面元素的触发区域也应该足够大。

3. 应用识别模式

直观易用的界面交互,包含了用户熟悉的识别模式。借助识别模式来设计用户界面和交互,会更加高效,它们是用户已经熟悉的元素,以及对应用程序如何工作的提示。

举个例子,购物类 App 的产品界面中,通常会有购物车和购买按钮,支付和购买的方式都大同小异。用户在使用的时候就会更加自如。

这也就是为什么许多界面设计中都包含标准化组件,这样一个新的应用程序也不会因为全新的环境而吓到用户,有助于用户快速上手。

4. 干净清爽的设计

移动端的小屏幕是设计的一大挑战,设计师要弄清楚如何在小屏幕中塞下自己想放进去的内容,而又不会让用户界面变得臃肿杂乱。干净的用户界面有利于用户与产品进行快速的互动,所有核心元素都可以轻松触及。

要让界面干净清爽,可以尝试使用图标作为交互组件。文本元素通常会占据更多的空间,信心传递效率也不如一个简单的形状更快速。不过,图标设计上要注意它能够被用户正确识别,因此可用性测试必不可少。

5. 减少冗余操作数

历经一个复杂的流程才能完成任务,这种体验太糟糕了。

移动应用是为了解决用户问题而存在,而不是创造更多问题。因此移动应用应该尽量采用更简洁的流程提升操作效率。

记住一点,用户评价应用程序不是这个应用多厉害,而是它对于用户来说是否更好地解决了问题。

6. 添加游戏机制

所谓简洁界面其实也是有弊端的,那就是如何吸引用户关注。因此把情感元素带入产品设计中就很有必要了。

在这个过程中,游戏化机制或许可以试试。

将游戏机制应用到移动应用中,用各种各样的挑战和奖项激励用户与产品进行更多的互动,并且不停地为产品提供有效反馈。

更重要的是,加入用户历程之后的游戏化设计,能让整个产品布局更加清晰,并且用户会在用户历程中逐步变化和成长,这也会催生产品的新发展方向和可能性。

当然,最显而易见的好处就是游戏化设计能让产品更加有趣,让用户得以放松。

7. 可用性测试

可用性测试必不可少,它通过对潜在受众进行测试来帮助评估该应用程序。

通常在产品开发阶段前进行可用性测试,这个时候能够对方案进行调整和修改,消除各种问题,确保产品满意度。

一个看似简单的移动交互系统其实并不容易创建,共勉。


原文链接:

7 Tips to Enhance Mobile Interactions

分类收藏:

产品 | 设计 | 技术 | HackLife | Photography

推荐阅读:

编辑于 2018-11-05 16:34