UI 设计技巧

对于UI 设计，像网页设计一样，设计师并不能随心所欲。尽管UI设计在另人惊

奇的工业4.0 中仍然有很多的机会，但是同样地也有一些隐藏的挑战。在这里我

不会带来一些设计模式或者要提醒你做A/B测试，我会讨论一些设计上的挑战，

他们经常在整个项目过程中被忽视。

1.新的看起来不错的 GUI 元素

对于链接，按钮，滚动条等元素的设计趋势并没有终点。在web 上，我们有新

出现的“汉堡包菜单”icon，幽灵按钮，水平滚动的页面等等。尽管他们看起来不错另人惊奇的，你也必须花时间想想问问你自己：“他们会让用户操作困难吗？”

如果答案是“yes”，那么祝贺你，你已经失去了你的一部分用户。

UI 设计师的职责是确保产品可用，易理解，在这样的情况下：响应突然的动作的按钮应该清楚地可见；水平滚动的页面或许被用在特定的场景，但是也会经常使用户迷惑。

我不想说另人讨厌的话了，Dolores Umbridge 的话在这里或许适合，“为了

创新而创新必须被劝阻”。不要为了与众不同而去追求那些新的设计趋势。

2.看起来像一个链接却不是

我们都知道用户没有时间和耐心，不要用你的设计来戏弄你的用户。这真的是不经过大脑思考。

我们通过点击看起来像链接的文本来在不同的网页之间进行切换，我们把光标放在看起来像链接的文本上，文本轻微变化，那当然是一个链接。我们把光标放在看起来是链接的文本上却什么变化也没有，任何变化都没有。如果他不是一个链接为什么他要假装是一个链接呢？

把一个不可点击的文本做成像链接的样子就是欺骗，或许有时候这样做并不会激怒用户，实话实说，我也不知道会发生什么。因此要合适的设计你的链接和按钮，不要让用户误会你的设计元素。

3.必须要有导航

考虑这俩个例子：汉堡包菜单和无限滚动。这俩个现在都很受欢迎，但也被一部

分网站使用后抛弃。你的网站的信息架构是不是需要这么做？

我们在一些很受欢迎的平台上看到无限滚动的例子：谷歌图片，Twitter，Facebook，甚至是一些电子商务网站，这能吸引用户的兴趣，隐藏导航，但是请不要忘了：你的用户如何定位内容？他们怎么来在他们喜欢的内容之间切换？他们怎么复制你提供的所有内容？

对于汉堡包菜单：一个能使导航消失的的神奇icon。你很容易被诱惑去使用汉堡包菜单，或者你已经用了它。看看别人是怎么说的：

汉堡包菜单就像为了让你的房子干净整洁然后把东西都塞在柜子里面。

让我们看看硬币的另一面：

用户往往只是对网站扫描一遍。明显的内容也只会在用户的视线中停留几秒，其他的内容就呆在了黑暗的角落里。就像上面说的，汉堡包菜单就像是为了让你的房子干净然后把东西都塞在柜子里。NBC News 尝试使用它但是失败了。不要让导航不可见，你可以把导航放在 4 到 5 个 tab 栏里，如果你的内容太多多于 5

个，你需要考虑你的内容和信息层级了。

4.让表单人性一些

关于UI 设计的任何讨论没有提及表单是不完全的，但是不要担心，我不会反复

论述关于内联确认，或者进度条，或者表单重置，或者占位符文本。

所有最基本的是（至少目前是基本的），我想讨论语气。表单应该用上交流的语气并且关注“用户需要提供什么”而不是“你需要从用户那里得到什么”，把表单的标签以问题的形式表现出来。

简单地把关注的焦点从你转变为你的用户，使枯燥，无聊的任务更简单，更人性化。

5.和顾客之间的冲突

这不应该是一个值得讨论的问题，直到你严肃的问你自己在地球上为什么要成为

UI 设计师。这经常发生在你的顾客（甲方）和利益相关者鄙视你的主意并且想要给你灌输他们的想法的时候。

这时作为好斗的，自私的设计师的你经常会咒骂他们直到提醒你是他们付给你薪水。冷静的专业的设计师经常会在给出替代品和进行辩论之前站在顾客的角度上思考问题。

但是有时候，尽管你已经很努力了，你的设计作品仍然会被拒绝，因为你和你的顾客沟通上的失败。在这种情况下，练习你的沟通技巧，面对失败一直向前。

总结

1.GUI 元素的外表：标准的就是安全的（要通过测试）

2.不要设计出让你的用户误解的东西，链接就看起来像链接，不是链接就不应该

长得像链接。

3.在盲目的追随设计模式之前考虑清楚你的信息架构

4.表单中一个交流的语气能让用户更轻松一些

5.尽力和你的顾客，利益相关者交谈沟通并理解他们的动机