设计更好iPhone应用的5个简单技巧

设计更好iPhone应用的5个简单技巧就像用户在苹果应用商店里寻找新的应用程序购买时,他们根据设计来判断潜在的购买。我们在生命的早期被告知不要以貌取人,但在没有试用应用程序的情况下,截图是用户判断应用质量的少数方法之一。由于人们不可能仅仅通过浏览App Store来判断易用性(可用性)或代码质量,因此完全根据设计来判断是有意义的,因此与竞争对手的应用程序相比,设计更好的应用程序往往更容易被选择。

那么我们如何才能设计出更好的应用呢?很高兴你这么问。我将讨论5个简单的建议。

1.线框应用

当我们谈论应用程序的设计时,我们谈论的是两个主要组件。这两个组成部分是用户体验设计而且用户界面(UI)设计。体验设计是关于应用程序的目标,比如包含哪些功能,以及用户将如何实现这些目标。用户界面设计就是用户体验的视觉效果。

这包括用于制作应用程序视觉风格的颜色、纹理和字体。在设计iPhone应用程序时,这两个设计组件都是至关重要的,并且是相辅相成的。然而,首先花时间设计用户体验是很重要的。

与其从iPhone应用的视觉设计开始,不如从线框开始。一个线框这是你的应用理念的简单大纲,允许你专注于体验,忽略视觉方面。(阅读更多线框图设计的好处。)我喜欢用笔和纸来画简单的盒子和形状的线框。

其他人使用从Illustrator到Balsamiq模型(线框图应用的流行工具)。对于这个任务,工具并不重要。图片来源:MOObileFrames你要专注于规划应用程序的功能如何组合,用户首先会遇到什么屏幕,以及他们如何浏览你的应用程序。

画按钮,写文字,尤其要注重使学习过程直观。只有当你确信你的线框代表了一个干净、可用的应用设计时,才开始关注样式。

2.使用手指大小的点击目标

为了提高应用的可用性,你可以做的最重要的事情是:增加每个按钮的可点击区域。你是在为手指和拇指设计,而不是鼠标光标(它的指向精度更高)。苹果公司建议至少是44 x44px对于用户希望与之交互的任何元素。

这并不意味着按钮需要在视觉上看起来那么大。可点击区域可以超出按钮的可视大小。这将帮助用户避免尝试多次点击一个元素的挫败感。

如果有几个按钮彼此靠近,要小心。确保你额外的可点击区域不与其他按钮重叠。

3.每个屏幕只有一个主要目标

当你在应用程序中设计屏幕时,要专注于你希望用户实现的主要目标。例如,在iPhone的邮件应用程序的电子邮件列表屏幕,用户的主要目标是阅读电子邮件。虽然有编写电子邮件的辅助操作,但这个按钮在角落里是关闭的,没有被强调。

在Commit(我的一个iPhone应用程序)中,Commit屏幕的主要动作是标记它完成。所以我为这个动作制作了一个巨大的橙色按钮。虽然其他按钮也在同一个屏幕上,但没有一个按钮能与主动作争夺注意力。

作为设计师,你的任务之一就是决定什么是最重要的,然后强调它。减少次要元素的视觉权重,这样主要的动作就清晰了。为了帮助您在设计中创建更好的视觉层次结构和优先级,请查看以下文章:

4.避免默认按钮样式

iPhone上uibutton的默认样式是我最讨厌的设计之一。iOS中包含的几乎所有默认元素看起来都不错。还有一个默认按钮。

默认按钮样式除非你的应用程序的设计风格非常无聊,否则默认的按钮风格很可能不匹配。定制按钮的外观来匹配你的UI会产生巨大的不同,让你看起来不像一个业余的应用程序设计师。您可以将按钮样式设置为自定义并包含背景图像,也可以使用代码绘制新的按钮样式。

有很多教程和资源可以帮助你创建好看的按钮。看看这两个资源:

5.当有很多信息时,添加额外的视图

移动到一个新视图(通过推送或模态转换)对用户来说非常容易。因此,如果您发现自己试图向单个视图添加太多信息,那么只需添加另一个视图。在iPhone中,你可以看到苹果经常在“创建”屏幕上这么做。

新联系人视图,选择铃声会将您推/滑到一个名为Ringtones的新视图,该视图显示您可以分配给该新联系人的可用铃声列表。点击一个电话号码标签会弹出一个带有其他标签选项的模态对话框标签).通过添加额外的屏幕,您可以通过只显示用户请求的信息来避免用户被太多杂乱的元素所迷惑(这个概念称为进步的信息披露).

相关内容

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。

我们招聘!
查看30+职位空缺!