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
不支持
页:
[1]