Skimmet – Visual Hierarchy Tester

代码木鱼

概述
您的设计在您用来构建它的工具中看起来很棒。

但它真的有效吗？

事实是：大多数用户从未阅读过您的页面。他们扫了一眼。他们略读。他们会在 3 秒内决定某件事是否值得他们关注。

Skimmet 会告诉您他们看到了什么以及错过了什么。

────────────────────────────────────────
两个测试。一键点击。无需猜测。
────────────────────────────────────────

👉 模糊测试
显示眼睛先于大脑发现的内容

模糊你的页面，突然你会像浏览器一样看到它。
什么东西跳出来？什么消失了？如果您最重要的操作在模糊时不是不容错过的，那么大多数用户都看不到它。

❓问问自己：
+ 你的第一眼看到的是什么？
+ 最重要的行动是不容错过的吗？
+ 是否有一个明确的焦点或许多相互竞争的元素？
+ 布局是否会吸引眼球，还是会分散注意力？


👉 灰阶测试
测试您的结构在没有颜色的帮助下是否成立

剥去颜色，也就剥去了幻觉。剩下的就是你真正的层次结构。如果事情在这里分崩离析，那么颜色就完成了所有的工作，而颜色是人们首先忽略的东西。

❓问问自己：
+ 注意力应该如何从一个元素流向下一个元素是否清楚？
+ 如果没有颜色，元素看起来是不同的还是融合在一起？
+ 元素的放置是否使下一步变得明显？

────────────────────────────────────────
对于关心它是否真的有效的设计师
────────────────────────────────────────

+ 在交接之前使用它，而不是在其他人接住它之后使用。
+ 在竞争对手的网站上运行它，并在 30 秒内了解他们的网站为何会发生转化。
+ 将其添加到您的设计评论中。它提出了没人问过的问题。

────────────────────────────────────────
它是如何运作的
────────────────────────────────────────

1. 单击 Chrome 工具栏中的 Skimmet 图标
2.应用模糊（低/中/高/最大）或灰度
3.了解你的设计的真相

无需注册。没有收集数据。适用于任何网页。

────────────────────────────────────────
这在设计界享有盛誉
────────────────────────────────────────

这就是所谓的斜视测试。

设计师们已经使用它很多年了。大多数人都是手动操作的，眯着眼睛看着屏幕，希望能发现问题所在。 Skimmet 会为您做到这一点。一键点击。

想了解其背后的技术吗？
📺 https://www.youtube.com/watch?v=BCdhPxFnEt8

大多数设计工具都可以帮助您让事物看起来更漂亮。
Skimmet 可以帮助您让事情顺利进行。

Skimmet – Visual Hierarchy Tester 1.4.0.crx	.crx	1.4.0	460KiB	支持
Skimmet – Visual Hierarchy Tester 1.4.0.zip	.zip	1.4.0	460KiB	不支持