IShare
Network Trade Mobile Application
UI/UX Case Study
07.2020
旅遊是現代人不可或缺的休閒娛樂或國際交流的要素，然而，許多旅遊型的網站及App的出現，那旅遊更加方便。然而，由有一件事從未改變，就是網路SIM卡的轉換不變，國際旅遊仍需要透過轉換SIM卡來獲取網路流量，因此我們希望改變這樣的模式，希望創造全新的使用者體驗服務，重新定義旅遊的體驗。
My Role
創意發想、設計研究、訪談調查、UI/UX設計
Wireframe、旅客流程、原型製作
Duration
3 週 / 三月 2016
2 週 / 七月 2020
Process
01
02
03
04
05
Research
Define
Design
Deliever
Prototype
發現問題
現況調查
使用者訪談
需求洞見
產品目標
功能界定
流程規劃
架構線框
網站地圖
設計風格
介面設計
動態模擬
Problem
根據世界旅遊組織對於國際觀光客人次的統計，2019 年 約有 15 億的國際觀光人次穿梭在各國之間，相較於 2018 年成長了 4%， 同時也創造龐大的經濟收入，可證明旅遊對於現代人的需求是不可或缺的。行動網路，正是帶領人們走向地球村最重要的要素，旅遊期間，無論是預定住宿、規劃行程、各國資料、地圖等，網路都是連結這些服務的基本要點。
然而，過去國際旅遊依然需要購買 SIM 卡或是無線基地台等，才能連結使用， 既不方便又不環保。況且在購買網路流量時，由於不確認是否需要多少容量， 外加深怕異地旅遊時，可能沒有網路可能導致自己迷失方向。
不清楚需要多少網路流量
SIM 卡不環保
沒網路就沒有服務
Research
針對旅遊 App 跟網站進行功能的調查，發現有六大類型的功能：觀光景點、旅遊資訊、飯店預訂、交通運定、旅遊規劃、地方小吃。
多數 App 皆屬於整合型的功能，並不會只有一種功能出現在一個 App，所以整合型的旅遊 App 佔絕大多數。然而，網路正是連結這些服務的基本條件。
Insight
根據調查過去旅遊的數據，訪談 5 名具有國外旅遊經歷的人，瞭解他們對於旅遊經歷及旅遊 App 的期待與需求。
網路隱性需求
對於旅客來說，網路是最基本的需求，但往往被認為是基本， 而忽略其重要性，網路正是連結所有服務的關鍵。
旅遊目的性
旅遊有分成很多目的：觀光、留學、購物、就醫等，然而目的性正是旅遊出發前最關鍵因子，連帶影響後續所有規劃。
社群影響力
許多人旅遊前都會觀看該地點其他人的評論、部落客等，來決定是否到該地旅遊的關鍵。
Purpose
綜合以上資訊，因此，IShare希望提供國際旅遊的背包客一個網路流量的交易平台，解決網路隱性需求的要素。同時針對旅遊目的性的需求，我們也一樣搭配旅遊業者，提供旅遊相關資訊及規劃的服務，讓背包客能夠快速找到自己想去的地點及活動；針對於社群影響力，也能夠過評論的功能來協助旅客決定是否前往的需求。
Function
根據目的，IShare 主要提供用戶四種服務:個人帳戶、交易系統、旅遊規劃與活動資訊，不僅是最基礎想達到的線上網路流量交易系統，包含觀光客在意的旅遊資訊、活動等皆可以透過 IShare 的平台實踐，以下為各功能介紹：
個人帳戶
1. 天氣預測
2. 網路流量
3. 旅遊記錄
4. 活動記錄
交易系統
1. 流量購買
2. 流量販售
旅遊規劃
1. 搜尋地點
2. 旅遊資訊
3. 評論功能
活動資訊
1. 活動資訊
2. 旅遊預訂
3. 評論功能
Sitemap
架構上依循著四種服務的制定進行細節規劃，以下為架構的細節介紹：紅色為IShare的四大服務；橘色為服務的基本流程；紫色代表景點資訊的儲存；黃色則代表活動的儲存；綠色則是交易相關事項；最上端的灰色則是會員制度的建立；藍色為首頁。
架構圖
Wireframe
針對Sitemap的制定，將所有的功能繪製出Wireframe，以下為Wireframe的繪製。
設計線稿
UI Elements
色彩
設計風格上，以藍色與白色的天空、自由的形象作為主色調；紅、黃、綠、紫則是成為強調色，作為決定與選擇的色彩。
文字
文字則是採用標準的SF Pro Display來表現，希望動態的元件與標準的文字可以達到平衡。
元件
元件的設計多數才標準規格化，並參考IOS Design的規範設計；但若表現數據的元件則另外自行設計。
Deliver
會員註冊與登入
連接到IShare的WIFI後，若有會員可直接登入，若無會員，可選擇註冊會員，包含基本資料與付費方式的綁定，註冊完畢後，即可顯示個人資料與目前擁有的網路流量。
個人頁面
個人頁面主要包含天氣預測、網路流量顯示、旅遊記錄及活動記錄四項功能。
天氣預測
流量顯示
旅遊記錄
活動記錄
購買流量
IShare 目前提供四種方案給用戶選擇，分別是週末旅遊、休閒假期、商務旅行及國際商務。
購買方案
週末旅遊提供 1GB 的容量、休閒假期則是 2GB、商務旅遊 5GB 以及國際商務 10GB 的容量供旅客選擇。
購買確認
確認好購買的容量，即可按下旁邊的確認鍵。畫面將會跳轉到最新的容量顯示。
流量頁面
方案選擇
方案確認
完成交易
購買販售
IShare 另一大特點就是希望可以販售目前所 擁有的網路流量給平台，將會退回 6 成左右 的費用。除最直接的販售功能外，也可以贈 禮或是捐贈的方式回饋給平台或朋友。
方案選擇
方案確認
完成交易
旅遊規劃
旅遊規劃雖並非是 IShare 最大賣點， 但我們依然提供旅遊的資訊給予旅客參考，且記錄過去旅遊或喜愛的地點在管理的清單當中，好讓用戶未來可參考此份清單規劃旅遊。 此外，為因應疫情政策，我們也將疫情相關資訊放置於最上列，好讓旅客了解各國的政策。
景點記錄
地點搜尋
景點資訊
活動資訊
我們希望與旅遊業者配合，將景點與活動相關資訊一同搭配，綁定自己的帳戶，確認日期與人數即可快速完成旅遊行程的預定。
活動記錄
活動資訊
日期選擇
人數選擇
困難
過程中最難的是理解使用者的操作流程跟介面的標準化設計，由於起初對於UI/UX設計的不熟悉，在設計上並未有任何規範，導致測試者認為字型、字體大小等不便於使用者操作。此外，操作上也並未流暢，各個按鈕所對應到的位置或是使用上不夠直覺，測試者認為概念很好，但不符合使用者操作的習慣。
解決
對應於使用者流程與介面設計，我上網參考各個UI/UX設計師在設計架構上如何繪製Sitemap跟Wireframe，讓設計的App可以更有邏輯性，此外，我也透過訪談的方式理解人們對於旅遊型的App有哪些需求與期待，回歸最原始對於旅行的調查，因此去訪談人們有哪些行為與需求，進而將IShare的使用功能、流程等做出修正；介面設計上，則是去理解Material Design跟IOS Design的設計規範，由於不需要過去客製化的設計，因此IShare平台就依據IOS Design規範進行標準化的設計調整。
結語
這個作品主要是修改曾經2016年參與黑客松智慧城市競賽的作品，當時主要負責概念發想、功能界定、架構設計等，並未實質參與UI/UX設計。隨著對於UI/UX設計的碰觸，對於產品許多細節都做出調整，包含介面重新的設計、動態呈現等，讓我學習許多。