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的影子，默認勾選安裝全家桶、誘導性自動續費、隱藏卸載按鍵、錯誤引導選擇，等等一系列操作數不勝數。比起虛假的數字，難道不是真實的口碑更加重要嗎？
閱讀更多 專門網 的文章
