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

什么是費(fèi)茲定律

要探索費(fèi)茲定律的運(yùn)用方式，我們首先需要了解這條定律是什么，它是怎樣誕生的。

費(fèi)茲定律由俄亥俄州立大學(xué)的心理學(xué)家Paul Fitts于1954年提出，旨在為人類在電腦屏幕上點(diǎn)擊目標(biāo)對(duì)象的行為建立模型，同時(shí)涉及到了肢體移動(dòng)及鼠標(biāo)行為方面的問(wèn)題。

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

費(fèi)茲定律的原始公式是這樣的：

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

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

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

傳統(tǒng)的軟件開(kāi)發(fā)模式中，用戶指導(dǎo)信息主要體現(xiàn)在聯(lián)機(jī)幫助中，但這樣的設(shè)計(jì)方案往往會(huì)降低用戶使用產(chǎn)品的體驗(yàn)。因?yàn)閺挠脩舻慕嵌葋?lái)說(shuō)，獲取幫助應(yīng)該是軟件應(yīng)用程序的一部分，而不是脫離它。通過(guò)調(diào)研發(fā)現(xiàn)，如果用戶在使用軟件的過(guò)程中，需要中斷操作，并花費(fèi)時(shí)間在聯(lián)機(jī)幫助或電子手冊(cè)中查找指導(dǎo)信息，用戶往往會(huì)覺(jué)得低效，并引發(fā)沮喪的情緒。因此，需要考慮在界面提供合適的幫助信息，指導(dǎo)用戶進(jìn)行操作，而不能將指導(dǎo)信息隱藏在厚重的聯(lián)機(jī)幫助中。

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

盡可能的限制文本輸入

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

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

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

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

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

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

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

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

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

（1）jquery UI簡(jiǎn)單易用。僅僅這一點(diǎn)可能就很招設(shè)計(jì)師和客戶的喜愛(ài)了，因?yàn)楹?jiǎn)單，可操作性也就越強(qiáng)，這在一定程度上也大大改善了用戶體驗(yàn)。

移動(dòng)互聯(lián)網(wǎng)時(shí)代的到來(lái)讓眾多的手機(jī)APP不斷地涌現(xiàn)出來(lái)，應(yīng)運(yùn)而生的APP軟件界面設(shè)計(jì)需求也越來(lái)越多。APP的UI設(shè)計(jì)直接關(guān)系到APP開(kāi)發(fā)以后的運(yùn)營(yíng)推廣，移動(dòng)端扁平化設(shè)計(jì)的發(fā)展，使得色塊、圖標(biāo)以及系統(tǒng)字體的組合變得越發(fā)枯燥，UI設(shè)計(jì)師開(kāi)始著重于細(xì)節(jié)的處理來(lái)提升整個(gè)品牌的UI視覺(jué)體驗(yàn)，那么手機(jī)APP開(kāi)發(fā)的UI設(shè)計(jì)需要注意哪些細(xì)節(jié)，才能吸引用戶的眼球呢？

我們?cè)谶M(jìn)行用戶體驗(yàn)設(shè)計(jì)時(shí)，常常想的是如何讓這個(gè)產(chǎn)品的功能變的更易于用戶使用。但實(shí)際上，功能只是一個(gè)產(chǎn)品中很小的一部分。它們只是產(chǎn)品想解決的眾多用戶問(wèn)題中的眾多解決方案之一。在產(chǎn)品中思考意味著不僅在某個(gè)用戶的問(wèn)題中思考，還要在產(chǎn)品目標(biāo)，收益中思考。

用戶體驗(yàn)的核心并不是一個(gè)產(chǎn)品功能的集合體，而是：用戶雇傭這個(gè)產(chǎn)品為他解決問(wèn)題。例如，uber的用戶體驗(yàn)是讓用戶在任何時(shí)候能簡(jiǎn)單的打到的士。當(dāng)?shù)氖靠斓竭_(dá)用戶所在地時(shí)，會(huì)出現(xiàn)倒數(shù)，這是一個(gè)很好的提高用戶體驗(yàn)的功能。這個(gè)功能不能離開(kāi)產(chǎn)品存活，因此功能對(duì)于產(chǎn)品有一個(gè)單方面的關(guān)系：就是功能不能離開(kāi)產(chǎn)品存活。所以這也是為什么設(shè)計(jì)師最好先從產(chǎn)品層面開(kāi)始思考。