APP思維導(dǎo)圖設(shè)計(jì)原則天津電子信息職業(yè)技術(shù)學(xué)院知識要點(diǎn)01APP思維導(dǎo)圖的設(shè)計(jì)原則03App產(chǎn)品信息架構(gòu)的標(biāo)簽系統(tǒng)02App產(chǎn)品信息架構(gòu)的組織系統(tǒng)04App產(chǎn)品信息架構(gòu)的導(dǎo)航系統(tǒng)05App產(chǎn)品信息架構(gòu)的搜索系統(tǒng)06App信息架構(gòu)構(gòu)建流程與方法APP思維導(dǎo)圖的設(shè)計(jì)原則APP思維導(dǎo)圖的設(shè)計(jì)原則1、中心主題APP思維導(dǎo)圖的設(shè)計(jì)原則2、四周放射APP思維導(dǎo)圖的設(shè)計(jì)原則3、層級結(jié)構(gòu)APP思維導(dǎo)圖的設(shè)計(jì)原則1、主要內(nèi)容在中心位置，內(nèi)容依據(jù)重要程度由近及遠(yuǎn)放射分布小結(jié)：要點(diǎn)及原則2、精簡，使記憶效果更佳3、以印刷體書寫4、關(guān)鍵詞寫在線上，同一分支須相連5、多用顏色（3種以上）6、盡可能讓大腦保持自由App產(chǎn)品信息架構(gòu)-組織系統(tǒng)App產(chǎn)品信息架構(gòu)-組織系統(tǒng)信息架構(gòu)組織系統(tǒng)導(dǎo)航系統(tǒng)搜索系統(tǒng)標(biāo)簽系統(tǒng)1什么是信息架構(gòu)是一種共享信息環(huán)境的結(jié)構(gòu)化設(shè)計(jì)；是產(chǎn)品的組織系統(tǒng)，標(biāo)簽系統(tǒng)，導(dǎo)航系統(tǒng)以及搜索系統(tǒng)的組合。如何組織信息如何引導(dǎo)信息之間如何流動如何搜索和標(biāo)識信息App產(chǎn)品信息架構(gòu)-組織系統(tǒng)2信息架構(gòu)分類輕架構(gòu)重架構(gòu)2信息架構(gòu)分類App產(chǎn)品信息架構(gòu)-組織系統(tǒng)輕架構(gòu)重架構(gòu)需要提供功能完備、結(jié)構(gòu)嚴(yán)謹(jǐn)?shù)男畔⒓軜?gòu)；

帶來一定的學(xué)習(xí)成本，甚至需要對使用人員進(jìn)行培訓(xùn)；

需要對大量的功能進(jìn)行整合、靈活布局來聚焦核心用戶場景；

