第零章：论失败的前端设计

1.你遇到过访问一个网站，不知如何访问下一页的情况吗？
2.你遇到过需要设定一个精确的数字，偏偏用滑动条降低精准度的情况吗？

逼死强迫症的利器

3.你遇到过你需要选哪个按钮，偏偏把哪个按钮隐藏的情况吗？

请找到电源天梯图的访问按钮

第壹章：用心良苦打造的精品反面教科书：User Inyerface

BAGAAR用自己的心血，做出了一个让你崩溃至极的反面教科书：User Inyerface网站。这个网站旨在告诉您糟糕的前端设计对用户造成的如噩梦一般的影响。不要说别的，我都用崩溃了……多说无用，上图片！

看起来一时爽，用起来火葬场的界面

一看，这界面，遵守了谷歌的设计规范，简单而清爽，令人愉悦......

但是！你能到下一页吗？

点击“没有”？退出了。
点击蓝色的“下一页”？没用。
链接下面都有下划线吧？点击“点击”？没用。
正确答案是：点击“这里”两个字！
真令人崩溃。

第贰章：体验

表单页面。

这......

这大红条，仿佛让我看见了爷爷奶奶在我的手帐本上画上的大红花和购物清单。
这问题，仿佛让我看见了出题“山路十八弯”的江苏试卷。
画风太清奇了......

表单画风更清奇

首先，密码在上，电子邮件在下。
然后，“I do not accept the Terms & Conditions”与那个大红条玩的是一个套路。
取消在中间，而且按钮的配色还强调化......继续被放在角落里......
胡乱闪动的步骤标记......
要填入电子邮箱/密码，必须先删掉填入框中灰色的提示字符。

而且密码要求还非常奇怪！

您的密码至少需要10个字符。
您的密码至少应有1个大写字母。
您的密码必须至少有1个数字。
您的密码至少包含电子邮件其中的一个字符。
您的密码至少包含1个西里尔字符。

举个栗子：如果你的电子邮件是user@ex.com
那么，可以使用的密码类似于这个样子：

AbcdѤe123
# A是大写字母，Ѥ是个西里尔字符，e包含在电子邮件中......

附：西里尔字母表

看到这个，我心里有如繁星一般数不胜数的草泥马在奔腾，场面壮观无比

西里尔字母（英语：Cyrillic）源于希腊字母，普遍认为是由基督教传教士西里尔（827年–869年）在9世纪为了方便在斯拉夫民族传播东正教所创立的，被斯拉夫民族广泛采用，因此有时也称为斯拉夫字母)。早期的西里尔字母又称作古斯拉夫语字母（现代的斯拉夫字母经过修改），目前使用西里尔字母的文字不少是斯拉夫语族的语言，包括俄语、乌克兰语、卢森尼亚语、白俄罗斯语、保加利亚语、罗马尼亚语、塞尔维亚语、马其顿语等。

要西里尔字符这要求也太奇葩了！

其它组件

计时器

要关掉它，需要按下“©lose”，带有圆圈的“©”和2019令人以为这是商标。

帮助组件

求助？不是按“Send”——是按左下角的“Help”。
关闭？不是右上角的箭头——是按“Send”。
按下箭头只会让这个组件占用页面更多的部分。

个人信息填入

大费周章之后，终于进入了个人信息填入区。

李姐万岁！

上传的字符是灰色的，突出显示的是下载！
你需要一个一个取消选择爱好，全选和取消全选还放到了里面，容易误触。
突出显示的是“取消”，左面白色的是继续。
无论上传是否完成，一直显示“正在上传”的圆形滚动。

更令人抓狂

你绝对想不到，“标题”和“性别”，“生日”和“年龄”重复，且必须一致。

@设计师 你都能搞出判断“生日”和“年龄”是否一致的算法，为什么不能只让用户提供生日？

你绝对想不到，年龄是滑块式设计的，根本无法准确设定。
你绝对想不到，性别栏中，白色表示选中，蓝色表示未选中。
你绝对想不到，月份是乱序排列的，而不是先后顺序！
你绝对想不到，选择国家时用的是黑白显示的国旗，国旗与国旗之间极易混淆。“三条旗之间容易混淆，双条旗之间容易混淆，突然觉得中国的国旗独树一帜了......”

机器人验证

绝对会死在这里

刚进入，以为复选框代表的是上面的图片。
然而，复选框代表的是下面的图片！
你以为，这就是全部，然而，滚动条告诉你，上面还有图片。
而且，要求还是多义词，俚语还得算上，图片的区分也很含糊......
别说是中国人，欧美的同志们也得被搞懵。

最后

愿程序员一切安好吧！
愿产品经理别智障吧！

“好设计，是经得起打磨，实用而美观的。”

链接：点击 这里 访问 User Inyerface
跟前面的网站是一个套路，只有点击“这里”才能访问。:)

踩蛋

烂设计属于什么垃圾？
A.干垃圾
B.湿垃圾
C.可回收垃圾
D.有害垃圾