User Interface意为用户界面，不论是网页还是软件，界面设计的好用与否都会直接影响着用户的网上冲浪体验。一个好用的用户界面应当是简洁的、易操作的，用最简单的方式告诉用户每一处设定的功能和目的。而糟糕的界面设计往往是复杂的，具有诱导性的，甚至无厘头，让你完全猜不出它的规则。一个名为”User Inyerface”的网站就是非常典型的例子，它综合了许多反常态设定，被称为用户体验最糟糕的网站。
User Inyerface是由Bagaar公司设计，Bagaar是希望通过一个噩梦式的网页，来刺激业内工作者，希望他们可以努力提升网页的UI、交互设计。接下来我们一起来看看这个网页的界面设计究竟有多糟糕。
首先打开网站后页面最上方显示的就是”UI User Inyerface”logo，网上有两种解释，第一种是故意拼写错误，Inyerface应该替换为Interface；第二种解释是同音，Inyerface读出来和”In Your Face”相近，有网友将其翻译为“秀你一脸”……
该网站是由外国公司设计，基于这个角度，似乎第一种解释更加合理。
页面下半部分有一个圆形绿色按钮，但其中间却写着”NO”，所以点击该按钮并不能执行下一步操作。该按钮下方有一行小字为“请点击这里切换下一页”，其中“点击”二字下方有一行下划线，通常网页中都会使用按钮、下划线或者蓝色高亮文字来提示用户选择，但在这个网页中你却需要点击“这里（HERE）”才会执行下一步操作。
接着我们就来到了一个表格填写页面，如下图，该页面中信息较多，但很多为误导性内容。
首先页面最上方是计时器和4个数字按钮，数字按钮会随着计时器的秒数增加而循环跳动。
接着填写表格，需要注意的是输入框中的占位文本并不是我们常见的placeholder形式，而是text value，也就是说当你选中输入框时首先需要将框中原内容删除。第一个输入框为密码填写，需要按照表格下方的注释来设定密码，可即使你的填写的密码格式正确，它也会提示密码不安全。
第二和第三个输入框为邮箱信息，可随意填写，旁边的下拉选项框默认内容为”other”，点击后会出现许多毫无关联的后缀格式，比如”.org”、”.fr”、”.jpg”等等，即使你选中了其中一个备选项，下拉选项框中的默认内容依然不会随之更改。
紧接着是一个勾选框，默认为已勾选状态，即为“我不同意条款协议”，需要取消勾选才能提交表格。“条款协议”可以点击查看具体说明，但是点击后需要将说明拉到最底部才能关闭页面，这时你就会发现该页面滑动速度和鼠标移动速度并不匹配，至少也需要一分钟才能滑动末端，所以这时就需要使用”Alt”按键来加速了。
随后又是一个蓝色选项按钮，同样也是取消而不是下一步，按钮左右两边均有一行浅色文字，点击左边文字即为进入下一步操作。
另外，在填写表格过程中，画面中会时不时出现时间提示框，这里没有提供关闭选项，只能点击左下角浅色文字来关闭页面。
点击下一步后会来到另一个信息填写页面，类似于我们在注册App时的兴趣选择。首先是上传图像，旁边的按钮依然形同虚设，点击后会自动下载左边图像框的默认背景，上传图像需要点击按钮上方的“上传”二字，好在这两个字进行了浅色处理，比较容易分辨。图像上传后，图像框中的加载动画依然存在，但其实这里已经处于上传成功状态。
接着是选择3个兴趣，默认为全部勾选，未选和选中背景都为蓝色，最后一个选项为取消全部选择。
再往后是“下一步”和“取消”两个选项按钮，对应操作是正确的，但是背景颜色却与常态相反。通常来说，一般网页都会将绿色或者蓝色设置为确定选项背景色，将红色或灰色设置为取消选项背景色，而在”User Inyerface”中完全相反。
下一个页面为个人信息填写，相对简单，但也有一些重复信息，比如身份和性别，年龄和出生日期。
这里需要注意两点，首先是国家选择，它是以浅色的国旗图片展示，不会描述任何文字信息；
其次是年龄，它是以滑动条的方式进行选择，并且年龄数字需要和填写的出生日期完全匹配，但是无论你将滑动条拖动何处，上面的数字都只会显示为“0”，也就是说你只能靠感觉来设置年龄。简单的方法也有，就是将出生日期设置成较近日期，最好控制在一年以内。
完成后就会进入最后一个页面，这个页面主要是文字游戏，题目为”Almost done！Now we just need proof that you are human.Select all light pictures”.
然后当你按照要求勾选图片后会发现答案并不正确，而且系统也不会提示你哪处出现了错误直接进入下一组图片，同时原问题并不会切换，和最新一组图片有冲突，这里也需要注意两点：
其一，我们常见的图片勾选框一般都位于图片下方，而在”User Inyerface”中勾选框则位于图片上方，在进入该页面时会默认隐藏第一行的四个勾选框，需要向上滑动页面让信息完全展示；
其二在于问题题目，我们只需要提取两个关键词”Select”和”all”,也就全选，不必在意问题的后半段。
当你把这个表格完成之后，就会进入该网站的最后一个画面：一个性感的大叔在跳着魔性的舞蹈……
尾巴
Bagaar公司设计”User Inyerface”网站并不是以宣传或者恶搞为目的，他是希望更多的相关从业者可以注意到”UI”这一方面，于开发端来说，好的UI、交互设计可以吸引和挽留更多的用户；而站在消费端的我们，体验的好坏往往也正是决定我们去留的关键因素。
在User Inyerface中，我们可以看到很多不管是国内还是国外网页和App的影子，默认勾选安装全家桶、诱导性自动续费、隐藏卸载按键、错误引导选择，等等一系列操作数不胜数。比起虚假的数字，难道不是真实的口碑更加重要吗？
文/专门网 刘奔跑
评论0