15个手机应用设计面试必备问题 *

当人们发现不熟悉的术语时，通常首先会问原生或响应性问题. 从设计的角度来看，它们有什么不同?

手机应用可以原生开发，也可以混合开发, 而移动友好型网站可以开发为自适应或响应. 它们背后的基本设计过程或多或少是相同的. 在设计手机游戏时，我们需要考虑的唯一一件事就是我们需要遵循一套特定的规则. 苹果和谷歌都有自己的解决方案.

当你面向iOS或Android进行设计时，基本过程是相同的. 第一个, 我们会做研究，列出最佳实践，告诉我们在某个平台上可以做什么，不能做什么. 基本上，研究可以帮助我们了解限制条件，并利用特定领域的可能性.

设计师可能同时从事原生应用和响应式网页设计. 原生应用很重要，因为我们希望用户能在仪表盘上看到它们, 通过这种方式，我们希望帮助用户进行日常活动. 有些原生应用可以离线运行，而有些则不能.

响应式网页设计对搜索引擎优化和谷歌索引很重要. So, 如果我们想让你的项目在谷歌上排名靠前, 你肯定会选择适合移动设备的响应式设计.

卡片正迅速成为移动设备的最佳设计模式之一. 它们将独立的内容片段聚合成一种体验.

我们正在见证网络的重新架构, 远离页面和目的地, 朝着建立在许多独立内容集合上的完全个性化体验的方向发展. 这是移动技术兴起的结果, 这导致了数十亿新连接设备的出现, 使用不同的分辨率, 像素密度, 和形成因素.

卡片背后的理念是在适当的时候向用户显示相关信息. 这样用户只关注最重要的信息，而大多数杂乱的信息被删除了.

使用卡片的最佳时机是我们需要显示特定位信息的时候, 在给定时间内被认为对用户很重要. 而卡的方法可以一直使用, 推特将推文分开的方式, 这并不总是可行的.

有许多服务和网站已经使用卡片系统来显示信息. 通过这种方式，它们可以在视觉上分离或突出显示信息.

一个执行良好的卡牌设计的例子应该是这样的 这.

在移动设备上以“托盘”覆盖显示面搜索控件是在相对较小的移动屏幕上显示结果和过滤器的一种新的有效方法.

分面搜索允许用户通过应用全面描述搜索空间的过滤器来细化一组结果. 对于需要在大型内容集中查找特定内容的用户来说，缩小搜索范围的能力是非常宝贵的. 这种类型的搜索在电子商务/移动商务和旅游网站中已经变得很常见, 以及许多不同类型的文件和媒体集合.

面系统包括两个关键元素:

构造复杂搜索的简单控件 -提供熟悉的控件，如下拉菜单和带有自然语言标签的复选框. 这允许普通用户将大量结果缩小到符合他们确切标准的较小结果集, 没有任何布尔逻辑或查询语法的知识.

同时显示面控制和结果 - Showing both the 过滤器 和 the results at the same time makes it easier for users to underst和 the relationship between the two; ideally, 一旦用户选择筛选条件，就动态更新结果集，从而加强了这一点.

长期以来，动画一直是一种引人注目的元素，有助于将应用程序与竞争对手区分开来.

现在, 然而, 越来越多的设计师将动画作为增强用户体验的功能元素, 模拟与真实物体相互作用的样子.

动画不再仅仅适用于游戏. 它还照亮了导航:想象一个按钮，用来切换隐藏内容的面板, 比如菜单. 关闭面板会缩小菜单，菜单会消失在按钮中. 其他示例包括缩放内容或提供反馈以确认用户的操作.

功能动画使应用程序体验更加动态，并为用户的操作提供更直接的可视化. 随着智能手机变得越来越先进, 设计师正在将HTML5动画和视差设计添加到移动应用中，为移动用户体验带来新的丰富和刺激.

选项卡是移动ui中最常用的组件之一，这是有充分理由的.

它们允许用户在少量同等重要的窗格之间快速移动，并为网络和移动应用程序带来真实的元素. 当实现正确时, 选项卡可以是一个优秀的用户界面控制元素，可以大大提高可用性.

它们被认为是非常直观和易于使用的. 设计良好的选项卡使用不同的视觉外观清楚地表明用户的当前位置，将活动选项卡与其他选项卡区分开来.

如果需要实际示例，只需查看桌面浏览器即可.

