雇佣 排名前3% of 自由移动应用设计师

本指南涉及尖端的移动应用程序设计，其目标是为来自美国和国外的客户提供有关移动设计的信息，并帮助他们认识到顶尖移动设计师的技能. 它涉及移动应用开发的多个方面, 其中一些或全部将与你想要招聘的特定背景相关，无论是全职还是兼职.

在我们开始定义什么是最好的应用设计师之前，我们需要知道这个定义.

手机设计师有很多名字，其中一些是应用设计师, iOS应用设计师, Android应用程序设计师, 等等....... 他们通常有与用户体验(UX)设计师和用户界面(UI)设计师密切合作的记录，将他们的设计应用于移动界面. 他们的主要关注点是原生移动应用, 但他们也应该能够为移动和混合应用程序创建设计.

每个手机应用设计师都应该意识到这三个平台之间的区别.

所面临的挑战

原生应用存在于设备上，用户可以通过设备主屏幕上的图标访问它们. 原生应用通常是通过应用商店(如Google Play或苹果App store)安装的。. 它们是专门为一个平台开发的, 和 can take full advantage of all the device features; they can use the camera, 全球定位系统, 各种各样的传感器，比如加速度计, 指南针, 等等....... 它们还可以结合手势(标准操作系统手势或新手势), app-defined手势). 也, 值得注意的是，原生应用可以使用设备的通知系统, 访问本地信息，如联系人列表, 他们可以离线工作.

Responsive web applications are not real applications; they are really websites that, 在很多方面, 外观和感觉都像本机应用程序, 但并没有这样执行. 它们由浏览器运行，通常用HTML5编写. 用户首先像访问任何网页一样访问它们:他们导航到一个特殊的URL，然后可以通过创建该页面的书签来选择在主屏幕上“安装”它们. 当HTML5成为主流，人们意识到他们可以在浏览器中获得原生功能时，Web应用开始流行起来.

今天, 因为越来越多的网站使用HTML5, 网页应用程序和普通网页之间的区别正在变得模糊. 例如, 没有可见的浏览器按钮或栏, 虽然该网站运行在Safari(当从iPhone访问时). 用户水平滑动可以移动到应用程序的新部分. 而且，由于浏览器缓存，甚至可以离线阅读报纸.

HTML5和. 原生应用vs. 混合应用程序

HTML5中有很多特性. 可以访问一些传感器, 实现点击呼叫功能, 甚至还有其他函数, 比如设备的摄像头API. 然而，很少有web应用程序和网站利用这些可能性.

然而，浏览器中仍有无法访问的原生功能(至少目前):

• 通知系统，在后台运行
• 传感器输入，如加速度计信息(除了检测横向或纵向方向)
• 复杂的手势

当然, 有人可能会说，许多应用(原生或其他)并没有利用这些额外的功能, 不管怎样. 但如果你真的需要那些本地功能, 你必须创建一个本地应用, 或者至少是一个混合应用.

原生移动应用提供了快速的性能和高度的可靠性. 需要注意的是，大多数手机电子游戏都是原生应用. 我们都知道电子游戏是最受欢迎的手机应用之一, 他们中的许多人需要以最有效的方式利用硬件，以确保流畅的游戏玩法和良好的用户体验.

混合应用部分是原生应用，部分是网页应用. 正因为如此，许多人错误地将它们称为“web应用程序”.就像原生应用一样, 他们生活在应用商店中，可以利用许多可用的设备功能. 比如web应用程序, 它们依赖于在浏览器中呈现的HTML, 要理解浏览器是嵌入在应用程序中的. 经常, companies build hybrid apps as wrappers for an existing web page; in that way, 他们希望在不花费资源开发后端应用的情况下在应用商店中占有一席之地. 混合应用也很受欢迎，因为它们允许跨平台开发，从而显著降低开发成本: 相同的HTML代码组件可以在不同的移动操作系统上重用.

