104學習精靈
產品設計開發
產品設計開發
關注
邀請朋友 
Facebook
Twitter
Line
複製連結
Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
我要分享
我要提問
產品設計開發 學習推薦
全部
影片
文章
[毒舌]過度強調重點，反而會看不到重點
整理不斷膨脹的慾望，讓交互設計回歸到單純傳達的本質
案例是1111人力銀行中的按鈕，點進會員中心就可以目睹到這顆按鈕是真實存在的！一起來數數設計師在這顆按鈕上花了多少心思吧：
1.隱喻照片的相機圖示
2.標紅字重點
3.暗示可以點的手指圖示
4.意義不明的兩顆星星
5.最後不忘幫按鈕加上一條底線更凸顯
這顆按鈕似乎被寄予了很大的厚望，所以肩負了很多元素；但也因為太華麗了已經不像一顆按鈕，所以又加上了手指可以點擊的符號....告訴大家「這邊可以點喔！」；不過設計師是不是誤會了什麼呀？overdesign的按鈕除了讓產品失焦(更重要的功能被模糊)，也會讓產品控件的調性變得沒有一制性( Consistency)；此外，更重要的是，這樣並不好看。
若想讓使用者注意你的按鈕，有一些比較符合控件通用規範的做法：
1.顏色：白底＋白按鈕難免容易被忽略，幫這顆按鈕上個底色吧
2.尺寸：適度的放大面積，讓他成為不可忽視的元素
3.留白：移除分心，與周圍的物件保持適當距離更容易聚焦喔
4.文案：不要小看文字的煽動力，打中痛點比什麼裝飾都有用
5
0
885 0
拍手
留言
分享
Line
複製連結
收藏
[毒舌]了解使用者的意圖，就知道CTA文案怎麼下
使用者中心設計不是口號，你的TA想做什麼才是重點
使用者的意圖是註冊，就給他看到註冊，DONE！
你希望他先註冊，那就寫註冊，DONE！
案例是Lalamove/啦啦快送APP的初始畫面，如果你是第一次使用的用戶，請問應該要點哪一顆按鈕呢？很顯然不是「已經有帳號了」，可是另一個是「開始使用」耶？我還沒註冊怎麼開始使用啊，然後職業病的設計師開始腦補的想說：「有些APP會讓使用者先體驗使用基本功能，然後再引導你註冊。」
只好帶著疑惑給他點下去，然後就跳轉到了註冊頁面.....
設計師的意圖是想白話的引導使用者去點擊這顆按鈕，以產品的角度來說，我們的確希望使用者「開始使用本產品」；但也許是互聯網產品的遺毒吧！我們被訓練成看到這種類登入畫面，都要找「註冊或登入」。這時「開發者的意圖」與「使用者的意圖」之間產生了一個落差，而這個落差，就是會造成使用上的遲疑與困惑。
6
0
403 0
拍手
留言
分享
Line
複製連結
收藏
[毒舌]改變元件該有的樣子，並不會凸顯設計師的功力
通用元件就該擁有一張大眾臉，不要挑戰使用者的認知心理
示能性(Affordance )指的是一件物品用來做何用途、或被認為有什麼用途，應該具有讓人明顯知道該如何使用它的特性。舉例來說，眼前有一枝筆，幾乎所有人都會用較尖的那端寫字。那是筆的形狀引導我們的行為。若改變了物品的外觀，反而會用使用者覺得困惑，進而放棄查找該功能或降低使用機率，百害無一利。
案例是yes123的部分首頁，你在第一時間可以找得到搜尋框在哪裡嗎？
這個網站搜尋的條件以及行為比較複雜，設計師為了要讓這一條看起來較有整體感，所以將開關按鈕、搜尋框、兩個下拉式選單合併成一個大的模組；的確視覺看起來是比較簡潔了，但由於周遭資料量也不小，下方有關鍵熱搜的超連結，以及被其他文字按鈕包圍著，要找出輸入框在哪裡著實有點困難。
看到才會有點擊慾望，沒看到就沒事兒~
想當然爾，這個版本「搜尋」的使用率應該不高。
5
0
298 0
拍手
留言
分享
Line
複製連結
收藏
[毒舌]忘記密碼是登入頁面的標配，沒有例外
正宗打拋肉放番茄就是死罪，登入介面沒有忘記密碼就是低級失誤！
你一天要登入幾個系統呢？帳號密碼越來越多，但我們的記憶力卻在慢慢下降，帳號密碼總是搞混、記錯。每一個人一定都會有忘記密碼的時候，而在登入介面上的「忘記密碼」選項變成了找回密碼時不可缺少的解決方法，如果沒有這個選項，使用者只能打電話給客服，然後客服的電話就會被打爆！你們公司的客服就會對設計師/開發團隊產生很大的不滿.....案例中是華南銀行的登入介面，不要高估以及挑戰使用者的記憶力啊。
要看一個熱炒師傅功力到哪，嚐嚐看他的蛋炒飯就知道。
想打探一個設計師的實力，就去玩玩看他設計的註冊/登入/找回密碼流程吧，你以為最簡單沒有挑戰性的東西，製成時越是會被輕忽。
5
3
519 0
拍手
留言
分享
Line
複製連結
收藏
[毒舌]一顆貪心的按鈕，會讓行為變得很黏稠
你可以推使用者一把，但是不要坐在他身上阻礙前進
左：認識 -> 理解同時行動
右：認識 -> 理解 -> 行動
先講結論：當你的行動包含了其他的意圖，本來會反射按下的行為，因為需要停下來理解而延遲。
按鈕本身保持易讀、易懂的原則是最重要的事情！通常按鈕背後包含著我們對這個產品的商業目標，以及希望他做的事，所以有時候一顆按鈕是會影響一個產品或行銷成敗的。
所以請把需要溝通以及理解的敘述，放在按鈕的周圍去「煽動」使用者；想像一下當你要推坑朋友購買一樣物品時，是在旁邊不斷地鼓吹他，而不是騎到他的身上去搖晃他、讓他無法思考。
原案例(左)是「104落點分析」這個產品的說明視窗，出發點是好意、文案也沒問題，希望使用者看到「累積500+人次使用」後，更加深自己想要下載的意願；但是「登入後才能下載」這件事本身就需要門檻，有些人可能看到要登入就放棄了，若再同時消化另一件事，無形中增加了心智負荷，在判斷上就稍微吃力了一些。
調整後(右)把原文案「累積500+人次使用」放在CTA的附近，暗示裡面的資訊很值得下載；接著把按鈕文案調整成「登入拿禮物」，將行為加了一點「樂意感」，使它更具誘因，讓使用者心甘情願登入拿禮物。
5
1
404 0
拍手
留言
分享
Line
複製連結
收藏
你可能感興趣的教室