随着技术的进步, 设计师需要处理的限制越来越少, 并且可以采用各种新的解决方案来提升用户体验. 新的iOS 3D Touch手势给用户带来了一些身体上的挑战. 设计师应该利用它来增强用户体验，使页面可预览，并支持快速访问常用功能.

目前支持两个主要操作: 偷看 和 流行.

偷看和流行允许应用程序让用户预览内容并在应用程序中执行相关操作, 在决定是否要查看完整内容之前. 例如，窥视可以用来提供实时的、内容丰富的预览. 在理想的情况下, 窥视提供了关于一个项目的足够信息来增强当前的任务，或者帮助你决定是否完全投入到这个项目中. 例如, 在决定在Safari中打开或与朋友分享之前，先预览邮件中的链接. 在选择行之前，通常在表中使用窥视来查看详细的行信息.

3D Touch是一项新兴技术，2015年之前的苹果设备不支持3D Touch. 然而，随着旧设备的逐步淘汰，它将在大多数(如果不是全部的话)苹果平台上可用. 除了, Force Touch技术也将出现在Android设备上, 其他平台也必然会效仿.

当用户依赖滚动作为他们探索数据的主要方法时, 它可能会迫使用户在你的网页上花费更多的时间, 从而增加用户粘性. 随着社交媒体的普及, massive amounts of data are being consumed; infinite scrolling offers an efficient way to browse that ocean of information without having to wait for pages to preload.

比起点击/点击，用户更倾向于通过滚动获得更好的体验. 移动设备上的手势控制使滚动变得直观且易于使用. 结果是, 用户享受真正的响应体验, 不管他们用的是什么设备. 最大的挑战是在无限滚动的应用程序或网站中保持良好的性能. 如果我们看到应用程序会因为图像或其他类型内容的大小和数量而使用太多资源, 然后我们需要确保我们尝试了另一种方法.

分页是一种将内容划分为单独页面的用户界面模式.

当用户在列出的内容中搜索特定内容时，分页很有用, 不仅仅是浏览和消费信息流. 此外，用户还能获得控制感. 无限滚动就像一个无止境的游戏, 而分页可以让我们直观地对不同的项目进行排序. 这意味着，如果用户在网站上搜索某样东西，那么他将很容易在分页界面上找到必要的信息. 分页对电子商务网站和应用程序很有好处. 当用户在网上购物时, 他们希望能够回到他们离开的地方，继续购物.

所以基本上，两种方法都有各自的优点和缺点. 我们应该选择哪一个呢?

只有少数情况下无限滚动是有效的. 它最适合那些拥有大量用户生成内容的网站和应用程序(Twitter), 或视觉内容(Pinterest), Instagram).

分页, 另一方面, 是一个更安全的选择, 对于打算满足用户目标导向活动的网站和应用程序来说，这是一个很好的选择.

像谷歌和苹果这样的大玩家已经在使用他们的移动平台时使用这种方法来提供更好的用户体验. 苹果有Siri，而谷歌有Google 现在. 为了在某种程度上增强用户体验，我们可以在某些操作中使用语音.

汽车可以教会我们一些关于设计音频输入以获得更好用户体验的基本知识. 首先，用户体验设计不应局限于通常的图形用户界面(GUI)。.

例如, 汽车应用程序可以在用户专注于驾驶的同时，利用语音增强用户体验. 多年来，各种汽车制造商一直在其汽车信息娱乐系统中集成语音控制.

让我们想象一下，你正在开发一个应用程序，当车辆接近测速摄像头或建筑区域时，它会提醒驾驶员. 司机只需要一个简单的音频警报就能注意到并调整他们的速度. 汽车没有办法在视觉上通知司机他们即将撞上路边, 这就是为什么音频警告也被用于车道偏离解决方案, 类似的音频警报系统已经在航空领域使用了几十年.

当我们超越GUI时，声音往往非常有用, 特别是在需要向用户发出警报并提示他们尽快采取行动的时候. 这可能是音频如何增强用户体验的一个例子，而不仅仅是屏幕.

除了用户体验改进, 我们认为声音可以帮助你被识别，甚至影响你的品牌知名度. 一个很好的例子就是Windows和它的启动声音, 现在看来有点复古了吧, 但每个人都知道并记住它. Skype等即时通讯服务使用的不同通知声音也是如此, WhatsApp, 或推出.

