Saas产品中，表格设计有哪些要点

导语：无论是在学校还是公司，我们每个人应该都接触过表格。表格不仅可以迅速的收集信息，还是一种高效的信息展示方式。本文作者基于过去的创业经验，为我们分析总结了数据表格设计的一些关键点，希望看后能够对你有所启发。

过去的创业经历中，我接触了不少 SaaS（Software as a Service，软件服务化）平台，如 Mailchimp 、 Shopify 、 Klaviyo 、 Zendesk 等。

它们虽功能各异，但是ToB 管理后台中有一个共同点——大量使用表格，这可能是效率最高的信息展示方式了。表格可以高效组织信息和数据，让用户方便阅览、对比和分析。

这篇文章将会根据我的经验，总结一下数据表格设计的关键要点。

一、长表格冻结表头

超过30行时，用户就必须向下滚动查看信息了。此时如果没有固定的表头就会很难阅读。固定的表头可以让用户阅读起来更加轻松，不至于翻着翻着就忘记自己在看什么了。

设计技巧：我喜欢用8点网格系统，因此通常将表头的内边距设置为16px，这样整体看起来不会太拥挤。

二、宽表格冻结首列

当我们查阅表格时，有2类信息是统领全局的：

每种数据类型，即首行/表头（例如状态、结果、预算等）；每项数据的标题，即首列（名称、ID等）。

数据项太多可以冻结首行，那么数据类型太多可以冻结首列。

设计技巧：对于冻结首列的表格，建议可以加一个阴影效果，给一个可以滑动”的视觉隐喻。

三、分步展示

我从一位程序员朋友说，只要缩减单次加载的数据量，就可以缩短等待加载的时间，从而达到少量多次的高效体验。这就是为什么哪怕是移动时代了，很多表格还是使用分页组件。

少量多次的加载还有一种——滚动加载，用户滑到页底时，自动加载下一批数据，更加符合移动时代的轻量交互趋势。

然而我个人还是更加喜欢第一种分页组件，因为我可以用它跳跃查看数据，灵活性更高、步骤更短。

第二种滚动加载，也许更加适合 ToC 的快速阅读场景。

设计技巧：如果每页数据高度可能超过用户屏幕，而分页有没有吸顶/底，可以将表格的首尾都放上分页组件，这样用户就不需要为了翻页而上下滚来滚去。

四、自定义列展示

当数据类型过多时，简单粗暴地冻结首列并不能够长久地解决用户体验问题，毕竟无论是PC还是手机，我们都不习惯横滑。

此时自定义列展示就成了一种不错的解决方式，让用户根据自己的喜好来定制表格的信息。

这个功能的运用挺广的（尤其是广告投放系统），例如 Facebook Ad Manager 、 Google Ads 、 AdRoll 等，在太多数据类型的情况下，允许用户自行选择需要的部分。

五、筛选（自定义行展示）

既然可以自定义列展示，那肯定也可以自定义行展示，或者说就是筛选功能。最基本是如果是数字类型的数据，就可以根据数据范围来筛选（例如价格范围：100~200元）。

复杂一点，可以根据将单列中重复出现的字段整成几个选项（例如订单状态：审核中/进行中/已完成）。如果选项过多，可以考虑用复选框实现多选。

六、排序

和筛选类似，排序也是根据用户需求展示信息。通常我们要预判用户的可能需求，提供一个默认排序方式。

如果用户不满意，可以通过点击表头来选择不同的排序方式。

你可以默认给大部分表头加一个排序功能，不过也没有必要每个都加。例如：根据首字字母排列类型、状态之类的文本信息实在不太有必要。

设计技巧：建议不要用单线箭头，而是使用实心的，这样更容易辨识。最好把整个表头作为点击和鼠标悬浮反馈区域，而不仅仅是图标那一小块。

七、批量操作

复选框可用于允许用户选择多个条目并对所有条目执行操作，这使用户可以节省时间和精力，而不必一次又一次地重复相同的步骤。

如果把相同的按钮放在每一行的尾部，如果少量还好，多了一不小心就会显得复杂冗余。

设计技巧：我一般使用至少边长24px的复选框，以确保点击的可用性。选中时，整列会用不同的背景色来高亮展示。

八、简约至上

虽然极简主义”一词已被大量使用，并且留白似乎已成设计趋势，但在表格设计中，肯定少即是多。

设计数据表单时，重点应该是数据本身而不是界面。试想一下，用户已经全身心投入大量的数字和信息中时，界面太过复杂只会增加没有必要的认知负担。

设计技巧：去除没必要的视觉干扰，例如不必要的图标、背景斑马线，无规律的色彩等。

九、无衬线字体

在产品的品牌设计中，字体是规范中的重要一环。然而在设计表格时，简约至上才是关键，尽量避免任何装饰性字体。

设计技巧：虽然不能够建议你具体使用哪种字体，但最好不要使用任何衬线字体（serif fonts），因为很容易把人的注意力吸引到不重要的地方，造成视觉干扰。然后英文的话，也要避免过多的大写字母。

十、文字链接

