104學習精靈

App UI設計

App UI設計
關注
邀請朋友
邀請朋友

Line

Facebook

Twitter

複製連結

取消
關於教室
關注人數 1 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
關於教室
關注人數 1 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
Hi~ 歡迎分享學習資源,有學習問題可匿名向Giver發問!
我要分享
我要提問

App UI設計 學習推薦

全部
影片
文章
Kinny

產品設計師

04/08 16:23

[嚼舌]產品設計師進化論2-UI/UX設計師與產品設計師差別
若你是UI/UX設計師,看到有些公司徵「產品設計師」的職缺,適合投遞嗎?
UI/UX設計師與產品設計師的工作有什麼不同?以下為您解答。
在過去的十年當中,介面設計領域經歷了一些進化,而承擔這些相關職能的稱謂,也隨著時間推移發生了一系列的調整。現今常聽到的UX設計師、UI設計師和產品設計師,這些工作角色之間有什麼區別?
1.UX / 體驗設計師:
就是專門針對體驗進行設計的角色。理論上體驗設計師是做用戶研究和制定體驗方案,並從使用者的心態和角度思考設計;主要關心的是產品「用起來感覺怎麼樣」。
工作內容可能有撰寫各種產品使用場景和建構互動模式。利如參與各種測試和觀察使用者做了什麼(例如可用性研究、眼球追蹤、A/B測試,訪談問卷等等),以及針對介面、互動面去做優化與建議(Prototype)並且透過線框圖(Wireframe)找到產品的使用邏輯。
2.UI / 介面設計師:
核心職能就是根據老闆、產品PM的需求,提供介面的視覺方案。並輸出相關的設計規範、設計說明、設計切圖;主要關心的是產品「看起來怎麼樣」。
工作內容可能需要從抽象的需求轉化為可視化的wireframe;或拿到上游需求方(產品PM或UX設計師)已經畫好的wireframe、UI flow進行視覺的設計與規劃,例如整體色系的選擇,或是icon、圖片、文字等其他元素或組件的樣式設計。若是稍具規模的產品或專案,可能還需要設計具有一致性的視覺規範(Style Guide)。
3.PD / 產品設計師:
如果你在10年前,頭頂上的職稱是「產品設計師」(Product Designer)的話,那麼你很有可能是負責設計實體產品的外觀的設計師或者工業設計師。但是在 2015年前後,由於 SaaS(軟件即服務)類產品的流行,我們注意到「產品設計師」這一職稱還是應用到這類產品當中負責與使用者互動的設計師頭上(看起來像是設計師和產品經理的某種程度上的融合)。
定義、探索、構思、驗證
自從2017年阿里巴巴提出了設計全鏈路的概念後,全鏈路/產品設計師ㄧ詞慢慢的被廣泛的運用。產品設計師實際上指的是可以深度參與產品功能走向與規劃中,比起某一段用戶旅程或某一功能的互動,更在意的是整個產品從前期需求探索、功能規劃、視覺呈現到上線前的測試、上線後的數據觀測與迭代優化等全程參與的過程。在不同使用場景、並以人為中心(Human-centered design)的前提下,實現產品的平衡性(商業決策與用戶需求的平衡點、公司內部各利益相關單位的平衡點、產品內各功能的配置與使用的平衡點)。
小結:
正如同你所看到的,產品設計師像是UI+UX設計師的聯集、同時又對產品開發有更廣以及更深的探索。UI/UX設計師會在工作中尋求實現產品使用的完整性(視覺、互動);而產品設計師則會隨著時間推移,深入研究產品的升級進化之道。
當然,上面提到的職稱與工作內容,隨著每家公司的所賦予的定義肯定是有例外的,因為它們並不會完全符合所有的環境。但是希望這篇文章可以初步解釋這三者之間的差異性。
延伸閱讀:
[嚼舌]產品設計師進化論1-平面設計師如何成為UIUX設計師
[嚼舌]產品設計師進化論3-UIUX設計師如何成為產品設計師
4 0 1004 3
Kinny

產品設計師

02/09 11:12

