1. 送給互動新人們的 “五字訣”:
一曰 “點”:每個控制元件本身屬性和觸發方式;
舉例:比如一個輸入框,本身屬性需要考慮可輸入的欄位型別、長度和輸入前中後的視覺形態等,而觸發方式需要考慮切換焦點到輸入框內和如何離開等(這裡的控制元件不一定是輸入框,可能是按鈕,也可能是文字連結等等等),要點,是希望互動設計師們,先仔細的思考清楚每個控制元件的本身和存在價值。
二曰 “連”:控制元件和控制元件之間的關係和互動;
舉例:常見的比如註冊介面,多使用者協議,核取方塊沒有勾選同意時,註冊提交按鈕是灰色不可點狀態,第二要點,說的就是控制元件與控制元件之間的先後、從屬、互動關係。
三曰 “面”:頁面本身的主題或主流程目標;
舉例:任何一個頁面,都是為了一個或多個目標而存在的,哪怕如會員中心頁這類聚合頁,它的目標是聚合和承載,以及快速的連結各個功能點,第三要點,說的就是在互動設計時,當您研究清楚每個控制元件本身和空間之間關係後,需要著重思考的是,這個頁面本身的目的是什麼?文案和資訊結構,以及控制元件,是否可以清楚的暗示或明示多使用者按您設計的走下去,並達到目標?比如註冊頁面這類目的比較的流程型互動流,我們要做的是,確保多使用者可以輕鬆和準確的一步步向下,不要中斷、返回和跳出,這樣的互動思考下,互動的輕重強弱,自然隨著第三點頁面主題而清晰明瞭。
四曰 “地”:主要控制元件觸發後本地互動校驗;
舉例:繼續拿註冊頁面來看,假設步頁面是手機號的校驗,在點選下一步時,其實互動上沒有時間和伺服器端做連線,而是先對手機號的輸入框做了一次本地校驗,校驗的是輸入框內的數字是否滿 11 位,開頭是否為三大運營商號段等,這次校驗,就叫本地校驗。
為何設定本地校驗?
降低不必要伺服器互動成本;
提升互動出錯時的反饋速度。
所以,第四要點告訴大家的就是,在互動設計時,一些涉及向伺服器互動的重要按鈕(動作),或者一些可以在輸入完就做判斷的輸入內容,可以先在本地做一次校驗,而不是一股腦的塞給伺服器去判斷,伺服器和程式猿哥哥都不喜歡這樣的孩子。
五曰 “天”:本地校驗成功之後服務端校驗。
舉例:多拉轟的第五要點!和地面部隊交鋒成功後,我們終於迎來的後一步,向伺服器提交,也就是和伺服器端做互動,互動型別包括很多,如註冊就屬於表單的提交和校驗,伺服器一旦校驗完成,就是反饋結果和允許跳轉,同時提交的表單會被記錄到相應的資料庫中,整個互動的目的也就真正的完成了。
在這個終點到來之前,互動設計師們,千萬謹記,這一步看似簡單,其實兇險萬分,要充分考慮各種情況下的校驗反饋,如傳遞到一般斷網了?註冊成功返回時伺服器崩潰了?註冊時顯示有問題?等等等,同時要考慮在各種情況下,是停留在本地,還是跳轉,或者增加一些引導提示幫助找回狀態,所以和 “天” 溝通,實則不易,千萬不要功敗垂成!
後,來個口訣串起來,別說觀主土,觀主酷愛武俠,和馬雲粑粑一樣!
口訣:兩點一連就是線,多線一合就是面,換面還須先入地,上天實則兇險!(呦西,還押韻了。。。)
這個武俠 BI 裝的不錯,自我評價 99 分,多 1 分怕驕傲!不說了,馬雲粑粑要來幼兒園接藕了!
2. 觀主是如何學習產品和互動的?
多做,多想,多錯,多改。
觀主這 7 年多的職業生涯,只看了兩本半的書,無數的產品經理問過這個問題,也追問了是哪兩本書,在這裡分享下書名《體驗經濟》、《星巴克體驗》,還半本《一路向前》。
觀主不是學院派出身,任何理論知識,您們聽著新鮮的原因,是因為都是自己總結的,書上沒出現過,頂多雷同,所以您們聽著新鮮,哈哈哈。
觀主這七年,剛畢業時是文案策劃,一路做到現在,無非在重複一個流程:上去幹,幹不了想,幹錯了改,改完以後不犯,下次繼續直接上去幹!
如果非說有什麼不同,觀主可能更信奉兩點:“一千次空想不如一次實幹”,上面的流程就是知名佐證,另外一點就是 “道法自然”,觀主畢竟是道家的嘛,所以法天法地法萬物。
觀主的學習方法,是在日常生活中,任何場景下,觀察身邊的一切,去思考他們或者它們背後的邏輯和原因。
比如家附近新開了一家燒臘店,觀主在出門次看到時,就思考了很多問題,比如它為什麼是個燒臘店?它的客戶是誰?真正的客戶會是誰?它的客戶復購率如何?它的產品應該如何定位和定價?如果我是老闆如何增加銷量?等等等,一大堆問題。
又比如,今晚在星巴克買咖啡時,看到亂哄哄的吧檯,觀主就思考了很多點,比如:咖啡師在做巧克力原漿時,是否可以拿到裡面去做?避免製作過程的不拘小節被多使用者看到等等。
很多人老愛問這個問題,今晚統一作答了,後希望大家,多做生活的有心人,觀主做產品經理第二年時,就愛和人說,多體會生活,懂生活就懂產品,那時,沒人信!現在,您們還不信嗎?騷年們!享受生活吧!畢竟您們的產品是為了生活和大眾服務,有什麼比生活更好的老師嗎?