Top Banner
Bikerker Report NTUESOE CKLab R03525056 陳雲濤
41

Bikerker report Ubike App UI/UX 比較

Aug 07, 2015

Download

Mobile

Yun-tao Chen
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Bikerker report Ubike App UI/UX 比較

Bikerker ReportNTUESOE CKLabR03525056 陳雲濤

Page 2: Bikerker report Ubike App UI/UX 比較

相關App

Page 3: Bikerker report Ubike App UI/UX 比較

相關App

Page 4: Bikerker report Ubike App UI/UX 比較

相關App: (官方) YouBike微笑單車

租賃站地圖

可檢視基本狀態

最新消息跑馬燈

Page 5: Bikerker report Ubike App UI/UX 比較

相關App: (官方) YouBike微笑單車

租賃站地圖

按下定位按鍵可GPS定位

不會自動zoom in

Page 6: Bikerker report Ubike App UI/UX 比較

相關App: (官方) YouBike微笑單車

租賃站列表

可加入最愛站點

Page 7: Bikerker report Ubike App UI/UX 比較

相關App: (官方) YouBike微笑單車

僅列出最愛站點

心得:

資訊量多

呈現方式太擠

顯示bike數量層次還需更多

Page 8: Bikerker report Ubike App UI/UX 比較

相關App: FreeBike

Page 9: Bikerker report Ubike App UI/UX 比較

相關App: FreeBike

教學與宣傳影片!

Page 10: Bikerker report Ubike App UI/UX 比較

相關App: FreeBike

引以為戒!

Page 11: Bikerker report Ubike App UI/UX 比較

相關App: FreeBike

心得:

icon 不錯

有宣傳影片

有路徑規劃

站點加上彰化囉!

Page 12: Bikerker report Ubike App UI/UX 比較

相關App: (iOS) UBike

Page 13: Bikerker report Ubike App UI/UX 比較

相關App: (iOS) UBike

Page 14: Bikerker report Ubike App UI/UX 比較

相關App: (iOS) UBike

一進入App先跳出幾秒天氣資訊與人數資訊後消失

站點車輛數以滿水缺水的概念圖示來標記

Page 15: Bikerker report Ubike App UI/UX 比較

相關App: (iOS) UBike

按下List 會在螢幕下方呈現可滑動的 List (距離由近到遠排)

優點:地圖仍然在螢幕當中可以看

Page 16: Bikerker report Ubike App UI/UX 比較

相關App: (iOS) UBike

按下定位鍵會zoom 到預設的map level

Page 17: Bikerker report Ubike App UI/UX 比較

相關App: (iOS) UBike

按下站點座標鍵

可檢視詳細車輛車位資訊

可加入最愛

可路徑規劃

可檢視最愛站點List

Page 18: Bikerker report Ubike App UI/UX 比較

相關App: (iOS) UBike

加入最愛

刪除最愛

Page 19: Bikerker report Ubike App UI/UX 比較

相關App: (iOS) UBike

按下下方計時鍵會開始計時

剩十分鐘會提醒

Page 20: Bikerker report Ubike App UI/UX 比較

相關App: (iOS) UBike

計時器停止方式:長按

結束時自動歸 “零”(30 min)

Page 21: Bikerker report Ubike App UI/UX 比較

相關App: (iOS) UBike

個人覺得頗新奇的好功能!

自行車道地圖!

Page 22: Bikerker report Ubike App UI/UX 比較

相關App: (iOS) UBike

自行車道地圖

有開啟vs沒開啟

Page 23: Bikerker report Ubike App UI/UX 比較

相關App: (iOS) UBike

自行車道地圖

(以綠色線條標示)心得:

UI/UX 一百分!

操作模式新穎直觀

以地圖為主軸一直放在畫面上

Page 24: Bikerker report Ubike App UI/UX 比較

相關App: (iOS) UBike

自行車道地圖

(以綠色線條標示)心得:

UI/UX 一百分!

操作模式新穎直觀

以地圖為主軸一直放在畫面上

Page 25: Bikerker report Ubike App UI/UX 比較

相關App: 台北騎UBike

Page 26: Bikerker report Ubike App UI/UX 比較

相關App: 台北騎UBike

Page 27: Bikerker report Ubike App UI/UX 比較

相關App: 台北騎UBike

Page 28: Bikerker report Ubike App UI/UX 比較

相關App: 台北騎UBike

Page 29: Bikerker report Ubike App UI/UX 比較

相關App: 台北騎UBike

Page 30: Bikerker report Ubike App UI/UX 比較

相關App: 台北騎UBike

優點:

列出到站所需步行的時間

以List為主畫面搭配一點點的map路徑規劃

缺點: button太小不好找

Page 31: Bikerker report Ubike App UI/UX 比較

相關App: Ubike讓我騎

Page 32: Bikerker report Ubike App UI/UX 比較

相關App: Ubike讓我騎

Page 33: Bikerker report Ubike App UI/UX 比較

相關App: Ubike讓我騎

Page 34: Bikerker report Ubike App UI/UX 比較

相關App: Ubike讓我騎

Page 35: Bikerker report Ubike App UI/UX 比較

相關App: Ubike讓我騎

Page 36: Bikerker report Ubike App UI/UX 比較

相關App: Ubike讓我騎

新奇1:校正功能

Page 37: Bikerker report Ubike App UI/UX 比較

相關App: Ubike讓我騎

新奇1:校正完

可定方位

Page 38: Bikerker report Ubike App UI/UX 比較

相關App: Ubike讓我騎

新奇2:功能列UI天氣

公告

1999

Page 39: Bikerker report Ubike App UI/UX 比較

相關App: Ubike讓我騎

新奇3:歷史紀錄

計時碼錶

還有

減肥!!!

Page 40: Bikerker report Ubike App UI/UX 比較

Bikerker

地圖方面的Library是用Polaris (第一代)現在已經出到 Polaris2

嘗試換成直接google map api

Page 41: Bikerker report Ubike App UI/UX 比較

想法

天氣影響ubike使用人數分析

腳踏車專用道map 結合動線規劃

碼錶結合消耗卡路里 (健身輔助)給路癡一張好用的地圖 (校正指北針+路徑導航)