《產(chǎn)品炊事班的小賬本》2017年4月刊
本文約1.5萬字，閱讀60分鐘，思考1星期；解答了27個產(chǎn)品/交互設(shè)計的常見疑問。
問題一：如何理解模態(tài)？
何時應(yīng)該使用模態(tài)？模態(tài)和阻斷有什么區(qū)別？
Hozin的回答：
模態(tài)對話框(Modal DialogueBox) ，阻斷(Blocking），都有明確的解釋，歡迎自己搜索，為了理解這兩個詞兒，大家一起來練習(xí)個繞口令。
模態(tài)=管制刀具；
阻斷=殺人兇器；
管制刀具不一定是殺人兇器（可以用來切菜）；
模態(tài)不一定是阻斷的（可以是非阻斷的強制提醒）；
殺人兇器可以是管制刀具；
阻斷可以由模態(tài)來完成；
殺人兇器不一定是管制刀具（毒藥、板磚也可以）；
阻斷不一定是模態(tài)（非模態(tài)、強制跳轉(zhuǎn)也可以）；
關(guān)于模態(tài)，知乎上有個文章，分析的很形象：
交互設(shè)計中什么情況下適合用彈窗？什么情況下適合新頁面打開？什么情況下適合新頁面覆蓋？
問題二：表單內(nèi)容靠左靠右問題？
如圖，看了多數(shù)app 這種表單內(nèi)容文字都是靠右側(cè)，可是為什么我感覺靠左側(cè)更快捷閱讀呢？?
Hozin的回答：
經(jīng)典問題，以下最優(yōu)視覺掃描路徑分析
問題三：資深交互設(shè)計師和普通交互設(shè)計師的差別是什么？?
Hozin的回答：
1.理解信息架構(gòu)，看清楚交互的本質(zhì)
2.基于信息架構(gòu)提供多樣化設(shè)計
3.合理強奸用戶，達(dá)到商業(yè)轉(zhuǎn)化
資深交互設(shè)計師與普通交互設(shè)計師的差別是什么？?
問題四：交互設(shè)計前景如何？
從【前端開發(fā)崗位】轉(zhuǎn)成【交互設(shè)計崗位】難不難？
Hozin的回答：
正在整理答案，發(fā)現(xiàn)提問不見了，不知道小密圈是什么機制，也希望那位提問者能看到本內(nèi)容。
前端開發(fā)是一種結(jié)果明確的工作；交互設(shè)計是一種結(jié)果不明確的工作；實際上所有的設(shè)計工作都是結(jié)果不確定的。
Hozin寫過前端（Hozin.com曾經(jīng)是手工維護），并且固執(zhí)的認(rèn)為HTML開發(fā)人員才是真正的網(wǎng)頁設(shè)計師。
因為Hozin學(xué)習(xí)HTML的時候，經(jīng)常訪問網(wǎng)頁設(shè)計師:web標(biāo)準(zhǔn)教程及推廣,網(wǎng)站重構(gòu),XHTML+CSS,CSS布局,DIV+CSS,validator,mozilla firefox
HTML本身就是一種信息架構(gòu)，前端開發(fā)人員學(xué)習(xí)交互設(shè)計非常容易！
希望前端人員掌握交互設(shè)計技能，也希望交互設(shè)計都掌握HTML知識。
一個優(yōu)秀的前端開發(fā)人員不應(yīng)該轉(zhuǎn)做交互設(shè)計崗位，基于以下兩點：
1.交互設(shè)計師的定位尷尬
在國內(nèi)，視覺、交互、動效、用研，可能都被交互設(shè)計師這個職位包攬了；
大量院校設(shè)置的交互設(shè)計專業(yè)本質(zhì)上都是HCI，而不是Interaction。
100個公司對交互設(shè)計有100種認(rèn)知，工作狀態(tài)完全是【看臉吃飯】。
2.市場需求量
前端工程師需求量非常旺盛，薪水起點也很高；
交互設(shè)計師需求量一般，大量培訓(xùn)機構(gòu)把滯銷的UI設(shè)計師也包裝成交互設(shè)計人才；
前端開發(fā)人員正確的職業(yè)轉(zhuǎn)型是這樣的：
1.輕松的把Web端交互技能掌握，在從事前端工作同時，多進行設(shè)計實踐
2.轉(zhuǎn)型Web端（后端）基礎(chǔ)產(chǎn)品職位，學(xué)習(xí)產(chǎn)品設(shè)計工作技能（業(yè)務(wù)分析為主）
3.面向供應(yīng)鏈、進銷存、BI等偏后臺方向，成為優(yōu)秀的產(chǎn)品經(jīng)理
全棧前端工程師也可直接轉(zhuǎn)型技術(shù)管理類職位。
問題五：學(xué)習(xí)交互設(shè)計有必要出國嗎？
我15年本科畢業(yè)，最近收到了代爾夫特交互設(shè)計研究生的offer，卻非常糾結(jié)。之前我對工作不滿意，于是辭職申了國外的研究生。申請完后馬上找了新工作。很喜歡目前的工作，作為交互設(shè)計師還能做用研、產(chǎn)品的工作，還有好些厲害的前輩指導(dǎo)。我覺得這個工作能夠讓我實現(xiàn)「成為產(chǎn)品設(shè)計師」的目標(biāo)。如果放棄它，付出很高的時間、金錢、職業(yè)發(fā)展成本去留學(xué)，收獲的知識，不說全部，起碼大部分在國內(nèi)工作也能學(xué)到吧？留學(xué)是否值得？而出國，我覺得可能會更快地提升思維和視野。而且之前也是花了挺大精力準(zhǔn)備，一旦放棄日后就不太可能再去了。想問下交互老法師怎么看，留學(xué)還是工作？
Hozin的回答：
兼聽則明，偏信則暗，以下乃一家之言，僅供參考。
1.明確區(qū)分IxD和HCI
如果是在互聯(lián)網(wǎng)公司，那你現(xiàn)在從事的應(yīng)該是IxD，而不是HCI；
外行可能覺得【交互設(shè)計】和【人機交互】差不多，內(nèi)行會覺得差異非常大；
Hozin的專業(yè)領(lǐng)域是IxD，對HCI只知道一些皮毛而已；
代爾夫特提供的學(xué)習(xí)機會是哪一個領(lǐng)域？請先分清楚！
2.關(guān)于代爾夫特
手邊剛好有一本來自這個學(xué)院的書籍，感覺非?？孔V；側(cè)面證明了他們的教學(xué)實踐體系非常健全。
一句話，機會很難得！
如果10年前有這種機會，Hozin毫不猶豫就去了（教育背景對30歲以后非常有用）。
荷蘭學(xué)校，語言是否會成為障礙？
3.IxD學(xué)院派
前幾天剛看了國內(nèi)某著名IxD領(lǐng)域教授公布的教學(xué)大綱，出現(xiàn)“因特網(wǎng)電子商務(wù)”等落伍的字眼；
所以，國內(nèi)的這些真的不必讀……閉門造車，與實踐嚴(yán)重脫節(jié)；
最近刮起一陣北美留學(xué)UX硅谷淘金的風(fēng)潮，呵呵，呵呵，呵呵
歐洲的設(shè)計專業(yè)和北美區(qū)別比較大！
歐洲人有嚴(yán)謹(jǐn)?shù)膶I(yè)精神，北美相對比較懶惰（這也是為什么硅谷大量的華人雇員）；
國內(nèi)IxD學(xué)術(shù)領(lǐng)域，目測是向北美這邊靠攏的；
目前沒有一家美國互聯(lián)網(wǎng)公司在國內(nèi)風(fēng)生水起（好吧，除了亞馬遜）；
學(xué)院派要考慮一下就業(yè)，學(xué)以致用。
4.繞不過去的實踐
教育心理學(xué)當(dāng)中，布魯姆教育目標(biāo)分為6類：知道、領(lǐng)會、應(yīng)用、分析、綜合、評價；
根據(jù)這個理論，設(shè)計類專業(yè)幾乎一定要通過實踐賦能，只看書，只聽課，木有卵用；
設(shè)計界，通過大量實踐，野生出來的行業(yè)專家很多；
一定要搞清楚代爾夫特的實踐教學(xué)是怎樣的。
5.出國深造，還是留在國內(nèi)野生？
具體要看家庭背景和個人目標(biāo)，自己選吧
只提醒一點：出國深造，也許回國就業(yè)會水土不服，最終選擇移民可能性比較大。
所以你面臨的是選擇未來的生活方式，而不是一份學(xué)業(yè)。
請多咨詢家人的建議！
5.為什么一定學(xué)這個專業(yè)？
IxD這個概念是1999年才提出來的，屬于交叉學(xué)科，只有不到20的積淀，未來不明確；
HCI的歷史就不清楚了，請自己檢索。
如果出國深造，應(yīng)該選擇一個更通用的專業(yè)領(lǐng)域，比如心理學(xué)、計算科學(xué)、產(chǎn)品（工業(yè)）設(shè)計等，方便未來就業(yè)。
以上就是Hozin要對你說的，何去何從，自己選擇哦
問題六：交互設(shè)計是在未來需要提升的能力有哪些？
現(xiàn)在無論是web還是移動端交互組件已經(jīng)很成熟了，作為交互設(shè)計師要怎么證明自己的價值呢，今后要提升的能力是什么呢？
Hozin的回答：
的確，web端和移動端的交互組件已經(jīng)很成熟，但熟練掌握這些【常識】的人，少之又少，很多著名大公司的產(chǎn)品依然有低級錯誤。
交互設(shè)計師的價值
1.讓【常識】真的普及
至少跑通流程和易用性
2.梳理和維護私有規(guī)范和標(biāo)準(zhǔn)
規(guī)范和標(biāo)準(zhǔn)是關(guān)乎成本的大事情
3.合理創(chuàng)新
組件成熟不等于無法創(chuàng)新，只是創(chuàng)新難了
交互設(shè)計師需要提升的是對信息架構(gòu)的認(rèn)知和使用
比如【同形異構(gòu)】和【同構(gòu)異形】問題
交互設(shè)計中的「同形異構(gòu)」與「同構(gòu)異形」
高階的交互設(shè)計人員已經(jīng)開始轉(zhuǎn)向信息架構(gòu)師，馬上就來到。
問題七：產(chǎn)品設(shè)計師是做什么的？
之前也聽過一些言論說以后UI和交互都會像產(chǎn)品設(shè)計師的職位轉(zhuǎn)型，請問產(chǎn)品設(shè)計師是什么職位？具體做什么呢？產(chǎn)品經(jīng)理+設(shè)計師么？
Hozin的回答：
對【產(chǎn)品經(jīng)理】這個職位，大家是有誤解的
很多新人以為剛畢業(yè)就可以做【經(jīng)理】了，高高大上啊，別做夢了！好伐~~~~
Manager和Management差異很大，市面上招聘JD中的【產(chǎn)品經(jīng)理】有一些是【產(chǎn)品設(shè)計師】，有一些是真正的【經(jīng)理】。
換句話：產(chǎn)品設(shè)計師=俗話說的“產(chǎn)品經(jīng)理”
真正【經(jīng)理級別】的【產(chǎn)品設(shè)計師】是【產(chǎn)品線經(jīng)理】或者【產(chǎn)品負(fù)責(zé)人】
很多公司根本沒有【產(chǎn)品經(jīng)理】這個職位！
正常的職業(yè)發(fā)展規(guī)劃通常是這樣的：
實習(xí)生>產(chǎn)品助理>產(chǎn)品設(shè)計師>高級產(chǎn)品設(shè)計師>產(chǎn)品線負(fù)責(zé)人（經(jīng)理）>產(chǎn)品總監(jiān)>產(chǎn)品VP
很多公司會將產(chǎn)品人員劃分為技能/管理，兩個不同的發(fā)展通道，又會細(xì)分不同的發(fā)展線路，請看下圖吧。
問題八：有關(guān)于頁面布局有好的文章和好書推薦嗎？
Hozin的回答：
布局，來源于圍棋術(shù)語。感謝漢語言文化的博大精深，讓這個詞充滿了各種玄學(xué)，以至于很多情況下，不得不用更精確的英文去解釋。
布局，翻譯成英文有如下：
Layout偏重表現(xiàn)層面，甚至UI視覺最終的完稿，這個過程也可以叫Layout；
Distribution偏重邏輯散布，一步一步的劃分為多個完全不想容的領(lǐng)域；
Partition偏重空間分配，比如室內(nèi)裝飾設(shè)計中的生活分區(qū)；
問題當(dāng)中的“布局”姑且理解為：界面設(shè)計中如何劃分區(qū)域和擺放組件。
提到布局，就要涉及另外兩個詞：柵格Grids和模式Patterns
問題當(dāng)中的“布局”，更確切的翻譯應(yīng)該是Grids Layout
用google搜索Grids Layout會有很多線索！
為了精確的回答這個問題，Hozin會避免回答兩個問題：
1.如何確定一個界面應(yīng)該有什么內(nèi)容
2.如何選定交互框架，各種交互框架的利弊
下面提供一些布局的具體學(xué)習(xí)資料
1.Web端布局，標(biāo)準(zhǔn)屏幕，屏幕復(fù)雜度
Hozin寫過一篇文章《頁面線框圖教程（之二）：畫地為牢的框架設(shè)計》
（頁面線框圖教程（之二）：畫地為牢的框架設(shè)計 | HoZiN | 產(chǎn)品思維_信息架構(gòu)_交互設(shè)計）
2.Web當(dāng)中的“欄位”
Web界面可以無線向下延展，高度不重要，寬度重要！
因此Web Grids會按照寬度分縱欄，通常會有兩欄、三欄、四欄；五欄及以上很罕見。
為了適應(yīng)常見分欄，Grids系統(tǒng)的n值通常會選取一些公約數(shù)，比如12、16、20
2011年國外已經(jīng)有人把892種欄位分配都列全了，請看回復(fù)貼圖（還有個PDF一會貼出來）或者下面的地址
鏈接：(The 892 unique ways to partition a 3 x 4 grid)
如果不是瀑布流WaterFall,通常橫欄之間的分配是有韻律的比如342或者3234
3.基于Web實現(xiàn)
不會CSS的設(shè)計師，不是真正的Web設(shè)計師，Google搜索 CSS Grids會有很多線索
比如下面這些代碼例子
(Grid by Example - Usage examples of CSS Grid Layout)
4.布局與模式的關(guān)系
這倆沒有直接關(guān)系，但是有很強的關(guān)聯(lián)，很多常用模式本身（特別是Framework）就是布局的一種。
5.響應(yīng)式布局
給出一個專門搜集響應(yīng)式網(wǎng)站的地方，很多案例，請自己總結(jié)
鏈接： (Media Queries)
6.移動APP幾乎不存在布局問題
屏幕空間比較小，各種模式已經(jīng)成熟慣用，幾乎不存在【布局】問題。左右分欄和瀑布流，在移動端都會很悲劇。
不存在布局問題，不代表不使用Grids系統(tǒng)
比如8pt柵格，鏈接： (了解8pt柵格系統(tǒng)，快速而統(tǒng)一地完成界面布局)
7.學(xué)習(xí)書籍：主要是基于平面構(gòu)成和版式設(shè)計
無論是交互設(shè)計師還是視覺設(shè)計師，強烈推薦去看印刷排版方面的著作，Hozin有很多本，只拍了身邊留著的一本給大家看看。
常用設(shè)計技巧是“對角線”請看下圖
推薦Book#14《秩序之美》這本書，介紹了Grids Layout的具體用法
問題九：標(biāo)簽與分類是一樣的嗎，什么場景下使用分類，什么場景下使用標(biāo)簽？
Hozin的回答：
知乎上關(guān)于標(biāo)簽和分類的問題：
鏈接：分類和標(biāo)簽有什么區(qū)別和關(guān)聯(lián)?
鏈接：知乎問題的「話題」和「標(biāo)簽」有什么不同？?
Hozin的答案：分類如姓，標(biāo)簽如衣。再贈送另外一個東西“群組”
分類和姓氏一樣，每個人只有唯一的，如圖
標(biāo)簽和衣服一樣，每個人可以穿很多，并且天天換，如圖
分類是一種強關(guān)聯(lián)，具有約束條件；標(biāo)簽是一種弱關(guān)聯(lián)，無拘無束。
分類是一層一層的樹狀結(jié)構(gòu)；標(biāo)簽是一種無層級的網(wǎng)狀結(jié)構(gòu)。
強關(guān)聯(lián)和弱關(guān)聯(lián)可以混搭共存，并不矛盾如
分類幾乎沒有擴展性，大家都不會單獨使用分類。
分類是隨時可以添加標(biāo)簽的哦！標(biāo)簽也是可以隨時添加分類的哦！
總之，強烈建議使用標(biāo)簽?。?！因為分類能做的事情，標(biāo)簽也能做??！
有一種標(biāo)簽的變體，就是群組，用【關(guān)系表】實現(xiàn)，也是經(jīng)常用的。
問題十：請問一下網(wǎng)站交互設(shè)計模式書中提到的“上下文”要怎么理解？
Hozin的回答：
本答案僅在小密圈內(nèi)部交流，因為可能存在一些學(xué)術(shù)爭議。
學(xué)院派，北美留學(xué)硅谷淘金的孩子們，可能看了本答案會BlaBlaBla的甩一些洋文，實在不想撕逼了。
《網(wǎng)站交互設(shè)計模式》書中所提的“上下文”英文為Context
以下四個單詞，在交互設(shè)計領(lǐng)域非常容易混淆，因為它們都可以翻譯為【場景】
Scene/Scenario Situation Story Context
為了相對嚴(yán)謹(jǐn)?shù)幕卮疬@個問題，Hozin搜索了一些有趣的文章片段。
這些英文段落都是UX領(lǐng)域的文章，都存在這四個詞在文章里同時出現(xiàn)。
鏈接：（english.stackexchange.com）
鏈接：Using Scenarios | UX think（uxthink.wordpress.com/2）
特別是下面這句文獻當(dāng)中的段落
In this scenario the context is not only thestage for the interaction scene. it is part of the interaction itself (Pederson2006). JOURNALOFIA.
好，下面來Hozin對這四個【場景】的理解
Scene/Scenario來源于戲劇，是通過想象創(chuàng)造或還原出來的。一些設(shè)想（假設(shè))，或者架空現(xiàn)實的場面，應(yīng)該翻譯為【情景】比較準(zhǔn)確。
Situation偏重強調(diào)真實存在、客觀事實，應(yīng)翻譯為【真實場景】
Story偏重敘事連貫性，并且一定有人物的存在；Story在開發(fā)領(lǐng)域等同于業(yè)務(wù)用例，應(yīng)翻譯為【用戶場景】，或者干脆翻譯成【用例】
Context偏重于局部實現(xiàn)，具體到交互設(shè)計就是內(nèi)容與內(nèi)容的關(guān)系，界面與界面的關(guān)系，表單與表單的關(guān)系，應(yīng)翻譯為【使用場景】或者【上下文】
好~~~最后，從實戰(zhàn)的角度出發(fā)，只要你遇到這四個單詞，或者遇到【上下文】，不需要特別的去研究，把它們統(tǒng)統(tǒng)理解成中文的【場景】就好啦（除非你是寫論文，做學(xué)問）
提醒大家，凡是用中文【場景】寫交互設(shè)計、用戶體驗、服務(wù)體驗、產(chǎn)品設(shè)計的文章和書籍，絕大部份都是在【趕時髦】，可以當(dāng)成讀物看個消遣，不要太當(dāng)真哦。
問題十一：在具體設(shè)計一個產(chǎn)品的過程中，把握住哪些關(guān)鍵點才能讓整個產(chǎn)品有著一致的交互體驗，或者交互模式？比如iOS端和android端，比如web端和移動端？
Hozin的回答：
一致性，在交互設(shè)計中非常重要！保持交互一致性，有兩個武器：原則Principles和規(guī)范Standards；規(guī)范又有兩個層面：指南Guidelines和規(guī)格Specifications
四者的關(guān)系如[圖01]所示，下面分解舉例。
1.原則Principles
一些指導(dǎo)性的東西，在設(shè)計當(dāng)中要遵從。在整個產(chǎn)品（無論多少端，多少子產(chǎn)品）都要遵守的。
舉例：一個界面完成一個任務(wù)；表單超過10項必須分步驟；用戶必須隨時能回到主界面……這些原則可以由不同的形式來實現(xiàn)，但必須遵從這些原則。
2.規(guī)范Standards
具體來說就是指南和規(guī)格的合集，所以請繼續(xù)參考下面的
3.指南Guidelines
圈定具體的交互模式、色彩搭配和設(shè)計禁忌。在這個層面，一個[構(gòu)]可以有多個[形]，但某個形只能有一個[構(gòu)]，達(dá)到相同位置、相同外觀、相同操作。通過指南能夠讓各個端（IOS和安卓）看起來似曾相識，便于用戶學(xué)習(xí)和養(yǎng)成習(xí)慣。
舉例：在沒有左側(cè)導(dǎo)航的詳情界面，必須包含面包屑；面包屑只能出現(xiàn)在PC瀏覽器端，不允許出現(xiàn)在響應(yīng)式web界面中。
IOS和安卓的官方Guidelines就是這樣的東西，但也可視情況制定私有的指南，也就是各個公司自己的設(shè)計指南。
4.規(guī)格Specifications
規(guī)格非常具體的秒數(shù)了每一個模式的每一個形態(tài)的具體尺寸、色彩、響應(yīng)，精確到數(shù)值。
舉例：一級標(biāo)題，字號為宋體 18pt；行高30pt；行上下外距為5pt；色值為#CC9300。
你或許知道IOS和安卓的Guidelines，但那只是一個對外的版本。你必須相信，在真正設(shè)計IOS系統(tǒng)界面、蘋果官方網(wǎng)站的時候，存在一個蘋果公司內(nèi)部的極其嚴(yán)格的Spec，而對外公布的所謂Guidelines只是整個嚴(yán)格Spec的閹割版本，給予開發(fā)者的參考罷了。
Spec的意義是保證某一個端的某一個版本，其內(nèi)部交互設(shè)計達(dá)到精確到數(shù)值層面的一致。實際上已經(jīng)是一份精確到代碼、素材層面的設(shè)計規(guī)范。
以上，當(dāng)你看到一份設(shè)計規(guī)范的時候，你要明白，那些精確到數(shù)值和代碼的都是Spec范疇；那些只給了一些框架、搭配建議、禁忌的只是一份Guidelines而已。
附贈一個資料《如何建立一套 UI 設(shè)計規(guī)范？》
問題十二： 知乎付費的時候為什么不允許跨號支付，跨號支付會存在什么風(fēng)險 ？
Hozin的回答：
為了反洗錢和金融安全，銀監(jiān)會出臺了一列網(wǎng)上支付的規(guī)定，所以支付相關(guān)功能是非常典型的專業(yè)化產(chǎn)品線路：皮膚科的大夫治不了心臟??！支付產(chǎn)品的核心就是合規(guī)，有一些功能實現(xiàn)很簡單，但是金融政策是有限制的，這也是為什么一張支付牌照叫價幾個億的原因。
作為支付產(chǎn)品的非專業(yè)人員，特意咨詢了一大圈專門搞支付的朋友，首先有一個結(jié)論：【朋友代付】功能不涉及到支付【合規(guī)】問題；理論上知乎是可以開發(fā)相關(guān)功能的。
知乎為什么暫時不提供【朋友代付】呢？基于以下幾點原因
1.賬號運營支撐和安全考慮
最早的一批知乎用戶是用Email注冊的，即有一大批知乎用戶可能是非實名用戶；如果A賬號被盜用，冒充朋友邀請B賬號幫助支付，這種風(fēng)險可能會發(fā)生，并且追溯起來很難。有【朋友代付】功能的產(chǎn)品都會有一個限定：某用戶發(fā)起邀請其他人代付，必須自己也開通過支付，綁定過銀行卡（這樣保證發(fā)起者也是實名的）
2.場景問題，金額太小
朋友之間代付，需要一些場景支持，核心可能是支付額度。與購物平臺不同，知乎上的支付幾乎都是小額，幾元錢、幾十元不等，如此小的金額，朋友代付的需求非常弱；同理，微信紅包的上限是200元，也不會存在讓朋友代付紅包的功能。
3.核心轉(zhuǎn)化階段
一個功能上線必然要有運營數(shù)據(jù)支持，參與支付的用戶比例，每天的線上流水，都還沒有達(dá)到一定水平，此時上線朋友代付是沒有任何意義的。
問題十三： 目標(biāo)閱讀用戶是開發(fā)人員，如何寫出一份好的交互文檔呢？
Hozin的回答：
《如何寫一份通俗易懂的交互文檔》知乎的幾個答案都靠譜
如果前端開發(fā)也算開發(fā)，那么Hozin也曾經(jīng)是一個開發(fā)人員。
程序員幾乎不看文檔，不喜歡看，也懶得看！作為一個用戶，大家在注冊知乎、微信的時候會去查看《用戶注冊協(xié)議》的內(nèi)容么？
既然程序員不喜歡看文檔，那么Ta們?nèi)绾潍@取需求呢？
1.他們喜歡看最終效果，即UI視覺設(shè)計，或者靜態(tài)HTML（也不喜歡看原型）
2.他們希望通過面對面溝通需求，而不是【浪費時間看文檔】
開發(fā)小組工作的場景是這樣的：
A程序員感覺對需求把握不準(zhǔn)，轉(zhuǎn)回身問【老大】：文檔上這個地方是要寫死還是可配置的啊？【老大回答】：可以單獨配置。
所以，一個開發(fā)小組當(dāng)中，可能只有一個工程師仔細(xì)看過文檔而已，其他工程師通過他的口述復(fù)習(xí)需求。
既然程序員不看文檔，那么文檔的意義何在呢？
1.文檔主要是寫給測試人員，他們要通過文檔寫測試用例，保證實現(xiàn)的功能和文檔需求一樣
2.文檔是設(shè)計人員與開發(fā)人員之間的工作協(xié)定，是一種責(zé)任備忘，寫的越詳細(xì)越好
3.當(dāng)然，視覺設(shè)計師和動效設(shè)計師也會根據(jù)文檔配合開展工作
文檔只是需求溝通的一部分，文檔之外當(dāng)面澄清需求，解答開發(fā)人員的疑問才是關(guān)鍵核心，一份文檔【三分寫，七分講】；講解能力是設(shè)計師必備的技能。
針對知乎上的答案，如果交互設(shè)計文檔是專門寫給開發(fā)人員的，Hozin補充三點：
1.不要做什么動效啊，動態(tài)面板之類的東西
程序員不喜歡探索你的那些動效，請直接平鋪出來鏈接路徑，觸發(fā)什么動作，然后goto某某其他界面
2.盡量用表格描述，別寫段落
比如權(quán)限分配，各種狀態(tài)切換，如果是用文字?jǐn)⑹觯瑤装僮侄颊f不清楚；用表格，三五行就解決，一目了然。
3.如果你也懂研發(fā)，直接給術(shù)語和數(shù)據(jù)結(jié)構(gòu)
使用程序員熟悉的話語方式，他們更樂于接受！如果可以，把數(shù)據(jù)字典列出來，表單的每一項（包含隱藏項）格式、限值、校驗規(guī)則、錯誤提示；能給出UML參考更好。
碼農(nóng)和產(chǎn)品設(shè)計人員，是一對歡喜冤家，好像夫妻之間，需要多磨合，而不僅是一紙沒有法律漏洞的協(xié)議。
問題十四：
- 如何提升挖掘商業(yè)需求的能力？?
- 商業(yè)需求到信息架構(gòu)這一步，如何去梳理？
背景：今天在吃飯用美團付款的時候，聽到餐廳老板的抱怨，很有意思！老板說，顧客都來我店里消費了，但顧客用美團消費，我不僅得到的錢少了，最后還得給美團提成。然后引導(dǎo)我用微信轉(zhuǎn)私帳給他！有人說，今年的風(fēng)口是新零售，像便利峰、盒馬鮮生、京東也實施開500萬便利店的計劃；由此想到這是不是真的是一個機遇。
Hozin的回答：
三言兩語，聊聊商業(yè)。
經(jīng)過20年發(fā)展，中國互聯(lián)網(wǎng)已經(jīng)從一個新興行業(yè)逐漸成為傳統(tǒng)行業(yè)，這種轉(zhuǎn)變的標(biāo)志就是行業(yè)寡頭的產(chǎn)生。
從事互聯(lián)網(wǎng)行業(yè)，目前最經(jīng)典的職場線路：211院校畢業(yè)，去BAT從實習(xí)生一路做到經(jīng)理總監(jiān)，五年就可以找到投資，自主創(chuàng)業(yè)。
越來越多的公司B輪死，亦或發(fā)展出規(guī)模，才發(fā)現(xiàn)商業(yè)模式存在巨大漏洞。
嗶嗶嗶說了這么多，都是為了回答「如何提升商業(yè)需求能力」這個問題。
現(xiàn)身說法，Hozin職場的前四年和互聯(lián)網(wǎng)完全沒關(guān)系；一份是金融中介行業(yè)，一份是汽車零售貿(mào)易，這兩份工作都是「商業(yè)策劃類」職位。
從掃樓陌拜，到客戶主動聯(lián)系續(xù)約；從心驚膽戰(zhàn)的拿著支票，到身上帶著客戶的幾千萬本票坐公交車回公司結(jié)費；從六方位繞車磕磕巴巴被客戶鄙視，到CSI考核小能手，獨立執(zhí)行國際車展展位方案……非常感謝這4年的傳統(tǒng)行業(yè)經(jīng)歷！協(xié)助策劃國際賽事，見證億元級項目的洽談簽約，有機會管理五個4S店的店頭布置，每周給報紙寫軟文，責(zé)編內(nèi)部刊物，幫老板經(jīng)營汽車俱樂部，全程參與了3000平米酒樓的品牌包裝，菜品設(shè)計，親自做司儀主持開業(yè)……與一大群傳統(tǒng)行業(yè)的前輩保持亦師亦友的關(guān)系……這一切仿佛就是略「懂商業(yè)」的原因。
所以「懂商業(yè)」這件事，最重要的就是「接地氣」，不要企圖坐在辦公室里冥想商業(yè)，也不奢望看幾個公眾號和知乎的文章就懂商業(yè)，請邁開雙腿走到廣袤的商業(yè)當(dāng)中去，扮演一兵一卒，去感悟商業(yè)的核心。
一款定義為成功人士座駕的豪華車，大部分買家是把土地剛剛賣給開發(fā)商的郊區(qū)農(nóng)民，這就是真實的情況。如果你不切身體會，就無從下手。
商業(yè)是什么？就是做買賣，就是供求關(guān)系。供大于求，采購方就是爺爺；供不應(yīng)求，采購方就是孫子。只要你知道利潤是怎么來的，盈虧平衡點是什么，你就懂商業(yè)了。
如果非要堅持「不接地氣」，也有辦法，科特勒的《市場營銷》系列專著迭代了十幾版，通通讀完你就知道大家熱炒的那些所謂新經(jīng)濟，所謂新商業(yè)模式都沒逃出資本主義在1970年代建立的基本原理，你也就不會為了一場讓烏合之眾熱血沸騰的跨年演講而唏噓不已。
By the way，當(dāng)大眾已經(jīng)感覺到風(fēng)口的時候，在資本那邊已經(jīng)過氣兒了，一般這個周期是半年。也就是說，資本半年前追逐的模式，就是你今天所見到的風(fēng)口。生鮮已經(jīng)倒掉一批，大家還在試錯。
問題十五：國內(nèi)或者國外有沒有一些交互比較好的APP推薦呢？
如果你問普通交互設(shè)計師，他們幾乎一定會給你一大堆的鏈接和APP產(chǎn)品。當(dāng)然這是他們的積累，也是他們是財富。眼界的確非常重要，追逐最新的交互形式，前沿的科技，逼格滿滿的設(shè)計，會讓靈魂得到愉悅。
但是，在接受過陶冶之后，或許面對真實的項目，往往無從下手。
研究一定要有專深，沒有深度，只有廣度，這樣永遠(yuǎn)是浮皮潦草，不得要義。
有一個公司的產(chǎn)品hozin研究多年，它的每一次版本迭代都讓人耳目一新，沒有什么浮華的動效，這個產(chǎn)品的交互設(shè)計師們只是做了該做的事情，讓這個產(chǎn)品的轉(zhuǎn)化率和增長一度超越臉書和推特。
它就是鏈接：/houzz.com/
web端，響應(yīng)式，APP，iPad版本，一氣呵成的外秀慧中，樸實驚艷，甚至每一個像素每一個按鈕，每一種變化，每一行前端代碼都值得玩味。
如果能系統(tǒng)的追蹤它的每一次小修小改，搞清楚原理，堅持幾年，會學(xué)到很多東西。
大家可以搜一下《2017年UI設(shè)計趨勢》，然后再搜一下《2007年網(wǎng)頁設(shè)計趨勢》，你就會發(fā)現(xiàn)，這些所謂的專業(yè)文章，除了收智商稅，什么都沒幫助到你。
堅持長期追蹤一兩個目標(biāo)產(chǎn)品，是技能專深的必經(jīng)之路。
多問問自己它為什么這樣設(shè)計？為什么拋棄上一個版本的形式？對轉(zhuǎn)化率有什么幫助？為什么過了幾個月又改回最初的形式？UI交互為什么能適應(yīng)功能擴展？堅持幾年去研究它吧。
問題十六：如果想要做一款產(chǎn)品，是給盲人拐杖加入危險預(yù)測功能，還有專用的app，想問下，這個產(chǎn)品運用金字塔原理應(yīng)該如何說明？」
Hozin的回答：
題主的這個問題，用金字塔原理驗證一下，是個偽命題，故無法正面回答。
在介紹Book#01《金字塔原理》時，Hozin表達(dá)過：
《金字塔原理》是一種思考問題的邏輯；
是一種整理思維的方法；
是一種幫助高效寫作和表達(dá)思想的武器；
本身也是一本關(guān)于信息架構(gòu)的基礎(chǔ)書籍。
參考書中提到的縱向關(guān)系
參考書中提到的橫向關(guān)系（演繹推理）
Hozin花費了20分鐘時間用金字塔原理推理了一下，見
盲杖本身就包含危險預(yù)測功能，無需重復(fù)添加。
建議認(rèn)真的閱讀《金字塔原理》，學(xué)會準(zhǔn)確的提出問題，才可能得到有效的回答。好，現(xiàn)在大家知道這本書有多重要了么？如果不能嚴(yán)謹(jǐn)?shù)奶釂?，就無法得到正確的答復(fù)，就是在浪費問答雙方的時間。
PS.要感謝小密圈的匿名提問功能
問題十八：請問一下進行概念設(shè)計后的東西是怎么聯(lián)系到信息架構(gòu)？
Hozin的回答：
一個具體的例子：
圖#01【演出】的概念設(shè)計草圖
圖#02【演出】的完整概念設(shè)計
圖#03基于【演出】概念設(shè)計的一種信息架構(gòu)（【票務(wù)部分】的局部）
（以上這些是Hozin在2009年設(shè)計的，第一次拿出來）
請先閱讀：
《從概念設(shè)計到信息架構(gòu)》2009
鏈接：從概念設(shè)計到信息架構(gòu) | HoZiN | 產(chǎn)品思維_信息架構(gòu)_交互設(shè)計
從概念設(shè)計到信息架構(gòu) | HoZiN | 產(chǎn)品思維_信息架構(gòu)_交互設(shè)計
然后請閱讀：
《如何理解產(chǎn)品設(shè)計中的概念設(shè)計、功能規(guī)劃？》2013
鏈接：如何理解產(chǎn)品設(shè)計中的概念設(shè)計、功能規(guī)劃？ | HoZiN | 產(chǎn)品思維_信息架構(gòu)_交互設(shè)計
如何理解產(chǎn)品設(shè)計中的概念設(shè)計、功能規(guī)劃？ | HoZiN | 產(chǎn)品思維_信息架構(gòu)_交互設(shè)計
依然無法理解？
那就請親自動手，設(shè)計一個概念，然后發(fā)出來，Hozin給你一些更具體的建議吧。
大家要明確，如果只看看資料就能掌握一門技藝，所謂【工匠精神】就真沒必要存在了。
問題十九：最近想跳槽金融行業(yè)，做金融行業(yè)的交互設(shè)計師，有什么需要注意的？
怎樣才能算是金融行業(yè)交互設(shè)計比較厲害的？
Hozin的回答：
糾正一個錯誤的概念（抱歉，此處必須用【糾正】這個詞匯）
交互設(shè)計是一種通用技能，沒有所謂【金融行業(yè)交互設(shè)計】。
Hozin作為非專業(yè)人士，分析（吐槽）一下金融產(chǎn)品，以及設(shè)計建議。
1.金融行業(yè)的簡單本質(zhì)
金融行業(yè)復(fù)雜么？不復(fù)雜！這是一個【以錢生錢】的行業(yè)；農(nóng)業(yè)提供食物和各種原材料，工業(yè)提供原材料和消費品；金融是一種服務(wù)業(yè)哦。錢，自己就能繁殖么？NoNoNo，錢需要加上【時間】才會【生錢】。
儲蓄、信貸、保險、抵押～～金融的一切業(yè)務(wù)都有三個要點：
A.某一時刻，錢Into
B.等待一段時間
C.某一時刻，錢GoOut
整個產(chǎn)品的核心，就是這三件事！
金融，歸納成一句話：一進一出，時間讓錢生錢
2.金融行業(yè)的壁壘
用術(shù)語迷惑普通人，故意制造誤區(qū)，建立不對等的數(shù)學(xué)認(rèn)知，居然可以不勞而獲！于是，公元前2000年，金融行業(yè)誕生了。
金融業(yè)是吸血鬼，它讓大眾誤以為升值10%和貶值10%是等效的絕對值（ 11/10=10/9 ？）……歡迎大家Google“金融錯覺”這個詞兒。
金融從業(yè)的壁壘就是了解那些術(shù)語，什么現(xiàn)金價值、市盈率、對沖……
3.在金融行業(yè)，交互設(shè)計師能做什么？
敢消滅錯覺么？敢不敢在APP不說年化收益（實際理財只有三個月）？敢不敢讓老百姓讀懂那些保險條款？
能不能輸入金額，然后馬上在根據(jù)條款時間輸出利益金額？非要用戶自己算一遍么？非要故弄玄虛么？
你敢消滅金融錯覺，那你就厲害了。
如果你不敢，那Hozin收回前面的話，可能真的存在【金融行業(yè)交互設(shè)計】這個技能，幫助金主維護金融錯覺，利用術(shù)語壁壘不勞而獲。
問題二十：為什么微信加好友之前不可以先聊天,而QQ加好友之前就可以先聊天呢？
Hozin的回答：
聚焦一下，這屬于社交產(chǎn)品中的【臨時會話】問題。
微信沒有臨時會話么？其實存在哦！
場景是這樣的：
比如癡漢A獲知了某個妹子的微信ID，就可以發(fā)起申請好友啦
但是，妹子設(shè)置了需要驗證添加好友！
于是癡漢A，輸入了一句驗證：妹子你好
此時妹子有一些選擇：通過？忽略？還有一個選擇是【回復(fù)】
妹子可以回復(fù)：你是誰？
癡漢A可以繼續(xù)申請驗證：我是老誰家那小誰??！咱們一起去過夜店的～～
妹子可以繼續(xù)選擇：通過？忽略？還有一個選擇是【回復(fù)】
這就是【臨時會話】哦，當(dāng)然微信對這種驗證做了次數(shù)限制。
下面，Hozin作為非專業(yè)社交產(chǎn)品人員，分析一下微信是如何保護用戶隱私的。
1.來自QQ的經(jīng)驗教訓(xùn)
企鵝時代，QQ號碼是可以連續(xù)遍歷的，甚至是一種公開資源，這已經(jīng)給用戶隱私帶來很多困擾。
當(dāng)然QQ是可以設(shè)置【無法通過號碼搜索到自己】，但是但是但是，只要知道某個人的QQ號碼，就可以窺探Ta的QQ空間，甚至去搜索引擎上檢索Ta留下的腳印信息。
在某種層面上，QQ已經(jīng)被濫用，甚至根本沒什么隱私可言。（如果你的QQ號碼使用了5年以上，可以搜索一下自己的號碼試試，你在互聯(lián)網(wǎng)留下的腳印，可能你自己都不記得）
2.微信的關(guān)系短鏈
微信是一種熟人社交，從關(guān)系矩陣來說，熟人之間一定是短鏈，這就大大減少了被濫用的機會。
盤點一下兩個用戶建立微信好友關(guān)系的渠道吧
A.癡漢A明確的知道妹子的微信ID（微信號）
B.癡漢A知道妹子的手機（妹子綁定手機并自愿匹配通訊錄好友）
C.癡漢A是妹子的QQ好友（妹子綁定QQ并自愿匹配QQ好友）
D.癡漢A搞到了妹子的微信二維碼（或者面對面掃碼）
E.癡漢A和妹子在同一個群聊對話中
F.癡漢A和妹子都自愿參加了一些魔法功能（搖一搖，附近的人之類的）
G.癡漢B把妹子的微信名片轉(zhuǎn)發(fā)給癡漢A
以上，只是建立【臨時會話】的可能，當(dāng)然必須要妹子通過驗證，才能建立朋友關(guān)系哦
3.微信的OpenID打造極端隱私環(huán)境
如果你不想讓任何人獲取你的微信隱私，那么可以這樣做：
A.用手機號碼注冊微信
B.關(guān)閉手機通訊錄匹配好友功能
C.不設(shè)置微信ID（微信號），沒錯，微信不要求一定設(shè)置這個
D.不要綁定QQ
E.不參加任何搖一搖、附近的人等魔法功能
F.在設(shè)置中【添加我的方式】把微信ID（微信號）、手機號、群聊、二維碼、名片都關(guān)閉
好了，此時，沒有任何人能主動加你為好友，沒有任何人能和你建立【臨時會話】了。
所有的外部行為：關(guān)注公眾號、支付、聊天等功能都是以加密的OpenID實現(xiàn)～～～
以上就是微信和QQ在【臨時會話】方面的差異！
這兩個產(chǎn)品的其他差異，簡直罄竹難書啊～～～
等大家問到了再一一解答吧。
問題二十一：看了一些市面上分享分析app的文章感覺都是一個套路，請問圈主怎么樣分析app，然后學(xué)到知識？
系統(tǒng)分析一款A(yù)PP，請參考Hozin的這篇文章
鏈接：[逆向工程]信息架構(gòu)推演<微信消息列表>步驟細(xì)節(jié)+新手掃盲 | HoZiN | 產(chǎn)品思維_信息架構(gòu)_交互設(shè)計
程序開發(fā)有反編譯，交互設(shè)計有逆向工程。
這種敲骨吸髓式的分析，非常燒腦；徹底分析一個競品可能需要幾天，或者幾個星期；不建議一定這樣分析。
橘生淮南則為橘，生于淮北則為枳。
兩個月沒更新過的APP不要分析了，因為根本沒有值得分析的地方。
分析一款A(yù)PP的流程應(yīng)該是這樣的：
1.剝皮
主要是表現(xiàn)層和交互模式。有些APP看一眼桌面圖標(biāo)就沒有分析的欲望了，那些設(shè)計精美的才值得分析。可以把典型的控件總結(jié)一下，逆向工程出設(shè)計規(guī)范。
2.吃瓤
主要是內(nèi)容場景、信息架構(gòu)、功能。內(nèi)容的種類形式，表單項目有多少，如何設(shè)計瀏覽路徑，使用什么樣的功能建立了何種對稱，通過封閉建立了何種不對稱。
3.嚼核
主要是轉(zhuǎn)化率和盈利模式。解決了用戶的什么問題，期望用戶使用頻率，針對哪些痛點和癢點，核心轉(zhuǎn)化率是什么，有多少下載安裝量，用戶評價如何？
這三個層面所有的【為什么】都搞清楚，然后總結(jié)：明顯的優(yōu)點有哪些？明顯的缺點有哪些？
這三個層面所有的【為什么】都搞清楚，然后思考：如果我是設(shè)計師，會如何設(shè)計？
這三個層面所有的【為什么】都搞清楚，然后嘗試：換個交互框架會如何？如果增加一個功能應(yīng)該放在什么地方？
如果是產(chǎn)品人員，甚至可以思考：這個APP背后的運營平臺是什么樣子的？這個APP背后看不見的功能有哪些？原始需求是什么？產(chǎn)品人員妥協(xié)了什么？這個APP賺錢么？
問題二十二：產(chǎn)品的成功如何歸功于交互的成功？
PV/UV/DAU/轉(zhuǎn)化率/下載量等數(shù)據(jù)上去了，怎么證明這些結(jié)果不僅僅是產(chǎn)品設(shè)計規(guī)劃和運營的功勞？怎么證明交互在這里面的作用呢？
Hozin的回答：
也曾思考過類似的問題。一個孩子從呱呱墜地，成長為事業(yè)有成家庭和睦的好公民，歸功于誰？是生Ta養(yǎng)Ta的父母？還是教育Ta的師長？還是供給Ta飯食的農(nóng)民？還是給Ta衣服穿的紡織工人？
莫非歸功Ta自己？那么Ta在襁褓時候不需要哺育？Ta不需要靈魂工程師的塑造？Ta不需要吃飯？不需要穿衣？
有一個相聲叫《五官爭功》，很有意思，可以欣賞一下。
隱約感到一些尷尬的處境，大家對交互設(shè)計的價值存在質(zhì)疑，或者產(chǎn)品人員的交互水平高于你，或者大家認(rèn)為界面功勞都屬于視覺設(shè)計師……那么下面的話就有意思了
1.團隊驅(qū)動力不應(yīng)來自leader
所謂領(lǐng)導(dǎo)，只是個鞭策著，是決策的組織者
2.產(chǎn)品驅(qū)動力不是團隊，而是數(shù)據(jù)
這一點你意識到了，各種轉(zhuǎn)化才是目標(biāo)
3.產(chǎn)品都是妥協(xié)的結(jié)果
參與其中的人都要堅持，又都要讓步
4.設(shè)計師的價值是多樣性解決方案
只有多樣性，才能為試錯的提供可能性
如果基因不能變異，物種就不可能進化；如果永遠(yuǎn)在討論最優(yōu)解決方案，產(chǎn)品就總是得不到驗證，多組織A/B測試，才是交互設(shè)計師應(yīng)該做的，忘記用戶研究吧。
問題二十三：如何快速的出交互原稿，用于交流討論方案？確定之后頁面的設(shè)計又如何安排？
Hozin的回答：
第一個觀點：優(yōu)秀的設(shè)計必然消耗更多的時間。
第二個觀點：又快又好，這很難，甚至完全靠運氣。
第三個觀點：保證不那么糟糕的前提下，盡量快速完成設(shè)計，是可行的。
以最快速度完成【60分】的交互設(shè)計，工具用紙和筆，或者最熟悉的工具；快速理解需求業(yè)務(wù)，確定大致有多少典型用例，每個用例大概需要幾個界面，界面上大概有什么內(nèi)容；剩下的就是……下面這些事情：
1.如果是PC端【桌面瀏覽器端】產(chǎn)品，請打開鏈接：BP Global這個站點，然后隨便打開一些頁面，只要感覺和用例差不多，直接套用（局部也可以），畫出草圖。
2.如果是移動端【APP或移動web】，請打開陌陌，然后隨便翻翻，只要感覺和用例差不多，直接套用，畫出草圖。
3.如果某些用例在這兩個目標(biāo)案例中，找不到對應(yīng)的參考，恭喜你，這些用例可能就是你的核心業(yè)務(wù)，花一點時間補全它們。
4.然后你就可以拿著原型參加評審討論了。
朋友們會非常納悶：為什么是這兩個參考呢？
負(fù)責(zé)的解釋一下：
鏈接：BP Global（BP Global）從知道它到現(xiàn)在，十幾年一直在迭代，但是從未有過顛覆式的改版，換句話，【2006年，這個網(wǎng)站幾乎就是這樣】。時間已經(jīng)證明，它最初選用的交互設(shè)計框架經(jīng)得起考驗，拿來copy絕對不會低于60分。
陌陌這個社交軟件，幾乎包含了大部分移動端通用功能，從聊天到群組，從積分體系到FEEDs，從SoLoMo到電商，幾乎全包括，拿來copy絕對不會低于60分。（最近移動端的MONO也不錯哦）
照此方法，熟練掌握，滾瓜爛熟，一天可以畫很多【60分】的交互設(shè)計原型。
確認(rèn)原型之后如何安排設(shè)計？問題的后半段模糊啊，是視覺設(shè)計么？每個公司不一樣，通常Hozin會拉一個界面列表，列表中包含優(yōu)先級，發(fā)給視覺設(shè)計人員，然后就可以安心的寫交互文檔了。
在充分了解需求的前提下，【直接copy其他產(chǎn)品】，就是最快的解決方案。
問題二十四： 自己如何在讀完書單之后，去具體實踐和練習(xí)？
自己自學(xué)有點枯燥，有沒有可能組織線下的活動創(chuàng)造一些練習(xí)的客觀條件？或者如果自己想組織這種活動的話，應(yīng)該如何入手？
Hozin的回答：
重申：學(xué)習(xí)是一件孤獨的事兒。要耐得住寂寞，要舍得下時間；別人出去玩，你看書；別人逛淘寶，你畫圖；別人玩游戲，你思考……
圈里大家所處的職業(yè)階段不同，每個人自知、自省的能力不同，希望盡量是讓每個人都得到一些啟發(fā)。啟發(fā)是這個圈子能給你的，但學(xué)習(xí)是你自己的事。
線下的聚會，講學(xué)，除了裝13就是裝13，木有用；有任何交互的問題，扔出來，Hozin給你答案，那些嘉賓也可以給你參考；當(dāng)然不排除一年以后，大家收獲滿滿的技能，咱們組織一些輕松純玩的聚會。
看書學(xué)習(xí)，理解方法論要靠自覺；hozin其實非常不喜歡回答有關(guān)方法論的問題，很多玄學(xué)，實戰(zhàn)根本用不到。
實踐練習(xí)有辦法。圈里即將組織針對一些虛擬項目，進行信息架構(gòu)設(shè)計練習(xí)，大家自愿參加吧。
Hozin正在寫的就是基于一系列虛擬項目，站在實戰(zhàn)角度，解決實際的設(shè)計問題。
二十五：卡券設(shè)計原型點評
小密圈朋友昨天提供了一組原型界面，是某個商鋪卡券產(chǎn)品的界面設(shè)計方案。Hozin根據(jù)提供的4個界面做了一些交互點評。
可以看出這位交互設(shè)計師有功底，需要提高的是【交互形式對應(yīng)交互本質(zhì)】的認(rèn)知。
好的地方不說了，只說【可以提高之處】。
硬傷01：距離核心轉(zhuǎn)化太遠(yuǎn)
突出店鋪是沒意義的，店鋪本身帶不來轉(zhuǎn)化，要突出的主題是卡券。同樣，進入某一個商品，默認(rèn)界面也應(yīng)該是卡券。
硬傷02：隱喻設(shè)計較少
移動端界面，屏幕空間較小，能用圖標(biāo)的地方，少用文字；并不是一定都要用圖標(biāo)，而是要把握好隱喻的尺度。
硬傷03：我的卡券，從屬關(guān)系混亂
【我的卡券】應(yīng)該在【我的】里，不應(yīng)該在某個商鋪的下屬。
硬傷04：將【分類】【篩選】【排序】混淆了
只要把真實數(shù)據(jù)填進去，就知道現(xiàn)在的設(shè)計問題在哪里。
以上只是蜻蜓點水，單純從交互層面給予的優(yōu)化。
作為一個產(chǎn)品人員，如果是Hozin設(shè)計這個產(chǎn)品，可能出發(fā)點和最終結(jié)果完全不同。
所以，這個答案只是一半，另外一半【如何從概念設(shè)計出發(fā)，架構(gòu)信息，創(chuàng)新交互，輸出一個卡券類的產(chǎn)品】，已經(jīng)開始構(gòu)思，近期會給出，可能是一個顛覆性的東西哦，請給一點時間吧。
問題二十六：固定地理環(huán)境作為社交入口是偽需求嗎？
以線下店鋪為中心的顧客社交產(chǎn)品，感覺挺新穎的。像這類以固定地理環(huán)境作為社交的入口點，該如何分析是不是偽需求？對需求的分析好考驗綜合能力，按照Hozin提供的閱讀順序進行閱讀訓(xùn)練，不知道能不能解決現(xiàn)在的困惑？
Hozin的回答：
AR實景紅包，大家都玩過了吧。不知道是否還有朋友堅持在玩。
現(xiàn)實生活的確正在RPG游戲化，每天上班下班就是NPC任務(wù)咯，以此類推，未來真的就像《西部世界》了！
固定地點AR社交，是不是偽需求呢？
需求是什么？吃飯是行為，餓才是需求；洗澡是行為，清潔身體才是需求；交友是行為，啪啪啪才是需求；
AR實景社交是一種行為，它的驅(qū)動力還是人的各種欲望：經(jīng)濟利益、生理需要、心靈滿足……馬斯洛的那些，這才是需求。
如果需要癡漢到某個地點簽到，那一定是有利益驅(qū)動，或者有漂亮妹子等著約會。
請注意，Hozin目前推薦的書籍，都是交互設(shè)計相關(guān)，并不是給產(chǎn)品經(jīng)理看的，所以不能解決產(chǎn)品戰(zhàn)略方面的困惑。
商業(yè)產(chǎn)品應(yīng)該去讀市場營銷、商業(yè)定位、社會行為、消費心理學(xué)、科技趨勢這類書籍。
問題二十七：
關(guān)于移動web端的導(dǎo)航
1.手機瀏覽器自帶的返回鍵和頁面頂部導(dǎo)航欄里的的返回鍵是不是有些沖突，如果把頁面內(nèi)的返回鍵去掉，移動端的導(dǎo)航該如何考慮？
2.移動web導(dǎo)航欄需要和app一樣固定在頂部嗎，愛奇藝固定導(dǎo)航欄，淘寶攜程并沒有固定導(dǎo)航欄」
Hozin的回答：
1.請不要用原生APP的思維去設(shè)計web！移動Web也是web哦，瀏覽器是自帶返回按鈕的，移動端瀏覽器也自帶返回，安卓用戶已經(jīng)很習(xí)慣返回的物理鍵了。設(shè)計移動web導(dǎo)航和pc端web大同小異，按照響應(yīng)式的原則，要藏起來一些東西，請參考鏈接：Media Queries（Media Queries）里面的各種案例。提示一點，盡量避免在移動端web用面包屑！
推薦響應(yīng)式做的比較好的是鏈接：Pack: Connecting thedog lovers of the world（Pack: Connecting the dog lovers of the world.）.
2.移動web導(dǎo)航是否固定的問題，建議固定不固定都可以（具體問題具體分析）。高級的做法是：固定，但是隱藏，上下滑動時，出現(xiàn)。
寫文章不容易，請呵護原創(chuàng)。未經(jīng)授權(quán)，請勿轉(zhuǎn)載。
HoZiN：交互老法師，江湖人士，藏經(jīng)閣掃地的，不在BAT。個人主頁：http://hozin.com。
本文由專欄作者 @HoZIN?原創(chuàng)發(fā)布于產(chǎn)品社區(qū)（www.jza6.com），未經(jīng)許可，禁止轉(zhuǎn)載。