重架構(gòu)產(chǎn)品，信息框架更難，且更重要3信息架構(gòu)意義1、滿足用戶目標(biāo)“找到某種信息”或“完成某個任務(wù)”“找到自己想要的東西”2、滿足產(chǎn)品目標(biāo)以用戶為中心，以及“培訓(xùn)引導(dǎo)用戶”的任務(wù)App產(chǎn)品信息架構(gòu)-組織系統(tǒng)組織系統(tǒng)組織系統(tǒng)：指如何組織信息，如何向用戶展示信息。包括：組織體系、組織結(jié)構(gòu)組織體系：定義內(nèi)容條目之間的共享特性，而且會影響這些條目的邏輯式分組方式，組織體系讓我們獲取信息時更方便。組織結(jié)構(gòu)：定義內(nèi)容條目與群組之間的關(guān)系類型。App產(chǎn)品信息架構(gòu)-組織系統(tǒng)組織體系組織體系分為：精確性組織體系和模糊性組織體系。App產(chǎn)品信息架構(gòu)-組織系統(tǒng)精確型組織體系：將信息定義成明確的互斥區(qū)域，適用于【已知條目搜索】組織體系組織體系分為：精確性組織體系和模糊性組織體系。App產(chǎn)品信息架構(gòu)-組織系統(tǒng)模糊情況下，需要系統(tǒng)做引導(dǎo)，搜索過程產(chǎn)生一些聯(lián)想式學(xué)習(xí)，不斷搜尋，幫用戶找到最終的信息。組織體系A(chǔ)pp產(chǎn)品信息架構(gòu)-組織系統(tǒng)組織結(jié)構(gòu)組織結(jié)構(gòu)：描述內(nèi)容條目與分組的關(guān)系。常用的結(jié)構(gòu)：層級結(jié)構(gòu)線性結(jié)構(gòu)矩陣結(jié)構(gòu)自然結(jié)構(gòu)App產(chǎn)品信息架構(gòu)-組織系統(tǒng)層級結(jié)構(gòu)線性結(jié)構(gòu)矩陣結(jié)構(gòu)自然結(jié)構(gòu)組織架構(gòu)標(biāo)準(zhǔn)與“產(chǎn)品目標(biāo)”和“用戶需求”相對應(yīng);1234具有一定的延展性；保證分類標(biāo)準(zhǔn)的一致性、相關(guān)性和獨(dú)立性；有效平衡信息架構(gòu)的“廣度”和“深度”；App產(chǎn)品信息架構(gòu)-組織系統(tǒng)App產(chǎn)品信息架構(gòu)-標(biāo)簽系統(tǒng)App產(chǎn)品信息架構(gòu)-標(biāo)簽系統(tǒng)1.定義、類型標(biāo)簽是信息分類和標(biāo)記機(jī)制；使用用戶語言描述分類目錄、選項(xiàng)及鏈接。圖標(biāo)+文字圖標(biāo)圖標(biāo)+文字可以通過“用戶測試”來檢驗(yàn)用戶對于分類和功能“名稱表述”的理解能力。常見的標(biāo)簽形式：文字標(biāo)簽、圖標(biāo)標(biāo)簽、文字+圖標(biāo)+描述App產(chǎn)品信息架構(gòu)-標(biāo)簽系統(tǒng)2.標(biāo)簽鏈接頁面類型鏈接頁面以內(nèi)容閱讀為主鏈接頁面以實(shí)現(xiàn)功能為主鏈接頁面以次級標(biāo)簽羅列為主App產(chǎn)品信息架構(gòu)-標(biāo)簽系統(tǒng)2.標(biāo)簽鏈接頁面類型鏈接頁面以內(nèi)容閱讀為主鏈接頁面以次級標(biāo)簽羅列為主鏈接頁面以實(shí)現(xiàn)功能為主App產(chǎn)品信息架構(gòu)-標(biāo)簽系統(tǒng)2.標(biāo)簽鏈接頁面類型鏈接頁面以內(nèi)容閱讀為主鏈接頁面以實(shí)現(xiàn)功能為主鏈接頁面以次級標(biāo)簽羅列為主3.標(biāo)簽系統(tǒng)設(shè)計(jì)原則設(shè)計(jì)統(tǒng)一的標(biāo)簽系統(tǒng)，而不是分散的標(biāo)簽App產(chǎn)品信息架構(gòu)-標(biāo)簽系統(tǒng)風(fēng)格一致2134語法一致粒度一致版面樣式一致5理解一致6目標(biāo)用戶一致App產(chǎn)品信息架構(gòu)-導(dǎo)航系統(tǒng)App產(chǎn)品信息架構(gòu)-導(dǎo)航系統(tǒng)導(dǎo)航系統(tǒng)的目標(biāo)頁面需要提供線索，指出當(dāng)前位置在哪，下一步能做什么，還能去哪里建立情境在不同內(nèi)容間自由跳轉(zhuǎn)，帶來靈活性的同時也帶來了混亂；考慮如何在靈活性和混亂間平衡改善靈活性12導(dǎo)航的主要作用就是協(xié)助用戶在不同內(nèi)容間移動，防止用戶迷路。App產(chǎn)品信息架構(gòu)-導(dǎo)航系統(tǒng)標(biāo)簽式抽屜式跳板式（宮格式）列表式懸浮式App常用導(dǎo)航模式App產(chǎn)品信息架構(gòu)-導(dǎo)航系統(tǒng)標(biāo)簽式（頂部標(biāo)簽、底部標(biāo)簽、舵式導(dǎo)航、雙導(dǎo)航）App常用導(dǎo)航模式抽屜式跳板式（宮格式）列表式懸浮式App產(chǎn)品信息架構(gòu)-導(dǎo)航系統(tǒng)App常用導(dǎo)航模式標(biāo)簽式（頂部標(biāo)簽、底部標(biāo)簽、舵式導(dǎo)航、雙導(dǎo)航）抽屜式跳板式（宮格式）列表式懸浮式App產(chǎn)品信息架構(gòu)-導(dǎo)航系統(tǒng)App常用導(dǎo)航模式標(biāo)簽式（頂部標(biāo)簽、底部標(biāo)簽、舵式導(dǎo)航、雙導(dǎo)航）抽屜式跳板式（宮格式）列表式懸浮式App產(chǎn)品信息架構(gòu)-導(dǎo)航系統(tǒng)App常用導(dǎo)航模式標(biāo)簽式（頂部標(biāo)簽、底部標(biāo)簽、舵式導(dǎo)航、雙導(dǎo)航）抽屜式跳板式（宮格式）列表式懸浮式App產(chǎn)品信息架構(gòu)-導(dǎo)航系統(tǒng)標(biāo)簽式App常用導(dǎo)航模式適用范圍入口分類數(shù)目不多，可以控制在5個以內(nèi)，且用戶需要在入口間頻繁切換來執(zhí)行多個任務(wù)。結(jié)構(gòu)太過復(fù)雜而且不穩(wěn)定的應(yīng)用不適合標(biāo)簽式導(dǎo)航。標(biāo)簽式導(dǎo)航應(yīng)用場景抽屜式跳板式（宮格式）列表式懸浮式App產(chǎn)品信息架構(gòu)-導(dǎo)航系統(tǒng)標(biāo)簽式跳板式（宮格式）列表式懸浮式App常用導(dǎo)航模式抽屜式App產(chǎn)品信息架構(gòu)-導(dǎo)航系統(tǒng)標(biāo)簽式抽屜式列表式懸浮式App常用導(dǎo)航模式跳板式（宮格式）App產(chǎn)品信息架構(gòu)-導(dǎo)航系統(tǒng)標(biāo)簽式抽屜式跳板式（宮格式）懸浮式App常用導(dǎo)航模式列表式(標(biāo)題式列表、內(nèi)容式列表、嵌入式列表）App產(chǎn)品信息架構(gòu)-導(dǎo)航系統(tǒng)標(biāo)簽式抽屜式跳板式（宮格式）懸浮式App常用導(dǎo)航模式列表式(標(biāo)題式列表、內(nèi)容式列表、嵌入式列表）App產(chǎn)品信息架構(gòu)-導(dǎo)航系統(tǒng)標(biāo)簽式抽屜式跳板式（宮格式）列表式App常用導(dǎo)航模式懸浮式App產(chǎn)品信息架構(gòu)-導(dǎo)航系統(tǒng)標(biāo)簽式抽屜式跳板式（宮格式）列表式懸浮式App常用導(dǎo)航模式標(biāo)簽式導(dǎo)航：最常用、不易出錯；小結(jié)抽屜式導(dǎo)航：如果信息層級繁多，可以考慮將輔助類內(nèi)容放在抽屜中跳板式／宮格式導(dǎo)航：不建議在APP中作為主導(dǎo)航使用，如果使用，需要增加跳轉(zhuǎn)的關(guān)聯(lián)性列表式導(dǎo)航：作為輔助導(dǎo)航來展示二級甚至更深層級的內(nèi)容，每個APP必不可少，注意數(shù)量與分類懸浮式導(dǎo)航：更適應(yīng)大屏的導(dǎo)航模式，注意不要遮擋某些頁面的操作App產(chǎn)品信息架構(gòu)-導(dǎo)航系統(tǒng)自然的促進(jìn)或引導(dǎo)用戶的跳轉(zhuǎn)行為；合理的導(dǎo)航設(shè)計(jì)，會讓用戶輕松達(dá)到目的而又不會干擾和困擾用戶的選擇。用戶到達(dá)目標(biāo)內(nèi)容，路徑最小化。如何判斷好的導(dǎo)航設(shè)計(jì)App產(chǎn)品信息架構(gòu)-搜索系統(tǒng)App產(chǎn)品信息架構(gòu)-搜索系統(tǒng)主要任務(wù)是告知用戶如何查詢到想要的內(nèi)容。概述App產(chǎn)品信息架構(gòu)-搜索系統(tǒng)按用戶類型，按主題、按日期時間常用搜索類型查詢工具，提升用戶體驗(yàn)：拼寫檢查工具：自動校正搜索術(shù)語，把正確的結(jié)果搜索出來語音工具：搜索發(fā)音相同的字、詞詞干搜索工具：搜索含有相同詞義的術(shù)語受控詞表和敘詞表：是一種對知識加以組織整理，以便后續(xù)進(jìn)行檢索的手段App產(chǎn)品信息架構(gòu)-搜索系統(tǒng)顯示內(nèi)容組件顯示結(jié)果數(shù)量按排序和排名展示分組顯示導(dǎo)出結(jié)果搜索結(jié)果展示方式App產(chǎn)品信息架構(gòu)-搜索系統(tǒng)思考問題搜索框搜索完成后支持修改提供搜索建議設(shè)計(jì)搜索界面用戶搜索的專業(yè)水準(zhǔn)與動機(jī)

信息需求類型被搜索的信息種類、信息數(shù)量123App產(chǎn)品信息架構(gòu)-搜索系統(tǒng)思考問題搜索框搜索完成后支持修改提供搜索建議設(shè)計(jì)搜索界面App產(chǎn)品信息架構(gòu)-搜索系統(tǒng)思考問題搜索框搜索完成后支持修改提供搜索建議設(shè)計(jì)搜索界面App產(chǎn)品信息架構(gòu)-搜索系統(tǒng)功能復(fù)雜的產(chǎn)品中都會有搜索框，并且優(yōu)先級比較高良好交互設(shè)計(jì)的搜索框有哪些特點(diǎn)思考問題搜索框搜索完成后支持修改提供搜索建議設(shè)計(jì)搜索界面搜索內(nèi)容不管類別有多少，搜索功能的入口唯一。盡量不約束用戶在搜索框內(nèi)的輸入內(nèi)容。根據(jù)用戶輸入提供推薦是搜索框的必備交互反饋。搜索的結(jié)果類別最好要劃分清晰，方便用戶迅速做出判斷。搜索結(jié)果的數(shù)目最好要讓用戶可知，提供心理預(yù)期。搜索出現(xiàn)為空的時候，盡量告知用戶其原因，避免二次犯錯。App產(chǎn)品信息架構(gòu)-搜索系統(tǒng)思考問題搜索框提供搜索建議設(shè)計(jì)搜索界面搜索完成后支持修改App產(chǎn)品信息架構(gòu)-搜索系統(tǒng)思考問題搜索框搜索完成后支持修改設(shè)計(jì)搜索界面提供搜索建議App信息架構(gòu)構(gòu)建流程與方法App信息架構(gòu)構(gòu)建流程與方法1.預(yù)備知識為用戶設(shè)計(jì)為場景設(shè)計(jì)信息瀏覽的方式被廣泛接受的信息呈現(xiàn)方式信息的傳遞涵蓋信息架構(gòu)的角色、場景、信息瀏覽方式、信息呈現(xiàn)的方式以及信息傳遞理論等；避免設(shè)計(jì)「空想」性質(zhì)的信息架構(gòu)App信息架構(gòu)構(gòu)建流程與方法2.信息架構(gòu)設(shè)計(jì)包括內(nèi)容結(jié)構(gòu)設(shè)計(jì)決定組織方式制定標(biāo)簽可尋性設(shè)計(jì)信息單元的粒度組件按類別進(jìn)行組合制定類別名