工具包括 PhoneGap 和 Sencha Touch 允许人们使用HTML的强大功能进行跨平台的设计和编码. 要公正地对待其中的许多话题，就需要有自己的帖子. 尽管如此, 本指南旨在提供, 至少, 对与移动应用程序设计相关的关键问题和主题进行有意义的概述. 此外, 每个优秀的移动应用程序设计师都应该了解本文中使用的所有术语.

客户端要求本地应用程序而不是响应式web应用程序是很常见的. 为了在每个设备上提供不同且独特的用户体验, 许多客户机将需要本机应用程序.

问:原生应用、网络应用还是混合应用:你应该选择哪个?

总而言之，原生应用、混合应用或网页应用都能满足移动用户的需求. There is no best solution; each has its strengths 和 weaknesses. 选择取决于每个客户的独特需求.

问:在设计一个新的应用程序时，你需要知道的最重要的问题是什么?

• 你的应用的主要目标是什么?
• 你的应用中最重要的部分是什么? 有多少个??
• 在整个应用程序中，应该为用户提供什么样的操作?
• 谁是你的直接和间接竞争对手，如果存在的话?
• 你想在你的应用程序中包含哪些特性和功能?

带着答案, 设计人员应该能够开始为新应用程序搜索最佳设计模式. 也许在开始新设计时最好问的问题是: “如果你生气地回到家，压力很大, 我想买一张电影票, 你想如何申请工作?”

同样的问题可以适用于任何现实生活中的情况和手机应用. 当用户感到沮丧时，应用程序设计是否有效, 那么应用程序可能设计得很好.

问:在为iOS、Android或其他移动平台设计游戏时，你们需要考虑哪些因素?

当人们准备使用某种东西时，他们已经有了预期(我们称之为心理模型)。. 例如, 大多数用户会购买某种智能手机，因为他们喜欢其操作系统背后的设计原则, 外观, 或者设备是如何工作的. So, 这是设计iOS时需要考虑的最重要的因素, 或者其他移动平台, 是考虑供应商的指导方针. 而iOS和Android应用开发者则需要遵守供应商的指导方针, 每个应用程序背后的基本逻辑应该是相同的, 不管是哪个供应商.

设计人员不应该试图通过在应用程序中实现一些意想不到的元素来重新发明轮子. 为了提供一种非凡的体验, 设计师应该尝试改进用户流程和交互设计. 在应用行业, this is a st和ard; Apple does it, 谷歌做到了, 微软也不例外.

问:在为不同的用户群体设计产品时, 你需要考虑什么?

以及设备平台指南, 设计师应该考虑一系列用户的可访问性指南. 为年轻人设计, 老, 高级用户, 普通用户, 还有那些只想享受高质量体验的人. 像对待任何一组设计约束一样，接受这些可访问性指导原则. 它们是创造令人惊叹的产品的挑战的一部分.

问:为什么应用程序图标对一个应用程序如此重要，在设计图标时应该考虑什么?

美观、引人注目的图标是良好用户体验的基本组成部分. 图标不仅仅是装饰，它在与用户交流中起着至关重要的作用. Focus on a unique shape; some icons have many colors or they feature gradients, 但它们都是从一个简单的形状开始的. 这使得它们在远处和一眼就能被认出来. 图标有不同的大小. 它们在App store中占有很大份额, 在主屏幕上缩小，在通知中心和群组中更小. 确保你的设计在任何尺寸下都能很好地缩放和清晰.

The designer should also test the icon on different wallpapers; while it might look great against a traditional backdrop, 例如iOS的雨滴, 不能保证它在所有壁纸上都好看. 并尝试将你的设计分组到文件夹中，以评估它们的外观.

问:如何设计一个直观的用户界面，并仍然达到“哇!”效应.

