設(shè)計(jì)中的一致性會(huì)在無形之中使你的設(shè)計(jì)效果更加優(yōu)秀，也更易于用戶使用。今天這篇教程免費(fèi)提供了7個(gè)提升設(shè)計(jì)一致性的小貼士，適用于視覺/UI/品牌設(shè)計(jì)等，實(shí)戰(zhàn)性很強(qiáng)，建議閱讀。

編者按：初級(jí)設(shè)計(jì)師脫離出臨摹階段后，最重要的就是培養(yǎng)設(shè)計(jì)思維了。不過什么是設(shè)計(jì)思維？培養(yǎng)出設(shè)計(jì)思維有哪些優(yōu)勢？設(shè)計(jì)思維的過程是怎樣的？今天這篇譯文為你揭秘！

工業(yè)人機(jī)界面簡稱HMI，又稱觸摸屏監(jiān)控器，是一種智能化操作控制顯示裝置，HMI的主要功能有：數(shù)據(jù)的輸入與顯示；系統(tǒng)或設(shè)備的操作狀態(tài)方面的實(shí)時(shí)信息顯示；在HMI上設(shè)置觸摸控件可把HMI作為操作面板進(jìn)行控制操作；報(bào)警處理及打??；此外，新一代工業(yè)人機(jī)界面還具有簡單的編程、對(duì)輸入的數(shù)據(jù)進(jìn)行處理、數(shù)據(jù)登錄及配方等智能化控制功能，在設(shè)計(jì)人機(jī)界面的時(shí)候應(yīng)該注意以下幾點(diǎn)。

@董弈 ：列表算是一個(gè)非?；A(chǔ)的設(shè)計(jì)元素，無非是一排一排的數(shù)據(jù)內(nèi)容，加上一些基本的操作。最近連續(xù)設(shè)計(jì)了一個(gè)禮拜的列表后，最直觀的感受是：再簡單的東西，也有很多的細(xì)節(jié)需要思考。尤其對(duì)于很多數(shù)據(jù)產(chǎn)品和工具型產(chǎn)品，列表是非常重要的一部分，例如電子郵箱，文件系統(tǒng)（Google drive, dropbox)。一個(gè)信息結(jié)構(gòu)合理，操作明確表格、列表設(shè)計(jì)，能夠幫助用戶減輕很多的閱讀負(fù)擔(dān)。這篇文章會(huì)分享一些列表設(shè)計(jì)中的基本思路。

隨著信息和技術(shù)的發(fā)展，手機(jī)屏幕越來越大，界面開始承載越來越多的信息，繁復(fù)的界面裝飾細(xì)節(jié)，讓界面顯得越發(fā)臃腫，人們開始更多的關(guān)注界面的內(nèi)容和功能，信息框架呈現(xiàn)出扁平化的趨勢，在設(shè)計(jì)風(fēng)格上，設(shè)計(jì)師們也不再追求3d、擬物化的設(shè)計(jì)，而是越來越崇尚扁平、簡約的設(shè)計(jì)理念。

版面的構(gòu)成是信息傳播的橋梁，發(fā)揮版面元素中各自的特點(diǎn)和功能，會(huì)使整個(gè)版面完成從視覺到內(nèi)容的完善性和美觀性，從而更快、更準(zhǔn)確的傳遞信息，所以版式設(shè)計(jì)一直以來廣泛應(yīng)用在廣告、招貼、雜志等平面設(shè)計(jì)中。雖然在移動(dòng)應(yīng)用中是以用戶的操作和使用體驗(yàn)為主，但隨著扁平化潮流襲來，我們不再通過細(xì)膩的質(zhì)感和光影提升界面的品質(zhì)，拉開界面的層次，那我們靠什么來吸引我們的用戶，為用戶創(chuàng)造良好的閱讀和使用體驗(yàn)?zāi)兀?

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

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

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

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

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

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

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

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

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

其中MT代表位移所需花費(fèi)的時(shí)間，這是我們最需關(guā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ù)和解決問題。

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

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

盡可能的限制文本輸入

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

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