1.送給交互新人們的“五字訣”：

　　一曰“點”：每個控件本身屬性和觸發方式；

　　舉例：比如一個輸入框，本身屬性需要考慮可輸入的字段類型、長度和輸入前中后的視覺形態等，而觸發方式需要考慮切換焦點到輸入框內和如何離開等（這里的控件不一定是輸入框，可能是按鈕，也可能是文字鏈接等等等），要點，是希望交互設計師們，先仔細的思考清楚每個控件的本身和存在價值。

　　二曰“連”：控件和控件之間的關系和交互；

　　舉例：常見的比如注冊界面，用戶協議，復選框沒有勾選同意時，注冊提交按鈕是灰色不可點狀態，第二要點，說的就是控件與控件之間的先后、從屬、交互關系。

　　三曰“面”：頁面本身的主題或主流程目標；

　　舉例：任何一個頁面，都是為了一個或多個目標而存在的，哪怕如會員中心頁這類聚合頁，它的目標是聚合和承載，以及快速的鏈接各個功能點，第三要點，說的就是在交互設計時，當你研究清楚每個控件本身和空間之間關系后，需要著重思考的是，這個頁面本身的目的是什么？文案和信息結構，以及控件，是否可以清楚的暗示或明示用戶按你設計的走下去，并達到目標？比如注冊頁面這類目的比較的流程型交互流，我們要做的是，確保用戶可以輕松和準確的一步步向下，不要中斷、返回和跳出，這樣的交互思考下，交互的輕重強弱，自然隨著第三點頁面主題而清晰明了。

　　四曰“地”：主要控件觸發后本地交互校驗；

　　舉例：繼續拿注冊頁面來看，假設步頁面是手機號的校驗，在點擊下一步時，其實交互上沒有時間和服務器端做連接，而是先對手機號的輸入框做了一次本地校驗，校驗的是輸入框內的數字是否滿11位，開頭是否為三大運營商號段等，這次校驗，就叫本地校驗。

　　為何設置本地校驗？

　　降低不必要服務器交互成本；

　　提升交互出錯時的反饋速度。

　　所以，第四要點告訴大家的就是，在交互設計時，一些涉及向服務器交互的重要按鈕（動作），或者一些可以在輸入完就做判斷的輸入內容，可以先在本地做一次校驗，而不是一股腦的塞給服務器去判斷，服務器和程序猿哥哥都不喜歡這樣的孩子。

　　五曰“天”：本地校驗成功之后服務端校驗。

　　舉例：多拉轟的第五要點！和地面部隊交鋒成功后，我們終于迎來的后一步，向服務器提交，也就是和服務器端做交互，交互類型包括很多，如注冊就屬于表單的提交和校驗，服務器一旦校驗完成，就是反饋結果和允許跳轉，同時提交的表單會被記錄到相應的數據庫中，整個交互的目的也就真正的完成了。

　　在這個終點到來之前，交互設計師們，千萬謹記，這一步看似簡單，其實兇險萬分，要充分考慮各種情況下的校驗反饋，如傳遞到一般斷網了？注冊成功返回時服務器崩潰了？注冊時顯示有問題？等等等，同時要考慮在各種情況下，是停留在本地，還是跳轉，或者增加一些引導提示幫助找回狀態，所以和“天”溝通，實則不易，千萬不要功敗垂成！

　　后，來個口訣串起來，別說觀主土，觀主酷愛武俠，和馬云粑粑一樣！

　　口訣：兩點一連就是線，多線一合就是面，換面還須先入地，上天實則兇險！（呦西，還押韻了。。。）

　　這個武俠BI裝的不錯，自我評價99分，多1分怕驕傲！不說了，馬云粑粑要來幼兒園接藕了！

　　2.觀主是如何學習產品和交互的？

　　多做，多想，多錯，多改。

　　觀主這7年多的職業生涯，只看了兩本半的書，無數的產品經理問過這個問題，也追問了是哪兩本書，在這里分享下書名《體驗經濟》、《星巴克體驗》，還半本《一路向前》。

　　觀主不是學院派出身，任何理論知識，你們聽著新鮮的原因，是因為都是自己總結的，書上沒出現過，頂多雷同，所以你們聽著新鮮，哈哈哈。

　　觀主這七年，剛畢業時是文案策劃，一路做到現在，無非在重復一個流程：上去干，干不了想，干錯了改，改完以后不犯，下次繼續直接上去干！

　　如果非說有什么不同，觀主可能更信奉兩點：“一千次空想不如一次實干”，上面的流程就是知名佐證，另外一點就是“道法自然”，觀主畢竟是道家的嘛，所以法天法地法萬物。

　　觀主的學習方法，是在日常生活中，任何場景下，觀察身邊的一切，去思考他們或者它們背后的邏輯和原因。

　　比如家附近新開了一家燒臘店，觀主在出門次看到時，就思考了很多問題，比如它為什么是個燒臘店？它的客戶是誰？真正的客戶會是誰？它的客戶復購率如何？它的產品應該如何定位和定價？如果我是老板如何增加銷量？等等等，一大堆問題。

　　又比如，今晚在星巴克買咖啡時，看到亂哄哄的吧臺，觀主就思考了很多點，比如：咖啡師在做巧克力原漿時，是否可以拿到里面去做？避免制作過程的不拘小節被用戶看到等等。

　　很多人老愛問這個問題，今晚統一作答了，后希望大家，多做生活的有心人，觀主做產品經理第二年時，就愛和人說，多體會生活，懂生活就懂產品，那時，沒人信！現在，你們還不信嗎？騷年們！享受生活吧！畢竟你們的產品是為了生活和大眾服務，有什么比生活更好的老師嗎？

http://www.bangwork.net/jianzhanzhishi/6546.html 交互設計“五字訣”-深圳網站設計