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