基于用户研究, 恼人的通知是人们卸载手机应用的主要原因(71%的受访者在最近的一项调查中表示).

但是，推送通知仍然是保持应用活力的一个功能. 换句话说, 通知是企业与用户直接沟通的强大工具，在正确的时间和地点传递正确的信息，以提高参与度. 所以考虑如何设计这些元素是非常重要的.

重要的是信息要清晰易懂. 无论通知的内容是什么, 确保它与您的用户使用相同的语言, 字面上和比喻上. 用户, 不管频率如何, 欣赏与他们个人兴趣直接相关的内容.

当我们考虑制作推送通知时，时间是第二重要的因素. 也, 解决方案可能是在合理的时间发送通知，这对您的用户来说是最有效的, 除非有紧急情况需要告知他们正在发生的事情. 一般来说，手机使用在晚上6点到10点之间达到高峰.

《欧博体育app下载》改变了游戏规则，创造了手机设计和游戏的新趋势. 增强现实(AR)和智能手机平台提供的灵活性相结合，帮助创造了全新的用户体验. 这些新兴技术将给数字产品设计带来巨大的变化.

智能设备(智能手机)之间的差距, 平板电脑, 笔记本电脑, 可穿戴设备)正随着每一代产品的诞生而变得模糊. 快速发展的硬件使增强现实更接近主流用户, 尽管这个概念已经存在一段时间了. 界面的发展有很多原因. 设计师不再受技术的限制, 他们今天最大的限制是他们自己的创造力. 同样重要的是，这些新兴技术中的许多定价合理, 或者无缝地集成到新设备中，而无需用户支付额外费用.

未来的设计过程将会改变. 例如, 为了制作VR界面，我们需要专业技能, 我们需要在3D中创建ui. 除了设计3D资产, 设计师还必须掌握某些技能, 例如，学习一些Unity基础知识, 或使用3D设计软件.

用户登录是增加新用户成功采用你的产品的可能性的过程.

发布产品时, 你需要花费大量的时间和资源来吸引足够数量的用户. 有多种方法可以吸引用户使用你的应用, 包括广告, 推荐项目, 公共关系, 内容营销. 但当人们最终下载这款应用时，他们有时会感到被抛弃或失望. 因此，你必须很好地向用户展示他们为什么需要你的应用以及他们应该如何使用它.

入职培训有时是应用程序不可或缺的一部分, 我们在哪里向用户展示如何在应用程序中表现. 这 潜入效果 如果我们加入了一些用户可能不熟悉的新功能，它会特别有用吗. 工具提示也可以用来告诉他们事情是如何工作的.

同样的方法也适用于复杂的系统. 通过工具提示，我们可以解释为什么有些东西在那里，有些东西不在那里. 这就像是你的应用的导览, 只有当用户体验到适当的点时才会触发提示. 因此，对于不同的用户和操作，提示可能以不同的顺序出现.

这很重要，因为登录帮助我们向用户展示应用程序, 或者只是要求他们提供继续使用应用程序所需的凭据.

Onboarding并不局限于需要更好地了解您的产品的新用户. 它还可以用于测试替代方法和设计解决方案. 没有放之四海而皆准的解决方案, 但是，直觉和客户测试的结合可以帮助我们快速接近最佳的首次用户体验. 如果做得好，入职培训可以帮助潜在客户转化为回头客.

由于移动设计受到移动设备及其显示的小尺寸的限制, 我们恰当地提供信息是至关重要的, 对内容进行适当的排序. 确保在这个阶段完成这一点非常重要, 在我们进行模型设计之前, 因为这是用户体验问题，而不是UI设计问题.

同样重要的是，决定我们首先提供哪些信息，哪些信息将被隐藏. 以避免隐藏内容, 我们可以使用不同的模式，比如标签, 过滤器, 等等......。, 同时还能为用户提供当时最重要的信息. 使用汉堡包菜单是一种不好的做法，即使有时我们被迫使用它，因为需要显示大量的数据. 基于研究, 我们可以得出结论，汉堡图标很容易在设计中“迷失”, 因为许多用户倾向于立即开始滚动. 滚动是我们的天性，这就是为什么确保所有重要的东西都能一目了然地呈现给用户是很重要的.

