top of page
封.jpg

who care 

                 we care

前言 Introduction

因為居住地關係時常會在家門口看到復康巴士的接送,在開始這個項目前,有觀察過復康巴士接送服務的過程並發現了一些問題,於是興起了設計這個應用程式的念頭,長期照護是你我都有可能經歷的過程,由復康巴士的接送服務延伸思考,我們還能怎麼讓他變得更貼近於普羅大眾的生活?本次設計將著重於UI方面進行設計。

MY ROLE

User Research

Lo-fi Wireframes

Visual design

Prototyping

設計流程design process

组 250@2x.png

產品目標 Goal

台灣將在2026年邁入「超高齡社會(super-aged,,高齡人口比例超過20%)」,且2065年台灣高齡人口比例將超過4成,屆時台灣每1.2位生產者需負擔1位老年人口進入高齡化社會,老年化的人口分佈使得長期照護越來越貼近每個家庭,因此,我們將作為推廣者的角色幫助一般民眾對長照訊息有更近一步的了解,以及扮演第三方進行媒合各項長照服務。

原型 Prototype

​體驗一下吧!

歡迎1@3x.png

使用者研究 User Research

採用5W1H六合分析法,將資料視覺化,讓研究更加清楚明瞭;再根據User Story條列出:做為一般使用者希望該產品有什麼功能達到什麼目標。

5w拷貝.jpg

功能範圍  Function scope

根據使用者研究的結果,我們縮小了產品的核心價值,定義出產品的特色走向以及新產品必須具備的服務功能。

Web_1920_–_13.png

資訊架構 IA 及流程圖 Logic Flow

ia.jpg

產品包含了四個主要功能,能夠直接對應到Tab bar。秉持扮演推廣者的角色,因此產品的主頁將長照資訊設定為首頁;其次則是預約照護以及預約巴士作為產品的額外功能。

線框圖 Wireframe

透過wireframe模擬實際畫面的配置與佈局,利用Balsamiq軟體製作原型Prototype,經由原型測試調整介面元素的位置,提高整體App的使用流暢度。

設計規範 Design guidelines

視覺設計包含確定整體App風格走向,選擇綠色作為整體色系,代表永續、健康的形象。傳達產品永續發展、清新健康的形象給使用者。確保介面的一致性和標準,也維持使用者良好的使用經驗,建立品牌形象,設計範圍以字型、顏色、按鈕、輸入框以及圖像為主要規範。

lc guide@2x.png

圖標設計 Logo design

Web 1280 – 1@2x.jpg

視覺設計 UI Design

App圖標的設計是決定使用者對產品的一印象,產品想要塑造的形象為簡約以及輕鬆健康。圖標規範主要以健康的形象-綠色作延伸,搭配白色對比,呈現扁平化風格為主。logo設計發想為圓環代表“C”care的意思,想傳達持續關懷的精神。

组 417.png

1.註冊 Sign up

此階段使用者介面設計將整體App頁面完成,針對註冊、預約巴士、尋找照護、長照資訊、個人設定五大主要頁面加上視覺設計讓整體Prototype呈現更真實。

產品的目標用戶廣泛,考慮年紀偏大的用戶沒有E-mail的情況下所以以手機號碼作為註冊以及認證的方法,輸入手機密碼後,系統自動傳送傳送驗證碼,簡化流程不繁複,讓使用者有良好的體驗。

2.預約巴士 Transportation Booking

傳統形式上的復康巴士是經由司機或第三方口頭告知搭乘者上下車位置以及搭乘時間,乘客必須提前到約定位置且專車到達時間也不一定,數位化的好處是使用者在確認預約後,使用者可以得知專車資訊以及目前位置

3.尋找照護 Nurse searching

呈現照護員方式使用了卡片式設計具有簡潔有序的設計和良好的可用性,符合產品想要傳達的極簡主義風格,使用者直覺性思考,即可篩選出適合的照護員。

個人大頭照加上詳細資料,使用者可根據被照護人的需求,以及照護員的評價,預約合適人選。

4.長照資訊 Information Searching

起始頁主要放置政府的政令宣導以及重大活動,考量到每個縣市的長照資訊都不大相同,因此讓使用者根據自身區域選擇要接受的長照資訊,如未選擇,系統將呈現綜合訊息提供給使用者。

5.設定 Setting

使用者除在個人設定頁中基本資料編輯外,也可查詢訂車及預約記錄。

bottom of page