作為網(wǎng)頁表單交互設計，有時候網(wǎng)頁設計師本身要進行一些極端的測試，這就包括填寫和思考一些普通用戶很難想去做的一些動作。比如在價格輸入框中填寫英文字母，什么都不輸入的時候按提交按鈕等等。

一般作為測試者，我們都要盡可能的把一切可能發(fā)生的用戶行為考慮到，即便這種可能性出現(xiàn)的概率很低。

以下我們來具體分析啊下網(wǎng)頁表單的交互設計中的極限測試以及對淘寶等網(wǎng)站進行觀察，看看這些大網(wǎng)站對于表單交互測試做到了什么程度！

1. 你會在search bar什么都不輸入的情況下就按search button嗎？

2. 明知道這個輸入框應該不支持字母，也不應該超過大頁碼，還輸入這樣的數(shù)值嗎？

3. 在價格區(qū)間里輸入字母，比如a？

一般人都不會，設計師例外。設計師得考慮到種種極端的情況，以及在每種情況下如何讓系統(tǒng)響應，于是他就成了最無理取鬧的用戶。設計師如果不考慮這種很mini也很沒價值的細節(jié)，萬一某天遇到一些無理取鬧的客戶，一試試出了問題，他會在某某blog上，寫哈哈，這個很牛的網(wǎng)站原來會犯這種錯誤——我承認，這種行為一般還是所謂的設計師干得出來。

Anyway，今天，終于完成了項目的設計說明文檔后，心懷對某些校驗細節(jié)的糾結，我也無理取鬧了一把，“騷擾”了眾多網(wǎng)站，嘗試了各種極端情況，也發(fā)現(xiàn)了有些貌似體驗良好的網(wǎng)站的尷尬與措手不及。但是說真的，who cares？畢竟真實的用戶不會這么做。

今天不玩大的，就玩簡單的頁碼和價格區(qū)域的極端情況。

一，淘寶

1. 在價格區(qū)間里輸入字母——淘寶即時自動清除，壓根就不讓你填寫，比較強的是，即時我無理取鬧到粘貼1A1這樣的字符串，淘寶也即時將中間的A過濾掉。

2. 在頁碼輸入框里輸入字母——點擊確定后,頁面刷新，頁碼還是定位到頁碼1，同時，輸入框里也清除掉字母。

有趣的是，即時我當前已經在其他頁面，如第99頁，在輸入框里輸入字母后，頁面刷新，還是給我定位到第一頁。

3. 再無理取鬧一些，我在輸入框里輸入了200，超出大頁碼，頁面刷新后，淘寶仍給我定位到頁碼1.——貌似邏輯是輸入不合規(guī)范要求的字符，統(tǒng)統(tǒng)刷新后回歸頁碼1.

我的評價：第一種情況，方案尚可，避免出錯，也不會彈出提示。第二種情況：定位到頁碼1就傻了，為什么不能停留在我當前的頁碼上。至于第三種情況，我傾向于定位到最后一頁。

二，eBay

1. 在價格輸入框里輸入字母——點擊go，出現(xiàn)提示，恩，看起來有點費勁。

2. 在頁碼里輸入字母——go左點右點點來點去沒任何反應，eaby是在說：你無理取鬧，我干脆不理你，看你怎么辦？

3. 在頁碼輸入框里輸入超過大頁碼的數(shù)字——點擊go后頁面刷新，定位到最后一頁。ebay是在說：不好意思，我們頂多就這么多。

我的評價：第一種情況，還是比較的出錯提示的。第二種情況，我以為系統(tǒng)卡住了，等了半天。第三種情況，ebay做得還不錯。

三，阿里巴巴國際站 目前沒有價格區(qū)間，只有騷擾頁碼了。

1. 如圖所示，輸入字母后點擊go出現(xiàn)警示框——而且還是感嘆號。唉，一本正經的嚴肅的阿里巴巴。

2. 在輸入框里輸入超過大頁碼的數(shù)字——頁面刷新后，回歸到第一頁。

我的評價：一本正經的提示，過火了。第二種情況，頁碼對溢出數(shù)值的反應和淘寶一樣，需要改進。這點，定位到尾頁是不是更符合用戶原始需求？

四，Google

google沒跳轉到第幾頁的功能，就拿圖一中的zip輸入框嘗試情況1.

1. 輸入字母——點擊go后，頁面刷新，除了將剛才的字母清除，任何變化也沒有。

2. 在價格區(qū)域輸入框中輸入字母，點擊go后，頁面刷新，清除了剛才所填的字母，還是任何變化也沒有！！

看來google的策略就是：你無理取鬧，我也無理取鬧，你拍個巴掌回來我就拍個巴掌回去，你不理解我的響應？那你到底在期待什么結果？

也順便騷擾了一下中國的有道購物和拍拍兩個網(wǎng)站，發(fā)現(xiàn)方案跳不出以上的幾種。但是，還是有些細節(jié)上的差異，比如，在有道的價格輸入框中，先是輸入正確的數(shù)值（如1-100）后，更換為字母，頁面像google一樣照常刷新，但是會回歸到上一次的狀態(tài)（1-100）.

google在同樣的情形下，卻回歸到初始狀態(tài)。 映射到現(xiàn)實生活中的案例：

騷擾到這里，頭腦里突然閃現(xiàn)出一幅畫面，如果你有一天，很無聊，去無理取鬧一下（傻子也可以啊，傻子就不能是叫做無理取鬧了），去一個西瓜店，對著店主說：老板，請給我一個足球。

老板可能出現(xiàn)的反應和我的反應：

A. 裝作沒聽到,沒有任何反應，再喊一聲，還是沒反應。

——他聾了嗎？還是壓根沒注意到我？eaby就是這樣干的。

B. 吼一聲：你有病呀？沒看到牌子上寫著西瓜！

——我好害怕呀，這個老板心情不好吧？阿里巴巴就是這樣干的。

C. 直接給你一個西瓜。再問，還是給你一個西瓜。

——先是莫名其妙，然后，哦，原來這是西瓜店。google是這樣干的。

D. 問你：啥？你再說一遍？我又說：給我來一個足球，老板還問：來個啥？你再說一遍？

——哦，好吧，我服了你，我還是要西瓜吧。淘寶是這樣干的。

總結一下：面對“極端并微小的錯誤”時，各個網(wǎng)站的反應： 值得說明的是，具體設計時，肯定要“具體情況具體對待”，比如淘寶的自動糾錯，固然不錯，但是也只適用于字符單一限定的情況，比如價格區(qū)域不可能出現(xiàn)字母，所以可以即時清空。而google shopping中的zip,states那個輸入框，同時存在多種字符，就不能夠自動糾錯（需要整體語義判斷），就好象一個顧客說“老板，我要一個足球——一樣的西瓜”，得等用戶說完。

不彈出警示框，也不破壞頁面結構，大家不妨幫google想想這個地方的校驗，除了自主響應，還有沒有別的方案？

但是，也許是我想多了，也許設計師壓根就沒想那么多，也許只是某個人某時就順便做成這樣了，所以大家不要當真啊

本文來源于成都網(wǎng)站建設公司與成都網(wǎng)站設計制作公司-創(chuàng)新互聯(lián)成都公司！

本文名稱：測試網(wǎng)頁表單的交互設計
文章源于：http://www.rwnh.cn/news45/315295.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供域名注冊、App開發(fā)、品牌網(wǎng)站設計、虛擬主機、響應式網(wǎng)站、

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)