Silento 應用程式設計案例分析:探索使用者體驗的創新之路


摘要

在這篇文章中,我們深入分析了Silento應用程式的設計案例,探索其如何創新地提升使用者體驗,以及面對的各種挑戰。 歸納要點:

  • 微互動設計與情境感知讓Silento超越靜音功能,透過視覺回饋和狀態顯示提升使用者體驗。
  • 隱私保護與資料安全是Silento的核心挑戰,需確保位置資訊獲取符合GDPR等法規,並保障使用者資料。
  • AI輔助個人化設定可根據使用者行為自動調整靜音規則,大幅提升應用程式的智慧化設計。
Silento結合微互動、隱私保護和AI技術,不僅提供靜音功能,更在使用者體驗上展現出前所未有的智能與便利。

你的手機是否曾在會議、演出或夜間突然響起,打斷了你?Silento 將為你解決這個問題。

我們在研究許多文章後,彙整重點如下
網路文章觀點與我們總結
  • 設計應以使用者為中心,理解他們的需求和感受。
  • 手機APP的使用者體驗至關重要,良好的UX設計能提高用戶滿意度。
  • 跨平台應用需採用自適應和模組化設計,以提升流暢性。
  • 在靜音模式下,透過震動提示等替代方案來增強使用者互動。
  • 測試程序是確保應用程式功能正常的重要步驟,包括多媒體內容的播放行為。
  • 優化語音選項可以改善會議經驗,使參與者更容易聽到關鍵內容。

在當今數位時代,設計手機APP或網頁時,我們必須站在使用者的角度思考。這不僅涉及視覺美學,更關乎如何讓人們方便地操作和獲得資訊。良好的使用者體驗不僅會吸引更多人下載,也能讓他們樂於再次使用你的產品。因此,在開發過程中,多考慮一些細節,比如不同情境下的通知方式以及簡易的操作流程,都有助於提升整體體驗。


作品集勝過履歷:從自動靜音App案例研究談設計思維

作為一名產品設計師,擁有一個強大的作品集有時甚至比擁有一份好的履歷更具說服力。這也是我建立 Silento 的主要原因。每個優秀的產品都能解決現存的問題。在開始這個案例研究之前,我決定使用 UI Coach 的挑戰生成器來產生一個提示,而它所提出的是:

一款根據您的位置自動靜音手機的應用程式。如果您在會議中或在辦公室卻忘記將手機調成靜音,該應用程式能透過定位自動執行此操作。老實說,我並不認為這是一個問題,而是作為解決方案的一種想法。作為設計師,真正遵循設計過程,我更喜歡專注於問題或需求,而不是固定的解決方案。由於這是一個案例研究,我決定開始進行一些研究,以界定和驗證一個問題,以便繼續進行生成的提示。

設計思維引領iOS勿擾模式應用開發:從使用者需求到市場機會

在本案例研究中,設計思維過程指引了我的行動方向,因為這是我相當熟悉的一種方法。我將這篇文章的各個部分命名為其階段。我開始與潛在使用者建立同理心,並對該主題進行研究,以更好地定義和驗證問題。從我的主要問題和假設出發,我製作了一個 CSD 矩陣來指導我的桌面研究,並建立新的確信。

經過桌面研究和競爭分析後,我發現了一個機會:許多人在公共場所(如劇院)常常忘記開啟「勿擾模式」,而目前沒有任何競爭者針對 iOS 使用者解決這一特定問題。在進行同理心階段的研究時,我可以透過訪談潛在使用者或觀察他們在公共場合的行為,更深入地了解他們對「勿擾模式」的使用習慣和需求,以便獲得更具體的見解和洞察。


從使用者痛點出發:手機幹擾與定位的iOS解決方案設計

