为企业应用设计更好的表格 #1905

laiyun90 · 2017-07-15T13:50:48Z

Issues: #1872

翻译完毕~

为企业应用设计更好的表

Ruixi · 2017-07-21T04:51:12Z

认领校对～

linhe0x0 · 2017-07-21T04:51:15Z

@Ruixi 好的呢 🍺

leviding · 2017-07-22T12:15:09Z

校对认领 @sqrthree

linhe0x0 · 2017-07-22T12:15:10Z

@leviding 妥妥哒 🍻

leviding

校对完成
@sqrthree
@laiyun90

leviding · 2017-07-22T12:19:23Z

TODO/designing-better-tables-for-enterprise-applications.md


-Since most enterprise applications contain sensitive data pertaining to the company, there are very few examples out there that talk to some of the common problems faced while designing enterprise apps. There exists pattern libraries that talk in-depth about how each component should work but very little on when to use them. The patterns we see in design libraries are often oversimplified and does not work in real enterprise applications where data and the use-cases are more complex in nature.
+由于大多数的企业应用程序都涉及与公司相关的敏感数据，所以很少有实例讨论设计企业应用程序时面临的的常见问题。现有的模式库深入讨论了每个组件如何运行工作，但是很少涉及何时使用它们。我们在设计库中看到的模式通常过于简单，而实际的企业应用程序在本质上数据和用例都更为复杂，这些模式并不起作用。 


所以很少有实例讨论设计企业应用程序时面临的的常见问题 => 所以很少有实例讨论设计企业应用程序时面临的常见问题

多了个 “的” 字。

leviding · 2017-07-22T12:21:18Z

TODO/designing-better-tables-for-enterprise-applications.md