直观的意思是不需要明确的说明就能理解或操作. 对于“可点击”的图标和“不可点击”的图标，设计师应该始终使用不同的视觉处理.“一旦有了一个连贯的系统来区分可点击和不可点击的图标, 设计师需要在整个移动应用中遵循它. 以达到“WOW”的效果,“设计师应该尝试一些独特的形状(例如自定义图标)。, 动画, 然后以一种全新的方式呈现它们.

例如，纸飞机现在被广泛认为是“发送”图标. 当它第一次被引入时，用户可能会有点困惑. “这是什么纸飞机?? 这和电子邮件有什么关系?在许多应用程序中，“保存”图标是已消失的软盘的图像. 可以使用救生圈图标代替. 一旦用户理解或发现一个新的UI元素的含义, 下一次它就变得“直观”了.

“哇!”因素

如果设计师受到品牌指导方针的限制，“哇!在其他领域也能达到同样的效果.

让我们想象一下，我们有一支漂亮而昂贵的钢笔. 但如果写得不好, 我们可能会放弃它，选择一支适合我们目的的普通钢笔. 花俏的, 引人注目的设计并不总是有助于无效的产品, 因此，我们必须始终考虑设计一种能够帮助用户更快、更有效地完成预期任务的体验.

重要的是要注意“哇!“因素取决于UI/UX/视觉设计师的概念是否被程序员很好地执行.

问:我们应该在手机应用中使用手势吗?它们将如何影响用户体验?

通过陀螺仪和运动传感器的集成，智能设备能够检测运动. 用这个, 用户和设备之间的交互超越了点击和点击, 将现实生活中的手势带到屏幕上.

用户对手势很直观. 当被问及如何删除项目时, 用户试图将项目移出屏幕，而不考虑年龄, 性与性别. 通过更少的点击或滚动来增强用户体验，可以让应用程序变得更具互动性.

问:如何 3D触摸技术 从苹果改变界面?

Force Touch技术并不能实现真正的新手势, 它只是我们已经熟悉的手势的延伸. 它将帮助设计人员和开发人员添加z轴，以便在顶层提供更深入的信息，而不会触及或使底层的信息体系结构过于复杂.

问:在设计移动应用程序时，推荐使用多少字体?

减少屏幕上字体的数量可以显示排版的力量. 而不是使用不同的字体和利用不同的特点.g. 斜体、粗体、半粗体)，不同的字体大小可以更好地区分内容的离散区域. 在整个应用程序中采用单一字体不仅可以促进品牌的一致性，还可以促进跨渠道的一致性.g. App、移动站点、网站——从而优化跨渠道体验的移动元素. 此外，用户更喜欢在滚动相关内容时使用一种字体的简单性.

问:什么是微交互?我们为什么要使用微交互?

微相互作用很小, 视觉增强(例如, 围绕用例发生的动画或声音. 这些场景可能包括完成一个事务, 标记项目, 或提示弹出消息. 这种相互作用是微妙的, 但他们通过将用户的注意力引向正确的元素来区分产品.

微交互可以作为提示用户完成任务(调整设置)的信号, 例如), 这样就创建了一个小的内容片段，比如弹出消息. 具有精心设计的微交互的应用程序被认为更容易使用, 更多的乐趣, 用户也更有吸引力.

最后的话

在设计师选择从应用创意中创造一些东西之前, 他们必须进行市场调查，以了解市场上有什么，以及他们必须做些什么来为目标受众创造一个独特而成功的设计. 受众将根据它是电子商务、社交媒体还是其他类型的应用而有所不同.

移动应用程序开发项目和桌面应用程序开发项目的最大区别, 甚至是一个网站, 是上下文. 这就是移动应用如此强大的原因. 每个Android或iPad/iPhone应用程序在特定的时间和地点都有自己的用途. 有几种方法可以在移动设备上完成相同的操作, 这取决于你, 设计师, 设计和选择最有效的方法.

(如果你想用iOS或Android开发者扩展你的手机开发团队，并进一步完善开发过程, 我们还有一个 应用程序开发人员招聘指南 它更专注于帮助你通过Toptal的开发服务招聘移动应用开发者.)