104學習

使用者介面規劃

使用者介面規劃
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
指的是設計和安排軟體或網站中,讓使用者能直覺操作的畫面與互動流程。目標是提升使用者體驗,讓功能清楚易懂、操作順暢,減少學習成本與錯誤。這項技能結合使用者需求分析、視覺設計和互動設計,對產品成功與市場競爭力至關重要。具備此能力能幫助企業打造更貼近使用者的產品,提升滿意度與忠誠度。
關於教室
關注人數 0 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
關於教室
關注人數 0 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
Hi~ 歡迎分享學習資源,有學習問題可匿名向Giver發問!
我要分享
我要提問

使用者介面規劃 學習推薦

Kinny

產品設計師

2022/03/28

[密舌]提到沈浸式體驗,Netflix總是不會令你失望
來自Parks Associates的研究表明,Netflix的用戶平均已經訂閱了50個月以上,網路上已有很多文章講述Netflix成功的用戶體驗策略,例如個人化的首頁、跳過片頭的按鈕、自動跳轉下一集等等,目的就是要上你「上癮」,今天聊一下最近對於改版的發現。
一進到Netflix後背景會自動播放預告片,影片上方的海報圖層原本像是腰帶貫穿螢幕(圖1),改成畫面更簡潔全螢幕設計(圖2);改版後把簡介、播放按鈕隱藏起來,首頁呈現了一個乾淨的視覺層次。
預告片上方的海報圖層將作用中的選單獨立於左側,中間大留白,而在最右側出現接下來的海報選項;除了表達了操作的直覺性之外,這樣播放預告片時是不是更有臨場感了呢?歡迎一起留言討論你對Netflix的看法 : )
看更多
4 1 1202 2
巨匠電腦 豐原分校

巨匠電腦 豐原分校

2023/10/16

最佳化專案成功: UI設計師與開發人員的協作之道
在現代的應用程式和網站開發過程中,UI設計師和開發人員之間的有效協作至關重要。他們共同努力,才能創造出令使用者滿意的使用者介面和優質的使用者體驗。以下是一些方法,可以幫助UI設計師與開發人員建立默契,實現協作的順暢進行。
1. 充分溝通與共享設計資源
UI設計師與開發人員應保持密切的溝通。設計師應向開發人員提供詳細的設計規格、原型和圖形資源,以確保設計的實作符合預期。
2. 提前介入,共同討論
最好在專案早期就讓設計師與開發人員共同參與討論,共同探討需求、功能和技術限制,以確保設計能更好地適應實際開發流程。
3. 使用協作工具
利用協作工具,如Figma、Sketch、InVision等,可以讓設計師和開發人員更輕鬆地分享設計文件和提供回饋,提高協作效率。
4. 了解開發流程
設計師應了解前端和後端開發的技術要求,以便制定更實際的設計,避免不切實際的要求,使設計更容易實施。
5. 遵循UI指南和最佳實踐
設計師應創建符合UI指南和最佳實踐的設計,以便開發人員可以更輕鬆地將其實施到程式碼中,確保一致性和可維護性。
6. 接受回饋並進行修改
設計和開發是一個迭代的過程。設計師和開發人員應該準備好接受回饋,並進行必要的修改,以確保最終的使用者介面是高品質的。
7. 共同測試與驗證
設計師和開發人員應一起測試和驗證使用者介面,發現和解決任何問題,以確保最終產品的品質。
8. 尊重專業領域
設計師和開發人員應相互尊重彼此的專業知識領域,共同為專案的成功而努力。
9. 持續學習與改進
UI設計師和開發人員可以相互分享知識和技能,不斷學習新的技術和方法,促進跨職能團隊的合作。
透過上述有效的協作方法,UI設計師與開發人員可以共同創造出令人滿意的使用者介面,為使用者提供優質的體驗。
看更多
0 0 748 0

熱門精選

104學習

產品

04/28 09:00

