缺省頁面，是出現(xiàn)在用戶沒有提交任何資料或者網(wǎng)絡連接不通暢的情況下所展現(xiàn)的頁面。通常設計師們習慣用豐富的數(shù)據(jù)內(nèi)容把頁面設計得美觀實用，考慮的都是界面展現(xiàn)的“理想狀態(tài)”，往往會忽視沒有內(nèi)容的“缺省狀態(tài)”。未經(jīng)過精心設計的缺省頁面降低了用戶的使用體驗，并可能給用戶帶來困擾，如下圖iOS系統(tǒng)郵件App，無郵件時界面上沒有任何有效反饋信息，用戶不能明確得知到底是網(wǎng)絡問題還是賬號同步出錯亦或者是收件箱內(nèi)確實一封郵件都沒有。同樣的情況也出現(xiàn)在Pinterest和出發(fā)吧的界面里。

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

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

什么是費茲定律

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

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

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

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

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

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

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

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

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

盡可能的限制文本輸入

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

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

有意義的內(nèi)容

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

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

產(chǎn)品離不開包裝，包裝離不開設計。很多商品包裝的品味上不去也就直接影響了商品在市場上面的銷路，最終也就影響了商家或廠家的經(jīng)濟效益。那么怎么才能讓包裝設計更有品味呢？今天我們就來分享下包裝設計的一些設計技巧，來讓我們的設計更有品味。

（1）文字設計。文字是傳達思想、交流感情和信息，表達某一主題內(nèi)容的符號。商品包裝上的牌號、品名、說明文字、廣告文字以及生產(chǎn)廠家、公司或經(jīng)銷單位等，反映了包裝的本質(zhì)內(nèi)容。設計包裝時必須把這些文字作為包裝整體設計的一部分來統(tǒng)籌考慮。

現(xiàn)實生活中，我們接觸大大小小的軟件各式各樣，要進入軟件內(nèi)部進行操作，就必須要先在登錄界面輸入用戶名和密碼！今天要分享的內(nèi)容就是軟件的登錄界面設計。我們不要小看了這個登錄界面，簡簡單單的幾個小框，里邊所要把握的設計元素卻有很多，其中最重要的就是用戶體驗，那么怎樣才能設計好一個登錄界面，給用戶一個好的體驗呢？

（1）、對錯誤密碼的保存問題。這一點更多的是從技術(shù)上的手段，當用戶第一次輸入輸入的密碼是不正確的時候，系統(tǒng)就可以在得出密碼輸入錯誤后的同時將這個錯誤密碼保存在會話當中，接著，如果用戶第二次或第三次再次輸入這個錯誤的密碼時，系統(tǒng)就可以在與用戶交互的界面上提示密碼錯誤，通過這種技術(shù)的處理方式，可以就可以減少用戶密碼輸錯的機會，同時也可以減少一次登錄信息到服務器的驗證，從而一次減少服務器的處理負擔。很多時候用戶輸入的密碼其實都是錯誤的，因為密碼輸入框都是以密文*號的形式出現(xiàn)，所以將錯誤密碼保存起來更有利于網(wǎng)站登錄界面的友好性。

隨著移動端扁平化設計推進，越來越多的設計師不滿足于僅僅是色塊、圖標和系統(tǒng)字體的枯燥組合，而把更多的心思投入到精益求精的視覺設計中。從平面設計引申過來的技巧在這時起到了畫龍點睛的作用：一些細節(jié)上的處理，為移動產(chǎn)品的界面大大地提升了品牌逼格。

例如以設計精美著稱的Yahoo的兩款明星App產(chǎn)品Yahoo Weather!和Yahoo Digest。除了在產(chǎn)品設計上的和突出表現(xiàn)外，模糊和斜切的手法，給整個產(chǎn)品的品牌氣質(zhì)提升到了一個新的高度。 Yahoo Weather! 不論是在布局、字體和色彩的運用上都顯得精致細膩，滑動時高斯模糊的處理更是流暢平滑。Yahoo Digest 的斜切突出一個“破”，在不影響照片內(nèi)容的前提下，既能在視覺上顯得與眾不同，又在排版上巧妙地為色彩標簽留了一角之地。比起一刀平，更顯靈動而不失平衡感。

眾所周知，jquery是以jquery為基礎的開源，JavaScript網(wǎng)頁用戶界面代碼庫。它包含了底層用戶交互、動畫、和可更換主題的可視控件。我們可以直接用它來構(gòu)建具有很好交互性的web應用程序。這些只是大概對jquery UI的一個認識，那么，除了這些，jquery UI還有哪些特性和優(yōu)點呢？今天我們就來分享下jquery UI的一些特性和優(yōu)點。

（1）jquery UI簡單易用。僅僅這一點可能就很招設計師和客戶的喜愛了，因為簡單，可操作性也就越強，這在一定程度上也大大改善了用戶體驗。