280days孕期App UX優化:解決3個關鍵使用痛點,提升新手媽媽使用體驗

更新 發佈閱讀 3 分鐘

為什麼我開始這個優化?

作為一名 UX 設計學習者和懷孕中的使用者,我在使用 280days App 記錄體重、上傳超音波照片與追蹤胎動時,遇到了不少不直覺的設計與使用混淆。雖然功能齊全,但卻因為資訊結構與命名問題,讓許多媽媽在第一時間無法輕鬆上手。

這篇文章我將分享:3 個被忽略卻關鍵的使用痛點、實際用戶訪談觀察,以及我提出的介面優化草圖。


280 days 是什麼?為什麼我會優化它?

280days 是一款專為準媽媽設計的孕期追蹤 App,提供身體狀況紀錄、產檢數據上傳、胎動與陣痛紀錄、與伴侶同步的提醒功能。使用者以孕婦為主,也包含與媽媽同步的另一半。

我自己是產品目標用戶之一,除了親身使用外,我也實際訪談了孕婦用戶,加上 App 商店留言觀察,針對幾個使用頻率高但被隱藏的功能進行重新設計。


使用痛點

1. 日期與週數顯示邏輯混亂

使用者會同時看到「距離出生還有168天」與「第116天 (16週 & 0天)」,數字資訊過多,讓人難以理解。

📌 訪談回饋: 「我不確定自己是“已經四個月”還是“快四個月”。」

raw-image



優化方向

  • 用直覺語句說明週數:你現在懷孕16週
  • 明確「天數」資訊,避免造成混淆


設計決策說明: 我優先放上週數,因為週數是孕期的主要時間單位,符合使用者心智模型。這樣的結構減少資訊噪音,並提升閱讀效率。

預期效益

  • 減少新手媽媽理解時間約 50%
  • 提升日期資訊清晰度與安心感







2. 胎動與陣痛記錄藏太深

使用者需點選 4 層選單:首頁首頁 > Check > 實用工具 > 胎動、陣痛計時器 > 胎動

📌 訪談回饋:
A:「第一次找不到胎動紀錄功能,我以為沒有這個欸。」
C:「我到孕中期才發現Check 裡的實用功能能記錄陣痛。」

🛑 問題:

  • 多層選單埋藏功能,使用者不易發現
  • 無快捷方式,需反覆跳轉使用
raw-image


優化方向

  • 將「Kick & Timer」獨立放在導覽區塊
  • 改用直白語言:Kick & Timer
  • 兩功能並列呈現:Baby kicks / Contraction timer
  • 加入「歷史紀錄」檢視按鈕,方便追蹤

📸 (插圖:Kick & Timer wireframe)

設計決策說明: 孕期後期胎動與陣痛是高頻任務,應該提供一鍵入口。改名為 Kick & Timer 更具象也更親切,減少醫療名詞壓力。

預期效益

  • 記錄流程由 4 步驟降為 2 步驟
  • 功能點擊率預期增加 2 倍


3. 超音波照片上傳點分散,導致流程重複

同一張超音波照片需分別上傳至 Check 與 Photo 頁面,使用者常忘記、或需重複操作

📌 訪談回饋: 「每次都要傳兩次照片,才會列印出來,超麻煩。」

raw-image



優化方向

  • 在 Check 頁面新增「同步到 Photo」的 checkbox
  • 讓使用者只需上傳一次,可同步顯示於兩處

設計決策說明: 使用「可選同步」而非自動同步,是為了讓使用者擁有控制權,避免誤同步私人照片。

預期效益

  • 操作時間縮短約 30%
  • 照片遺漏率大幅下降




成果與反思

這次 redesign,從親身經驗與訪談出發,發現許多功能其實很好用,但因為命名、路徑與資訊表達方式錯位,讓使用者無法第一時間掌握。

若有更多資源,我會希望能進行 A/B 測試,觀察:

  • 新首頁週數排版是否更清楚
  • 胎動紀錄功能是否更快被點擊與使用
  • 照片同步是否降低操作時間與錯誤率

這些小改版的設計,希望能讓產品不只是工具,而是真正貼近媽媽生活的數位助理。


📮這是我第一個 UX Redesign 專案,如果你也有數位產品想優化體驗、增加轉換,歡迎來信交流!

Email: melifewithjoy