我搜尋了有關日常情境中手機如何打擾人們的文章;還有手機上的地理定位以及其運作方式,特別是針對 iPhone,因為在進行快速的競爭者分析(基準測試)後,我發現自己在 iOS 領域幾乎沒有競爭。接著,我建立了一個原型角色,以指導我的後續步驟並更深入地理解問題。在研究問題、增進對其理解並參考一些嘗試解決該問題的應用程式之後,我開始構思可能的解決方案。我首先透過「瘋狂八道」(Crazy 8s)集中焦點於實用功能,然後開始成熟這些想法並使用「蓮花花瓣技術」(Lotus Blossom Technique)進行精煉。


手機靜音神器:智慧排程與地點偵測的完美結合

我想到了一些想法,例如:一個可以靜音手機的計時器模式;定義日常或週期性的時間段,在此期間手機應該靜音;在鎖屏或主螢幕上輕鬆訪問的小工具,用於開啟/關閉應用程式;定義希望手機靜音的地點/位置;與其他應用程式(如 Google Calendar,讓手機在重要會議期間靜音)整合等。但我當然需要優先考慮幾個想法,因為我們總是必須這樣做。為了實現這一點,我決定使用 MoSCoW 優先順序框架。由於我沒有團隊來一起交付產品,因此 MoSCoW 對我來說似乎是最佳選擇,而不是其他框架,如 RICE 評分。在此之外,我還可以增加一個“智慧靜音”選項,讓應用根據使用者的日程安排,自動檢測環境噪音或地理位置,自動調整靜音模式,以提升使用者體驗與便利性。


我將以下功能列為必須具備的特性:定義靜音地點/位置;定義靜音的常規時間段;透過通知向用戶反饋告知他們應用程式已將手機設定為靜音。在確立這些重要定義後,我開始構思應用程式的視覺識別:它的名稱、色彩方案、標誌、字型、標語和圖示等。


Silento:靜音手機應用程式設計歷程

我為這個應用命名為 Silento,旨在傳達靜音手機的概念,讓使用者享受一段安靜、無幹擾的時光。顏色調色盤也遵循了這一理念,選擇了沉穩、平和且更具夜間感的顏色。整體視覺識別圍繞著這個概念,我選擇了「你的專注力始終啟動」作為標語。上面的圖片展示了我的草圖和頭腦風暴過程。由於建立圖示並不是我最擅長的技能,我決定使用一個免費的 Figma 外掛,它提供了一個免費圖示庫:Ikonik。在優先考慮最重要的功能並建立應用的視覺識別後,我開始直接在 FigJam 白板上用鉛筆勾畫初步線框。我主要集中於新增必須具備的功能,並利用資訊架構(Information Architecture, IA)的原則進行組織。在設計過程中,我意識到使用者體驗(UX)也是至關重要的一環,因此進一步進行了使用者研究,以了解目標使用者的需求與偏好,從而更有效地設計出符合他們期望的功能和介面。


在完成應用程式首版的線框圖後,我建立了一個簡單的線流程,以更好地視覺化使用者在應用程式中的路徑和互動。不過,最終版本中並未包含暗/亮模式切換按鈕。


之後,我設計了高保真原型的第一個版本。這個版本包含了所有必要的功能,並融入了為應用程式建立的視覺識別,它還是一個互動原型,可以在測試期間使用,以提高測試的有效性。


在設計出第一個高保真原型後,我進行了兩種測試:針對幾位使用者的可用性測試,以及一項啟發式評估。我選擇這兩種測試方法,因為我在進行這些測試時會有更多經驗,它們也相當常見,並且能夠提供一些使用者反饋,以便使我的應用程式評估能與我所做的啟發式評估達到平衡。


我最終進行了五次可用性測試,參與者為五位不同的人:三位人士測試了初始原型,隨後我根據首輪測試所收集的反饋和質性資料對其進行了改進,並再與兩位新參與者測試了改良版。這一改良版原型也在啟發式分析之後製作而成,該分析提供了一些關於可改善之處的見解。


