我們幾乎每天都會接觸形形色色的表單，登錄賬號、填寫信息以獲取服務、發(fā)布內容等。然而填寫表單的過程往往不是特別愉悅的，我們需要消耗時間輸入信息，點擊提交，可能還需要等待審核；尤其是碰到較為復雜、流程長的表單，如果用戶體驗較差，很容易讓人產(chǎn)生挫敗感，在中途選擇放棄。

那么，如何提高用戶填寫表單的效率，防止他們出錯或中途流失，提升愉悅度及轉化率呢？本文就web表單設計，總結了以下的一些方法

先忽略動效，提出幾個問題，大家可以嘗試以前面學習的經(jīng)驗來思考一下。

1. List 不用圖片來代替，怎么實現(xiàn)？
2. 所有List內容都不一樣，怎么實現(xiàn)？
3.   所有List 都能保持一個統(tǒng)一的操作，怎么實現(xiàn)？
4. …… 

OK，如果僅前2個問題來說，用“笨”方法都是很簡單，到第3之后，就有點坑了，是要復制N個重復Patchs？簡直要瘋掉有木有～ 當然Origami 沒這么傻，是有專門的Patch 解決這樣的情況的，這就是今天學習的重點，Loop 系列的Patch，效果類似 Craft 的 Duplicete

JavaScript 字符串用于存儲和處理文本。因此在編寫 JS 代碼之時她總如影隨形，在你處理用戶的輸入數(shù)據(jù)的時候，在讀取或設置 DOM 對象的屬性時，在操作 Cookie 時，在轉換各種不同 Date 時，諸此等等，繁不能數(shù)；而她那滿多的 API 呵，總有些讓人不愿去記憶的沖動，既然用時常搜，倒不如爛筆頭一翻，順道也體現(xiàn)下博客存在的價值，由此就有了這篇紀要。

字符串截取

1. substring()

xString.substring(start,end)

substring()是最常用到的字符串截取方法，它可以接收兩個參數(shù)(參數(shù)不能為負值)，分別是要截取的開始位置和結束位置，它將返回一個新的字符串，其內容是從start處到end-1處的所有字符。若結束參數(shù)(end)省略，則表示從start位置一直截取到最后。

什么是費茲定律

要探索費茲定律的運用方式，我們首先需要了解這條定律是什么，它是怎樣誕生的。

費茲定律由俄亥俄州立大學的心理學家Paul Fitts于1954年提出，旨在為人類在電腦屏幕上點擊目標對象的行為建立模型，同時涉及到了肢體移動及鼠標行為方面的問題。

舉個栗子，設想你的注意力和鼠標指針正停留在某個網(wǎng)站的logo上，而你被告知要去點擊頁面中的某個按鈕，于是你需要將注意力焦點及鼠標指針都移動到那個按鈕上。這個移動過程當中的效率問題就是費茲定律所關注的。

費茲定律的原始公式是這樣的：

MT=a + b * log2(D/W + 1)

其中MT代表位移所需花費的時間，這是我們最需關注和解決的問題。a與b兩個變量代表系統(tǒng)方面的耗時及效率，屬于經(jīng)驗參數(shù)。D代表初始位置與目標位置之間的距離，W代表目標對象的尺寸。

在理想的情況下，一個完美的產(chǎn)品不需要任何用戶幫助。但在現(xiàn)實中，由于產(chǎn)品功能的復雜多樣，用戶需要在不同階段獲取不同的指導信息，才能順利完成任務和解決問題。

傳統(tǒng)的軟件開發(fā)模式中，用戶指導信息主要體現(xiàn)在聯(lián)機幫助中，但這樣的設計方案往往會降低用戶使用產(chǎn)品的體驗。因為從用戶的角度來說，獲取幫助應該是軟件應用程序的一部分，而不是脫離它。通過調研發(fā)現(xiàn)，如果用戶在使用軟件的過程中，需要中斷操作，并花費時間在聯(lián)機幫助或電子手冊中查找指導信息，用戶往往會覺得低效，并引發(fā)沮喪的情緒。因此，需要考慮在界面提供合適的幫助信息，指導用戶進行操作，而不能將指導信息隱藏在厚重的聯(lián)機幫助中。

手機已經(jīng)成為大多數(shù)人的使用方式，所以手機用戶界面成為基本用戶界面，這也成為許多設計者考慮設計手機軟件或者以網(wǎng)頁為基準的手機應用的因素。讓我們現(xiàn)在去測試一些普通的手機軟件UI元素來看看一些新手怎么完成他們，以及從中發(fā)掘更好的方式去解決問題。

盡可能的限制文本輸入

大多數(shù)的手機程序都提供一個文本框來捕捉用戶的反饋信息。然而我認為文本信息框應該只運用在一些必要的時刻，密碼輸入框就是一個完美的例子。

即使是大屏手機用戶，他們打字的體驗度也不會比電腦用戶更加舒適，因此打字輸入的功能應該在許多方面盡可能減少。

1985年，任天堂的設計師們用一格一格徒手填像素的方法，創(chuàng)造了席卷一代人的游戲《超級馬里奧》。在今日，即便全高清3D渲染畫面已然成為游戲界主流，作為對經(jīng)典的永恒致敬，像素化游戲仍然擁有不可磨滅的影響力，而像素化設計作為一種游走在復古與潮流之間的探索，也在用獨特魅力招徠一批批年輕消費者的心。

有意義的內容

任何成功的內容策略下產(chǎn)出的內容對于用戶而言都是有意義的。雖然每個人對此看法不同，但是 Usability.gov 為你提供的這個清單還是相當值得參考的：

·反映出你所整理出的目標和用戶的實際需求
·理解用戶所想并且能系統(tǒng)化地闡述出來
·以用戶能夠理解的方式呈現(xiàn)出來
·讓內容有用
·保持更新
·確保所有人都能訪問
·保持一致
·始終能被搜索引擎發(fā)現(xiàn)

 Arale：碎片化閱讀的時代，很多剛入行的設計師都喜歡用碎片時間充電，看看公眾號，看看設計博客，零散的知識信息點缺少了一些整理和總結，因此基礎也就不夠堅實了。尤其是想要得到更進一步能力提升的時候，就會發(fā)現(xiàn)真的會有些吃力。在幾個月以前我就面臨著這樣的困境，感覺自己很難在現(xiàn)有設計水平上有大的提升，經(jīng)過不斷地自我反省，自我總結，我將原因歸結于，基礎知識能力沒有及時得到與經(jīng)驗相匹配的提升，故而在經(jīng)歷了項目經(jīng)驗帶來的飛速提升之后，就陷入了一個長久瓶頸期。也就是基礎不夠扎實，知識能力不成體系。

好在找到了問題癥結，也就有了下一階段努力的方向，現(xiàn)在我將自己對于交互設計師所需要打下的知識能力基礎，更系統(tǒng)更體系化地分享給大家，希望能對那些跟我有同樣困惑和問題的同行有些許幫助。

#用研##用戶體驗#UX Myths網(wǎng)站收集了很多關于用戶體驗設計中最常見的誤解和解釋了為什么他們不適用。現(xiàn)在將這些經(jīng)驗研究整理出來，為各位設計從業(yè)者做參考，避免依賴個人的主觀經(jīng)驗來做判斷。建議你閱讀完之后，還是應該結合自身的經(jīng)驗來審視你的設計是否滿足用戶的需求。