藍(lán)藍(lán)設(shè)計(jì)的小編 seo優(yōu)化
在當(dāng)今數(shù)字化的時(shí)代，數(shù)字產(chǎn)品如雨后春筍般涌現(xiàn)，而用戶(hù)體驗(yàn)成為了決定產(chǎn)品成敗的關(guān)鍵因素。在這一背景下，交互設(shè)計(jì)公司猶如擁有魔法的工匠，精心雕琢著數(shù)字產(chǎn)品，為用戶(hù)帶來(lái)無(wú)與倫比的體驗(yàn)。
藍(lán)藍(lán)設(shè)計(jì)的小編 seo優(yōu)化
在當(dāng)今數(shù)字化的時(shí)代，交互設(shè)計(jì)成為了塑造用戶(hù)體驗(yàn)的關(guān)鍵因素。而交互設(shè)計(jì)公司，作為這一領(lǐng)域的專(zhuān)業(yè)力量，其主營(yíng)業(yè)務(wù)涵蓋了眾多方面，為企業(yè)和用戶(hù)創(chuàng)造著豐富而有價(jià)值的體驗(yàn)。
B 端設(shè)計(jì)的文章和資料參考，缺少系統(tǒng)性的說(shuō)明，這是我總結(jié)第五篇。本文主要闡述——通用樣式、布局和數(shù)據(jù)展示。
用戶(hù)體驗(yàn)四維度的概念、價(jià)值以及相互之間的關(guān)系
用戶(hù)體驗(yàn)，是用戶(hù)在使用產(chǎn)品過(guò)程中建立起來(lái)的一種純主觀(guān)感受。
解讀用戶(hù)體驗(yàn)，可以有很多視角。本文提供一個(gè)以人為本的視角：用戶(hù)體驗(yàn)四維度。具體如下。
HI X：Human Interface Experience，人與界面的交互體驗(yàn)。
HC X：Human Content Experience，人與內(nèi)容的交互體驗(yàn)。
HH X：Human Human Experience，人與人的交互體驗(yàn)。
HB X：Human Brand Experience，人與品牌的交互體驗(yàn)。
用戶(hù)體驗(yàn)四維度
01 四維度的概念
怎樣判斷一款產(chǎn)品有幾個(gè)維度？這就要從四維度的概念說(shuō)起。
1. HI X（人與界面的交互體驗(yàn)）
HI X 是指用戶(hù)在瀏覽、閱讀、操作界面過(guò)程中產(chǎn)生的主觀(guān)感受。
HI X 既受信息架構(gòu)、交互設(shè)計(jì)和UI設(shè)計(jì)的影響，也受根需求和功能架構(gòu)的影響。主要依托手機(jī)和電腦的互聯(lián)網(wǎng)產(chǎn)品，天然存在界面。所以，HI X 屬于基礎(chǔ)屬性，所有產(chǎn)品都有。
2. HC X（人與內(nèi)容的交互體驗(yàn)）
HC X 是指用戶(hù)在消費(fèi)內(nèi)容時(shí)，內(nèi)容本身帶給用戶(hù)的主觀(guān)感受。
這里的內(nèi)容，既包括衣服、鞋子等實(shí)體商品，也包括文章、圖片、視頻等虛擬內(nèi)容。諸如淘寶、網(wǎng)易嚴(yán)選等電商產(chǎn)品，以及公眾號(hào)、Instagram、抖音等 UGC 產(chǎn)品，都具備 HC X 屬性。
3. HH X（人與人的交互體驗(yàn)）
HH X 是指用戶(hù)與其他用戶(hù)、產(chǎn)品工作人員溝通交流時(shí)產(chǎn)生的主觀(guān)感受，或產(chǎn)品的社區(qū)氛圍、溝通氛圍帶給用戶(hù)的主觀(guān)感受。
所以 HH X 有兩層含義。第一層發(fā)生在用戶(hù)與用戶(hù)之間，是指當(dāng)用戶(hù)扎堆或溝通交流時(shí)，交流氛圍、交流內(nèi)容帶給用戶(hù)的主觀(guān)感受。第二層發(fā)生在用戶(hù)與產(chǎn)品工作人員之間，是指當(dāng)產(chǎn)品依靠人力向用戶(hù)提供咨詢(xún)、售后、配送等服務(wù)時(shí)，產(chǎn)品工作人員的服務(wù)行為帶給用戶(hù)的主觀(guān)感受。
關(guān)于第一層含義，不管是更強(qiáng)調(diào)社區(qū)屬性的產(chǎn)品，比如天涯社區(qū)、豆瓣小組、百度貼吧，還是更強(qiáng)調(diào)內(nèi)容屬性的產(chǎn)品，比如公眾號(hào)、微博、小紅書(shū)的筆記，都具備 HH X 屬性。
關(guān)于第二層含義，常見(jiàn)的 HH X 由客服人員提供。如果是電商產(chǎn)品，提供人員還包括快遞員和售后人員等。
4. HB X（人與品牌的交互體驗(yàn)）
HB X 是指當(dāng)用戶(hù)想起、談?wù)撈鹌放疲蚴褂闷放频漠a(chǎn)品、體驗(yàn)品牌的服務(wù)時(shí)，品牌帶給用戶(hù)的主觀(guān)感受。
只要一款產(chǎn)品做成了品牌，它就有 HB X 屬性。
HB X 會(huì)直接影響到我們是否信任、喜歡一個(gè)品牌，以及是否會(huì)使用它的產(chǎn)品和服務(wù)。所以，我們對(duì) HB X 往往會(huì)有一個(gè)抓重點(diǎn)的綜合評(píng)價(jià)。就像一個(gè)外向活潑的女生，雖然在外向程度方面和一個(gè)內(nèi)向安靜的男生不一致，但雙方也可能會(huì)選擇在一起，因?yàn)閮?nèi)向、外向并非雙方關(guān)注的重點(diǎn)。
因?yàn)?HB X 牽涉到對(duì)品牌的綜合評(píng)價(jià)，所以就像工作都有一段試用期、戀愛(ài)都有一段了解期一樣，HB X 的形成往往也需要較長(zhǎng)時(shí)間，通常至少要 3~5 年。
02 四維度的價(jià)值
每一個(gè)維度，各有什么價(jià)值？
1. HI X（人與界面的交互體驗(yàn)）
作為基礎(chǔ)屬性，HI X 的價(jià)值主要體現(xiàn)在以下兩方面。
如果是一款只具有 HI X 屬性的工具型產(chǎn)品，比如視頻會(huì)議產(chǎn)品 Zoom，那于這款產(chǎn)品而言，HI X 就是一切，這款產(chǎn)品的成敗也幾乎完全取決于 HI X。
如果是一款同時(shí)具有 HC X、HH X 屬性的內(nèi)容型社區(qū)型產(chǎn)品，比如 B 站、快手這些視頻類(lèi)產(chǎn)品，那此時(shí)的 HI X 就會(huì)扮演一個(gè)類(lèi)似交通出行（基礎(chǔ)設(shè)施）的角色。如果 HI X 比較差，這個(gè)“出行”過(guò)程就會(huì)像出去玩時(shí)的塞車(chē)一樣，讓人難受；如果 HI X 很優(yōu)秀，這個(gè)“出行”過(guò)程就會(huì)像準(zhǔn)點(diǎn)的高鐵、飛機(jī)一樣，又快又爽。
2. HC X（人與內(nèi)容的交互體驗(yàn)）
HC X 主要從內(nèi)容層面影響用戶(hù)滿(mǎn)意度。
如果 HC X 比較好，用戶(hù)消費(fèi)時(shí)的決策時(shí)間就會(huì)被大大縮減，同時(shí)用戶(hù)滿(mǎn)意度也會(huì)比較高。比如淘寶上就有一些原創(chuàng)設(shè)計(jì)、質(zhì)量不錯(cuò)、價(jià)格不貴的精品小店，很受歡迎。我們?nèi)ゾW(wǎng)易嚴(yán)選、優(yōu)衣庫(kù)天貓旗艦店這些質(zhì)量不錯(cuò)、設(shè)計(jì)不錯(cuò)、價(jià)格適中的店鋪買(mǎi) 東西時(shí)，也會(huì)很快很省心。
以上說(shuō)的是電商產(chǎn)品，對(duì)于 UGC 類(lèi)的內(nèi)容產(chǎn)品，也是類(lèi)似的道理。比如站酷上的首頁(yè)推薦和編輯推薦，相對(duì)而言，HC X 比較不錯(cuò)，所以看這些內(nèi)容的用戶(hù)也會(huì)比較多。
3. HH X（人與人的交互體驗(yàn)）
HH X 是用戶(hù)情緒的最大影響因素，在情感方面對(duì)用戶(hù)具有最大吸引力。物以類(lèi)聚，人以群分。HH X 良好的產(chǎn)品，會(huì)像一場(chǎng)談笑風(fēng)生、其樂(lè)融融的聚會(huì)，吸引用戶(hù)去扎堆。
良好的 HH X 往往意味著良好的氛圍，它不僅能帶給我們諸如輕松、愉快等積極情緒，還能在一定程度上帶給我們一種歸屬感。最終的結(jié)果，就是我們喜歡用這款產(chǎn)品。比如 B 站的 HH X 就比較好，具體而言就是彈幕氛圍比較歡樂(lè)友好，這樣的氛圍帶給用戶(hù)的感覺(jué)是比較好的，用戶(hù)也喜歡在 B 站就著彈幕看視頻。
4. HB X（人與品牌的交互體驗(yàn)）
HB X 事關(guān)品牌能不能以正面形象住進(jìn)用戶(hù)心里。
良好的 HB X，往往意味著良好的品牌美譽(yù)度和忠誠(chéng)度。HB X 良好的產(chǎn)品，就像你信任和喜歡的男/女朋友一樣，他/她會(huì)在你心里占據(jù)一定的分量和地位，讓你樂(lè)意介紹給家人和朋友認(rèn)識(shí)。比如蘋(píng)果的 Mac，就有很高的品牌美譽(yù)度和忠誠(chéng)度，用戶(hù)也很樂(lè)意把 Mac 推薦給身邊的朋友。
03 四維度的關(guān)系
四維度之間存在怎樣的關(guān)系?
1. HI X 是另外三個(gè)維度的基礎(chǔ)
HI X 作為基本維度，相當(dāng)于“水之源，木之本”。如果把用戶(hù)體驗(yàn)四維度比作一個(gè)金字塔的話(huà)，塔底的基石一定是 HI X，塔尖則是 HB X。
2. HC X 通常是 HH X 的基礎(chǔ)
HH X 的產(chǎn)生，通常離不開(kāi) HC X。也就是說(shuō)，通常得有一個(gè)合適的“內(nèi)容”或“主題”，才能把人聚攏過(guò)來(lái)。比如結(jié)婚的時(shí)候，你可以邀請(qǐng)到很多親朋好友來(lái)參加婚禮，但在平時(shí)，你很難邀請(qǐng)到這么多人。我們?cè)?B 站看視頻的時(shí)候，彈幕通常比較歡樂(lè)友好，氛圍不錯(cuò)，但如果沒(méi)有這些視頻，也就不會(huì)有這些彈幕，以及不錯(cuò)的社區(qū)氛圍。
3. HI X、HC X 和 HH X 共同構(gòu)成了 HB X 的基礎(chǔ)
HC X、HH X 和 HI X 一樣，都可以成就 HB X。
以早期 Keep 為例，剛開(kāi)始只有課程這個(gè)功能，也就是說(shuō)只有 HI X 和 HC X 這兩個(gè)屬性。其中，HI X 還可以，HC X 比較優(yōu)秀。在此基礎(chǔ)上，慢慢發(fā)展出了社區(qū)功能（HH X 屬性），而且做得不錯(cuò)。再往后，有了“自律給我自由”的品牌精神。在課程、社區(qū)、品牌精神等因素的助力下，Keep 有了不錯(cuò)的品牌美譽(yù)度和忠誠(chéng)度。也就是說(shuō)，HC X、HH X 和品牌精神等因素，一起成就了良好的 HB X。
4. HB X 也可以?xún)H有 HI X 這一個(gè)基礎(chǔ)
有些產(chǎn)品并不具有 HC X 和 HH X 這兩個(gè)屬性，而是僅有 HI X 這一個(gè)屬性。單憑一個(gè)良好的 HI X，也可以成就良好的 HB X。
比如 Zoom，作為一款開(kāi)視頻會(huì)議的工具應(yīng)用，它最初只有 HI X 這一個(gè)屬性。但是因?yàn)楹芎糜茫琀I X 很優(yōu)秀，所以如今的 Zoom 即便沒(méi)有內(nèi)容（HC X）和社區(qū)（HH X）屬性，依然成了一個(gè)在全球都很受歡迎的品牌，擁有了不錯(cuò)的 HB X。
總的來(lái)說(shuō)，在四維度的金字塔里面，它們的關(guān)系如下圖所示。
文章來(lái)源：站酷 作者：SnowDesign
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
第一，交互設(shè)計(jì)師的交互設(shè)計(jì)文檔就好像UI設(shè)計(jì)師的PSD文件一樣用于保存記錄自己的設(shè)計(jì)思路，但交互設(shè)計(jì)師負(fù)責(zé)的任務(wù)不僅僅停留在頁(yè)面當(dāng)中，還包括產(chǎn)品的需求分析、用戶(hù)畫(huà)像、競(jìng)品分析、產(chǎn)品數(shù)據(jù)分析、用戶(hù)交互邏輯等等..我們都可以寫(xiě)在交互設(shè)計(jì)文檔中做記錄，為我們的交互設(shè)計(jì)提供依據(jù)。（其實(shí)就是避免開(kāi)發(fā)懟你問(wèn)你設(shè)計(jì)依據(jù)是啥，你就馬上把分析擺他臉上，避免尷尬）
第二點(diǎn)是交互設(shè)計(jì)師作為產(chǎn)品的上游（一般開(kāi)發(fā)流程是產(chǎn)品經(jīng)理負(fù)責(zé)收集需求給予交互設(shè)計(jì)師進(jìn)行交互設(shè)計(jì)，撰寫(xiě)交互設(shè)計(jì)文檔，然后文檔評(píng)審?fù)ㄟ^(guò)后，UI同學(xué)負(fù)責(zé)UI設(shè)計(jì)，接著提供前端同學(xué)進(jìn)行界面開(kāi)發(fā)，后端同學(xué)則根據(jù)交互稿搭建框架和業(yè)務(wù)邏輯，開(kāi)發(fā)完成后進(jìn)行測(cè)試，反饋測(cè)試結(jié)果，如此循環(huán)，因此交互設(shè)計(jì)師一般處于產(chǎn)品線(xiàn)的上游階段），撰寫(xiě)一份標(biāo)準(zhǔn)和規(guī)范的交互設(shè)計(jì)文檔是非常重要的，因?yàn)槲覀冃枰媒换ピO(shè)計(jì)文檔去表達(dá)我們的設(shè)計(jì)思路，通過(guò)交互文檔我們可以讓UI同學(xué)知道頁(yè)面需要給用戶(hù)表達(dá)什么情緒，達(dá)到怎樣的目的，告訴前端同學(xué)頁(yè)面跳轉(zhuǎn)邏輯以及交互模塊怎么寫(xiě)，幫助后端同學(xué)清晰搭建后臺(tái)框架與數(shù)據(jù)庫(kù)以及產(chǎn)品業(yè)務(wù)邏輯是怎么樣的，最后測(cè)試童鞋還會(huì)拿著你的交互稿進(jìn)行單元測(cè)試，編寫(xiě)測(cè)試用例，所以只有我們先把文檔寫(xiě)好了，才能避免后面產(chǎn)品開(kāi)發(fā)出現(xiàn)問(wèn)題。
第三點(diǎn)也是最重要的一點(diǎn)就是未來(lái)我們用于跳槽加薪面試作品。內(nèi)行看門(mén)道，外行看熱鬧，如果你面試交互設(shè)計(jì)師的時(shí)候還是帶著一條長(zhǎng)長(zhǎng)的JPG或者是網(wǎng)上千篇一律排版的PDF作品集，在面試官眼中顯得不入行（或許你會(huì)遇到性格好的面試官，畢竟千人千面，面試特別看人），因?yàn)閷?zhuān)業(yè)的交互設(shè)計(jì)師在平時(shí)工作中為了避免干擾UI同學(xué)設(shè)計(jì)，只會(huì)使用黑白灰做交互稿，也很少做成一條長(zhǎng)長(zhǎng)的PNG或JPG，我們可以適當(dāng)包裝作品集，但如果過(guò)度了會(huì)讓人覺(jué)得不落地，或許只停留在剛?cè)胄须A段，所以在技術(shù)面試，我們可以拿著我們的交互設(shè)計(jì)文檔跟面試官敘述產(chǎn)品從需求層面怎樣思考完成交互設(shè)計(jì)的，解決了用戶(hù)什么痛點(diǎn)，最后取得了什么樣的成果，得到了怎樣的數(shù)據(jù)，我相信成功幾率會(huì)大很多。（PS：用交互設(shè)計(jì)文檔進(jìn)行面試前請(qǐng)注意把公司機(jī)密信息做脫敏處理，避免發(fā)生糾紛）
說(shuō)了那么多，那究竟交互設(shè)計(jì)文檔包含哪些內(nèi)容？
一般來(lái)講，一個(gè)基礎(chǔ)、規(guī)范的交互設(shè)計(jì)文檔應(yīng)該包含文檔封面、更新文檔、設(shè)計(jì)說(shuō)明文檔、業(yè)務(wù)流程圖、交互原型、垃圾桶等模塊，當(dāng)然了，這些模塊也不是永恒不變的，有些是必須要，有些是選擇性添加的，至于這些模塊有什么功能和怎樣進(jìn)行撰寫(xiě)，這篇文章會(huì)逐一分享給大家~
（說(shuō)明：作者比較習(xí)慣使用Axure軟件撰寫(xiě)交互設(shè)計(jì)文檔，大家可以根據(jù)自身愛(ài)好或者公司規(guī)定進(jìn)行選擇（例如sketch、figma、PS等等..都是可以的）。這里要引用一句話(huà)：軟件僅僅是工具，并不能限制我們的思維，好的工具能讓我們走得更快但不能使我們走得更遠(yuǎn)——沃·茲基碩德。）
文檔封面就相當(dāng)于一本書(shū)的封面一樣，用于記錄產(chǎn)品名稱(chēng)、版本號(hào)、日期以及文檔負(fù)責(zé)人（這樣開(kāi)發(fā)童鞋就能精準(zhǔn)找到你進(jìn)行撕X），只要能展示以上信息，其他信息（例如產(chǎn)品經(jīng)理是誰(shuí)等..）可以自行添加。
以前我都習(xí)慣把更新日志放到產(chǎn)品文檔后面，但是隨著工作時(shí)間變久，我發(fā)現(xiàn)開(kāi)發(fā)童鞋在SVN上打開(kāi)設(shè)計(jì)文檔后第一時(shí)間就是查看更新日志，所以后來(lái)把這一頁(yè)提了上來(lái)。（是的，設(shè)計(jì)文檔也是需要跟產(chǎn)品一樣不斷優(yōu)化迭代的）
更新日志主要用于記錄產(chǎn)品迭代修改的內(nèi)容，讓開(kāi)發(fā)同學(xué)快速了解這次迭代修改了什么內(nèi)容，他需要做哪些工作。我的更新日志特別簡(jiǎn)單，就只有日期、變更內(nèi)容、所在頁(yè)面以及備注四個(gè)字段，這里唯一注意的是，日期必須是最新修改的內(nèi)容放在上面，以前的日期在下面，很多同學(xué)每次迭代的時(shí)候會(huì)在下面列進(jìn)行內(nèi)容添加，這樣開(kāi)發(fā)同學(xué)每次都必須滾到最下面查看信息，大哥，你是交互設(shè)計(jì)師，專(zhuān)業(yè)一點(diǎn)好嗎。
產(chǎn)品項(xiàng)目背景是一個(gè)項(xiàng)目的核心關(guān)鍵，告訴所有的團(tuán)隊(duì)成員我們要做一個(gè)什么樣的產(chǎn)品，需要?jiǎng)?chuàng)造什么樣的價(jià)值，就好比我們寫(xiě)作文時(shí)的中心句，時(shí)刻提醒著我們要不忘初心，為團(tuán)隊(duì)成員開(kāi)發(fā)項(xiàng)目指明方向。
前段時(shí)間有個(gè)同學(xué)來(lái)問(wèn)我，他們本來(lái)是剛開(kāi)始是做校園教育系統(tǒng)的，但是隨著產(chǎn)品慢慢迭代，功能逐漸強(qiáng)大了，最近老板希望在系統(tǒng)中加上財(cái)務(wù)功能，本來(lái)用戶(hù)學(xué)習(xí)成本就高，如果再加上去會(huì)不會(huì)適得其反？雖然我不知道那位同學(xué)的老板產(chǎn)品戰(zhàn)略是啥，背后是怎樣思考的，但是在我看來(lái)這樣的行為就不能是不忘初心，這頂多能算不忘出薪吧。（拒絕諧音梗從我做起）
好了，至于里面產(chǎn)品背景、產(chǎn)品目標(biāo)以及定位的內(nèi)容應(yīng)該如何撰寫(xiě)？對(duì)，我抄的。一般情況下，這些內(nèi)容我們都能夠在項(xiàng)目立項(xiàng)文檔或者在招投標(biāo)書(shū)上就能找到，我們不用親自寫(xiě)（但可以加以設(shè)計(jì)），再不行也能找到產(chǎn)品經(jīng)理去了解。
或者你會(huì)說(shuō)，小公司既沒(méi)有立項(xiàng)、也沒(méi)有招投標(biāo)書(shū)，產(chǎn)品經(jīng)理也是你，那該怎么辦？那么你就得發(fā)揮出自己當(dāng)年高考的作文水平，積極了解清楚產(chǎn)品背景定位，努力完成這一部分，因?yàn)樾畔⒌膫鬟f是有消耗性的，只有我們作為產(chǎn)品的上游做好了，才能為團(tuán)隊(duì)成員后面的努力提供方向。
產(chǎn)品需求列表用于記錄產(chǎn)品需要做哪些【功能點(diǎn)】，這些功能點(diǎn)我們一般能在產(chǎn)品經(jīng)理或者項(xiàng)目經(jīng)理上獲得，我們收集需求后需要對(duì)其按照重要程度P0、P1、P2等級(jí)進(jìn)行分類(lèi)，我分類(lèi)的原則是KANO法則（不知道的同學(xué)可以百度），P0等級(jí)是非做不可的需求，例如像微信的聊天，淘寶的支付功能等，P1是錦上添花的需求，時(shí)間緊迫的話(huà)可以下次再做的，例如微信的語(yǔ)音、視頻聊天等..，排到最后Pn就是一些不必要可做可不做，就算做了也沒(méi)太大影響的功能，就可以與領(lǐng)導(dǎo)層商討是否確認(rèn)要做。（例如炸屎，你們現(xiàn)在還有人炸屎?jiǎn)?？什么？炸屎你都不知道？那?dāng)我沒(méi)說(shuō)）
所謂知己知彼百戰(zhàn)不殆，通過(guò)用戶(hù)畫(huà)像我們可以快速了解產(chǎn)品目標(biāo)用戶(hù)群體特征，分析目標(biāo)用戶(hù)群體的期望、需求、動(dòng)機(jī)等，再根據(jù)用戶(hù)場(chǎng)景去進(jìn)行設(shè)計(jì)，有了用戶(hù)畫(huà)像的支撐，能避免我們?cè)谠O(shè)計(jì)過(guò)程中出現(xiàn)一些不必要的因素，例如我們目標(biāo)用戶(hù)是中老年人的話(huà)，那么按鈕、字體就應(yīng)該適當(dāng)?shù)姆糯?、排版?jiǎn)單明了，而針對(duì)青少年就可以偏個(gè)性化風(fēng)格設(shè)計(jì)。
當(dāng)然，如果是小公司的話(huà)可能沒(méi)有那么多的資源去做用戶(hù)的調(diào)研，在這里分享一下我當(dāng)年在創(chuàng)業(yè)公司經(jīng)常使用的一種快速獲取用戶(hù)畫(huà)像的方法，既快速又特別專(zhuān)業(yè)。
這里需要借助一個(gè)網(wǎng)站：艾瑞數(shù)據(jù)（https://index.iresearch.com.cn），打開(kāi)后選擇自己產(chǎn)品的類(lèi)型（例如學(xué)習(xí)教育類(lèi)），網(wǎng)站會(huì)把該類(lèi)型的產(chǎn)品按照用戶(hù)數(shù)量從高到低展示給你，然后我們選擇一個(gè)差不多的競(jìng)品點(diǎn)擊去查看他們的用戶(hù)特征，最后Ctrl C+Ctrl V到我們的文檔中，完成。
競(jìng)品分析相信大家都特別熟悉，我之前的文章也教過(guò)大家怎么進(jìn)行詳細(xì)的競(jìng)品分析，這里就不細(xì)講了，雖然在交互文檔中競(jìng)品分析可做可不做，但是在產(chǎn)品初期階段我們?nèi)绻J(rèn)真做競(jìng)品分析的話(huà)能夠快速了解產(chǎn)品業(yè)務(wù)、熟悉用戶(hù)的使用習(xí)慣，同時(shí)當(dāng)我們?cè)谧鼋换ピ偷臅r(shí)候能提供快速借（cao）鑒（xi），因此有條件的同學(xué)還是建議盡量做一下。
數(shù)據(jù)分析時(shí)交互設(shè)計(jì)師必不可少的一項(xiàng)技能，也是驗(yàn)證設(shè)計(jì)成果的重要因素。如果缺少了數(shù)據(jù)分析而單憑個(gè)人主觀(guān)因素的話(huà)，我們難以說(shuō)明設(shè)計(jì)效果的好壞，畢竟現(xiàn)實(shí)中會(huì)出現(xiàn)各種意想不到的情況。
所謂“無(wú)對(duì)比，不分析”，一般數(shù)據(jù)分析都是通過(guò)數(shù)值進(jìn)行對(duì)比，去查看數(shù)據(jù)相對(duì)是上升、下降、還是持平，是否跟當(dāng)初設(shè)計(jì)預(yù)期的一樣，對(duì)于初期的產(chǎn)品會(huì)更關(guān)注產(chǎn)品的一些DAU(日活數(shù))、GMV（成交總額）、以及支付人數(shù)等，因?yàn)檫@些數(shù)據(jù)的增減是直接影響到整個(gè)產(chǎn)品的存活，如果產(chǎn)品的DAU不斷下降的話(huà)，那你就要馬上查找原因，及時(shí)調(diào)整，避免惡性循環(huán)。
一般情況下，像日活數(shù)那些簡(jiǎn)單的數(shù)據(jù)可以直接問(wèn)后臺(tái)同學(xué)就能獲得，而用戶(hù)某些環(huán)節(jié)的存活率、轉(zhuǎn)化率等就需要利用【數(shù)據(jù)埋點(diǎn)】，市場(chǎng)上也有很多第三方做數(shù)據(jù)埋點(diǎn)的，例如神策數(shù)據(jù)、Growing IO等，這里就不展開(kāi)說(shuō)了，但是面試的時(shí)候你能說(shuō)出這些就會(huì)顯得很專(zhuān)業(yè)。
信息架構(gòu)屬于用戶(hù)體驗(yàn)的結(jié)構(gòu)層，就像產(chǎn)品的骨架一樣，而信息架構(gòu)設(shè)計(jì)就是對(duì)產(chǎn)品信息進(jìn)行構(gòu)架、歸類(lèi)的設(shè)計(jì)，信息架構(gòu)能夠防止我們對(duì)產(chǎn)品功能點(diǎn)遺漏，同時(shí)也可以通過(guò)產(chǎn)品大體的信息架構(gòu)觀(guān)察出產(chǎn)品設(shè)計(jì)是否合理。
一般來(lái)說(shuō)（干貨來(lái)了），產(chǎn)品架構(gòu)分支可以分為度和層，而好產(chǎn)品的信息架構(gòu)在廣度和層度都是恰到好處，下面我舉兩個(gè)反例大家就懂了：
1.產(chǎn)品架構(gòu)的廣度太廣（不懂的看下圖）：信息架構(gòu)的廣度太廣意味著頁(yè)面的承載信息量特別的多，沒(méi)有側(cè)重點(diǎn)，這樣用戶(hù)點(diǎn)進(jìn)頁(yè)面后會(huì)思考很久而不知所措，最經(jīng)典的就是某某寶和某同城，新用戶(hù)進(jìn)入到首頁(yè)真的模棱兩可。
2.產(chǎn)品架構(gòu)的層太深：信息架構(gòu)的層太深會(huì)導(dǎo)致另外一個(gè)問(wèn)題就是頁(yè)面非常的多，要找到一些功能的話(huà)操作非常的困難，最常見(jiàn)的就是某些視頻的取消會(huì)員流程（包括當(dāng)年的ofo退費(fèi)），你們是不是為了退費(fèi)或者取消某APP會(huì)員百度過(guò)很多次？（反過(guò)來(lái)思考，如果某些功能你不想被用戶(hù)發(fā)現(xiàn)，但是又必不可少的話(huà)應(yīng)如何設(shè)計(jì)，你懂得）
繪制業(yè)務(wù)流程圖的目的就是：梳理并分析優(yōu)化業(yè)務(wù)流程。我知道很多同學(xué)做UI設(shè)計(jì)師的時(shí)候可以完全不管業(yè)務(wù)，直接做設(shè)計(jì)，但是作為交互設(shè)計(jì)師了解產(chǎn)品業(yè)務(wù)是非常重要的，因?yàn)椴涣私鈽I(yè)務(wù)你就無(wú)法完成交互設(shè)計(jì)，優(yōu)化業(yè)務(wù)場(chǎng)景。
舉個(gè)例子：在教育考試系統(tǒng)中一般流程是：教育局出通知→學(xué)生報(bào)名考試→老師審核→報(bào)名通過(guò)→老師編排學(xué)生考試名單→學(xué)生開(kāi)始考試對(duì)號(hào)入座→教育局公布成績(jī)→學(xué)生查詢(xún)成績(jī)→考試結(jié)束，看這一些列的流程，因?yàn)殛P(guān)聯(lián)特別多，如果對(duì)業(yè)務(wù)不熟悉的話(huà)設(shè)計(jì)起來(lái)會(huì)非常的不便，如果前期因?yàn)闃I(yè)務(wù)流程不熟悉而設(shè)計(jì)出錯(cuò)誤的交互稿的話(huà)，后面就會(huì)特別麻煩。
那么如何去繪制完整的業(yè)務(wù)流程：
如果你的產(chǎn)品經(jīng)理比較專(zhuān)業(yè)的話(huà)，可能會(huì)直接給你一個(gè)現(xiàn)成的業(yè)務(wù)流程圖，那樣就能省事很多。
要是沒(méi)有產(chǎn)品經(jīng)理的話(huà)，最直接的就是問(wèn)用戶(hù)，這里介紹我最常用的方法就是“一聽(tīng)二問(wèn)三確認(rèn)”。一聽(tīng)：先聽(tīng)客戶(hù)代表或者業(yè)務(wù)方的介紹。聽(tīng)得過(guò)程中，不打斷對(duì)方，以最簡(jiǎn)單的方式勾出主體脈絡(luò)，即基本要素中的角色、活動(dòng)、協(xié)作關(guān)系梳理出即可。二問(wèn)：完成上一步后，就可以進(jìn)行提問(wèn)了。主要是沿著流程進(jìn)行發(fā)問(wèn)，重點(diǎn)放在分支、產(chǎn)物關(guān)系上?？纯词欠翊嬖诜种У那闆r，各協(xié)作之間是否有交付物。一邊問(wèn)，一邊修正。三確認(rèn)：最后一步就是自己講一遍流程，和客戶(hù)代表或者業(yè)務(wù)專(zhuān)家進(jìn)行最后的確認(rèn)。
幾乎可以說(shuō)，上面所有的東西都是為了完成交互原型做鋪墊的，我相信對(duì)大家來(lái)講交互原型都非常熟悉，但是給大家分享幾個(gè)經(jīng)常犯錯(cuò)的點(diǎn)。
【1】頁(yè)面盡量只采用黑白灰配色，避免干擾UI同學(xué)設(shè)計(jì)。這是大家經(jīng)常犯錯(cuò)的一個(gè)點(diǎn)，畢竟很多同學(xué)以前是UI出身，做交互稿時(shí)也順便配配色，這樣會(huì)非常影響UI同學(xué)設(shè)計(jì)的（不在其位不謀其政，你做UI的時(shí)候也不希望有人在旁邊指指點(diǎn)點(diǎn)吧），所以我們做交互稿時(shí)只采用黑白灰就夠了，灰度大小就代表信息的重要程度，簡(jiǎn)潔規(guī)范即可。
【2】頁(yè)面的跳轉(zhuǎn)用連線(xiàn)表示其實(shí)就很方便了，真正厲害的人不會(huì)到處?kù)偶?/strong>。有些同學(xué)在交互稿上各種跳轉(zhuǎn)、動(dòng)態(tài)面板、中繼器等花里胡哨一大堆，這樣開(kāi)發(fā)同學(xué)看起來(lái)特別的難受，所以很多時(shí)候用連線(xiàn)的方式表示往往是最簡(jiǎn)單明了的。
【3】如果涉及到多端設(shè)計(jì)（IOS、Andriod、PC端）的話(huà)，除非產(chǎn)品非常龐大，不然就放在同一個(gè)設(shè)計(jì)文檔中，避免以后評(píng)審還要弄多個(gè)文件。
【4】創(chuàng)建一個(gè)適合自己的組件庫(kù)，在日常設(shè)計(jì)中，80%的控件是可以重復(fù)利用的，做一個(gè)合適的組件庫(kù)能節(jié)省大量時(shí)間（我整理了工作多年的B端以及移動(dòng)端常用的組件，你們需要也可以分享給你們）。
做交互文檔時(shí)垃圾桶就相當(dāng)于后悔藥，因?yàn)橐恍╉?yè)面如果刪掉保存后是不能還原了的，因此在改稿時(shí)如果一些暫時(shí)不需要的頁(yè)面可以丟到垃圾桶中，避免到最后用回以前的方案時(shí)重新再做浪費(fèi)時(shí)間。
好啦，文章分享的內(nèi)容比較多，但是并不是每一部分都非做不可，文檔也并不是絕對(duì)的規(guī)范，每一家公司交互設(shè)計(jì)師的職責(zé)可能都不太相同，所以大家可以根據(jù)自身需求因地制宜，曾經(jīng)有人說(shuō)過(guò)，設(shè)計(jì)的本質(zhì)并不是把簡(jiǎn)單的事情做復(fù)雜，而是把復(fù)雜的事情做簡(jiǎn)單，所以我希望有一天你們能把交互設(shè)計(jì)文檔做到很簡(jiǎn)單，而把產(chǎn)品做得非常好，然后跟我分享經(jīng)驗(yàn)，這才是我寫(xiě)文章的初心。
文章來(lái)源：站酷 作者：北沐而川
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
以下內(nèi)容主要以 iOS 官方設(shè)計(jì)指南和網(wǎng)絡(luò)上的相關(guān)文章為參考，但同時(shí)也包含個(gè)人理解與思考，并非絕對(duì)、唯一的標(biāo)準(zhǔn)。
隨著互聯(lián)網(wǎng)行業(yè)的發(fā)展，每一個(gè)軟件背后都有一個(gè)優(yōu)秀的項(xiàng)目團(tuán)隊(duì)和公司，騰訊或是阿里巴巴，他們旗下的APP我們也耳熟能詳，但是關(guān)于每個(gè)軟件的細(xì)節(jié)之處我們應(yīng)該大多數(shù)都沒(méi)有關(guān)注到，每個(gè)產(chǎn)品的人性化設(shè)計(jì)為我們?cè)黾恿朔矫?，想要了解和學(xué)習(xí)的崽崽們可以看看哦！
本文大綱
一、好的收藏體驗(yàn)這么做
二、互動(dòng)信息隱私的保護(hù)
三、確定按鈕放左邊or右邊？
四、手機(jī)實(shí)體鍵分布的合理性
五、靜音鍵存在的必要性
六、經(jīng)典的旋鈕式交互
信息架構(gòu)是產(chǎn)品的骨架。具體而言，就是一款產(chǎn)品有幾個(gè)一級(jí)頁(yè)面，以及支撐起整個(gè)產(chǎn)品的一級(jí)頁(yè)面、二級(jí)頁(yè)面各有幾種內(nèi)容樣式。所謂一級(jí)頁(yè)面，微信的“發(fā)現(xiàn)”頁(yè)就是一個(gè)一級(jí)頁(yè)面；在“發(fā)現(xiàn)”頁(yè)點(diǎn)“朋友圈”，進(jìn)去的就是一個(gè)二級(jí)頁(yè)面。所謂內(nèi)容樣式，Banner 是一種內(nèi)容樣式，九宮格是一種內(nèi)容樣式，設(shè)置頁(yè)面那種列表也是一種內(nèi)容樣式。
這樣的信息架構(gòu)，有什么價(jià)值？
01 信息架構(gòu)的價(jià)值：掌控感與健康迭代
對(duì)用戶(hù)而言，信息架構(gòu)的主要價(jià)值在于掌控感；對(duì)產(chǎn)品而言，信息架構(gòu)的主要價(jià)值在于健康迭代。
1. 掌控感
如果房間里很亂，到處都堆滿(mǎn)了東西，常穿的衣服也找不到了，我們就很容易變得煩躁不安。相反，如果混亂的房間被收拾得很整潔，我們的心情也會(huì)隨之變得愉悅起來(lái)。
這中間的原因是什么？
個(gè)人覺(jué)得，從原始社會(huì)到 21 世紀(jì)，我們?nèi)祟?lèi)一直生活在競(jìng)爭(zhēng)中，所以一直在追求一種對(duì)生活的掌控感。這種掌控感，會(huì)讓我們找到一種存在感和價(jià)值感，從而給身處競(jìng)爭(zhēng)中的我們一種安全感。一個(gè)收拾得井然有序的房間，會(huì)讓我們覺(jué)得一切盡在掌握中；一個(gè)胡亂塞滿(mǎn)東西的房間，則會(huì)讓我們覺(jué)得這個(gè)房間處于失控狀態(tài)，從而引發(fā)煩躁不安。
一款 App，如果主要的幾個(gè)一級(jí)頁(yè)面也都塞滿(mǎn)了各式各樣的內(nèi)容，那么用戶(hù)通常也會(huì)感到煩躁不安。這是因?yàn)橛脩?hù)不能馬上理出頭緒，不能馬上獲得那種掌控感。另外，如果大的改版經(jīng)常讓用戶(hù)體會(huì)到這種煩躁不安，用戶(hù)就會(huì)對(duì)這款 App 感到不滿(mǎn)和失望，甚至失去信心和期待。
所以說(shuō)，信息架構(gòu)的第一個(gè)價(jià)值，就是讓用戶(hù)始終有掌控感。
2. 健康迭代
產(chǎn)品的更新迭代，有時(shí)會(huì)出現(xiàn)“發(fā)?！焙汀拔⒄巍钡那闆r。這都屬于不健康的迭代。
所謂發(fā)福，就是變得臃腫了，比如一級(jí)頁(yè)面突然增加了很多內(nèi)容樣式。所謂微整形，就是和之前比有點(diǎn)亂套了，比如有的一級(jí)頁(yè)面突然消失了、有的一級(jí)頁(yè)面突然出現(xiàn)了、有些常用的功能突然找不到了，諸如此類(lèi)。
一款產(chǎn)品，如果大的改版總是通過(guò)發(fā)福、甚至微整形的方式實(shí)現(xiàn)，用戶(hù)就很難獲得掌控感。
反過(guò)來(lái)，一個(gè)優(yōu)秀的信息架構(gòu)，是接近“凍齡”的。也就是說(shuō)，不管產(chǎn)品怎么更新、怎么加新功能，都能簡(jiǎn)單如初，都能讓用戶(hù)馬上獲得掌控感。典型的例子是微信：微信已經(jīng)加了很多功能，但整體給人的感覺(jué)依然是簡(jiǎn)單的。
這樣的信息架構(gòu)，很少發(fā)福，也幾乎不做微整形，所以能讓用戶(hù)永遠(yuǎn)有掌控感，從而確保產(chǎn)品能夠健康迭代。
02 怎樣實(shí)現(xiàn)信息架構(gòu)的價(jià)值
什么樣的信息架構(gòu)，能夠?qū)崿F(xiàn)“掌控感”和“健康迭代”？
其實(shí)參考答案剛才已經(jīng)出現(xiàn)了，那就是接近凍齡的信息架構(gòu)。或者更確切地說(shuō)，是一種“以不變應(yīng)萬(wàn)變”的信息架構(gòu)。
這里的不變，是指信息架構(gòu)看起來(lái)永遠(yuǎn)沒(méi)有明顯變化，永遠(yuǎn)都很簡(jiǎn)單。萬(wàn)變，是指不斷新增的功能，不斷變化的功能。
如何做到以不變應(yīng)萬(wàn)變？一級(jí)頁(yè)面和二級(jí)頁(yè)面都很關(guān)鍵，其中最核心的是一級(jí)頁(yè)面。這里也順便拋一個(gè)問(wèn)題：一級(jí)頁(yè)面，用來(lái)干啥？
一級(jí)頁(yè)面主要用來(lái)干三件事，分別是：提供掌控感、提供常用功能、提供小入口。也就是說(shuō)，一級(jí)頁(yè)面尤其要把掌控感給到用戶(hù)，要讓用戶(hù)快速找到常用功能，同時(shí)還要為不常用的功能提供一個(gè)小入口。需要說(shuō)明的是，這個(gè)理念可能不太適合一些商店類(lèi)產(chǎn)品，比如淘寶這樣的電商產(chǎn)品，所以?xún)H供參考。
那如何完成這三件事？主要有以下四個(gè)要點(diǎn)。
1. 不要超過(guò) 4 個(gè)一級(jí)頁(yè)面
4 個(gè)和 5 個(gè)，它倆之間存在微妙的區(qū)別。比如我們給手機(jī)號(hào)或銀行卡號(hào)分段時(shí)，更喜歡每段最多分 4 個(gè)數(shù)字，而不是 5 個(gè)，直觀(guān)對(duì)比見(jiàn)下圖。
4 個(gè)還是 5 個(gè)
很多 App 的底部導(dǎo)航欄，也是只有 4 個(gè)Tab，即 4 個(gè)一級(jí)頁(yè)面。受生活經(jīng)驗(yàn)等因素影響，當(dāng)我們看到 App 有 4 個(gè)一級(jí)頁(yè)面時(shí)，內(nèi)心或潛意識(shí)里可能會(huì)覺(jué)得：哦，4 個(gè)，還算簡(jiǎn)單，基本能記住；而當(dāng)看到有 5 個(gè)一級(jí)頁(yè)面時(shí)，可能會(huì)感到一絲壓力：5 個(gè)啊，有點(diǎn)多了。
總的來(lái)說(shuō)，我們更偏愛(ài)只有 4 個(gè)一級(jí)頁(yè)面的產(chǎn)品，因?yàn)?4 個(gè)仍在簡(jiǎn)潔的范疇內(nèi)，5 個(gè)就已經(jīng)開(kāi)始走向復(fù)雜。在《微信背后的產(chǎn)品觀(guān)》這場(chǎng)分享中，張小龍也提到過(guò)：“微信保證只有 4 個(gè)底部 Tab?！?
2. 不要超過(guò) 3 種內(nèi)容樣式
Keep 6.0 系列的“探索”頁(yè)面有 5 種內(nèi)容樣式，顯得很復(fù)雜。微信的 4 個(gè)一級(jí)頁(yè)面中，“發(fā)現(xiàn)”和“我”頁(yè)面只有 1 種內(nèi)容樣式，“微信”和“通訊錄”頁(yè)面只有 2 種內(nèi)容樣式（加上頂部的搜索框），顯得非常簡(jiǎn)單，和 Keep 的對(duì)比如下圖所示。
Keep 6.0 系列與微信的內(nèi)容樣式數(shù)量
像微信這種內(nèi)容樣式數(shù)量上的極簡(jiǎn)，可能很多產(chǎn)品難以做到。那么，我們不妨退而求其次，早期先從 1 種、2 種內(nèi)容樣式開(kāi)始。后期加功能了，可以考慮第 3 種，謹(jǐn)慎考慮第 4 種，盡量不要增加第 5 種，因?yàn)橐欢〞?huì)變得復(fù)雜。
大家可能會(huì)說(shuō)，產(chǎn)品的功能很多，3 種內(nèi)容樣式不夠用。
針對(duì)這種情況，只要邏輯上不存在大的問(wèn)題（比如把“支付”放到“通訊錄”頁(yè)面），就可以嘗試把不同內(nèi)容合并成一種樣式。微信在這方面就做得很好，大家可以參考它的設(shè)計(jì)。比如下圖的“通訊錄”頁(yè)面，聯(lián)系人上方那些內(nèi)容，和聯(lián)系人不是同一類(lèi)內(nèi)容，但它們共用一種內(nèi)容樣式——一個(gè)簡(jiǎn)單的圖文列表。
微信“通訊錄”頁(yè)面：不同內(nèi)容合并成一種樣式
3. 不為二成需求，去打擾八成用戶(hù)
產(chǎn)品設(shè)計(jì)里存在一個(gè)比較常見(jiàn)的問(wèn)題，就是往一級(jí)頁(yè)面塞很多內(nèi)容或功能，其中有相當(dāng)一部分是用戶(hù)日常用不到的，這種設(shè)計(jì)容易讓人覺(jué)得臃腫。比如 Keep 6.0 系列的“運(yùn)動(dòng)”頁(yè)面，就用了較大空間來(lái)推薦付費(fèi)計(jì)劃和運(yùn)營(yíng)活動(dòng)，如下圖所示。
用較大空間來(lái)推薦付費(fèi)計(jì)劃和運(yùn)營(yíng)活動(dòng)的 Keep 頁(yè)面
相信有相當(dāng)一部分用戶(hù)是不需要這些內(nèi)容的，所以這其實(shí)也是一種打擾。這種打擾會(huì)影響到這些用戶(hù)對(duì)這個(gè)界面的掌控感。
這種現(xiàn)象有兩個(gè)可能的原因。一是企業(yè)擔(dān)心用戶(hù)不用這些功能，所以就在一級(jí)頁(yè)面用很多空間來(lái)展示它們，Keep 的例子應(yīng)該屬于此類(lèi)。二是有部分用戶(hù)提建議，所以企業(yè)就加了這些功能。
關(guān)于第一個(gè)原因，個(gè)人觀(guān)點(diǎn)，有些功能本身就屬于二成需求，在一級(jí)頁(yè)面占用太多空間不僅改變不了這個(gè)現(xiàn)實(shí)，還會(huì)對(duì)用戶(hù)形成打擾。
關(guān)于第二個(gè)原因，個(gè)人看法，用戶(hù)的建議通常只代表個(gè)人立場(chǎng)，而企業(yè)至少要代表大部分用戶(hù)的立場(chǎng)。比如，網(wǎng)上就有人建議微信在朋友圈加一個(gè)屏蔽別人的功能，實(shí)際上微信有這個(gè)功能，只是一直隱藏，沒(méi)有放出來(lái)——因?yàn)橛玫娜松?，它屬于二成需求，放出?lái)的話(huà)會(huì)對(duì)八成用戶(hù)形成打擾。
總的來(lái)說(shuō)，理想情況是接受現(xiàn)實(shí)、尊重規(guī)律：是八成需求就提供八成空間，是二成需求就提供二成空間。具體參考如下圖所示。
是八成需求就提供八成空間，是二成需求就提供二成空間
4. 盡量不在標(biāo)題欄使用 Tab 或下拉框，增加維度
這其實(shí)是張小龍分享過(guò)的一個(gè)觀(guān)點(diǎn)，我個(gè)人很贊同，就直接引用一下。下面直接看兩個(gè)例子。Keep 6.0 系列的前三個(gè)一級(jí)頁(yè)面，標(biāo)題欄都使用了 Tab，就顯得內(nèi)容很多，有點(diǎn)復(fù)雜，如下圖所示（僅展示前兩個(gè)）。
使用了 Tab 的標(biāo)題欄
微信中擁有標(biāo)題欄的前三個(gè)一級(jí)頁(yè)面，其標(biāo)題欄都沒(méi)有使用 Tab 或下拉框，就顯得簡(jiǎn)單、內(nèi)容少，如下圖所示（僅展示前兩個(gè)）。這也是微信保持簡(jiǎn)單的一個(gè)重要原因。
沒(méi)有使用 Tab 的標(biāo)題欄
結(jié)語(yǔ)
一般情況下，產(chǎn)品都需要更新迭代：增加新功能，完善舊功能。
用戶(hù)則是一個(gè)矛盾體：一方面對(duì)新功能和新事物懷有好奇心；另一方面又希望每次打開(kāi)常用的產(chǎn)品時(shí)，都有一種回到家一樣的熟悉感和一種家里井然有序的掌控感。
好的做法，就是類(lèi)似微信那樣：盡管加了新功能，但是看起來(lái)沒(méi)有明顯變化。也就是說(shuō)，以“不變”的信息架構(gòu)，來(lái)應(yīng)對(duì)萬(wàn)變的功能。
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
瀏覽了許多關(guān)于“設(shè)計(jì)規(guī)范”的文章，發(fā)現(xiàn)很多都是在針對(duì)通用流程和視覺(jué)方面在整理，關(guān)于交互層面的內(nèi)容比較少?；诖?，結(jié)合最近項(xiàng)目中沉淀的實(shí)際案例，以及參考了不少行業(yè)通用的設(shè)計(jì)規(guī)范，總結(jié)了一篇關(guān)于搭建交互規(guī)范的流程、框架、要點(diǎn)。希望能夠幫助大家更好的沉淀交互規(guī)范。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.wnxcall.com