创建杀手级应用的5个设计技巧

“一个糟糕的UX应用程序并不是一个华丽的应用程序 -- 这是一个令人沮丧的邀请。”-InVision

这句有力的话指出了良好的用户体验和用户界面的重要性。从字面上看,它会破坏您的应用程序。以下文章介绍了应用程序设计技巧,这些技巧将增强应用程序的可用性和吸引力。尽管其中一些看起来很明显,但有很多糟糕的应用程序证明了相反的情况。凭借一款内外都很华丽的应用程序脱颖而出。

1.应用交互设计规则

尽管屏幕要小得多,但良好的交互设计规则仍然适用。交互设计是用户体验 (UX) 设计的重要组成部分。根据designmodo的说法,“交互设计是一个过程,在这个过程中,设计师专注于创建具有逻辑和深思熟虑的行为和行动的引人入胜的网络互动。成功的交互式设计使用技术和良好沟通的原则来创造理想的用户体验。“因此,当您开始构建应用程序时,请牢记交互设计的五个支柱:

目标驱动设计: 用户研究 (例如访谈和调查) 可帮助您为合适的用户进行设计。揭开角色和用户场景,以创建应用程序体验的完整图片,因为它将允许您定制应用程序的工作流程以满足用户的需求。可用性: 如果有的话,您的应用程序需要易于使用。“可用性使产品变得有用,这是令人满意的第一步”,Next Web说。负担和指示符: 负担是功能; 指示符暗示了负担。例如,带下划线的蓝色文本 (指示符) 表示它是 “可单击的”,并将带您到链接页面 (表示)。指示符需要正确使用,因此用户不需要考虑每个UI元素的作用。可学习性: 用户应该能够直观地导航您的应用。使用熟悉的移动模式将帮助 (新) 用户适应 (新) 应用程序 -- 更多内容将在文章后面介绍。反馈和响应时间: 反馈让用户知道操作是否完成,无论是通过声音、图像还是文本。这种反馈需要及时发生,并且是用户友好的。

2.不要重新发明轮子

除了遵循基本的设计规则外,不要尝试在应用程序界面上重新发明轮子。许多 (成功的) 应用看起来相似是有原因的,它们是基于用户熟悉的既定移动模式建立的。不应该要求用户每次打开不同的应用程序时都学习新的模式。这将导致应用程序立即放弃。因此,请使用您在流行应用程序中看到的模式,包括颜色,图标和手势。例如,使用红色表示错误,使用信封图标表示电子邮件功能。此外,触摸设备由手势定义,包括滑动,双击,缩放和捏。

根据toTNW的说法,您应该 “使用常见的UI模式作为可用性的基线,然后根据自己的创造力进行分层。这样做,您将确保您的应用程序设计符合用户的期望,而不会感到无聊。”

3.记住可访问性

我们都经历过不小心按下手机上的错误按钮并最终出现在随机屏幕上的挫败感。手指比精确的鼠标光标大得多,因此请确保您构建了 “手指友好” 的设计。留出足够的空间让用户用指尖点击,尽可能减少烦恼。手指的宽度约为45-57像素,比大多数针对命中目标的设计指南都要大。例如,苹果的×建议 (4444像素) 实际上太小了。

还要考虑人们以不同的方式握住手机: 一只拇指/一只手,两只手/一根手指或两只手/两只拇指。添加重要的触摸按钮时,请记住拇指和手指的位置。

4.知道你的颜色

不同的颜色传达不同的含义和情感,因此为您的应用选择合适的颜色至关重要。正如指南所显示的那样,蓝色可以传达信任和力量,而橙色可以表示快乐和自信。当然,调色板也应该与您当前公司的颜色相匹配。

根据toEnvato的说法,“我们已经看到了趋势的转变,从在整个移动应用程序元素中大量使用颜色到最少使用颜色,并使用了更加集中的调色板。除此之外,还朝着使用更多的空白空间以及高对比度,实验性色彩的方向发展。”最重要的是,你需要使用颜色对比来促进更好的阅读体验。

5.(Con) 文字为王

文本和设计是相辅相成的,所以请确保不要在这个元素上吝啬。有些人甚至认为单词是交互设计中最重要的部分。至关重要的是,您的副本易于理解。“fast Company说,任何写作努力的第一步都是了解您的受众 (目标用户) 和您的媒体 (网页内容,侧边栏,弹出窗口等)。换句话说,写作需要针对谁将阅读它,何时阅读,完成目标所需的内容等等。以下是编写引人注目的应用程序副本的一些技巧:

短语标签积极,让用户有控制感。用户来到你的网站是为了实现他们的目标,所以创建鼓励互动的副本。首先使用最重要的词。移动用户特别不耐烦,因此请确保尽快解决问题。在每个屏幕上使用一致的措辞。除了是独立产品外,该应用程序还应该是您公司品牌的扩展。

是时候用这些应用程序设计技巧去 (回到) 绘图板上了!

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。