top of page
FindARTs App Cover.png

FinARTs 控制器 App

這是一款為了數位藝術畫框FindARTs設計的App,可以對數位畫框進行遙控、購買畫作、播放或暫停畫面、編輯畫冊清單、以及進行畫面設定。我在此專案進行了完整的介面設計流程,包括使用者訪談、易用性測試以及視覺介面提案。

Team members

友達數位體驗設計處

Project

友達光電股份有限公司

Device

iOS, Android

Team

在此專案擔任全流程產品設計師

Product Manager

Product Designer

  • Design wireframes and user interface

  • UX testing & interviews

  • Graphic UI Design

  • Create Design system

App Developer

Goal

我們的目標是設計一個能夠幫助使用者更容易操作數位藝術畫框的App,讓使用者可以用最簡單的方式利用App遙控數位藝術畫框,不需要經過困難的學習。

findarts-app-ux-01.jpg

本產品分為數位畫框裝置、遙控器、手機App,我們進行了全流程易用性測試找出了下列問題:
包裝缺少清晰的安裝指引,且畫面切換過快,不適合家庭使用。遙控器按鍵設計不直觀,容易讓使用者誤解。控制器App從B2B(設備管理)轉為B2B2C(播放清單管理),需調整介面以符合新需求。

findarts-app-ux-02.png

我們找了八位受訪者,包含不同手機系統的使用者及不同年齡的人進行測試

findarts-app-ux-04.png

我們請八位參與者接受訪談,進行產品開箱、App的操作,還有產品裝置的操作,並記錄過程。

findarts-app-ux-03.png

我們整理出操作過程中使用者遇到的問題、痛點,每個階段的心情體驗,還有可以改善的方法。我們發現在進行連線操作時使用者的挫折感最重。

findarts-app-ux-05.png

我們也紀錄App操作過程中使用者的出錯次數,在開箱、裝置配對和網路連接的階段最容易出錯。

findarts-app-ux-06.png

使用者在管理播放清單時經常混淆,我們在UI上提高了播放清單的層級,並讓播放清單和裝置的icon更清楚好理解。

findarts-app-ux-07.png

我們改善了連線問題的提示,幫助使用者更快速找到連線方式。

findarts-app-ux-09.png

我們簡化開箱流程,提供圖示或教學影片,讓使用更直覺。優化硬體與遙控器,合併功能並使用清晰圖標提升操作體驗。Player 介面增加配對提示與操作引導,幫助使用者順利連接。App 介面優化播放清單顯示與層級,提升使用流暢度。

findarts-app-ux-10.jpg
bottom of page