In the GOGOX client app, one of the rapidly evolving screens is the delivery package information screen. The complexity grows in the following ways:

在GOGOX客户端应用程序中，快速发展的屏幕之一是交货包裹信息屏幕。 复杂性以下列方式增长：

• Rich experiments. We have done a lot of experiments to improve the UI/UX design. The screen is really dynamic and controlled by feature flags. There are 17 feature flags for this single screen. Some experiments are minor changes such as adding a merchant order number component, and some of them are major changes such as replacing the size and weight component with brand new design and rearrange the components layout of the screen.

  丰富的实验 。 我们已经做了很多实验来改善UI / UX设计。 屏幕实际上是动态的，由功能标志控制。 此单个屏幕有17个功能标志。 一些实验是较小的更改，例如添加了商家订单号组件，而有些则是重大更改，例如以全新的设计替换了尺寸和重量组件，并重新排列了屏幕的组件布局。

• Multiple countries support. The user interface and behavior may be different for each country to cater to country-specific needs.

  多个国家的支持 。 每个国家/地区的用户界面和行为可能有所不同，以满足特定国家/地区的需求。

• Multiple account types support. The user interface and behavior may be different for personal and business users. For example, we present a set of predefined size options for personal users but allow custom sizing for business users.

  多种账户类型支持 。 个人和企业用户的用户界面和行为可能有所不同。 例如，我们为个人用户提供了一组预定义的大小选项，但允许企业用户自定义大小。

Without a proper design, the screen complexity will grow out of control as we have to take into account different combinations of scenarios. It is tempting to embed if-else conditions inline for different scenarios. However, the logic becomes tightly coupled and hard to understand, which makes it easy to break the working code unintentionally. For instance, updating the feature for country A may break the feature for country B. As a result, the developer productivity will be slowed down as part of the time is wasted to fix bugs and puzzle over workarounds. And product manager also has to compromise the pace of feature rollout.

如果没有适当的设计，屏幕的复杂性将失去控制，因为我们必须考虑到场景的不同组合。 可以将if-else条件嵌入到不同的场景中，这很诱人。 但是，逻辑变得紧密耦合且难以理解，这使得容易无意间破坏工作代码。 例如，更新国家(地区)的功能可能会破坏国家(地区)的功能。结果，开发人员的工作效率将降低，这是因为浪费了一部分时间来修复错误并困扰于解决方法。 产品经理还必须牺牲功能推出的速度。

我们的目标是什么？ (What are our goals?)

web前端应对4k屏幕_应对复杂的屏幕相关推荐

1. web前端知识点太多_初学web前端，学习方法容易走偏，这是为什么？

   一.了解web前端 所谓"知己知彼,百战不殆",在学习web前端之前,还是让我们先了解一下什么是web前端吧! 所有用户终端产品与视觉和交互有关的部分,都属于前端开发的领域.从狭义 ...

2. web前端开发最佳实践_学习前端Web开发的最佳方法

   web前端开发最佳实践 为什么要进行网站开发? (Why web development?) Web development is a field that is not going anywhere ...

3. 怎样在线把别人web前端代码抓下_自学web前端8个月，我是怎样拿下7K薪资的？

   自学web前端8个月,我是怎样拿下7K薪资的?自学两个字,说起来很轻松,但真正做起来那真是绝非易事,说实话,在我收到HR发来的offer那一刻,眼泪差点掉下来,这个过程中吃的这些苦,真的只有自己才能知 ...

4. web前端三大主流框架_小猿圈web前端之前端的主流框架都有哪些？

   社会在不断发展,互联网更新换代也是飞速,web框架也是经历一代又一代的革新,那么当今时代什么框架是前端的主流框架呢?小猿圈web前端讲师查了一些资料,整理出当今时代比较流行的三种框架,下面说一下这三种 ...

5. web前端网页设计作业_网页前端设计快速入门技巧

   我最近收到部分在校学生的邮件,很多在临近毕业实习这段时间,面临着找工作,表示压力非常大,也不知道如何去选择,大多数都是处于迷茫期,问我怎么办?也有想学前端的,问我怎么才能够快速的入门? 先说我自己吧, ...

6. web前端开发基础知识_前端开发是什么？学前端开发需要学什么语言？你想成为程序员吗？...

   Web前端是什么 前端的本质就是通过一定的程序代码来实现用户界面的ui 交互.可以认为用户在终端所看到的和所操作的都属于前端,也就是说分为渲染页面和处理用户操作两块. 前端开发是创建Web页面或app ...

7. web前端开发基础知识_薪资30K+的web前端怎么做到的？

   好的web前端年薪会有多少?首先,我们要知道怎么才能成为一个所认为的"好的web前端",其次,自己能值多少价值? 用户体验为王,是互联网时代的座右铭.人们在享受互联网带来的便捷的同 ...

8. web前端开发论文写作_现在入行 web前端开发 晚了？不看数据你根本不知道这些...

   前端程序员是大家都公认的高薪岗位,那他们的工资到底有没有传说中那么高呢?我们来看看职友集的数据. 数据来源:职友集 就北上广深杭的前端薪资来看,平均薪资均达到一万以上. 通常来讲: 工作1~2年后会成 ...

9. web前端入职配置_我如何从全职妈妈变成前端Web开发人员

   web前端入职配置 I thought about writing about my personal coding journey many times, but never had the cou ...

最新文章

1. linux md5sum获取文件指纹数值并使用cut切割
2. CADENCE ORCAD原理图导出FPGA UCF的方法
3. Spring Boot的自动化配置原理
4. Linux服务器安全设置总结
5. 求职简历介绍html5模板
6. IIS不能下载ini文件
7. java二分查找法视频_078-二分查找算法思路图解
8. [恢]hdu 2087
9. git linux 部署网站,centos 搭建git自动部署web应用
10. JAVA 比较两个日期相差的天数的方法比较
11. 基于Dx11写一个自己的游戏引擎--1
12. 虚拟机和主机快捷键切换
13. wifi6 feature 详解
14. C/C++开3次方函数cbrt
15. NAS信令学习笔记 ——GUTI reallocation过程
16. Windows11系统闪屏解决方案
17. python 打印乘法表各种形式_Python使用while循环花式打印乘法表
18. 科林明伦杯”哈尔滨理工大学第十届程序设计竞赛B（减成1）
19. 找寻自己的哲学世界？
20. Python之判断一个数是否为素数

热门文章

1. 北大青鸟消防控制器组网_北大青鸟JBF-61S20防火门监控报警主机使用说明书
2. java 分层处理解耦_后端分层架构如何解耦？
3. 《C语言程序设计》江宝钏主编-习题4-2-分段函数
4. 全国省份GDP动态统计图表echarts.js插件
5. Selenium学习 - 库代码解析
6. 如果网站访问速度比较慢，你该如何处理？
7. Faster Read: Deep High Dynamic Range Imaging with Large Foreground Motions
8. 再见2019，你好2020，属（鼠）于我的年华
9. 如何提高文字和配图的整体性？总监送你7个实用方法
10. 2022-2028年全球与中国救生艇行业市场前瞻与投资战略规划分析