課堂上我出了一項練習,在講完 Wireframe 怎麼畫、包含哪些元素、說明文字怎麼寫後,拿了 Dribbble 上漂亮的 Mockup 當範例,請學員畫出 Wireframe。在台上看得出學員們滿不在乎以為小菜一碟的表情,但當我要求下拉選單、特效之類所有「輸入、運作、輸出」等邏輯條件都要寫成說明文字後,台下表情從傻眼變成惶恐,一副大難臨頭死了要怎麼寫的臉。(從台上看大家的表情變化超有趣。)
現在很流行「動態效果」啊,好多教學教你用 AE 做動畫。是啦動效好炫好漂亮,弄個 Demo 影片交給 RD,完全沒想過 「輸入、運作、輸出」 等條件,是要 RD 看著影片照抄練滿通靈 Lv.99 嗎?
UI 入門班的 30 位學員應該徹底感受到什麼叫「通靈」了,相信他們不會再讓 RD 腦補操作,起碼會思考觸發條件。(這就是平面設計師和 UI 設計師在思考模式上最大的差別。)
如果依照現在大多數的動效教學,用 AE 產了個影片叫 RD 一模一樣照做,那和去 App Store 上下載 App 叫 RD 照抄一個有什麼不同?
「這個要啪一下翻轉,然後這個要咻~地跑到這邊,之後這個要啵~原地放大…」 你真的知道自己在講什麼嗎?(我好想拍下聽到設計師講這段話,負責寫 Code 的 RD 表情照片。)
動態效果明明有非常多種和 RD 合作的方式,最常見的卻是最後一項。
- 內建過場動畫、特效。
- 逐格動畫。
- Gif 或影片檔。
- 套用現成動態效果程式庫。
- 自己寫程式。
- 使用有開發者模式的動畫工具。
- 產出展示影片叫 RD 通靈。
如果連 Wireframe 「說明文字」要寫什麼內容都不知道,請各 PM 和 RD 勸退自家設計師不要跳下去搞動態特效。動態效果要通靈的部份比起普通的操作要多太多了啊!一個 App 沒有動態效果不會怎麼樣的。
.
.
.
對了,我很常聽到 PM 說他想透過動態效果讓使用者體驗更好。
你想用動態效果解決什麼問題?
想用動態效果解決使用者體驗設計不佳的問題?
可是使用者體驗不佳的問題根本不是出在動態效果啊!
產品在一開始規劃的策略面部分就有問題了,才會導致使用者體驗不佳,那為什麼預期加上動態效果就能導正錯誤規劃?
.
.
.
有人問什麼是通靈…大概就像是 「我不知道產品是什麼、也沒有文字,但我需要海報和 DM,你先出幾版讓我看看」 這樣子。