移动应用程序设计的 30 个很好的例子

已发表: 2015-01-28

移动应用程序设计不像网页设计。

当然有颜色理论、设置类型和维护网格,但是当设备发生变化时,还有更多需要考虑的事情。

为了阐明移动应用程序设计的注意事项,Tomas Laurinavicius 在设计移动设备时列出了他的最佳实践。

Tomas Laurinavicius 是一名自由设计师,也是 Mobile Design Book 的合著者。

如何设计应用程序

(带有良好的设计示例)

进入托马斯:

在本文中,我想分享一些出色的移动应用程序设计示例。 具体来说,这些元素共同构成了一个出色的应用程序。

应用示例 – 启动屏幕

每个应用程序用户都会看到启动屏幕,并且会持续几秒钟,但重要的是要给人留下良好的第一印象并设定一些期望。

使用背景图片来说明应用程序,使其干净且品牌良好。 将启动屏幕的大小保持在最小以减少加载时间。

启动屏幕

Instagram 和 Yummly 的 Hyperlapse

空状态

当用户首次下载您的应用程序时,他们不会看到任何数据。 这称为空屏幕。

此时您需要解释您的应用程序的用途并指导他们首次使用您的应用程序。 否则他们会感到困惑,可能永远不会回来。

空状态

Airbnb & Flipboard

应用示例 –登录屏幕

忘记用户名。 请改用电子邮件地址。

通过为他们提供使用现有平台登录的选项,使登录过程变得简单。 根据您的受众,它可能是 Google、Facebook 甚至是 LinkedIn。

登录屏幕

SoundCloud 和 Foursquare

应用示例 – 活动源

在设计引人入胜的沉浸式活动提要时,请考虑上下文并使用游戏化原则。

酌情提供日期、时间和地点等基本数据。 为了让它更像一个游戏,使用数字、号召性用语按钮和小图标来使界面更具吸引力。

活动供稿

Foursquare & Behance 的 Swarm

应用示例 – 注册屏幕

如果您的注册过程很复杂,用户就会离开。

尽可能简化它。 仅包括必要的信息,甚至建议使用其他存储用户信息的网络,如 Facebook 或 Twitter。

注册屏幕

Spotify 和 Circle

查看

结帐是在移动应用程序中设计的一项棘手功能。

它必须一目了然地呈现大量信息,并为下一步提供一些指导。 优先考虑数据并将其分解为可以分组呈现的块。

例如送货地址和付款信息可以组成两组,定价和折扣另一组等等。 组织您的流程,以免让您的客户不知所措。

查看

瞄准并继续购物

评论

评论有助于建立社区或只是向其他用户展示您的应用值得加入。

在设计评论时,可读性和上下文(即个人资料图片、姓名和日期)是提供“实时”应用社区生态系统的最重要因素。

评论

路径和旅行

搜索

搜索是用户生成内容和其他数据密集型应用程序的基本功能。

提供上下文和智能建议以改善用户体验并取悦用户。 添加相关过滤选项可以显着改善搜索过程并带来客户满意度。

搜索

Gmail & Lovely 收件箱

分享

共享对于任何应用程序来说都是一项重要功能,因为它允许用户传播有关您的产品的信息。

通过添加明显的共享图标并允许跨不同网络快速共享,可以轻松共享您的应用程序或其中的内容。

分享

春天和朱可莉

可读性

在小型设备上的可读性很棘手。 字体太大或太小都很容易。

关注对比度、字体大小和行高。 确保您的字体大小合适且易于阅读。 白色背景上的黑色文本很好。

可读性

可读性和 Feedly

导航

导航对于任何类型的应用程序都非常重要。

让不同的受众群体易于理解。 使用简单的副本,以便用户熟悉其他应用程序的导航术语。 利用图标和负空间为您的导航提供一些上下文,并且只包含必要的链接。

导航

Facebook 和 LinkedIn 已连接

设置

设置屏幕经常被忽视,因为它们并不令人兴奋,但它将是您最常用的屏幕之一。

使用图标,用分隔线或负空间分隔不同的设置组,并帮助用户快速导航以决定下一步该做什么。 此外,通过使用本机切换按钮提供快速选项,以便用户可以节省点击次数。

设置

复选标记 2 和 YPlan

通知

通知是用户不断返回您的应用的原因。

让这些通知显而易见,但不要太烦人。 人们需要知道发生了什么,但又不想不知所措。 提供微妙的颜色指标和数字来描绘新事物。

通知

Gogobot & 亮点

留言

消息或聊天功能也是常见功能。 在设计消息传递系统时,一切都与通信和上下文有关。

优化字体大小,以便用户可以阅读更长的消息,并包括发布日期、发布时间、位置和其他相关信息。

如今,消息传递与多媒体有关。 为用户提供添加照片、视频、声音、笑脸和老式文字的交流选项。

留言

Facebook 信使和路径谈话

轮廓

许多应用程序允许用户创建帐户并围绕该个人资料存储故事或活动。

无论是社交媒体、购物还是任何其他应用程序,让个人资料页面清晰并吸引用户都至关重要。

强调用户个人资料照片和他们的名字。 还提供相关信息和统计数据,以便人们可以看到用户的活跃程度或受人尊敬程度。

轮廓

前卫和Quora

结论

正如您从我列出的所有应用程序中看到的那样,在设计一个成功的应用程序时需要考虑和掌握很多东西。

虽然任何人都可以设计应用程序,但重要的是聘请具有该领域经验并能够应用所有知识和最佳实践的设计师。

小事可以成就或破坏您的应用程序。 不要通过雇用不了解设计出色应用程序的复杂性的人来冒险您的时间和金钱。