返回作品列表

數位產品

KIOSK UI Design

互動式 Kiosk 介面設計,為公共場所自助服務機器打造直覺化的使用者介面。

UI/UX Kiosk Interactive

客戶

大型觸控資訊導覽 Kiosk 介面

類型

UI/UX

年份

2008

項目數

3

延伸

可查看完整作品頁

KIOSK large-screen interface mockup on freestanding display hardware

主視覺直接把介面放回大型展示設備上,讓螢幕比例、按鈕布局與使用情境一併被看見。

專案重點

Kiosk 介面和手機或網頁不同,重點不只是美觀,而是遠距可讀性、觸控區塊大小與場域中的快速導覽效率。

設計思路

以實機展示為核心,直接把 UI 放回裝置本體與展示場域裡,確認資訊導覽結構與操作按鈕配置是否足夠清楚。

成果定位

最終案例能清楚說明這是一套為大型觸控展示設備設計的資訊導覽 UI,而非單純平面畫面設計。

案例圖組

延伸應用

主視覺之外的補充畫面與延伸成果。

KIOSK interface variant shown on dual display kiosk hardware
第二張實機模擬補足不同內容頁狀態,說明同一套 kiosk UI 如何維持一致的導覽與資訊層次。

摘要

這個案子聚焦在大型觸控 kiosk 的資訊導覽介面,從實機模擬到不同介面版本展示,都圍繞同一件事:如何讓使用者在公共展示設備上快速理解資訊結構並完成操作。

這類案例的價值在於介面是否能回到實際設備尺寸與展示情境中被驗證,而不只是平面截圖本身。

補充說明

  • 案例類型:UI/UX
  • 關鍵標籤:UI/UX · Kiosk · Interactive
  • 作品庫中的延伸案例。
查看原始作品頁

角色

  • 互動流程規劃
  • 大型螢幕介面設計
  • 場域操作情境整合

產出項目

  • Kiosk 主視覺模擬
  • 介面版本展示
  • 大型螢幕資訊導覽 UI

使用工具

Photoshop Illustrator

設計過程

  1. 01 先以實機模擬圖確認大型螢幕比例、按鈕位置與遠距觀看下的視覺層次。
  2. 02 再用第二張介面版本圖補足不同資訊頁面在同一套 kiosk 架構下的切換感。
  3. 03 最後把案例敘事集中在場域導覽、資訊瀏覽與觸控操作的一致性,而不是只談風格。

專案成果

  • 把大型直立與斜面觸控裝置上的資訊導覽介面整理成一致的視覺語言與操作框架。
  • 讓案例不只呈現單張畫面,而能看出同一套 UI 在不同 kiosk 形式上的應用狀態。