使用者體驗改善:簡化介面、最佳化導覽與提升UI設計技巧

我從測試中得到的一些主要收穫包括:

實施使用者上線引導:一些非 iOS 使用者和年長使用者花了一段時間才弄明白如何使用某些功能並導航應用程式,因此我實施了一個簡短的使用者上線引導。

極簡設計:在「我的位置」(靜音特定地點)和「我的例行事務」(靜音重複的時間段/例行活動)這兩個介面上,資訊過多令使用者感到困惑。我對它們進行了簡化,但並未削弱功能本身的價值。

識別而非回憶:再次強調,啟發式評估在可用性測試中發揮了重要作用。我將「返回」按鈕移至左側,以便使用者更熟悉並更容易找到,同時改善了計時器模式的使用介面。因為之前只有播放/暫停按鈕,而沒有選項來設定計時器的持續時間,這讓人感到困惑。

這是一個絕佳的機會來練習一些產品設計工具、知識和決策,模擬 Silento 應用程式的真實數位產品設計過程。這也是一個驚人的練習,可以提升我的 UI 設計技巧,尤其是作為一名偏向 UX 的設計師,我希望成為一位具備多元知識的「T 型設計師」,以便能夠適應不同領域、情境和需求。

如果您有興趣親自測試這個原型,請點選這裡檢視!如果您想了解我每一步的過程,請點選這裡檢視我的 FigJam 板!感謝您的閱讀!我非常重視每一條反饋,因此,如果您願意給我一些建議或對這個案例研究提供意見,我會非常感激!

參考來源

十項使用者體驗設計優化原則

這些原則是在做設計網頁或是手機APP都可以大致遵循的原則,當然任何案例可能都稍有不同,但重點是做設計時必須要站在使用者的鞋子裡,感同身受使用者的需求, ...

來源: Medium

從挫折到流暢:克服常見的手機應用使用者體驗挑戰

在現代數位時代,手機應用程式的使用者體驗至關重要。本文探討如何克服常見挑戰,讓您的應用程式從挫折走向流暢。 打造跨平台應用:採用自適應和模組化 ...

來源: 品科技

反應與提示

在靜音模式下無法使用聲音提示使用者時即會轉變成震動提示,如iPhone 側邊的靜音模式切換扭,當使用者切換到靜音模式時iPhone 會震動,提示使用者已切換成功 ...

iPhone 人機界面指南

沈浸式應用程式的使用者交互模型由應用程式提供的體驗決定。雖然它不像遊戲 ... 建立文件,介紹如何設計iPhone應用程式的使用者介面,為建立基於. iPhone操作系統 ...

來源: claire-chang.com

7種讓每個使用者都滿意的手機App UX體驗 - 戰國策集團

在App開發中UX指的是User Experience,強調「使用者體驗的過程」,App的UX設計強調的是消費者的直觀體驗過程,是否能有效地幫助消費者了解App的使用方式,快速適應App讓他 ...

來源: nss.com.tw

行動化應用軟體無障礙檢測基準與作業辦法

測試程序. 1. 啟動應用程式,找到時序媒體的內容。 2. 確定時序媒體是否不自動播放音頻內容. 3. 確定包含重要訊息的音頻內容,是否提供同時提供與音頻 ...

Webex Meetings 行動版應用程式(iOS) 更新概觀

類似于桌面,Webex Meetings應用程式使用者現在可以使用優化我的語音選項增強其會議體驗。現在,您可以隱藏所有背景講話者及噪音,以允許其他人更好地聽到您 ...

來源: Webex Help Center

行動化應用軟體無障礙檢測指引

iOS. Android. HTML. 範例. 說明. 使用者可以使用iOS. 中的縮放功能縮少/. 放大內容,但此僅. 允許使用者在任何. 時候縮放特定的螢. 幕區域,為讓使用. 者更改應用程式的.

來源: 植根法律網

J.D.

專家

相關討論

❖ 相關專欄