有些表格会把项目名称做成链接，这也是符合用户习惯的的场景交互方式，用户不用猜就可以知道链接的跳转目标。

设计技巧：请使用不同的颜色来标明文字链接——加粗和下划线是不太够的。

十一、悬停操作

通常来说，我们会把操作按钮放在最右侧。但如果表格需要左右滑动才能完整显示，这种布局就不方便理解和使用了。

如果表格过宽，可以将操作按钮放在首列或第二列展示。为了保持表格在大部分情况下的整洁性，可以默认隐藏操作按钮，鼠标悬停时才出现。

十二、总结

本文给表格设计提供了一个基本的指南，在具体项目中，你可能需要根据产品特性和用户需求进行调整。

如果你还有什么好的想法和建议，可以在评论里留言讨论。

本文提供的是表格样式设计的建议，对于如何整理表格信息，之前写过一篇文章获得了不错的反馈，提供给大家《手机端表格设计：我整理了一套循序渐进的处理方法》

原文作者：Jeremiah Lam

原文地址：

译者：圆子，公众号：体验进阶。

本文由 @Z Yuhan 翻译发布于人人都是产品经理，未经作者许可，禁止转载。

Pinterest营销，如何做好基础设置

Pinterest营销没做好，主要原因是大家都只把它当成了一个图片分享社区，却没有留意到它强大的搜索引擎系统以及数据分析系统，作者利用Pinterest这一特点，列出七个技巧提高自己图片的排名。

在我接触的人群中，大部分人都在做facebook，但是很多人都说pinterest不好做，真的是这样吗？我前几天接到一个朋友的咨询，说她老板让她做pinterest的营销，但是做了好久都没有效果。当我问起她都做了些什么，我得到的答案很诧异。

其实她的做法和大部分人的做法惊人的相似：

follow别人的board发布图片刷repins、like

其实大部分人没有做好pinterest，只是大家都只是把它当成了一个图片分享的社区而已，但是却没有留意到它强大的搜索引擎系统以及数据分析系统。

引流思路分析：

pinterest和其他搜索引擎一样具有排名体制，只有你的图片排名越高，你的曝光量才会越高。如果没有人看到你的图片，即使你发再多的图片那都是徒劳的。

下面，Daniel教你如何提高pinterest的效果：

一、优化你的账号资料

首先我们要把基础工作做好，在setting-porfile里面，将About you还有website填写好，并且confirm website。

这里注意：很多人嫌麻烦不去验证网站，这里就吃大亏了。验证网站能够让你的站点得到更高的权重，所以还没有验证的赶紧验证了。

二、长尾关键词研究

在发布图片的时候，我们要做好长尾关键词分布策略，我们需要在图片的description带上长尾关键词，以便我们得到更大程度的曝光。

以下几款长尾关键词研究工具是Daniel常用的：

1. pinterest suggestion

其实pinterest的搜索引擎就是非常好的长尾关键词研究工具，我们可以通过suggestion给出的长尾关键词去列出我们的长尾词的列表。

2. pinterest keyword tool

这个是一款专门挖掘pinterest长尾关键词的工具，通过输入你的target keyword，我们就可以得出一系列的长尾词，除了热门的长尾关键词还有一些未被开发的关键词哦。

ok，通过这一步我们大概能搜集到差不多30-40个长尾关键词，然后我们就可以进入下一步的环节。

3. 图片融入长尾关键词

我们将获取到的长尾关键词融入到description里面去，注意：每次图片的描述只融入一个长尾关键词，切忌堆砌关键词。

尽可能的描述图片的产品或者页面内容，但是千万别堆砌关键词，或者为了让描述看起来更丰富而随意增加一些不相关的描述。这样会导致你的账号在搜索引擎里面降权。

不知道你看完这个图片有没有所启发。当我搜索yoga dress pants的时候，搜索引擎将我的词分成3个词的搜索组合。也就是说：只要任意一种词出现都有可能会呈现在这个搜索结果上。

其次，pinterest还推荐了不同的长尾分类，比如to work, outfit等等。也就是说：你针对不同的推荐分类，可以发布不同的图片，这样在用户筛选分类的时候就有更大的几率看到你的图片。

三、优化Board

我们知道board是一个用来给图片做分类用的。所以我们在创建board的时候可以针对不同的分类策略以及长尾策略来创建不同组合的board。根据上图的搜索结果分类提示，我们可以创建to work yoga pants、outfit yoga pants等细分类别，这样能够使用户在搜索相关细分关键词时，排名更加高。

如图所示：Name即是标题，然后description则需要描述一下关于这个outfit yoga pants的细节。（尽量只带一个关键词）

四、申请Rich Pin

什么是rich pin呢？

当我们在pinterest搜索图片的时候，会有一些文字加粗的，有些甚至还显示了价格、网站以及网页的标题等。（过分了，让没有rich pin的怎么活）当然，按照搜索引擎的机制，有title并且加粗，还附带了关键词的话，那他的权重很明显会比其他图片的排名要高。

大家可以在 上面查看申请rich pin的一些步骤和条件。目前只支持文章、电影、地方、产品以及菜单。

