大量的移动产品设计模式

如果您是移动产品设计师，则您可能同意以下观点: 提及他人的设计并非窃. 这不仅是最佳实践方法，而且是一种设计模式，并且符合业界主流设计趋势，同时还确保以用户熟悉的方式创建可用的界面.

有人可能会说，坚持设计标准并遵循他人的步骤会扼杀创造力，而如今，所有应用程序看起来都一样. 从用户体验的角度来看，我看到了一个不同的问题. 您认为Google，Facebook和Instagram总是正确的，因此您习惯了采用它们的方法，因为它们的设计目标与您的相同，因此您不会对此表示怀疑.

我还总结了一些过去可能被认为是最佳实践的设计模式，但结果可能不如您想像的那样.

1. 隐藏导航

在业界最受欢迎的设计社区中，至少有500,000篇相关文章分析汉堡包菜单（指折叠菜单并将其隐藏在抽屉中，因为菜单图标的名称类似于汉堡包），但是越来越反对这种设计模式，我认为这并不是因为每个人都厌倦了美学. 简而言之，我们并不是在谈论图标本身，而是隐藏在图标后面的导航.

灵活的幻灯片菜单，易于使用

汉堡导航非常容易设计. 您不必担心屏幕空间上的内容太多，只需将整个导航隐藏到左侧，然后在导航内容超过一个屏幕时滚动覆盖图即可.

但是，实验表明，以更明显的方式展示菜单选项可以提高用户的参与度和满意度，甚至可以提高整体转化率. 这就是为什么现在每个人都从汉堡菜单切换到易于发现的标签菜单的原因.

YouTube显示菜单

2. 无处不在的图标

由于屏幕空间有限，在大多数情况下，请尝试使用图标代替文本标签，这样可以节省一些空间. 图标包含丰富的隐喻，大多数图标表示可以被用户识别而无需更多了解的含义，并且大多数用户也接受此方法.

但是，图标有其自身的局限性. 假设您从未使用过Google Translate，您能知道该图标代表什么功能吗？

Google翻译

仅当用户单击图标并弹出手写输入界面时，他们才知道该图标的原始含义是手写功能. 当用户无法清楚地指向功能入口时，用户通常不会主动使用此功能，从而阻碍了功能的公开.

这是一个非常普遍的误解，因为我们自然会假设用户熟悉抽象图形移动设计模式库，或者他们愿意花更多的时间探索和学习如何使用您的应用程序，包括下面的神秘选项卡（如果不是的话） ，只需查看图标即可. 你能理解这个圆和六边形代表什么吗？

如果设计一个不太容易识别的图标，则希望通过弹出框提示用户以使其易于理解. 这实际上不是一个好的解决方案，因为弹出框提示方法不适用于移动设备.

Foursquare应用

尽管存在各种限制，但这并不意味着您不应该使用图标. 也有大量的图标用户非常熟悉它们，但是这些图标用户大多表示常用功能，例如搜索，视频播放，电子邮件，设置等. 但是，某些图标用户可能仍然不确定其含义，例如，当他们单击一个有爱的图标时会发生什么？

大多数图标都可以被用户识别，并且其表达方式清晰明了，但是一些相对复杂和抽象的图标下面应有文字说明. 这样可以更轻松地在菜单中找到图标移动设计模式库，并可以提高点击率，同时还可以使界面更加美观和个性化.

像下面的绘画应用程序一样，如果没有图标修饰，界面将变得非常呆板，并且用户不方便快速识别功能，并且可用性会大大降低；如果没有文字说明，则用户无法快速理解该图标，因此它表示正确的含义.

总的来说，基本功能可以用更通用的图标表示，但是对于无法直观理解的复杂功能，应附上相应的文本描述. 如果需要使用一些不常见的图标，则可以先进行可用性测试，并请一些同事和朋友确保其身份.

3. 基于手势的导航

苹果在2007年推出iPhone时，多点触控技术首次进入了公众的视野. 这项新颖的功能震惊了所有人，这在以前的设备中是前所未有的. 我们可以用手指直接在屏幕上进行操作，点击，捏，缩放，下拉，滑动，旋转等等.

在设计师看来，手势是一种非常流行的设计模式，许多应用都是围绕手势控件进行设计的.

清晰的手势导航

就像隐藏的导航和没有文本描述的图标一样，使用手势进行的设计可以使界面更加简洁. 但是与前两者的隐藏内容不同，手势导航始终是隐藏的. 如果用户忘记了此手势，他将在导航上花费大量时间，这是非常致命的.

“应该有一个删除按钮，用户可以向左或向右滑动，这由产品设计师决定. ”

此外，手势与图标具有相同的问题. 用户熟悉并理解了常见的手势操作，如轻击，缩放和滚动. 但是有一些操作，例如滑动，双击和两指缩放. 如果用户需要主动发现，则很困难.

不同应用程序使用的手势并不统一和标准，这仍然是界面设计的新领域. 即使只是向左滑动一样简单的手势，它们在不同的电子邮件客户端中也代表着不同的功能.

Apple Mail向右滑动邮件列表是未读选项

邮箱中的相同手势是邮件存档

经过仔细分析，当我们摇晃设备时，在iOS中表示撤销，而在Google Maps中表示发送反馈.

手势设计的困难在于它是一个隐藏的控件，需要在用户方面进行大量工作来教育所有用户使用手势. 如果您是产品所有者，您将如何教会用户向右滑动？

4. 用户帮助和提示

当用户首次使用APP时，大多数时候我们会指导用户通过新手逐步使用新功能，并告诉用户这些功能的含义. 但我不同意这种方式. 当用户进入应用程序时，他们首先要兴奋地使用新功能，而不是花几分钟来学习.

在应用程序中搜索教练标签

“用户界面就像一个玩笑. 如果您需要解释这个笑话在哪里，那还不够有趣. ”

渐进式指导是指以更具交互性的方式吸引首次注册的用户. Duolingo不会解释该应用程序的工作原理，鼓励用户跳过该应用程序，并以选定的语言进行快速测试，而无需用户注册. 因为使用户熟悉的最快方法是实际体验. 此外，这也是一种更快显示APP价值的方法.

还记得邮箱和Apple Mail中的滑动手势之间的区别吗？这是邮箱的分步指南. 每个手势将具有相应的描述. 用户必须在实际开始使用APP之前尝试每个手势.

在为半透明黑色面罩添加指南之前，请停下来考虑一下用户在使用它时的真正需求. 用户需要专注于内容，因此您应该花点时间提出一种更好的方法来欢迎初次使用的用户.

5. 一个有创造力但不直观的空状态

空状态是新手设计师容易忽略的东西，认为它是微不足道的. 但是，就应用程序的整体体验而言，空状态可能是重要的组成部分.

设计人员经常在错误消息和空白状态页面中使用视觉创意，从而舒缓用户的情绪并指导他们进行情绪化的设计. 但是，这不一定是正确的，过渡设计可能适得其反.

我从Google相册拍摄了一张空白图片，并以此作为反例进行了分析.

乍一看看起来不错，对吗？布局井井有条，并附有精美的插图. 当我们仔细查看此页面时，会发现存在一些奇怪的问题:

–这里什么也没有，为什么在右下角有一个醒目的搜索按钮？用户在空白页上搜索什么？

–插图图形不可单击. 由于它们不可点击，因此为什么要如此突出？

–提示说，单击顶部的加号按钮创建相册也很尴尬. 为什么提示本身不包含添加按钮？它要求用户转到另一个位置单击，就像“单击继续按钮以继续”.

这种空状态的内容根本无法帮助用户理解上下文:

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/tongxinshuyu/article-247421-1.html