新手如何用 AI 整理會議紀錄?線上會議、實體會議一次看懂
開會時一邊聽、一邊記、一邊思考,常常會遇到幾個問題:重點來不及抄、決議沒寫清楚、待辦事項散落在聊天訊息或腦袋裡。現在,只要善用手機錄音、會議逐字稿與常見 AI 工具,新手也能更快整理出一份清楚、可追蹤的會議紀錄。
不過,AI 不是幫你「完全取代紀錄」,而是協助你加快整理流程。正式發送前,仍然需要人工確認人名、日期、金額、負責人、截止日與會議決議。
本文將分成「線上會議」與「實體會議」兩種情境,教你用手邊常見工具,搭配 ChatGPT、Claude、Gemini、NotebookLM 等 AI 工具,整理出適合交給主管、團隊或客戶追蹤的會議紀錄。
使用 AI 前,先確認 3 件事
在開始錄音、轉錄或把內容交給 AI 前,請先確認:
第一,會議是否允許錄音、錄影或轉錄。建議事前告知與會者錄音目的、使用範圍與保存方式。
第二,會議內容是否包含敏感資料。如果涉及客戶資料、個人資料、薪資、人事、財務、商業機密或未公開策略,不建議自行上傳到外部 AI 工具,應優先使用公司核准的平台。
第三,AI 產出只能作為初稿。AI 可能聽錯、漏掉脈絡,或把「討論中的想法」誤寫成「已決定事項」,正式使用前一定要人工檢查。
台灣《個人資料保護法》對個人資料的蒐集、處理與利用,強調應尊重當事人權益,不得逾越特定目的的必要範圍,並應與蒐集目的有正當合理關聯;本文為一般工作效率教學,不構成法律意見,實際使用仍應依公司規範與相關法規辦理。
AI 可以幫會議紀錄做什麼?
AI 在會議紀錄中,最常見的用途有 5 種:
1. 錄音轉文字:把會議錄音或逐字稿變成可整理的文字資料。
2. 摘要重點:從冗長對話中整理出主要討論內容。
3. 萃取決議:找出會議最後確認的結論。
4. 整理待辦事項:列出任務、負責人、截止日期。
5. 改寫成正式紀錄:把口語內容整理成適合寄出的版本。
好的會議紀錄,不是把每句話都記下來,而是清楚回答三個問題:
討論了什麼?決定了什麼?接下來誰要做什麼?
情境一:線上會議怎麼做?
線上會議最適合新手練習,因為 Google Meet、Teams、Zoom 等平台通常已有錄影、字幕、逐字稿或 AI 摘要功能。不過,這些功能是否可用,會依公司帳號、方案、裝置、地區與管理員設定而不同。
Google Meet 的「Take notes for me」可透過 Gemini 協助記錄會議內容,但實際可用性會受到帳號與設定影響。Zoom AI Companion 也提供會議摘要功能,且管理員可啟用或停用相關設定。
線上會議建議流程
第一步:會前確認可否錄影、錄音或開啟逐字稿
如果是客戶會議、敏感會議或跨部門會議,建議先確認公司規範,並告知與會者。
可使用這句話:
「為了方便會後整理會議紀錄,這場會議會開啟錄影或逐字稿功能,紀錄僅供本專案追蹤使用。」
第二步:會中保留原始資料
使用平台內建的錄影、逐字稿、字幕、AI 筆記或會議摘要。
第三步:會後交給 AI 整理
把逐字稿或會議重點貼到 ChatGPT、Claude 或 Gemini,請 AI 整理成正式會議紀錄。
第四步:人工檢查後再寄出
檢查決議是否正確、待辦是否有負責人、截止日是否清楚,以及 AI 是否誤判會議結論。
情境二:實體會議怎麼做?
實體會議的難點是聲音來源比較複雜,可能有多人同時說話、環境雜音、白板討論、投影片補充等。因此,實體會議更需要做好錄音與現場補充紀錄。
最簡單的流程是:
手機錄音 → 轉成文字或整理重點 → 交給 AI 整理 → 人工確認
iPhone:使用內建「語音備忘錄」
iPhone 內建的「語音備忘錄」可用來錄製會議、課程或語音筆記,Apple 官方說明可開始錄音、暫停、繼續錄音,也可調整手機與聲音來源的距離以改善錄音音量。
操作方式:
1. 打開 iPhone 的「語音備忘錄」App。
2. 點選紅色錄音按鈕開始錄音。
3. 會議中若暫停,可按暫停;繼續時再恢復錄音。
4. 會議結束後按停止,錄音會自動儲存。
5. 將檔名改成「日期+會議名稱」,例如「2026-04-27_行銷週會」。
6. 會後可分享錄音檔,或先轉成文字再交給 AI 整理。
Android:使用內建「錄音機」或「Voice Recorder」
Android 手機品牌眾多,內建錄音 App 的名稱與功能會依品牌、機型與系統版本不同。常見名稱包含「錄音機」、「語音錄音」、「Recorder」或「Voice Recorder」。
如果使用 Google Pixel,可留意 Google Recorder;Google 官方說明 Recorder 主要適用於 Pixel,可用來錄製會議、課程等聲音,並提供搜尋與 AI 功能。如果使用 Samsung Galaxy,Samsung 官方說明 Voice Recorder 可錄製課程、會議與對話,支援裝置也可使用 Galaxy AI 進行轉錄、加入 Samsung Notes 或分享文字檔。
Android 通用操作方式:
1. 在手機搜尋「錄音」、「Recorder」或「Voice Recorder」。
2. 開會前先測試 5 到 10 秒,確認收音正常。
3. 把手機放在桌面中央,不要放在口袋或包包裡。
4. 會議結束後停止錄音。
5. 重新命名錄音檔,建議使用「日期+會議名稱」。
6. 若手機支援轉文字,可先產出逐字稿;若不支援,可先手動整理重點,再交給 AI 工具處理。
實體會議小技巧
實體會議中,AI 不一定能準確聽出每個人的聲音。建議主持人在重要決議後,主動重複一次:
「確認一下,這件事由 Amy 負責,下週五前完成第一版,對嗎?」
這句話看似簡單,卻能大幅提高會議紀錄的準確度。
常見、容易取得的 AI 工具怎麼選?
以下工具不代表所有功能都免費,也不保證每個帳號都能使用。部分功能會依方案、裝置、地區與公司管理員設定而不同,使用前建議先確認。
1. ChatGPT:適合整理正式會議紀錄
ChatGPT 適合把逐字稿、會議重點或錄音摘要整理成正式文件,例如會議紀錄、主管摘要、待辦清單或會後 Email。若帳號與裝置支援 ChatGPT Record,也可用於轉錄與摘要會議、腦力激盪或語音筆記;OpenAI 官方同時提醒,轉錄與摘要可能出錯,重要資訊需要人工檢查。
適合用在:正式會議紀錄、主管摘要、待辦清單、會後 Email。
2. Claude:適合處理較長逐字稿與文件
如果會議逐字稿很長,或需要同時參考簡報、企劃書、專案文件,Claude 是常見選項。Claude 官方說明支援上傳 PDF、DOCX、CSV、TXT、HTML、ODT、RTF、EPUB、JSON 等文件格式;部分檔案功能仍會依帳號設定與限制而不同。
適合用在:長會議逐字稿、訪談紀錄、研討會內容、多份文件摘要。
3. Gemini:適合 Google 工作環境
如果團隊平常使用 Gmail、Google Docs、Google Drive、Google Meet,Gemini 會比較容易放進日常流程。Google 文件中的 Gemini 可協助摘要文件,Drive 中的 Gemini 也可協助摘要檔案與資料夾,但需要符合可用方案。
適合用在:Google Docs 會議紀錄、Google Drive 文件整理、Google Meet 會後資料。
4. NotebookLM:適合專案型會議與長期追蹤
NotebookLM 比較像是「專案知識庫」。你可以把會議紀錄、簡報、企劃書、訪談資料放進同一個 Notebook,之後再針對這些資料提問。Google 說明 NotebookLM 會根據你上傳或指定的來源回答問題,並提供來源引用。
適合用在:專案會議追蹤、多次會議整理、課程筆記、客戶訪談資料庫。
新手建議工作流
線上會議
平台逐字稿或摘要 → ChatGPT/Claude/Gemini 整理 → 人工檢查 → 寄出追蹤
若是長期專案,可把每次整理好的會議紀錄放進 NotebookLM,開下次會議前請它整理「前次決議、未完成事項、待確認問題」。
實體會議
手機錄音 → 轉成文字或整理重點 → ChatGPT/Claude/Gemini 整理 → 人工確認
如果沒有逐字稿,也可以會後用 Google Docs 語音輸入,自己口述會議重點。Google Docs 語音輸入需要在支援的瀏覽器中開啟文件,並確保電腦麥克風可正常使用。這比較適合「會後自己補充重點」,不建議直接當成多人會議的正式轉錄工具。
會議紀錄建議格式
新手可以先使用這個格式:
會議主題:
會議時間:
會議地點/會議連結:
主持人:
紀錄者:
與會者:
一、會議目的
簡短說明這場會議要解決什麼問題。
二、討論重點
用條列式整理主要討論內容。
三、會議決議
只放已經確認的結論,不放還在討論中的想法。
四、待辦事項
任務|負責人|截止日期|備註
整理第一版提案|Amy|5/10|提供給行銷部確認
五、待確認事項
列出尚未有答案、需要補資料或下次再討論的內容。
可直接複製的 AI Prompt
Prompt 1:整理正式會議紀錄
請根據以下會議逐字稿,整理成正式會議紀錄。
請包含:
1. 會議主題
2. 會議目的
3. 討論重點
4. 會議決議
5. 待辦事項
6. 待確認事項
7. 下次會議建議追蹤事項
待辦事項請用「任務/負責人/截止日期/備註」格式整理。
如果內容中沒有提到負責人或截止日期,請標示「待確認」。
請不要加入原文沒有提到的資訊。
請使用繁體中文,語氣正式、清楚,適合寄給團隊成員。
Prompt 2:整理主管版摘要
請將以下會議內容整理成主管可快速閱讀的摘要。
請用 300 字以內說明:
1. 本次會議重點
2. 已確認決議
3. 需要主管知道的風險或卡點
4. 接下來最重要的 3 個行動項目
請避免冗長細節,保留關鍵資訊即可。
Prompt 3:檢查會議紀錄
請幫我檢查以下會議紀錄是否完整。
請指出:
1. 是否有決議不清楚的地方
2. 是否有待辦事項缺少負責人
3. 是否有待辦事項缺少截止日期
4. 是否有需要再次確認的數字、日期、人名
5. 是否有語氣太口語、不適合寄給主管或客戶的句子
請提供修改建議。
新手最容易犯的 5 個錯誤
錯誤 1:把逐字稿當成會議紀錄
逐字稿只是原始材料,會議紀錄要整理出重點、決議與待辦。
錯誤 2:沒有區分「提議」和「決議」
有人提出建議,不代表會議已經同意。
錯誤 3:待辦事項沒有負責人
「下週整理報告」不夠清楚;「由 Kevin 於 5/10 前整理第一版報告」才方便追蹤。
錯誤 4:完全相信 AI 摘要
AI 可能漏掉反對意見,或誤解語氣與脈絡。
錯誤 5:忽略資料安全
不要把客戶資料、人事薪資、財務數字、公司策略或未公開資訊,直接上傳到未經公司核准的外部工具。
104學習小提醒
AI 可以幫你省下整理時間,但不能取代你的判斷。會議紀錄真正的價值,不是把所有人說過的話完整留下來,而是讓團隊會後能繼續推進。
對新手來說,最簡單的開始是建立一套固定流程:
錄下來 → 轉成文字 → 請 AI 整理 → 人工檢查 → 寄出追蹤
只要掌握這套流程,無論是線上會議還是實體會議,都能更快產出清楚、完整、可追蹤的會議紀錄。
看更多
1 0 4976 0
Kinny

產品設計師

2022/04/18

[嚼舌]產品設計師進化論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設計師與產品設計師差別
看更多
6 0 2780 4
你可能感興趣的教室