好吧，请慢慢阅读申请条件，这里Daniel就不一一说明了。

五、使用pinterest Analytics工具

将pinterest看成一个网站，我们也需要分析后台数据，从而不断优化我们的做法。

分析工具地址：。

下图是一位pinterest专家通过季节变化以及节日的变化即使调整策略，而带来了将近3倍提升的流量。通过分析工具，我们可以判断出我们的策略是正确还是错误，而不是完全靠瞎蒙。

六、使用pinterest ad

我勒个去，pinterest还有广告系统？

是的，他和facebook一样，同样拥有广告系统。千万别小瞧pinterest，它不仅仅是图片分享社区那么简单，他还提供广告系统等服务。新账号没有曝光的时候，可以通过做ad来提高图片曝光率，做法和facebook的大同小异。（前提你的图片要OK，不然这广告费就打水漂了）

pinterest ad的广告创建地址：

七、制作CTA图片引导客户转化

我们的图片不仅仅是用来展示，最主要还是要引流。如果图片不引流我们的最终目的就得不到实现。所以，我们需要设计一些CTA图片，引导用户点击”View Website” , Read it”等按钮。

除了以上的建议，还需要充分阅读pinterest操作指南，它类似谷歌的搜索引擎优化指南一样权威，能够充分告诉你pinterest喜欢什么和不喜欢什么，按照它建议的方法去做准没错。

pinterst操作指南：

结语

其实pinterest和facebook的运营是有惊人的相似之处，只是很多人还没把pinterest开发出来。

pinterest作为图片分享界的巨头，它的流量也同样让很多做服装类、食品以及电子科技产品类的电商们垂涎三尺，精心去研究下Daniel提供的以上几点建议，你的pinterest的流量自然就来了。

本文由 @SEOdaniel 原创发布于人人都是产品经理，未经许可，禁止转载。

小渔夫｜Playtika如何使用FB广告投放实现广告预算最优化，学起来

出海营销的企业对于很多大众推广告的渠道或许是有所了解的，但是对于一些相对来说没那么出名的或许就没有听讲过了。像Playtika这个或许就没有几个人有了解过，其实它是来自于以色列的一家领先的手机游戏公司。在全球的范围内也算是有一点点知名度，有着近三千万的用户。下面小渔夫就来讲讲Playtika如何使用Facebook推广游戏，实现了最优的广告投放方式，其他外贸行业也是可以借鉴，用于推广自家的产品。

这家游戏公司在FB上做广告推广的主要目标是促进游戏应用的安装和购买，同时保证每条广告的成本尽可能低。最后，这个目标是借助脸书的广告系统优化工具实现的。在使用脸书的广告系列预算优化工具进行手动投标(而不是自动投标)后，这家以色列移动游戏公司的采购增量增加了21倍，每次采购的成本降低了。

让我们来看看他们的具体解决方案——测试不同的广告策略。

Playtika有兴趣测试广告系列预算的优化，以推广其名为Solitaire Grand Harvest的游戏。广告系列预算优化是一个脸书功能，可以在广告系列的广告集中自动分配广告系列预算。这意味着脸书将自动和持续地在各种广告集合中寻找最佳结果，并实时分配广告系列的预算以实现这些结果。

Playtika想知道，在以最低成本推动应用内购买方面，自动竞价和手动竞价哪个更有效？为了找到答案，Playtika使用多单元转换提升工具测试了这两种策略。在这次测试中，它打开了两个广告活动，这两个广告活动都是用广告活动预算优化的。一次跑10天以上。

两个广告系列的设置是一样的:每个广告系列包含三个广告集，三个广告集都包含三个移动应用广告。这些预先存在的广告收藏把公司表现最好的广告放在了脸书。每个视频都是一个16秒左右的短视频，视频中加粗的图像突出显示了相关的特定手机游戏。

这些广告集面向全球18岁以上人群，采用自动展示位。这两个广告系列的唯一区别是出价方法:第一个广告系列的最低出价有出价上限(手动出价为1500美元)，第二个广告系列的最低费用没有出价上限(自动出价)。

最后，多单位转化结果显示，Playtika通过有效的人工竞价优化广告系列预算，提高了应用安装和应用内购买。该活动从2024年8月22日持续到9月11日，并实现了以下目标:

1.增量采购增长了21倍。

2.销售额增长了16倍

3.每次增量采购的成本降低了21倍

4.广告支出的增量回报增长了16倍。

那么，在优化脸书广告效果的过程中，Playtika使用的工具产品主要有以下几种:

1.电影广告，通过引人入胜的视频广告吸引眼球。

2.自动发布位置，优化广告，找到最有效的展示位置。

3.基于洞察力衡量并做出更好的营销决策。

它的成功表明，与自动竞价相比，优化广告系列预算的人工竞价也能以更低的成本产生更多的购买。经过测试，Playtika对广告系列的预算优化结构和人工竞价完全满意。两项测试活动都显示出高于Playtika基准测试的良好结果。目前，Playtika在广告系列100%预算优化的基础上，对产品组合做了新的规划，正在逐步在所有产品中实施。