根据尼尔森/诺曼集团的一项研究, 全球用户体验研究的领导者, 培训, 和咨询, 隐藏导航模式(游戏邦注:如汉堡菜单)会降低21%的内容发现率，并且会让用户实际使用导航的时间平均增加2秒.

我们的目标应该是在首页提供尽可能多的相关内容, 不用把它隐藏在另一个导航层后面. 用户更有可能滚动而不是点击导航按钮.

不幸的是, 这不是导航的最佳解决方案，因为指导方针背后的想法是只有一个函数来处理该操作. 否则，用户可能会感到困惑. 您需要避免UI中的不一致. 具有相似功能的元素也应该具有相似的外观. 人们通常认为他们注意到的设计不一致背后一定有原因, 他们倾向于花时间去弄清楚.

选项卡的示例

输入框是手机设计中非常重要的一个方面. 我们往往认为这是理所当然的，尤其是在设计小型网站或移动应用程序时.

当我们需要设计一个企业网站，我们有一个以上的联系形式, 然后我们应该重新考虑和重新想象这些小元素. 这样做的目的是让最终用户看不到它们, 允许用户专注于更重要的事情. 我们不希望用户在旅程的关键时刻离开, 当他们需要输入信息或者甚至是购物的时候. 这通常发生在电子商务网站上，当用户需要填写太多字段才能完成交易时. 目前的趋势是简化流程, 大公司也开始涉足移动钱包解决方案.

对于手机设计，为每个输入字段提供清晰、始终可见的标签是很重要的. 清晰的标签会让用户更有信心以正确的方式理解信息, 促使他们采取行动.

数据有多种格式. 当然, 我们认为，您应该始终尝试以类似于用户通常输入信息的方式来设计输入字段. 例如，电话号码字段可以自动格式化. 这消除了客户可能有的格式歧义.

当用户应该输入数字时, 我们需要确保为这个字段激活了适当的数字键盘, 并确保这在整个应用程序中始终如一地执行，而不是仅针对某些任务而不是其他任务.

实时验证和类似的功能可以帮助我们更快地写下表单，而不会出现任何可能影响最终结果和用户决定是否继续他们的操作的错误.e. 在电子商务平台上购物).

图像学是一种用来表示功能或内容的视觉语言. 当我们没有足够的空间来显示文本内容时，就会使用图标. 因此, 图标是一种简单的视觉元素，可以立即被识别和理解.

在实践中，我们将遇到这两个版本的图标. 它们可以出现轮廓或填充, 但是整个图标集需要保持一致，使用相同的笔触. 然而，这是与视觉设计更相关的东西. 说到用户体验，有一件事是肯定的. 如果我们使用轮廓图标表示正常状态, 然后我们应该使用填充的图标来表示按钮的活动状态. 通过以特定方式突出显示图标来指示当前哪个部分处于活动状态是很重要的. 虽然我们可以改变轮廓的颜色, 当我们处理浅色背景时，这种方法并不理想, 所以最好使用填充/提纲的方法. 这使得活动选项卡和控件的识别更加直接. 最后的图标是用来导航到应用程序的其他部分的.

不管怎样，图标用起来很酷，在某些情况下也很有用. 然而，重要的是要确保它们必须向用户传达意义. 也, 有时最好不要使用图标, 因为创建能够说明特定上下文的图标是非常困难的.

例如，下面的图标是什么意思?

假设您的用户熟悉抽象象形图，或者愿意花额外的时间探索和学习它们，这是一个常见的错误.

这就是为什么对于复杂和抽象的功能，最好使用图标和文本标签. 在这种情况下, 图标仍然很有用，因为它们可以增强菜单项的可发现性，还可以为你的应用添加漂亮的触感和个性.

正如我们所知，排版是新媒体中最重要的东西之一. 这就是为什么确保我们在正确的时间使用正确的排版是很重要的, 让一切都可见，而不必放大或缩小.

通过增加行高或字母间距来提高可读性是很重要的. 好的、宽松的空白可以使一些最混乱的界面看起来诱人而简单.

我们应该使用颜色和对比度来帮助用户看到和理解内容. 为你的应用程序选择主要、次要和强调色. 后来, 重要的是要确保元素之间有足够的颜色对比，这样视力受损的用户才能阅读元素并使用应用程序.

背景和内容之间的对比需要强烈，这样文字才容易辨认. W3C建议小文本的对比度至少为4.5:1的背景.