[毒舌]過度強調重點,反而會看不到重點
整理不斷膨脹的慾望,讓交互設計回歸到單純傳達的本質
案例是1111人力銀行中的按鈕,點進會員中心就可以目睹到這顆按鈕是真實存在的!一起來數數設計師在這顆按鈕上花了多少心思吧:
1.隱喻照片的相機圖示
2.標紅字重點
3.暗示可以點的手指圖示
4.意義不明的兩顆星星
5.最後不忘幫按鈕加上一條底線更凸顯
這顆按鈕似乎被寄予了很大的厚望,所以肩負了很多元素;但也因為太華麗了已經不像一顆按鈕,所以又加上了手指可以點擊的符號....告訴大家「這邊可以點喔!」;不過設計師是不是誤會了什麼呀?overdesign的按鈕除了讓產品失焦(更重要的功能被模糊),也會讓產品控件的調性變得沒有一制性( Consistency);此外,更重要的是,這樣並不好看。
若想讓使用者注意你的按鈕,有一些比較符合控件通用規範的做法:
1.顏色:白底+白按鈕難免容易被忽略,幫這顆按鈕上個底色吧
2.尺寸:適度的放大面積,讓他成為不可忽視的元素
3.留白:移除分心,與周圍的物件保持適當距離更容易聚焦喔
4.文案:不要小看文字的煽動力,打中痛點比什麼裝飾都有用
5 0 885 0
Kinny

產品設計師

02/08 15:33

[毒舌]了解使用者的意圖,就知道CTA文案怎麼下
使用者中心設計不是口號,你的TA想做什麼才是重點
使用者的意圖是註冊,就給他看到註冊,DONE!
你希望他先註冊,那就寫註冊,DONE!
案例是Lalamove/啦啦快送APP的初始畫面,如果你是第一次使用的用戶,請問應該要點哪一顆按鈕呢?很顯然不是「已經有帳號了」,可是另一個是「開始使用」耶?我還沒註冊怎麼開始使用啊,然後職業病的設計師開始腦補的想說:「有些APP會讓使用者先體驗使用基本功能,然後再引導你註冊。」
只好帶著疑惑給他點下去,然後就跳轉到了註冊頁面.....
設計師的意圖是想白話的引導使用者去點擊這顆按鈕,以產品的角度來說,我們的確希望使用者「開始使用本產品」;但也許是互聯網產品的遺毒吧!我們被訓練成看到這種類登入畫面,都要找「註冊或登入」。這時「開發者的意圖」與「使用者的意圖」之間產生了一個落差,而這個落差,就是會造成使用上的遲疑與困惑。
6 0 403 0
Kinny

產品設計師

01/28 15:28

[毒舌]改變元件該有的樣子,並不會凸顯設計師的功力
通用元件就該擁有一張大眾臉,不要挑戰使用者的認知心理
示能性(Affordance )指的是一件物品用來做何用途、或被認為有什麼用途,應該具有讓人明顯知道該如何使用它的特性。舉例來說,眼前有一枝筆,幾乎所有人都會用較尖的那端寫字。那是筆的形狀引導我們的行為。若改變了物品的外觀,反而會用使用者覺得困惑,進而放棄查找該功能或降低使用機率,百害無一利。
案例是yes123的部分首頁,你在第一時間可以找得到搜尋框在哪裡嗎?
這個網站搜尋的條件以及行為比較複雜,設計師為了要讓這一條看起來較有整體感,所以將開關按鈕、搜尋框、兩個下拉式選單合併成一個大的模組;的確視覺看起來是比較簡潔了,但由於周遭資料量也不小,下方有關鍵熱搜的超連結,以及被其他文字按鈕包圍著,要找出輸入框在哪裡著實有點困難。
看到才會有點擊慾望,沒看到就沒事兒~
想當然爾,這個版本「搜尋」的使用率應該不高。
5 0 298 0
Kinny

產品設計師

01/24 14:39

[毒舌]忘記密碼是登入頁面的標配,沒有例外
正宗打拋肉放番茄就是死罪,登入介面沒有忘記密碼就是低級失誤!
你一天要登入幾個系統呢?帳號密碼越來越多,但我們的記憶力卻在慢慢下降,帳號密碼總是搞混、記錯。每一個人一定都會有忘記密碼的時候,而在登入介面上的「忘記密碼」選項變成了找回密碼時不可缺少的解決方法,如果沒有這個選項,使用者只能打電話給客服,然後客服的電話就會被打爆!你們公司的客服就會對設計師/開發團隊產生很大的不滿.....案例中是華南銀行的登入介面,不要高估以及挑戰使用者的記憶力啊。
要看一個熱炒師傅功力到哪,嚐嚐看他的蛋炒飯就知道。
想打探一個設計師的實力,就去玩玩看他設計的註冊/登入/找回密碼流程吧,你以為最簡單沒有挑戰性的東西,製成時越是會被輕忽。
5 3 519 0
你可能感興趣的教室