原型设计释放网页设计的力量

创建一个成功的网站就像描绘一幅夜空图--艺术家需要将恒星、行星和星系正确地组合在一起，才能创作出杰作。同样的概念也适用于网页设计--你需要各种元素来为用户打造令人惊叹的体验。这就是原型设计；开发人员可以控制所有这些单独的元素，并将它们以一种真正合理的方式组合在一起。

那么什么是 "原型设计 "呢？简单地说，就是创建功能强大的数字产品，将网站地图、布局和内容结构等所有内容整合为一个整体。它能让设计师在开始开发之前，就能超越构建线框的范围，布局整个网站。这些小细节由我们专业人员来处理；通过使用原型对想法进行可视化测试，我们可以看到事物的实际组合情况，而不会被用户界面问题或数据准备问题所困扰。

最佳实践表明，每个重要项目都应包括原型设计--无论项目看起来有多小或多大。通过在项目初期使用原型，以及制定未来的更新计划（并通过反馈回路让最终用户参与其中），任何网页设计师都能比以往更快地捕捉到潜在的复杂因素，从而轻松地避免今后的重大失误！

在处理每项任务时，我们都要做到完全清晰，这样在做出有关可用性和可扩展性的决定时就会有更大的自由度；更好的是，当出现错误时，我们可以比以前更容易地解决它们。由于缺乏远见，编码后才发现所有字体大小都被随意更改了，这有什么用呢？至少我自己的经验告诉我，没有比这更糟糕的了！  

1. 创建线框，规划如何在网页上组织资源
2. 将静态设计转化为反馈回路的互动元素
3. 使用 HTML 和 CSS 让用户看到网页开发后的样子
4. 编写用户界面故事，以确定特性和功能之间的互动关系
5. 玩转字体大小、位置和颜色，创造视觉上愉悦的体验
6. 测试不同的交互指标，如页面速度或可用性评分
7. 在实施响应式技术时开发适应性原型
8. 在 "模拟 "视觉设计变更时，让最终用户参与反馈回路
9. 使用 Axure RP 或其他快速原型工具模拟工作流程  
10. 根据客户满意度调查完善设计
    

1. 对于网页设计师来说，快速原型设计是一种非常宝贵的工具，可以在不投入大量时间和资源的情况下快速创建设计的工作模型。快速原型可以帮助设计者在使用昂贵的软件创建功能完备的网页之前，确定其整体方案中的任何缺陷。
2. 在设计网站时，原型可以作为一种强大的概念映射方式，让设计师通过轻松绘制设计中不同元素之间的联系，在各种想法之间顺利切换，从而形成更加统一的概念和具有视觉吸引力的用户体验。
3. 通过使用原型设计工具，网页设计师能够将他们的想法变为现实，使他们能够在手工编码或使用复杂的网页开发软件之前，定制并完善他们的设计。这对于希望在最短时间内获得最佳产品的网站创建者来说，大大提高了工作流程的速度和结果的准确性。
   

1. 97% 的设计师在设计产品或服务时使用原型
2. 89% 使用原型设计的团队创造了更好的客户体验
3. 原型设计可将编码和设计时间缩短 50 - 90
4. 集成测试包括用户、安全、授权和验证等基本功能，使用原型可将测试速度提高 70
5. 只需花 5 分钟创建线框或模型，就能在设计过程中节省平均 2 个小时的代码修复时间  
6. 88% 的产品开发人员表示，原型设计可帮助他们优化用户体验/用户界面设计，减少验证所需的迭代次数
7. 87% 的高管认为用户测试很重要，但大多数大公司只有在确定要发布新产品时才会进行用户测试  
8. 宇宙最初可能只是一个原型，然后才有人完成编码！
   

原型设计从一开始就是网页设计不可或缺的一部分。最初，原型设计是用来获取利益相关者对设计早期模型的反馈意见，以便更好地了解用户交互和可用性。随着技术的进步和新工具的开发，原型设计经历了一系列变化--从手绘草图到可以在多种环境中测试的完整交互式应用程序。

用户体验/用户界面设计师的出现对网页设计原型的发展也起到了推动作用。通过从网站的用户体验中提取数据点，他们可以创建更加精确的线框图，捕捉远远超出传统 HTML 编码所能提供的结构和导航可能性的可视化功能。这有助于公司创建应用程序，在编写或部署任何代码之前，预测用户将如何与之交互。

当今的技术使开发人员能够快速制作真实的网站原型，以测试在项目开发阶段应用的概念和理论。云计算和 UI 框架（如 AngularJS）进一步加快了基于任何特定平台的原型制作过程，通过互联网快速交付，节省了时间和金钱，同时确保了远程工作时不同地点的团队成员在整个开发流程中的顺畅协作。所有这些进步都将过去需要数周的时间转变为数小时，使所有参与方的迭代比以往任何时候都更快、更高效--一切都在不断变化，直到在发布日的黄金时段投入使用！

现在，我们看到创建的原型不仅能模拟行为，还能通过详细的分析跟踪客户在迄今为止设计的应用程序或网站原型中的每一个操作，深入了解客户的旅程。人工智能元素也在慢慢进入这一领域，在客户与这些系统生成的用户界面组件进行交互后，根据谷歌分析或 Adobe 分析等分析服务收集的预测分析结果自动提供建议，然后再将其正式上线；这使得那些利用原型设计优势的领先者比那些固守传统方法的对手走得更远，因为后者能让开发人员更深入地了解产品性能，从而在上线前进行微调，而无需人工干预，然后快速上线！