App 圖示字體為 自由香港字型。背景為 Apple 地圖。

物資請求與分佈資訊 app 設計概念圖

私隱考量、節省電力、單手操作、降低體積、除了 app 還有甚麼方法

🐟Curtis Chan FishSunSun
Curtis’s Digital Life
4 min readJun 20, 2019

--

大型活動例如婚禮、展覽,物資調配是最常見的問題。

撰文時有朋友提出其實 app 開發比較麻煩,網頁版本反而更快更有彈性。例如所有懂用 Twitter 的人可以開一個額外的帳户在各站點拍照,加上一個標籤,#nameOfEventStock,就能讓大家知道最新情況。

或者透過文末的一些整合資訊網頁或討論區,使用者用瀏覽器就可以查閱,也不怕 App Store 拒絕上架這類敏感題材的應用程式。再或者將 app 開源讓用户自行登記為免費版開發者帳户,再用 Xcode 編譯,每 7 日失效

話雖如此,以上這個概念設計我用來練習 UX 用。這個藍圖只考慮 zh-HK 語言使用者及 iOS 12 + 的情況。一開始構思考慮過加入一些新聞及天氣資訊,但是「物資調配」才是主角。

地圖界面,如何顯示物資分佈資訊?

  • iPhone X 或 XS 用家可設定黑色界面,因為不發光像素在 OLED 屏幕中可更省電。而其他 iPhone 用家則可用預設白色界面,對應 LED 屏幕特點。
  • 每個站點用 Emoji 來代表,可以減少不必要 app需要的圖案檔案。按一去會顯示該站點有的物資列表、數量及相片。其實應該不用太仔細,有大約類型就可以;另外,不是所有物品都有相應的 Emoji 可供代表。
  • 使用下滑手勢關閉站點資訊咭,方便單手操作。這個也是很多大企業的 app 都沒有把關。流動程式界面必須流暢、快速與直觀。
  • 搜尋框置底,方便大拇指快速點擊。
  • 搜尋框左側有一個「篩選」圖示,改變地圖上顯示的類型。
  • 搜尋框右側有一個「分享」圖示,讓到用户可以以截圖形式告訴給其他參與者所需物資。
  • 類似香港一些慈善晚宴,在底部顯示一個跑馬燈滾動文字顯示附近人士的打氣訊息。

站點資訊與編輯咭,如何更新資訊?

  • 長按 0 字鍵可輸入 10、25、50、或其他自定數值。
  • 加入照片並可以人手或自動(如 Core ML)標上相中物件名稱。
  • 「更新/請求」與「刪除/圖案」按鈕可對調,方便左手用家。
  • 確認動作靠拖拉至指定位置,防止操作錯誤。

私隱方面

  • 用家可自由選擇 Apple Maps 或 OpenStreetMap
  • 用家可關閉定位功能,人手移動地圖並查看該區域的站點。
  • 上載相片前 app 會移除所有 EXIF ,不保留任何拍攝設備、地點的資料。
  • 不用登入,但每次更新資訊需要驗證碼。
  • iOS 13 後可以加入 Sign-in with Apple

不知如何分類

--

--

🐟Curtis Chan FishSunSun
Curtis’s Digital Life

讀心理學,鐘意科技同效率相關題材。A Psychology student is hooked on technologies and productivity. #地鐵迷 #非火車迷 #科幻 #電子化 #硬筆書法#手寫 #metro #digital #handwritten #calligraphy