咨询电话:400-999-0300
如何构建和拓展wed应用程序的用户体验设计

如何构建和拓展wed应用程序的用户体验设计


  摘要:团队与开发人员是如何构建和扩展web应用程序的用户体验设计的,我想分享一些我们一路上学到的东西。来促进用户体验的发展。”

  我们最近发布的版本3反应样板,其中最流行的入门套件反应,经过几个月的工作。团队与数百名开发人员如何构建和扩展web应用程序的“用户体验设计”的,我想分享一些我们一路上学到的东西。

  我们意识到在过程的早期,我们不希望它“只是另一个样板。“我们想给开发人员开始一个公司或建立一个产品从最好的基础和规模。

  传统上,扩展主要是相关的服务器端系统。随着越来越多的“用户体验优化”将使用您的应用程序,您需要确保您可以添加更多的服务器集群,数据库可能跨越多个服务器,等等。

  如今,由于丰富的web应用程序,扩展已经成为一个重要的主题在前端,!复杂的前端应用程序需要能够处理大量用户、开发人员和部分。这三个类别的比例(用户、开发人员和部分)需要占;否则,将会有问题。

如何构建和拓展wed应用程序的用户体验设计

  一、容器和组件

  第一个重大改善清晰对大型应用程序之间的分化状态(“容器”)和无状态(“组件”)组件。容器管理数据或连接到国家和一般没有样式。另一方面,组件具有与其相关联的样式和不负责任何数据或状态管理。我发现这令人困惑。基本上,容器负责组件的工作原理,和组件负责如何看。

  这样的分裂我们的组件使我们干净地分离可重用组件和中介层的数据管理。作为一个结果,你可以自信地进入和编辑你的组件,而不必担心ui设计数据结构变得一团糟,你可以编辑你的容器而不用担心样式变得一团糟。推理通过和使用您的应用程序变得更加容易,大大提高的清晰!

  二、结构

  传统上,应用程序开发人员结构反应的类型。这意味着他们有文件夹的行动/,/组件,容器/等。

想象一个名为导航的导航栏容器。它会有一些与之相关的国家和一个toggleNav行动,打开和关闭它。这是按类型分组时文件结构:。

如何构建和拓展wed应用程序的用户体验设计

  虽然这对例子很不错,一旦你有数百或数千个组件,开发变得非常困难。添加一个功能,你必须寻找正确的文件在6个不同的文件夹与成千上万的文件。这很快就会变得单调,对代码的信心减弱。

  经过长时间的讨论,我们在GitHub问题追踪和尝试不同的结构,我们相信我们已经找到了一 种更好的解决方案:

  而不是按类型分组应用程序的文件,将它们分组功能!也就是说,ue设计把所有文件与一个特性(例如,导航栏)在同一文件夹中。

  让我们看看什么文件夹结构看起来像我们的导航条的例子:

  这个应用程序开发者只需要进入一个文件夹的东西。他们只需要创建一个文件夹来添加一个新特性。重命名是很容易的查找和替换,数百名开发人员可以在同一个应用程序同时不会引起任何冲突!

  当我第一次读到这个反应应用程序的编写方式,我想,“我为什么要这么做?另一种方式工作绝对好!“我骄傲我保持一个开放的头脑,但是,我试过一个小项目。我是在15分钟内击杀。我对代码的信心是巨大的,容器组件划分,在它真是太容易了。

  重要的是要注意,这并不意味着回来的行动和还原剂只能用于该组件。他们可以(也应该)得到进口和从其他组件使用!

  突然想起两个问题这样的工作时,虽然:“我们如何处理样式?”和“我们如何处理数据抓取?“让我单独解决这些。

  三、样式

  除了用户体验架构决策、工作与CSS组件的架构很难由于两种语言本身的特定属性:全局名称和继承。


以上作品由深圳品创设计公司整理发布 版权所有
品创设计专注于用户体验的提升,服务涵盖市场研究、品牌创建、交互体验设计、技术环境开发等范畴,是以用户体验为先的专业服务机构。 八年来积累了大量的行业资源与实践经验,尤其在汽车、金融、医疗、智能等领域表现卓越,拥有极佳口碑。先后服务逾500家客户企业,为其实现产品的飞跃。