留言
avatar-img
留言分享你的想法!
avatar-img
E路人生漫遊
0會員
5內容數
「E路的人生漫遊」是一個探索人生旅程的平台。在這裡,我將分享我在內觀、懷孕、育兒、生活、成長等方面的點滴心得與體悟。
E路人生漫遊的其他內容
2025/03/28
懷孕期間,為了寶寶的健康,飲食會特別避免酒精,但外食時卻很容易遇到米酒入菜。自己動手做,不僅能完全掌控食材,也能調整鈉含量,減少水腫,補充滿滿營養! 這道 無酒精紅燒牛肉麵,湯頭醇厚、牛肉軟嫩,營養滿分! 多煮一點還能分成 2-3 餐,之後只要加麵燙青菜,立刻變出一碗熱騰騰的美味牛肉麵,輕鬆又滿足
Thumbnail
2025/03/28
懷孕期間,為了寶寶的健康,飲食會特別避免酒精,但外食時卻很容易遇到米酒入菜。自己動手做,不僅能完全掌控食材,也能調整鈉含量,減少水腫,補充滿滿營養! 這道 無酒精紅燒牛肉麵,湯頭醇厚、牛肉軟嫩,營養滿分! 多煮一點還能分成 2-3 餐,之後只要加麵燙青菜,立刻變出一碗熱騰騰的美味牛肉麵,輕鬆又滿足
Thumbnail
2025/03/17
學會製作溫和不嗆口的香蒜奶油醬,解決市售香蒜醬辛辣的問題。此食譜詳細介紹油封蒜頭與香蒜奶油醬製作方法,並提供小技巧與食用建議,讓您輕鬆在家做出美味香蒜麵包。
Thumbnail
2025/03/17
學會製作溫和不嗆口的香蒜奶油醬,解決市售香蒜醬辛辣的問題。此食譜詳細介紹油封蒜頭與香蒜奶油醬製作方法,並提供小技巧與食用建議,讓您輕鬆在家做出美味香蒜麵包。
Thumbnail
2025/03/14
過去幾年,我一直受皮膚問題困擾。脂漏性皮膚炎反反覆覆,頭皮屑、發炎、紅腫,甚至影響到髮量。醫生開的類固醇雖然能短暫控制症狀,但停藥就復發,像是身體不斷提醒我:「這不是表面的問題,而是更深層的訊號。」 染燙頭髮變成一種掙扎,不只是維持外在形象的需要,更是一種「無論如何,我還是要讓自己看起來正常」
Thumbnail
2025/03/14
過去幾年,我一直受皮膚問題困擾。脂漏性皮膚炎反反覆覆,頭皮屑、發炎、紅腫,甚至影響到髮量。醫生開的類固醇雖然能短暫控制症狀,但停藥就復發,像是身體不斷提醒我:「這不是表面的問題,而是更深層的訊號。」 染燙頭髮變成一種掙扎,不只是維持外在形象的需要,更是一種「無論如何,我還是要讓自己看起來正常」
Thumbnail
看更多
你可能也想看
Thumbnail
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
易用性的第一定律就是「別讓我思考」。瞭解人類的思考系統,強化第一系統的網站設計方法,包括善用使用者過去的網頁觀看經驗,強化互動元件的預設用途提示,建立內容的視覺層次,整合選項,預設同意以及製作圖像的範例教學。提高網站的易用性,強化使用者對網站的體驗。
Thumbnail
易用性的第一定律就是「別讓我思考」。瞭解人類的思考系統,強化第一系統的網站設計方法,包括善用使用者過去的網頁觀看經驗,強化互動元件的預設用途提示,建立內容的視覺層次,整合選項,預設同意以及製作圖像的範例教學。提高網站的易用性,強化使用者對網站的體驗。
Thumbnail
在今日數位世界中,良好設計的網站已經成為必需品。 瞭解網站設計的重要性,特別是對於第一印象和信任度。 這篇文章提供了選擇網站設計服務的實用指南,包括網站設計的重要性,基礎知識和選擇服務提供者的提示。
Thumbnail
在今日數位世界中,良好設計的網站已經成為必需品。 瞭解網站設計的重要性,特別是對於第一印象和信任度。 這篇文章提供了選擇網站設計服務的實用指南,包括網站設計的重要性,基礎知識和選擇服務提供者的提示。
Thumbnail
資訊架構就像是網站的地圖,讓用戶快速找到所需的資訊。好的資訊架構可提升使用者滿意度、強化 SEO、增進擴充性、達成商業目標。資訊架構可透過使用者訪談、卡片分析、競品分析、使用者測試等方法設計。在設計資訊架構時,需考量用戶的認知方式、目標客群、資訊分類等因素。定期檢驗資訊架構,才能確保用戶體驗。
Thumbnail
資訊架構就像是網站的地圖,讓用戶快速找到所需的資訊。好的資訊架構可提升使用者滿意度、強化 SEO、增進擴充性、達成商業目標。資訊架構可透過使用者訪談、卡片分析、競品分析、使用者測試等方法設計。在設計資訊架構時,需考量用戶的認知方式、目標客群、資訊分類等因素。定期檢驗資訊架構,才能確保用戶體驗。
Thumbnail
Windows Clarity 是一種網站分析產品,讓網站設計師、開發人員可藉由它,更容易觀察用戶在網站的操作行為,協助更快速的優化網站,加強網頁的轉換效果與商業目標的達成。本文將介紹 Windows Clarity 應該如何使用,強化分析能力與優化網站效益。
Thumbnail
Windows Clarity 是一種網站分析產品,讓網站設計師、開發人員可藉由它,更容易觀察用戶在網站的操作行為,協助更快速的優化網站,加強網頁的轉換效果與商業目標的達成。本文將介紹 Windows Clarity 應該如何使用,強化分析能力與優化網站效益。
Thumbnail
這幾天我一直沒有發布新文章,是因為我一直在研究電子報訂閱的事情。其實架設一個網站不難! 佈置好首頁的版面也不難! 對我來說反而是[電子報訂閱]難倒我了。 光是找一個外掛看人家推薦一堆電子報程式,我光選就消耗掉我2天時間了! 總算選好要使用的程式下在完畢,才是接下來困難的地方。 我好死不死選到了
Thumbnail
這幾天我一直沒有發布新文章,是因為我一直在研究電子報訂閱的事情。其實架設一個網站不難! 佈置好首頁的版面也不難! 對我來說反而是[電子報訂閱]難倒我了。 光是找一個外掛看人家推薦一堆電子報程式,我光選就消耗掉我2天時間了! 總算選好要使用的程式下在完畢,才是接下來困難的地方。 我好死不死選到了
Thumbnail
網站建置後,為了確保優秀的使用者體驗和網站的功能性,進行徹底的後續優化和測試是不可或缺的。以下是建議的重點測試項目: 響應式網頁設計(RWD)測試: 確保網站在各種設備(如桌面電腦、平板和手機)上均展示良好。這包括在不同的屏幕尺寸和解析度上測試,確保網站能夠自如適應不同的顯示需求。
Thumbnail
網站建置後,為了確保優秀的使用者體驗和網站的功能性,進行徹底的後續優化和測試是不可或缺的。以下是建議的重點測試項目: 響應式網頁設計(RWD)測試: 確保網站在各種設備(如桌面電腦、平板和手機)上均展示良好。這包括在不同的屏幕尺寸和解析度上測試,確保網站能夠自如適應不同的顯示需求。
Thumbnail
當使用Google架設網站時,請考慮以下幾點。 目標設定:明確網站目的,選擇適合模板。 設計一致性:統一色系、字體和風格。 內容優化:用吸引力的標題、圖片、影片增加內容價值。 響應式設計:確保內容在各設備良好呈現。 專業域名:購買並設定獨特網域。 SEO優化:優化標題、描述、關鍵字和內部
Thumbnail
當使用Google架設網站時,請考慮以下幾點。 目標設定:明確網站目的,選擇適合模板。 設計一致性:統一色系、字體和風格。 內容優化:用吸引力的標題、圖片、影片增加內容價值。 響應式設計:確保內容在各設備良好呈現。 專業域名:購買並設定獨特網域。 SEO優化:優化標題、描述、關鍵字和內部
Thumbnail
「#不管是電腦還是電視都有使用方法 。 一旦用錯方法就無法開機,胡亂操作的話,甚至還會故障。 和媽媽相處也是一樣的道理。」
Thumbnail
「#不管是電腦還是電視都有使用方法 。 一旦用錯方法就無法開機,胡亂操作的話,甚至還會故障。 和媽媽相處也是一樣的道理。」
Thumbnail
剛剛檢視我的文章 追蹤人數 好難看 沒有打中大眾心 反而是交友軟體 點擊率最高 那我接下來一系列 狂分享交友軟體 骯髒事? 為了流量? 好的交友軟體 是個趨勢 因為現代人 太寂寞 但太多交友軟體 充滿情色 亂 愛滋? 軟體只是個媒介 識人 需要時間 觀
Thumbnail
剛剛檢視我的文章 追蹤人數 好難看 沒有打中大眾心 反而是交友軟體 點擊率最高 那我接下來一系列 狂分享交友軟體 骯髒事? 為了流量? 好的交友軟體 是個趨勢 因為現代人 太寂寞 但太多交友軟體 充滿情色 亂 愛滋? 軟體只是個媒介 識人 需要時間 觀
Thumbnail
好的網站應該要有直覺性網站版面配置與迅速的網頁載入速度,需要具備好的使用者體驗,進而提升SEO關鍵字排名。隨著時代演進,網站設計經歷了五個世代的變革,並逐漸注重UI/UX的整合。本文說明網站版面的重要觀念、配色的重要性、動畫對網站行銷的影響,以及改善網站PSI分數的優化方法。
Thumbnail
好的網站應該要有直覺性網站版面配置與迅速的網頁載入速度,需要具備好的使用者體驗,進而提升SEO關鍵字排名。隨著時代演進,網站設計經歷了五個世代的變革,並逐漸注重UI/UX的整合。本文說明網站版面的重要觀念、配色的重要性、動畫對網站行銷的影響,以及改善網站PSI分數的優化方法。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News