小程序UI设计5个技巧

  为了使您的小程序程序更加用户友好，您的UI和UX设计必须无缝协作。

  1.不要耗尽电池

  如果您的小程序消耗了大量的电池寿命，则用户打开它的可能性就较小。屏幕亮度和屏幕颜色是微信电池消耗以及位置等后台服务的最大因素。

  2.简单的导航每次都会取胜

  您不应该尝试重新发明轮子。尝试对导航菜单使用标准序列，例如iOS标签栏或Android导航抽屉。用户熟悉这些常见模式，因此他们的小程序程序将更加直观。

  重要的是，小程序程序的导航菜单始终可见，并且不会在用户浏览小程序程序时跳来跳去。如果选择在导航栏中使用图标，请确保用户清楚其目的。您应在导航中将某些功能置于其他功能之上。如有必要，创建一个主菜单，辅助菜单，甚至三级菜单。

  这个概念使用缩小的导航菜单，仅一个箭头表示“后退”命令，一个放大镜表示“搜索”。当您在小程序程序中微信时，这两个符号永远不会微信。

  此小程序程序导航模式还利用了一些常用手势，例如从左向右滑动以浏览各种新闻主题。

  3.明智地选择颜色和字体

  颜色对于UX和UI设计都很重要。您是否应该牺牲干净的白色外观以节省电池?多少种颜色太多?在做出这些艰难的设计决策时，请考虑一下您的品牌形象。

  例如，高对比度的颜色可以使您的用户界面“弹出”，而不是像使用颜色一样。但是颜色选择不只是外观。考虑字体和颜色的可读性。

  您是否知道全球人口中近5%的人有色盲?设计小程序程序时，您必须考虑颜色的功能。

  小程序程序设计的颜色(图片由《粉碎杂志》提供)

  显然，绿色意味着成功。但是在表单字段旁边没有这些符号的情况下，色盲用户将不知道是哪个输入造成了错误。

  4.视觉重量有所不同

  您有必要在不预期用户行动的情况下预见其需求。通过为不同部分使用不同的权重，快速为您的用户提供他们正在寻找的信息。考虑一下标题和正文，这两个元素的权重应该反映出它们的重要性。

  浇水追踪器小程序程序在小程序程序设计中使用视觉重量(图片由图比克提供)

  什么引起您的注意?虽然该小程序程序为用户提供了大量有关植物健康的其他信息，但用户可以很快看到明天需要浇水。

  5.一致性是关键

  您的小程序程序设计在视觉上和功能上应在整个属性中保持一致。它在每个页面上的外观和行为均应相同。请注意，您的Android和iOS小程序程序设计将有所不同，这没关系。只要在每个平台上保持一致，并保持设计的核心外观即可。另外，您的小程序程序开发人员也可能会使用至少一个软件开发工具包(SDK)，例如Facebook个人资料登录名，因此也请牢记这一点来设计您的小程序程序。

  您的小程序程序设计还应沿用到您的网站以及所有其他品牌资料。外部一致性将有助于建立信誉并避免与用户混淆。

  从一英里远的地方很容易发现Uber的品牌。从以骑手为中心的微信小程序程序到以驾驶员为中心的网站，Uber都与颜色，字体和整体现代感保持一致。

  Uber Web表单设计是一致的小程序程序设计(图片由Uber提供)

  您觉得这个表格熟悉吗?这是因为它与您在小程序程序中请求乘车时要填写的字段非常相似。

  相关：如果您打算将软件工程作为全职工作，那么小程序程序设计技能至关重要。从专家那里了解成为小程序程序开发人员还需要做什么。

  将小程序程序设计整合到营销中

  我们都是在G2上征集专家意见的，这就是为什么我们邀请五名设计专家来权衡他们如何将小程序程序的UI设计整合到营销策略中，甚至更多。

  1.如有疑问，请将其截图

  “当您推广小程序时，您是在向用户展示UX / UI，并且您想在广告中非常清晰地模仿它。我发现带有屏幕截图和非常干净的背景(以免干扰小程序程序独特功能的广告)的广告最成功。

  保持文字淡淡，直截了当。如果您可以创建精美的gif或小型视频，以快速演示小程序程序的最佳功能，那就更好了。在滚动之前，您有大约3-5秒的时间吸引观众-无论尺寸多么小，都不要忽略广告的设计!测试大量的广告图像-不同的颜色，不同大小的字体，不同的屏幕截图，不同大小的资产。”

  2.创建一个统一的前端(结束)

  “确保在营销材料中表达小程序程序UI外观的一种方法是采用小程序程序设计的某些元素，并将其用作重点。例如，如果您的小程序程序包含带有插图的部分，请以完全相同的样式将它们转移到您的提案中。

  另一个技巧是要注意小程序程序上按钮和框的样式。如果您的小程序程序使用矩形作为按钮，而没有任何圆角;您的营销材料应遵循这种风格，切勿在任何物体上使用圆角。这也适用于阴影，字体大小，透明度等。”

  3.与颜色一致

  “考虑一致的品牌。在设计小程序程序的UI时，建议使用非常有限的调色板。如果您将其小程序于所有营销活动中，则很容易实现一致性，更重要的是对品牌的认可。

  我目前正在为小程序创建用户界面。我采用了原始品牌红色，并将其用作所有市场营销材料的洗色背景。最终结果是一个让人印象深刻的大胆，知名度很高的品牌。”

  4.说相同的语言

  “我们将用户界面的元素直接纳入我们的营销活动中，以使我们的受众更好地了解我们的小程序程序如何运作以及他们可以从产品中获得什么好处。我们的小程序程序是可通过关键字搜索的平台，可通过共同兴趣在附近找到志趣相投的人。我们在Instagram和Facebook上的广告系列中使用的关键字标签正像它们在小程序程序中一样，介绍了您可以通过其联系的不同兴趣。在下载之前，这使听众对我们的产品有所了解。

  隔离产品的关键要素。是什么让它与众不同?是什么使它具有吸引力?然后尝试以不太明显的方式将这个元素包括在内。重要的是要考虑一些有趣的甚至可能是参与性的事情，例如主题活动。”

  5.阐明你的观点

  “通过我们所有的营销手段-我们的网站页面，我们的手册，我们的电子邮件，我们的整个视频等-我们确保在视觉上突出显示我们时尚的UX / UI，并真正展示我们的易用性和可访问性单击小程序程序界面即可提供。

  通过描述小程序程序的设计如何改善用户体验来吸引受众很重要。您必须找到一种方法来传达用户界面如何使您的客户受益，以及它如何吸引潜在的潜在客户。您的消息传递应该集中在用户界面如何为所有用户创建更简单，流畅和易于访问的体验上。”