104學習精靈
網頁設計師
網頁設計師
關注
邀請朋友 
Facebook
Twitter
Line
複製連結
Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
我要分享
我要提問
網頁設計師 學習推薦
全部
影片
文章
職涯診所
04/05 00:43
giver.104.com.tw
非本科系網頁設計師，履歷會受到排擠嗎?該如何解決?
4
5
162 0
[毒舌]過度強調重點，反而會看不到重點
整理不斷膨脹的慾望，讓交互設計回歸到單純傳達的本質
案例是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
複製連結
收藏
你可能感興趣的教室