規(guī)律與邏輯：用戶體驗(yàn)設(shè)計(jì)法則

規(guī)律與邏輯：用戶體驗(yàn)設(shè)計(jì)法則讀書筆記模板01思維導(dǎo)圖讀書筆記目錄分析內(nèi)容摘要精彩摘錄作者介紹目錄0305020406思維導(dǎo)圖設(shè)計(jì)體驗(yàn)用戶讀者用戶第章設(shè)計(jì)師體驗(yàn)用戶界面設(shè)計(jì)規(guī)律產(chǎn)品基礎(chǔ)設(shè)計(jì)用戶界面體驗(yàn)原則場景色彩本書關(guān)鍵字分析思維導(dǎo)圖內(nèi)容摘要內(nèi)容摘要本書較為系統(tǒng)地講解了用戶體驗(yàn)設(shè)計(jì)師的職能及價(jià)值體現(xiàn)的方法，由點(diǎn)到面地分析了用戶體驗(yàn)設(shè)計(jì)的方法與技巧，目的是讓讀者能夠全方位地進(jìn)行學(xué)習(xí)，使自己在互聯(lián)網(wǎng)行業(yè)變化如此迅速的當(dāng)下不被淘汰。全書分為8章。第1章對用戶體驗(yàn)的概念、用戶體驗(yàn)設(shè)計(jì)師的職責(zé)與價(jià)值等內(nèi)容進(jìn)行了分析；第2章主要對App設(shè)計(jì)中的基礎(chǔ)規(guī)范進(jìn)行了系統(tǒng)全面的講解；第3章講解了視覺體驗(yàn)基礎(chǔ)理論；第4章講解了視覺體驗(yàn)的進(jìn)階內(nèi)容；第5章主要讓讀者了解交互體驗(yàn)基礎(chǔ)階段的內(nèi)容；第6章通過對交互設(shè)計(jì)中“可用性”“易用性”“好用性”3個(gè)階段的講解，讓讀者對交互設(shè)計(jì)進(jìn)階階段的知識有所認(rèn)知；第7章從情感化體驗(yàn)出發(fā)，教讀者懂得如何給產(chǎn)品增加“溫度”，拉近用戶與產(chǎn)品之間的距離；第8章主要教讀者如何持續(xù)地進(jìn)行自我提升，并且真正具備用戶體驗(yàn)設(shè)計(jì)師的氣質(zhì)。本書適合準(zhǔn)備從事或正在從事用戶界面設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)及交互設(shè)計(jì)的相關(guān)人士學(xué)習(xí)和使用。讀書筆記讀書筆記雅軒是我在站酷上講交互講的最明白的人，看到出書了，肯定要系統(tǒng)的閱讀一些。在用戶體驗(yàn)設(shè)計(jì)三個(gè)境界的的公開課初識雅軒，思路清晰干貨滿滿！給雅軒老師**???？梢粤私庖幌拢纯窗咐?，要了解那些規(guī)范的話建議直接去學(xué)習(xí)MD、HIG。這書都是名詞解釋，什么叫競品分析什么叫可用性測試...解釋而已……。確實(shí)很實(shí)用平時(shí)搜羅的資料都是碎片化知識，這本書可以有個(gè)系統(tǒng)的了解很好。一本入門書籍，對于完全不會設(shè)計(jì)的人的確有一定指導(dǎo)性幫助，但對于我來說可能還缺乏一些深度的反思。介紹了一些日常設(shè)計(jì)工作中的常識，適合剛接觸設(shè)計(jì)工作的人看一下。對于界面設(shè)計(jì)需要的基礎(chǔ)知識和基本原理都闡述了一遍，適合入門選手。很適合剛?cè)腴TUI的小白，或者自學(xué)沒有系統(tǒng)學(xué)習(xí)UI的設(shè)計(jì)師，作者對UI設(shè)計(jì)進(jìn)行了很系統(tǒng)的講述。書中的案例值得反復(fù)推敲，設(shè)計(jì)有道用戶在上，只有通過了解目標(biāo)群體才能作出符合用戶的最佳體驗(yàn)。專業(yè)，給人的感覺是一個(gè)又懂設(shè)計(jì)又懂產(chǎn)品的作者。精彩摘錄精彩摘錄易用性主要體現(xiàn)在以下3個(gè)方面：第一，盡量減少用戶的學(xué)習(xí)成本；第二，提高交互效率，通過合理的布局和交互邏輯，讓產(chǎn)品的每一個(gè)交互流程都具有足夠的價(jià)值；第三，用盡量少的交互流程解決用戶的需求。如何讓產(chǎn)品好看且適合長時(shí)間瀏覽，同時(shí)不會讓用戶感到疲勞，又能讓產(chǎn)品通過信息層級的梳理和版式設(shè)計(jì)傳達(dá)出重要的信息，使用戶可以更清晰直觀地進(jìn)行交互，是用戶體驗(yàn)設(shè)計(jì)師需要思考的內(nèi)容。因此，用戶體驗(yàn)設(shè)計(jì)的核心是制造解決需求的工具。容錯(cuò)性是指用戶在進(jìn)行錯(cuò)誤操作之后，系統(tǒng)可以妥善地進(jìn)行處理，并繼續(xù)保持操作的流暢性，這是最基本的產(chǎn)品要求。價(jià)值1：用戶界面的修飾者，即美化界面。這是用戶體驗(yàn)設(shè)計(jì)師最基礎(chǔ)的價(jià)值。價(jià)值2：用戶界面的區(qū)分者，即打造產(chǎn)品不同的調(diào)性，讓產(chǎn)品在同類產(chǎn)品中具有識別性。價(jià)值3：用戶界面的驅(qū)動者。這一點(diǎn)非常重要。當(dāng)設(shè)計(jì)師作為驅(qū)動者對產(chǎn)品進(jìn)行設(shè)計(jì)時(shí)，能夠在戰(zhàn)略層有更多的表現(xiàn)。這對于用戶體驗(yàn)從業(yè)者來說也算是終極夢想，也是用戶體驗(yàn)設(shè)計(jì)師獲得價(jià)值感的關(guān)鍵所在。運(yùn)用情感化設(shè)計(jì)，可以拉近用戶與產(chǎn)品之間的距離。一個(gè)進(jìn)行過情感化設(shè)計(jì)的產(chǎn)品是有活力的，其主要體現(xiàn)在有趣的圖案或文案上。目錄分析1.1何為用戶體驗(yàn)1.2用戶體驗(yàn)設(shè)計(jì)與平面設(shè)計(jì)的區(qū)別1.3用戶體驗(yàn)只是主觀感受1.4用戶體驗(yàn)設(shè)計(jì)師的職責(zé)與價(jià)值第1章初識用戶體驗(yàn)設(shè)計(jì)1.1何為用戶體驗(yàn)1.1.1生活中的用戶體驗(yàn)1.1.2互聯(lián)網(wǎng)產(chǎn)品中的用戶體驗(yàn)1.2用戶體驗(yàn)設(shè)計(jì)與平面設(shè)計(jì)的區(qū)別1.2.1內(nèi)容響應(yīng)式1.2.2長時(shí)間停留1.2.3閱讀效率1.2.4層級多樣化2.1App基礎(chǔ)布局規(guī)范2.3App字體規(guī)范2.2App基礎(chǔ)組件規(guī)范第2章App設(shè)計(jì)中的基礎(chǔ)規(guī)范2.1App基礎(chǔ)布局規(guī)范2.1.1常見的手機(jī)屏幕尺寸2.1.2界面設(shè)計(jì)中的柵格系統(tǒng)2.1.3常見的布局和適用場景2.2App基礎(chǔ)組件規(guī)范2.2.1狀態(tài)欄2.2.2導(dǎo)航欄2.2.3標(biāo)簽欄2.2.4工具欄2.3App字體規(guī)范2.3.1系統(tǒng)默認(rèn)字體介紹2.3.2基本的字號規(guī)范3.1用戶界面設(shè)計(jì)中的色彩3.3用戶界面設(shè)計(jì)中的圖標(biāo)3.2用戶界面設(shè)計(jì)中的版式第3章視覺體驗(yàn)基礎(chǔ)3.5用戶界面設(shè)計(jì)中的細(xì)節(jié)規(guī)律3.4用戶界面設(shè)計(jì)中的字體第3章視覺體驗(yàn)基礎(chǔ)3.1用戶界面設(shè)計(jì)中的色彩3.1.1對色彩的基本認(rèn)識3.1.2色彩在界面設(shè)計(jì)中的作用3.1.3色彩的對比3.1.4色彩的性格3.1.5色彩的重量3.1.6不同色彩的應(yīng)用場景3.2用戶界面設(shè)計(jì)中的版式3.2.1統(tǒng)一與變化3.2.2對比與調(diào)和3.2.3對稱與平衡3.2.4節(jié)奏與韻律3.2.5親密性原則3.2.6相似性原則3.2.7卡片/分界線/無框3.2.8留白3.3用戶界面設(shè)計(jì)中的圖標(biāo)3.3.1App圖標(biāo)3.3.2App功能圖標(biāo)3.3.3常用的圖標(biāo)庫3.4用戶界面設(shè)計(jì)中的字體3.4.1襯線體與無襯線體3.4.2字體性格的形成3.5用戶界面設(shè)計(jì)中的細(xì)節(jié)規(guī)律3.5.1圓角與尖角的使用規(guī)律3.5.2箭頭的使用規(guī)律3.5.3投影的使用規(guī)律3.5.4分界線的使用規(guī)律3.5.5對齊方式的使用規(guī)律4.1設(shè)計(jì)中的感性與理性4.2引導(dǎo)頁的設(shè)計(jì)4.3空狀態(tài)的設(shè)計(jì)4.4Banner的設(shè)計(jì)第4章視覺體驗(yàn)進(jìn)階4.5啟動頁的設(shè)計(jì)4.6界面設(shè)計(jì)中的層次感表現(xiàn)4.7界面設(shè)計(jì)中的選圖規(guī)律4.8界面設(shè)計(jì)的風(fēng)格體現(xiàn)第4章視覺體驗(yàn)進(jìn)階4.2引導(dǎo)頁的設(shè)計(jì)4.2.1引導(dǎo)頁的制作形式4.2.2引導(dǎo)頁的設(shè)計(jì)規(guī)律4.3空狀態(tài)的設(shè)計(jì)4.3.1空狀態(tài)的分類4.3.2空狀態(tài)的設(shè)計(jì)技巧與注意事項(xiàng)4.4Banner的設(shè)計(jì)4.4.1組成Banner的五要素4.4.2Banner的組成形式4.4.3Banner的風(fēng)格分類4.4.4Banner的設(shè)計(jì)技巧及注意事項(xiàng)4.5啟動頁的設(shè)計(jì)4.5.1啟動頁的設(shè)計(jì)形式4.5.2啟動頁的設(shè)計(jì)技巧及注意事項(xiàng)4.6界面設(shè)計(jì)中的層次感表現(xiàn)4.6.1文字的層級區(qū)分4.6.2元素的復(fù)雜程度4.6.3間距的合理性4.6.4學(xué)會信息歸類4.6.5色彩的合理把控4.7界面設(shè)計(jì)中的選圖規(guī)律4.7.1圖片的比例選擇4.7.2選圖的統(tǒng)一性4.7.3選圖的清晰度4.7.4圖片與主題的貼合性4.8界面設(shè)計(jì)的風(fēng)格體現(xiàn)4.8.1如何確定產(chǎn)品風(fēng)格4.8.2影響產(chǎn)品風(fēng)格的元素5.2交互動效規(guī)律5.1產(chǎn)品思維第5章交互體驗(yàn)基礎(chǔ)5.1產(chǎn)品思維5.1.1初識產(chǎn)品線5.1.2用戶調(diào)研的方法5.1.3用戶畫像5.1.4需求分析5.1.5競品分析5.1.6可用性測試5.1.7低保真原型圖5.1.85W1H產(chǎn)品分析法5.2交互動效規(guī)律5.2.1動效設(shè)計(jì)的意義5.2.2動效設(shè)計(jì)的原則5.2.3微交互設(shè)計(jì)6.1交互體驗(yàn)的可用性6.3交互體驗(yàn)的好用性6.2交互體驗(yàn)的易用性第6章交互體驗(yàn)進(jìn)階6.1交互體驗(yàn)的可用性6.1.1為用戶決策提供充足的信息6.1.2操作均給予明確的反饋6.1.3容錯(cuò)原則6.1.4交互方式的一致性6.1.5讓用戶知道當(dāng)前所處的位置6.2交互體驗(yàn)的易用性6.2.1減少用戶的操作步驟6.2.2降低用戶的學(xué)習(xí)成本6.2.3減輕用戶的記憶負(fù)擔(dān)6.2.4一個(gè)結(jié)果可有多種交互6.2.5產(chǎn)品符合人體工程學(xué)6.2.6輸入表單時(shí)給予提示6.3交互體驗(yàn)的好用性6.3.1讓用戶做選擇題而不是填空題6.3.2預(yù)知用戶的下一步操作6.3.3交互次數(shù)與界面信息量的關(guān)系6.3.4圖形比文字更易讀6.3.5基于用戶使用場景7.1情感化體驗(yàn)的安全感7.3情感化體驗(yàn)的滿足感7.2情感化體驗(yàn)的友好感第7章情感化體驗(yàn)7.1情感化體驗(yàn)的安全感7.1.1符合用戶的心理預(yù)期7.1.2不可或缺的提示框7.1.3安全感需要主動傳達(dá)7.2情感化體驗(yàn)的友好感7.2.1拒絕與“冰冷”的機(jī)器交流7.2.2營造熱點(diǎn)氣氛7.2.3無障礙設(shè)計(jì)7.2.4讓用戶的意見有處發(fā)表7.3情感化體驗(yàn)的滿足感7.3.1營造用戶差異7.3.2讓“免費(fèi)”有點(diǎn)難度7.3.3每一個(gè)用戶都是特殊的7.3.4超越用戶的