一、原子設(shè)計(jì)理論
原子設(shè)計(jì)(Atomic Design)理念最早是由國(guó)外網(wǎng)頁(yè)設(shè)計(jì)師Brad Frost提出的，他從化學(xué)元素周期表中得到啟發(fā)，發(fā)現(xiàn)原子結(jié)合在一起，可以形成分子，進(jìn)一步形成組織，從科學(xué)的角度來(lái)講，在宇宙中的所有事物都是由一組有序的原子組成。
Brad將這個(gè)概念應(yīng)用到界面設(shè)計(jì)中，仔細(xì)觀察后我們不難發(fā)現(xiàn)，界面其實(shí)就是由一些基本的元素組成，文字，顏色和圖標(biāo)等都是一個(gè)個(gè)原子。
通過(guò)原子設(shè)計(jì)，我們可以把界面看作是一個(gè)連貫的整體，同時(shí)也是一些元素的集合，每個(gè)元素都不盡相同，互相結(jié)合產(chǎn)生更多層次和結(jié)構(gòu)，模塊之間相互統(tǒng)一。說(shuō)到底，原子設(shè)計(jì)其實(shí)是一種設(shè)計(jì)方法論，它由原子、分子、組織、模塊和頁(yè)面共同協(xié)作，由此創(chuàng)作出統(tǒng)一和富有層次的設(shè)計(jì)系統(tǒng)。
原子設(shè)計(jì)是一種方法，由五個(gè)不同的階段一起工作，以更慎重和更具層次的方式創(chuàng)建界面設(shè)計(jì)系統(tǒng)。從而創(chuàng)造出更有效的用戶(hù)界面系統(tǒng)的一種設(shè)計(jì)方法。
它的五個(gè)不同階段是：
原子(Atoms)：為頁(yè)面構(gòu)成的基本元素，例如標(biāo)簽、輸入框、文字、顏色等;
分子(Molecules)：由原子構(gòu)成的簡(jiǎn)單UI元素，例如按鈕;
組織(Organisms)：相對(duì)分子而言，較為復(fù)雜的構(gòu)成物，由原子及分子所組成;
模板(Templates)：以頁(yè)面為基礎(chǔ)的架構(gòu)，將以上元素進(jìn)行排版;
頁(yè)面(Pages)：將實(shí)際內(nèi)容(圖片、文章等)放置在特定模板內(nèi);
二、卡諾模型
KANO 模型是東京理工大學(xué)教授狩野紀(jì)昭(Noriaki Kano)發(fā)明的對(duì)用戶(hù)需求分類(lèi)和優(yōu)先排序的有用工具，以分析用戶(hù)需求對(duì)用戶(hù)滿(mǎn)意的影響為基礎(chǔ)，體現(xiàn)了產(chǎn)品性能和用戶(hù)滿(mǎn)意之間的非線性關(guān)系。
根據(jù)不同類(lèi)型的質(zhì)量特性與顧客滿(mǎn)意度之間的關(guān)系，狩野教授將產(chǎn)品服務(wù)的質(zhì)量特性分為五類(lèi)：
基本(必備)型質(zhì)量——Must-be Quality/ Basic Quality
期望(意愿)型質(zhì)量——One-dimensional Quality/ Performance Quality
興奮(魅力)型質(zhì)量—Attractive Quality/ Excitement Quality
無(wú)差異型質(zhì)量——Indifferent Quality/Neutral Quality
反向(逆向)型質(zhì)量——Reverse Quality，亦可以將 'Quality' 翻譯成“質(zhì)量”或“品質(zhì)”。
前三種需求根據(jù)績(jī)效指標(biāo)分類(lèi)就是基本因素、績(jī)效因素和激勵(lì)因素。
三、蔡格尼克記憶效應(yīng)
用戶(hù)更易記住未完成的任務(wù)。用明顯的進(jìn)度條促使用戶(hù)完成任務(wù)。
Tips:除通過(guò)進(jìn)度條促使用戶(hù)完成任務(wù)外，還應(yīng)注意如重要的內(nèi)容不要一次展示完，將任務(wù)拆解成若干個(gè)小步驟，以及利用好用戶(hù)完成任務(wù)時(shí)的心態(tài)。
四、席克定律
選擇所需的時(shí)間會(huì)因選項(xiàng)的數(shù)量和復(fù)雜度增加。
更多的選項(xiàng)會(huì)讓用戶(hù)做出選擇的時(shí)間更長(zhǎng)
復(fù)雜的任務(wù)應(yīng)分為更小的步驟，簡(jiǎn)化用戶(hù)的選擇眾多選項(xiàng)中，突出顯示推薦項(xiàng)
Tips:用戶(hù)做出選擇的時(shí)間，除了選擇前的認(rèn)知與選擇時(shí)的思考時(shí)間，還與選項(xiàng)數(shù)量有直接關(guān)系，利用這一點(diǎn)，我們可以控制用戶(hù)停留的時(shí)間。如任務(wù)復(fù)雜，用戶(hù)停留過(guò)長(zhǎng)，可以分組分類(lèi)分步驟，突出顯示推薦項(xiàng)，折疊冷門(mén)低頻的選項(xiàng)等，簡(jiǎn)化用戶(hù)的選擇，縮短用戶(hù)停留的時(shí)間。
但應(yīng)注意的是，過(guò)于復(fù)雜的選擇，席克定律可能并不適用。
更多關(guān)于“UI培訓(xùn)”的問(wèn)題，歡迎咨詢(xún)千鋒教育在線名師。千鋒教育多年辦學(xué)，課程大綱緊跟企業(yè)需求，更科學(xué)更嚴(yán)謹(jǐn)，每年培養(yǎng)泛IT人才近2萬(wàn)人。不論你是零基礎(chǔ)還是想提升，都可以找到適合的班型，千鋒教育隨時(shí)歡迎你來(lái)試聽(tīng)。
京公網(wǎng)安備 11010802030320號(hào)