-Image source — [http://docplayer.net/docs-images/24/3069798/images/8-0.png](http://docplayer.net/docs-images/24/3069798/images/8-0.png)
-As you can notice above, the most space consuming section of the application is a *table*. Tables This article will help designers who are trying to figure out how to use table patterns the right way depending on specific scenarios.
+图片来源：[http://docplayer.net/docs-images/24/3069798/images/8-0.png](http://docplayer.net/docs-images/24/3069798/images/8-0.png)
+如上所述，应用程序中最耗费空间的部分是**表**。本文将帮助设计师根据具体情况来发现表格的正确使用方法。


发现表格的正确使用方法 => 探寻表格的正确使用方法

是否更好

leviding · 2017-07-22T12:22:55Z

TODO/designing-better-tables-for-enterprise-applications.md


-A pattern of the past in most consumer facing applications but very much an effective and widely used one in the enterprise world. There is no better way, yet, to display huge lists of data in any other way but on tables. Tables are effective because the nature of enterprise applications requires users to view rows of data simultaneously, scanning through alerts, comparing data and looking at data in any specific order of the user’s choice.
+一种过去大多面向消费者应用的模式，在企业界反而非常有效并被广泛使用。然而也没有什么更好的方法，只有表格能能展示巨大的数据列表。表格的有效性在于企业应用的性质要求用户同时查看多行数据、通过警报扫描、比较数据以及按照用户选择的任何特定顺序查看数据。 


在企业界反而非常有效并被广泛使用 => 在企业界竟然也非常有效，并被广泛使用

leviding · 2017-07-22T12:34:27Z

TODO/designing-better-tables-for-enterprise-applications.md

-The action to be performed on a row is at the right most column which is furthest away from the identifying column, which in this case, is the first column.
-The proximity of action that needs to be performed on a row should not be furthest away from the identifying column. More often than not, this leads to an action being performed on the wrong row. This puts too much cognitive effort for a person to keep track of row and click the action without mistaking it for another row. This pattern is prone to error and should be avoided.
+要在一行中执行的操作位于距离标识列最远的最右边的列，而在本例中，操作位于第一列。
+一行中要执行的操作的距离不应该远离识别列。通常情况下，这会导致在错误行上执行操作。如若不然，用户需要花费过多认知精力用于识别追踪行，并努力避免点击操作到另外的行。这种模式很容易出错，设计时应该避免。


用户需要花费过多认知精力用于识别追踪行 => 用户需要在识别追踪行上花费过多精力

leviding · 2017-07-22T12:38:19Z

TODO/designing-better-tables-for-enterprise-applications.md

-On selection of multiple items on table, there is a toolbar that appears to perform actions on the selected items.
-This pattern is followed in most enterprise applications that has multiple list items in the form of a table. Some designers find the checkbox to be visually overwhelming as well because they are present on each row.
+在表格里选择多个项目后，有一个工具栏可以对所选项目执行操作。
+大多数具有表格形式的列表项的企业应用程序都遵循这种模式。但是一些设计师也发现，因为表格的每行都有复选框，所以在视觉上有点重、令人不知所措。


所以在视觉上有点重 => 所以在视觉上有点混乱

是否好些，仅仅给个参考，我也想不出太好的

leviding · 2017-07-22T12:45:46Z

TODO/designing-better-tables-for-enterprise-applications.md


-When a user paginates, they are looking for something specific. So before we get into designing good pagination, one must ask the question —
+用户之所以翻页是因为他们正在寻找特定的信息。所以在我们设计翻页之前，我们必须提出一个问题


所以在我们设计翻页之前，我们必须提出一个问题 => 所以我们在设计翻页之前，必须提出一个问题。

leviding · 2017-07-22T12:47:13Z

TODO/designing-better-tables-for-enterprise-applications.md


 ---

-Now that we know how to think about pagination, it is necessary nevertheless. One of my biggest pet-peeves with pagination is the presence of item limits in the following fashion —
+现在我们知道了如何考虑分页设计，无论如何这是很有必要的。我最不能忍的一种分页方式是下图中呈现的项目限制


我最不能忍的一种分页方式是下图中呈现的项目限制

这句话结尾是否有必要加一个冒号之类的标点符号？

leviding · 2017-07-22T12:47:48Z

TODO/designing-better-tables-for-enterprise-applications.md


 ![](https://cdn-images-1.medium.com/max/800/1*0d74ZT5gQYQo3hxDtSXVhA.png)

-Here the system has been set up to view 10 items on a page.
-The user sees the first ten items on the list and has to paginate to view the eleventh one. Why can the table not programmatically find out if there are just one to three more items on the next page and display them all here? Or even better, no pagination if the items on the table are lesser than say 25? These are not difficult to implement, just that they have not been given much thought about.
+这个系统每页展示10条数据。


这个系统每页展示10条数据。=> 这个系统每页展示 10 条数据。

数字前后空格

leviding · 2017-07-22T12:48:02Z

TODO/designing-better-tables-for-enterprise-applications.md

-Here the system has been set up to view 10 items on a page.
-The user sees the first ten items on the list and has to paginate to view the eleventh one. Why can the table not programmatically find out if there are just one to three more items on the next page and display them all here? Or even better, no pagination if the items on the table are lesser than say 25? These are not difficult to implement, just that they have not been given much thought about.
+这个系统每页展示10条数据。
+用户在一页中只能查看10条数据，必须要翻页来查看第11条。为什么不能编写程序来查看表格下一页是否只有 1 到 3 条数据，如果是的话全部展示在当前这页呢？或者可以做得更好一点，判断条目少于 25 项不做分页。这些并不难实现，只是他们并没有多加考虑。


数字前后空格

leviding · 2017-07-22T12:50:27Z

TODO/designing-better-tables-for-enterprise-applications.md


-There are some excellent UI suggestions by [Andrew Coyle](https://medium.com/@CoyleAndrew) on [designing better data tables](https://uxdesign.cc/design-better-data-tables-4ecc99d23356). I’d highly recommend reading it for good interaction practices on tables.
+[Andrew Coyle](https://medium.com/@CoyleAndrew)在[设计更好的数据表格](https://uxdesign.cc/design-better-data-tables-4ecc99d23356)一文中提出了很好的设计表格用户界面的建议。强烈建议你读一读，以便了解良好的表格交互实践。


Andrew Coyle在 => Andrew Coyle 在

Coyle 和在字之间缺个空格

leviding · 2017-07-23T01:09:59Z

TODO/designing-better-tables-for-enterprise-applications.md

@@ -6,169 +6,169 @@
 > * 译者：
 > * 校对者：


校对者：LeviDIng

Ruixi

校对完成，主要是对句子本身的改动建议～

Ruixi · 2017-07-23T15:40:01Z

TODO/designing-better-tables-for-enterprise-applications.md


-# Designing better tables for enterprise applications
+# 为企业应用设计更好的表


为企业应用设计更好的表格*

Ruixi · 2017-07-23T15:41:33Z

TODO/designing-better-tables-for-enterprise-applications.md


 ![](https://cdn-images-1.medium.com/max/800/1*CtL7L-xuiyljKBcX6kxjug.jpeg)

-Enterprise applications are complex — there is an insane amount of information that is to be displayed that contains data from various sources, modules and users. There are complex graphs, usage patterns, and lists of data that need to be skimmed through before one can make sense of what the console is getting at.
+企业应用通常很复杂，因为要展示包含多种来源、模式和用户的大量的数据信息。需要先浏览一下复杂的图表、使用模式和数据列表，才能理解控制台的功能。


展示包含多种来源、模式和用户的大量的数据信息->展示大量的包含多种来源、模式和用户的数据信息

Ruixi · 2017-07-23T15:43:20Z

TODO/designing-better-tables-for-enterprise-applications.md


-> The biggest challenge with designing enterprise applications is the lack of examples of patterns that work or don’t work in specific scenarios.
+> 设计企业应用程序最大的挑战是缺乏在特定场景中工作或不工作的模式示例。


->设计企业应用程序最大的挑战来自在特定场景中工作与否的模式示例的缺乏。

Ruixi · 2017-07-23T15:44:38Z

TODO/designing-better-tables-for-enterprise-applications.md


-Since most enterprise applications contain sensitive data pertaining to the company, there are very few examples out there that talk to some of the common problems faced while designing enterprise apps. There exists pattern libraries that talk in-depth about how each component should work but very little on when to use them. The patterns we see in design libraries are often oversimplified and does not work in real enterprise applications where data and the use-cases are more complex in nature.
+由于大多数的企业应用程序都涉及与公司相关的敏感数据，所以很少有实例讨论设计企业应用程序时面临的常见问题。现有的模式库深入讨论了每个组件如何运行工作，但是很少涉及何时使用它们。我们在设计库中看到的模式通常过于简单，而实际的企业应用程序在本质上数据和用例都更为复杂，这些模式并不起作用。 


所以很少有实例讨论设计企业应用程序时面临的常见问题。->所以很少有讨论设计企业应用程序时面临的常见问题的实例。

Ruixi · 2017-07-23T15:48:53Z

TODO/designing-better-tables-for-enterprise-applications.md


-A pattern of the past in most consumer facing applications but very much an effective and widely used one in the enterprise world. There is no better way, yet, to display huge lists of data in any other way but on tables. Tables are effective because the nature of enterprise applications requires users to view rows of data simultaneously, scanning through alerts, comparing data and looking at data in any specific order of the user’s choice.
+一种过去大多面向消费者应用的模式，在企业界竟然也非常有效，并被广泛使用。然而也没有什么更好的方法，只有表格能能展示巨大的数据列表。表格的有效性在于企业应用的性质要求用户同时查看多行数据、通过警报扫描、比较数据以及按照用户选择的任何特定顺序查看数据。 


huge 觉得译为“庞大”更合适一些

表格的有效性在于企业应用的性质要求用户同时查看多行数据、通过警报扫描、比较数据以及按照用户选择的任何特定顺序查看数据。
->
表格的作用在于企业应用对用户同时查看多行数据、通过警报扫描、比较数据，以及按照用户选择的任何特定顺序查看数据的性质的要求。

@sqrthree @laiyun90

linhe0x0 · 2017-07-24T02:51:10Z

@laiyun90 两位校对者都已经校对好了~ 可以来根据校对意见进行调整了哈 ┏ (゜ω゜)=☞

laiyun90 · 2017-07-24T04:31:08Z

@sqrthree 修改完毕~

linhe0x0 · 2017-07-25T03:15:31Z

已经 merge 啦~ 快快麻溜发布到掘金专栏然后给我发下链接，方便及时添加积分哟。

laiyun90 · 2017-07-25T07:10:48Z

发啦https://juejin.im/post/5976ecb65188250c855facc2
@sqrthree 加分啦

laiyun90 added 2 commits July 15, 2017 19:42

Update designing-better-tables-for-enterprise-applications.md

1ba5250

翻译完毕~

Merge pull request #1 from laiyun90/translation/designing-better-table

92a72a8

为企业应用设计更好的表

linhe0x0 added the 校对认领 label Jul 15, 2017

linhe0x0 mentioned this pull request Jul 15, 2017

为企业应用设计更好的表格 #1872

Closed

linhe0x0 added the 设计 label Jul 18, 2017

linhe0x0 changed the title ~~为企业应用设计更好的表~~ 为企业应用设计更好的表格 Jul 18, 2017

linhe0x0 added the merging-soon-if-no-other-reviewer label Jul 19, 2017

linhe0x0 added the 正在校对 label Jul 21, 2017

linhe0x0 removed 校对认领 merging-soon-if-no-other-reviewer labels Jul 22, 2017

leviding reviewed Jul 22, 2017

View reviewed changes

leviding reviewed Jul 23, 2017

View reviewed changes

根据一校修改~

8d8edac

Ruixi reviewed Jul 23, 2017

View reviewed changes

根据校对意见修改完毕~

93f09a0

linhe0x0 added 2 commits July 25, 2017 11:01

调整部分 Markdown 语法

ef86ce1

调整部分词语以及 Markdown 格式

7f2e581

linhe0x0 approved these changes Jul 25, 2017

View reviewed changes

linhe0x0 merged commit 18c2d4c into xitu:master Jul 25, 2017

linhe0x0 added 翻译完成 and removed 正在校对 labels Jul 25, 2017

cdadar pushed a commit to cdadar/gold-miner that referenced this pull request Dec 8, 2017

为企业应用设计更好的表格 (xitu#1905)

7886b76

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

为企业应用设计更好的表格 #1905

为企业应用设计更好的表格 #1905

laiyun90 commented Jul 15, 2017

Ruixi commented Jul 21, 2017

linhe0x0 commented Jul 21, 2017

leviding commented Jul 22, 2017

linhe0x0 commented Jul 22, 2017

leviding left a comment •

edited

Loading

leviding Jul 22, 2017

leviding Jul 22, 2017

leviding Jul 22, 2017

leviding Jul 22, 2017

leviding Jul 22, 2017

leviding Jul 22, 2017

leviding Jul 22, 2017

leviding Jul 22, 2017

leviding Jul 22, 2017

leviding Jul 22, 2017

leviding Jul 23, 2017

Ruixi left a comment

Ruixi Jul 23, 2017

Ruixi Jul 23, 2017

Ruixi Jul 23, 2017

Ruixi Jul 23, 2017

Ruixi Jul 23, 2017

Ruixi Jul 23, 2017

linhe0x0 commented Jul 24, 2017

laiyun90 commented Jul 24, 2017

linhe0x0 commented Jul 25, 2017

laiyun90 commented Jul 25, 2017


		Since most enterprise applications contain sensitive data pertaining to the company, there are very few examples out there that talk to some of the common problems faced while designing enterprise apps. There exists pattern libraries that talk in-depth about how each component should work but very little on when to use them. The patterns we see in design libraries are often oversimplified and does not work in real enterprise applications where data and the use-cases are more complex in nature.
		由于大多数的企业应用程序都涉及与公司相关的敏感数据，所以很少有实例讨论设计企业应用程序时面临的的常见问题。现有的模式库深入讨论了每个组件如何运行工作，但是很少涉及何时使用它们。我们在设计库中看到的模式通常过于简单，而实际的企业应用程序在本质上数据和用例都更为复杂，这些模式并不起作用。


		A pattern of the past in most consumer facing applications but very much an effective and widely used one in the enterprise world. There is no better way, yet, to display huge lists of data in any other way but on tables. Tables are effective because the nature of enterprise applications requires users to view rows of data simultaneously, scanning through alerts, comparing data and looking at data in any specific order of the user’s choice.
		一种过去大多面向消费者应用的模式，在企业界反而非常有效并被广泛使用。然而也没有什么更好的方法，只有表格能能展示巨大的数据列表。表格的有效性在于企业应用的性质要求用户同时查看多行数据、通过警报扫描、比较数据以及按照用户选择的任何特定顺序查看数据。


		When a user paginates, they are looking for something specific. So before we get into designing good pagination, one must ask the question —
		用户之所以翻页是因为他们正在寻找特定的信息。所以在我们设计翻页之前，我们必须提出一个问题


		There are some excellent UI suggestions by [Andrew Coyle](https://medium.com/@CoyleAndrew) on [designing better data tables](https://uxdesign.cc/design-better-data-tables-4ecc99d23356). I’d highly recommend reading it for good interaction practices on tables.
		[Andrew Coyle](https://medium.com/@CoyleAndrew)在[设计更好的数据表格](https://uxdesign.cc/design-better-data-tables-4ecc99d23356)一文中提出了很好的设计表格用户界面的建议。强烈建议你读一读，以便了解良好的表格交互实践。


		# Designing better tables for enterprise applications
		# 为企业应用设计更好的表


		> The biggest challenge with designing enterprise applications is the lack of examples of patterns that work or don’t work in specific scenarios.
		> 设计企业应用程序最大的挑战是缺乏在特定场景中工作或不工作的模式示例。


		A pattern of the past in most consumer facing applications but very much an effective and widely used one in the enterprise world. There is no better way, yet, to display huge lists of data in any other way but on tables. Tables are effective because the nature of enterprise applications requires users to view rows of data simultaneously, scanning through alerts, comparing data and looking at data in any specific order of the user’s choice.
		一种过去大多面向消费者应用的模式，在企业界竟然也非常有效，并被广泛使用。然而也没有什么更好的方法，只有表格能能展示巨大的数据列表。表格的有效性在于企业应用的性质要求用户同时查看多行数据、通过警报扫描、比较数据以及按照用户选择的任何特定顺序查看数据。

为企业应用设计更好的表格 #1905

为企业应用设计更好的表格 #1905

Conversation

laiyun90 commented Jul 15, 2017

Ruixi commented Jul 21, 2017

linhe0x0 commented Jul 21, 2017

leviding commented Jul 22, 2017

linhe0x0 commented Jul 22, 2017

leviding left a comment • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Ruixi left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

linhe0x0 commented Jul 24, 2017

laiyun90 commented Jul 24, 2017

linhe0x0 commented Jul 25, 2017

laiyun90 commented Jul 25, 2017

leviding left a comment •

edited

Loading