一、原子設(shè)計理論

　　原子設(shè)計(Atomic Design)理念最早是由國外網(wǎng)頁設(shè)計師Brad Frost提出的，他從化學(xué)元素周期表中得到啟發(fā)，發(fā)現(xiàn)原子結(jié)合在一起，可以形成分子，進一步形成組織，從科學(xué)的角度來講，在宇宙中的所有事物都是由一組有序的原子組成。

　　Brad將這個概念應(yīng)用到界面設(shè)計中，仔細(xì)觀察后我們不難發(fā)現(xiàn)，界面其實就是由一些基本的元素組成，文字，顏色和圖標(biāo)等都是一個個原子。

　　通過原子設(shè)計，我們可以把界面看作是一個連貫的整體，同時也是一些元素的集合，每個元素都不盡相同，互相結(jié)合產(chǎn)生更多層次和結(jié)構(gòu)，模塊之間相互統(tǒng)一。說到底，原子設(shè)計其實是一種設(shè)計方法論，它由原子、分子、組織、模塊和頁面共同協(xié)作，由此創(chuàng)作出統(tǒng)一和富有層次的設(shè)計系統(tǒng)。

　　原子設(shè)計是一種方法，由五個不同的階段一起工作，以更慎重和更具層次的方式創(chuàng)建界面設(shè)計系統(tǒng)。從而創(chuàng)造出更有效的用戶界面系統(tǒng)的一種設(shè)計方法。

　　它的五個不同階段是：

　　原子(Atoms)：為頁面構(gòu)成的基本元素，例如標(biāo)簽、輸入框、文字、顏色等;

　　分子(Molecules)：由原子構(gòu)成的簡單UI元素，例如按鈕;

　　組織(Organisms)：相對分子而言，較為復(fù)雜的構(gòu)成物，由原子及分子所組成;

　　模板(Templates)：以頁面為基礎(chǔ)的架構(gòu)，將以上元素進行排版;

　　頁面(Pages)：將實際內(nèi)容(圖片、文章等)放置在特定模板內(nèi);

　　二、卡諾模型

　　KANO 模型是東京理工大學(xué)教授狩野紀(jì)昭(Noriaki Kano)發(fā)明的對用戶需求分類和優(yōu)先排序的有用工具，以分析用戶需求對用戶滿意的影響為基礎(chǔ)，體現(xiàn)了產(chǎn)品性能和用戶滿意之間的非線性關(guān)系。

　　根據(jù)不同類型的質(zhì)量特性與顧客滿意度之間的關(guān)系，狩野教授將產(chǎn)品服務(wù)的質(zhì)量特性分為五類：

　　基本(必備)型質(zhì)量——Must-be Quality/ Basic Quality

　　期望(意愿)型質(zhì)量——One-dimensional Quality/ Performance Quality

　　興奮(魅力)型質(zhì)量—Attractive Quality/ Excitement Quality

　　無差異型質(zhì)量——Indifferent Quality/Neutral Quality

　　反向(逆向)型質(zhì)量——Reverse Quality，亦可以將 'Quality' 翻譯成“質(zhì)量”或“品質(zhì)”。

　　前三種需求根據(jù)績效指標(biāo)分類就是基本因素、績效因素和激勵因素。

　　三、蔡格尼克記憶效應(yīng)

　　用戶更易記住未完成的任務(wù)。用明顯的進度條促使用戶完成任務(wù)。

　　Tips:除通過進度條促使用戶完成任務(wù)外，還應(yīng)注意如重要的內(nèi)容不要一次展示完，將任務(wù)拆解成若干個小步驟，以及利用好用戶完成任務(wù)時的心態(tài)。

　　四、席克定律

　　選擇所需的時間會因選項的數(shù)量和復(fù)雜度增加。

　　更多的選項會讓用戶做出選擇的時間更長

　　復(fù)雜的任務(wù)應(yīng)分為更小的步驟，簡化用戶的選擇眾多選項中，突出顯示推薦項

　　Tips:用戶做出選擇的時間，除了選擇前的認(rèn)知與選擇時的思考時間，還與選項數(shù)量有直接關(guān)系，利用這一點，我們可以控制用戶停留的時間。如任務(wù)復(fù)雜，用戶停留過長，可以分組分類分步驟，突出顯示推薦項，折疊冷門低頻的選項等，簡化用戶的選擇，縮短用戶停留的時間。

　　但應(yīng)注意的是，過于復(fù)雜的選擇，席克定律可能并不適用。

　　更多關(guān)于“UI培訓(xùn)”的問題，歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學(xué)，課程大綱緊跟企業(yè)需求，更科學(xué)更嚴(yán)謹(jǐn)，每年培養(yǎng)泛IT人才近2萬人。不論你是零基礎(chǔ)還是想提升，都可以找到適合的班型，千鋒教育隨時歡迎你來試聽。