104學習精靈
使用者介面設計
使用者介面設計
關注
邀請朋友 
Facebook
Twitter
Line
複製連結
1.瞭解並能運用程式語言設計使用者介面。
2.運用已熟悉的景物做象徵。
3.系統提供即時的回應所需。
4.保持介面的一致。
5.提供直接的控制權給使用者。
6.提供適量的使用者控制。
Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
我要分享
我要提問
使用者介面設計 學習推薦
全部
影片
文章
不知如何開始嗎？ 先進行技能挑戰吧～
技能挑戰：初級
目前等級：未達初級
10 人已通過「初級」測驗，通過率50%，和學習精靈一起探索知識、增強能力！
我要挑戰
[嚼舌]產品設計師進化論3-UIUX設計師如何成為產品設計師
上一篇講到了UI/UX設計師與產品設計師的不同之處，但若現在你已經是一位UI/UX設計師了，要學習哪些技能才足以擔任起產品設計師的工作呢？以下節錄四大必備硬技能，快來看看~
1.使用者中心設計
產品使用與介面設計息息相關，不能用自己的思維去設計，要去了解如何從使用者的角度出發來進行規劃與思考並引導產品、系統、服務的設計與開發。一個標準的流程大致包含定義使用的情境、定義產品需求、設計解決方案、以及評估設計成果，另外再加上前期使用者需求調查和後續的使用者滿意度評估。
白話一點來說，一個功能要開發前，要去了解這個功能對使用者是否有價值，能真正解決他們的痛點嗎？在產品服務中什麼情境、又是基於何種考量去使用這個功能？再者，設計出來的解決方案是如何讓使用者看到並且使用達到預期目的？最後，如何得到驗證，評估的標準為何，使用者實際使用後的感受為何？
2,資訊架構與操作流程設計
如何將眾多的功能適時的分類、配置，並保留未來的功能擴充性，就很仰賴資訊架構的能力。例如一個app經過需求盤點後大致有6項大功能、9項子功能，那首頁應該怎麼設計？功能相近的功能是否應該放在一起，還是依據使用流程來配置？如果未來繼續加功能，目前的架構是否可以滿足等等。
操作流程是指在首頁賦予任何的任務，都可以經過操作後抵達目的頁；包含功能的可逆性(取消、返回、刪除)，以及各種的極端值、錯誤狀態。設計第ㄧ個版本後，可以再思考是否有更短路徑、或更方便操作的動線，以此優化、迭代。
3.數據驅動設計
產品開發大多是帶者假設、然後上線要獲取驗證的過程，我們無法百分百保證新功能就是使用者心中所希望的、使用者會按照我們預想中的流程去操作；所以上線後必須要隨時觀測使用情況的數據，並以此為基準去解讀數據、洞察問題、提出假設、進行設計解決方案、再經過上線驗證。
常見的數據分析工具是GA (google analytics)，市面上也有很多關於此工具的教學；一般來說主要觀測的是頁面流量、留存率、跳出率、點擊率、某功能的轉換率、頁面使用排名與流程、使用者裝置佔比、其他使用行為洞察等等。產品設計師們不一定要自己「會看」，也可以詢問PM你想知道的數據，再由PM提供給你；若你真的很好奇但是不好意思一直問PM，還是建議請PM幫你開通使用權限，自己玩玩看會發現更多有趣的現象喔！
4.統整需求與提案、說服能力
最後一點但認為是非常重要的一點，單靠產品設計師一人是無法將專案推上線的！必須跟產品企劃(PM)一起獲得決策者們的認同，可能還需獲得行銷單位、廣告單位、前、後端工程單位的支持，產品才有可能順利進行開發。
所以設計師必須將自己的發現整理成他人可以看得懂的內容、將設計方案呈現的讓人一眼就明白、或是透過prototype讓大家更好理解整個操作流程；簡報也盡可能納入有說服力的內容，例如搜集使用者的聲音、進行原型測試、或是整理內部單位相似的需求、大環境或競業的分析與趨勢、前一版本的使用數據與解讀...只要可以「佐證」你的設計，都可以整理進你的提案中，成為一個很好的推力。
以上，4大必備硬技能介紹到這兒，下篇聊聊軟實力~~
延伸閱讀：
[嚼舌]產品設計師進化論1-平面設計師如何成為UIUX設計師
[嚼舌]產品設計師進化論2-UI/UX設計師與產品設計師差別
3
0
1066 1
拍手
留言
分享
Line
複製連結
收藏
[嚼舌]產品設計師進化論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
拍手
留言
分享
Line
複製連結
收藏
[密舌]提到沈浸式體驗，Netflix總是不會令你失望
來自Parks Associates的研究表明，Netflix的用戶平均已經訂閱了50個月以上，網路上已有很多文章講述Netflix成功的用戶體驗策略，例如個人化的首頁、跳過片頭的按鈕、自動跳轉下一集等等，目的就是要上你「上癮」，今天聊一下最近對於改版的發現。
一進到Netflix後背景會自動播放預告片，影片上方的海報圖層原本像是腰帶貫穿螢幕(圖1)，改成畫面更簡潔全螢幕設計(圖2)；改版後把簡介、播放按鈕隱藏起來，首頁呈現了一個乾淨的視覺層次。
預告片上方的海報圖層將作用中的選單獨立於左側，中間大留白，而在最右側出現接下來的海報選項；除了表達了操作的直覺性之外，這樣播放預告片時是不是更有臨場感了呢？歡迎一起留言討論你對Netflix的看法 : )
2
0
645 1
拍手
留言
分享
Line
複製連結
收藏
[毒舌]過度強調重點，反而會看不到重點
整理不斷膨脹的慾望，讓交互設計回歸到單純傳達的本質
案例是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
複製連結
收藏
你可能感興趣的教室