实施网站和应用程序的工具包

   随着产品，设计和开发选项的列表不断增长，企业变得越来越难以理解所有考虑因素，并根据其独特的目标，功能和资源为他们决定合适的路径。同样，一旦企业走上了一条特定的道路，它可能会承诺多年(摊销沉没成本)。例如，在选择产品路径时，您可以创建一个网站或APP小程序应用程序;设计一个网站，您可以使用专用的，响应式的或自适应的设计;而要开发APP小程序应用，您可以使用Web技术或本机代码。帮助企业完成了可能且应该采用的棘手领域，以实现其目标。

  第一步：确定产品路径

  企业可以追求的两个主要产品路径是创建网站或APP小程序应用程序。在企业需要满足不同或多个用例的情况下，可能有必要同时创建网站和APP小程序应用程序作为差异化的主张(产品不是互斥的)。导航不同产品路径的要点如下：

  从客户开始，成为客户的痴迷者

  您应该通过了解您要为客户解决的问题来告知您的产品路线决策。这就需要客户参与，并关注他们的问题和环境，您的产品路径将旨在满足这些问题和环境。

  重新考虑每种产品的独特功能的主张

  确认每种产品都具有独特的功能，并且在客户生命周期中扮演着不同的角色，即，桌面站点不是mSite，它也不是App

  确认目标范围或功能

  如果您的目标是达到目标，那么 网站 将利用网络的广泛影响力，使您能够从搜索和社交渠道中捕获大部分休闲销售您可以通过添加基本的- Polymer-Web组件进一步扩展现有站点，这些Web组件可提高转化率并提高参与度如果您的目标是功能，则本 机应用程序 将利用最新的传感器和服务，并使您能够捕获大多数重复销售和丰富的参与度您可以在智能手机上主动重新吸引客户-并通过及时且相关的小部件或通知内容来绕过自己的应用程序如果您的目标是覆盖范围和功能的结合，请考虑使用Web App路径您可以向站点添加丰富的Web组件，使其更像“应用程序式”(或构建定制的Web应用程序)，例如，脱机工作，推送通知，添加到主屏幕等。

  如果您不需要最新功能，则可以替代本机应用程序

  第二步：确定设计路径

  设备的普及和不断增长的屏幕碎片使数字设计比以往任何时候都更加复杂。除了包括智能电视和智能手表的新平台，还需要支持新的输入类型和上下文。用户以不同的距离和姿势查看和触摸平台，而屏幕尺寸和方向提供了几乎无限的组合。导航不同设计路径的要点如下：

  设备和用户行为的碎片化和复杂性是一个设计问题

  我们在平台(例如台式机，智能手机，Smartwatch)，设备(例如iOS和Android智能手机)，屏幕尺寸，方向和分辨率，输入法(例如鼠标，触摸，语音)和姿势(例如多种固定方式/与智能手机互动)等用户在任何给定任务上使用多个设备和屏幕，并期望获得一致的体验复杂性是痛苦的新现实，需要考虑到消费者行为才能进行设计自适应或自适应设计是最灵活和可持续的网站设计路径

  响应式 设计是一种灵活且可持续的方法，可根据用户的设备利用流体网格重新格式化和定位元素(包括图像，媒体和内容)。响应站点可以检测/适应每种设备，并且是相对过时的UX系统

  对于不想立即对所有设备采用响应式设计的企业而言，一种过渡方法是响应式设计专用的mSite，然后在转换率和体验稳定下来之后将其扩展到平板电脑和台式机自适应 设计进一步扩展了响应能力，从而为每台设备提供了最终的用户体验。使用流体网格和断点，它可以适应每个设备，屏幕和分辨率，在设备需要支持不同用例的情况下可以提供不同的内容物料设计是用于统一跨设备，Web和本机应用程序的体验的UI路径智能手机的碎片化还会影响本 机应用程序的 设计，多个本机平台会进一步加剧复杂性。自适应和自适应设计原理提供了解决方案的 材料设计 的视觉语言使得每个设备以反映同一底层系统的不同视图，以一致地统一跨设备，网站和本机应用程序的用户接口采用APP小程序优先的方法进行设计充分利用智能手机的固有限制(例如屏幕空间)来确定优先级并显示主要内容，并使次要内容不在屏幕上(或将其删除)

  首先为最小的设备进行设计和编码，以使智能手机成为基本体验，然后再扩展到更大的平台

  第三步：确定发展道路

  开发可归结为两个关键路径：Web技术(使用HTML，CSS和JavaScript进行编码)和本机代码(使用Java，Objective C等进行编码)。可从浏览器访问的网站和Web Apps采用Web技术，而可从应用商店安装的Mobile Apps可以采用本机代码(对于Native Apps)或Web技术(对于Hybrid Apps)。导航不同发展路径的要点如下：

  使用最新的开发工具优化网站的技术性能

  Web开发已经成熟，因此已经存在大量开发人员，这使得该开发路径相对简单

  尽管大多数企业都将重点放在UX / UI优化上，但将重点放在技术性能上以进一步改善用户体验和增加转换(并克服传统性能挑战)至关重要。的网络性能工具可帮助您优化启动和加载性能等。

  要扩展现有网站并增加转化，请尝试向其中添加 Polymer基本元素和Web组件，例如“优化表单输入”或“自动完成”

  采用现代的Web开发人员工具(例如 Polymer)来使您的网站更像App，或者构建定制的Web Apps

  开发人员可以通过实施类似于应用程序的功能来扩展网站的丰富度和参与度，例如脱机工作，启动屏幕，后台同步，推送通知以及添加到用户的主屏幕

  的Polymer是开发Web Apps的一种工具，可统一跨设备和屏幕的用户体验。它使用模块化的，可重用的，基于标准的元素和纤巧而又快速的Web组件，并且可以在现代Web浏览器中工作聚合物元素目录很大且还在不断扩展，尽管有些元素具有材料设计样式，但可以对其进行定制以适合任何品牌元素可以递增地添加到站点，或用于开发新的Web App通过利用大量的开发人员和成熟的工具来开发丰富的本机应用程序

  具有本机代码和两个平台(Android和iOS)的开发人员优先级，您只需要开发两个应用程序即可占领大部分市场

  如果业务目标是最佳功能集和性能，那么本机应用程序将为您提供答案。借助在操作系统上运行的本机代码，他们可以提供响应速度最快且功能强大的体验，最丰富的用户界面以及对最新传感器和服务/ API的访问权限。

  除非您只需要开发简单的应用程序，否则避免使用混合应用程序路径

  如果业务优先考虑速度和成本而不是客户体验，或者仅需要开发简单的消费者/员工应用或原型，则混合开发路径可能比本机更合适

  但是Hybrid Apps涉及许多折衷方案，并且在以下方面不如本机：技术性能(将Web技术包装在本机外壳中);用户体验(Android和iOS用户界面在视觉上有所不同);测试复杂性(Webview碎片);和供应商锁定的威胁

  摘要：谨慎选择路径

  一旦您走上一条道路，您可能会付出多年的努力

  考虑您对短期和长期的覆盖面和/或功能的要求

  考虑您最初(直到启动)和持续(照常营业)的工作量和成本

  确保您具有正确的设计，开发和测试功能组合和成熟度

  对于所有三个决策阶段-产品，设计和开发-我们确定关键路径，考虑因素，相对优点，并提供明确的建议。要告知这些关键且相互依赖的决定，您可以下载完整报告或单独的部分：产品，设计，开发。