一、原子設計理論
原子設計(ji)(Atomic Design)理(li)念最早是由國外(wai)網頁設計(ji)師Brad Frost提出(chu)的(de)，他從化學元素周期表中得到啟發，發現(xian)原子結(jie)合在(zai)一(yi)起，可(ke)以形成分子，進一(yi)步形成組(zu)(zu)織，從科學的(de)角度來講，在(zai)宇宙中的(de)所有事物都(dou)是由一(yi)組(zu)(zu)有序的(de)原子組(zu)(zu)成。
Brad將(jiang)這(zhe)個概念應用到界面(mian)設計中，仔細觀察后我們不難發現，界面(mian)其實(shi)就是由(you)一些基本的元素組成，文字，顏色(se)和圖標等(deng)都是一個個原子。
通過原(yuan)子(zi)設計，我們可以(yi)把界面(mian)看作(zuo)是(shi)一(yi)(yi)個(ge)連貫的(de)整體，同(tong)時也(ye)是(shi)一(yi)(yi)些元素的(de)集合，每個(ge)元素都不盡相(xiang)(xiang)同(tong)，互相(xiang)(xiang)結合產(chan)生更多層次(ci)和(he)結構，模塊(kuai)(kuai)之間(jian)相(xiang)(xiang)互統(tong)(tong)一(yi)(yi)。說到底(di)，原(yuan)子(zi)設計其實是(shi)一(yi)(yi)種設計方法論(lun)，它由原(yuan)子(zi)、分子(zi)、組織、模塊(kuai)(kuai)和(he)頁面(mian)共同(tong)協作(zuo)，由此創作(zuo)出統(tong)(tong)一(yi)(yi)和(he)富有層次(ci)的(de)設計系統(tong)(tong)。
原子設(she)計(ji)是一(yi)種(zhong)方法，由五個不同的(de)(de)階段一(yi)起工作，以更慎重和更具層次(ci)的(de)(de)方式創建界面設(she)計(ji)系(xi)統。從而創造出更有效的(de)(de)用(yong)戶界面系(xi)統的(de)(de)一(yi)種(zhong)設(she)計(ji)方法。
它的五個不同(tong)階(jie)段是：
原子(Atoms)：為頁面(mian)構成的基本元素，例如(ru)標簽(qian)、輸(shu)入框、文(wen)字、顏色(se)等;
分子(Molecules)：由原(yuan)子構成的簡單UI元素，例如按鈕;
組(zu)織(Organisms)：相對分(fen)子而(er)言(yan)，較為復(fu)雜的構成物，由(you)原子及(ji)分(fen)子所組(zu)成;
模(mo)板(Templates)：以(yi)頁(ye)面為基礎的架構(gou)，將以(yi)上元素進(jin)行排版;
頁面(Pages)：將實(shi)際內(nei)容(圖(tu)片、文章等)放置在特定模板內(nei);
二、卡諾模型
KANO 模型(xing)是(shi)東(dong)京理工(gong)大學教授(shou)狩野紀昭(zhao)(Noriaki Kano)發明的對(dui)用(yong)(yong)戶(hu)需(xu)求分類(lei)和優先排(pai)序的有用(yong)(yong)工(gong)具，以分析用(yong)(yong)戶(hu)需(xu)求對(dui)用(yong)(yong)戶(hu)滿意(yi)的影響為基礎，體現(xian)了(le)產品性(xing)能和用(yong)(yong)戶(hu)滿意(yi)之間(jian)的非(fei)線性(xing)關系。
根據不同類型的(de)(de)質(zhi)量特(te)性(xing)與顧客滿(man)意(yi)度之(zhi)間的(de)(de)關(guan)系，狩野教授將產品服務的(de)(de)質(zhi)量特(te)性(xing)分為五類：
基(ji)本(必備)型質量——Must-be Quality/ Basic Quality
期(qi)望(意愿)型質量(liang)——One-dimensional Quality/ Performance Quality
興奮(魅力)型質量—Attractive Quality/ Excitement Quality
無差異型質量——Indifferent Quality/Neutral Quality
反(fan)向(逆向)型質量——Reverse Quality，亦可以將 'Quality' 翻(fan)譯成“質量”或“品(pin)質”。
前三種需求根據績效指(zhi)標分類就是基本因素、績效因素和(he)激勵因素。
三、蔡格尼克記憶效應
用(yong)(yong)戶更易記住未完(wan)成的任務(wu)(wu)。用(yong)(yong)明顯的進度條(tiao)促使用(yong)(yong)戶完(wan)成任務(wu)(wu)。
Tips:除通過進度條促使(shi)用戶完成(cheng)(cheng)任務(wu)(wu)外，還應注意如重(zhong)要的(de)內容(rong)不要一次展示完，將任務(wu)(wu)拆(chai)解成(cheng)(cheng)若干個小步驟，以及利用好用戶完成(cheng)(cheng)任務(wu)(wu)時(shi)的(de)心態(tai)。
四、席克定律
選(xuan)(xuan)擇所需的時(shi)間(jian)會因選(xuan)(xuan)項(xiang)的數(shu)量和(he)復雜(za)度增(zeng)加。
更多的(de)選項(xiang)會讓用戶(hu)做(zuo)出選擇的(de)時間(jian)更長
復雜的(de)(de)任(ren)務應分為更小(xiao)的(de)(de)步驟(zou)，簡(jian)化(hua)用戶的(de)(de)選(xuan)擇(ze)眾多(duo)選(xuan)項(xiang)中，突(tu)出顯示推薦(jian)項(xiang)
Tips:用(yong)戶(hu)(hu)(hu)(hu)做(zuo)出(chu)選(xuan)(xuan)擇(ze)的(de)(de)時(shi)(shi)間(jian)，除了選(xuan)(xuan)擇(ze)前的(de)(de)認(ren)知與(yu)選(xuan)(xuan)擇(ze)時(shi)(shi)的(de)(de)思考時(shi)(shi)間(jian)，還與(yu)選(xuan)(xuan)項數量有直接關(guan)系，利用(yong)這一點(dian)，我們可以控制用(yong)戶(hu)(hu)(hu)(hu)停(ting)留(liu)的(de)(de)時(shi)(shi)間(jian)。如(ru)任務復雜，用(yong)戶(hu)(hu)(hu)(hu)停(ting)留(liu)過長(chang)，可以分(fen)(fen)組分(fen)(fen)類分(fen)(fen)步(bu)驟，突出(chu)顯示推薦項，折疊冷門低頻的(de)(de)選(xuan)(xuan)項等，簡化(hua)用(yong)戶(hu)(hu)(hu)(hu)的(de)(de)選(xuan)(xuan)擇(ze)，縮短用(yong)戶(hu)(hu)(hu)(hu)停(ting)留(liu)的(de)(de)時(shi)(shi)間(jian)。
但應注意(yi)的是，過(guo)于復雜的選擇，席克定律可(ke)能(neng)并不適用。
更多關于“UI培訓”的問題，歡迎咨詢千鋒教育。千鋒(feng)教(jiao)育多年(nian)(nian)辦(ban)學(xue)，課程大(da)綱緊跟(gen)企(qi)業需(xu)求(qiu)，更科(ke)學(xue)更嚴(yan)謹，每年(nian)(nian)培養泛IT人才近2萬(wan)人。不論你是(shi)零基礎還是(shi)想(xiang)提(ti)升，都可以找到適合的(de)班型，千鋒(feng)教(jiao)育隨時歡(huan)迎(ying)你來(lai)試聽。
