top of page
ASC-cover2.jpg

AI 自助結帳機

結合了AI技術的自助結帳機,顧客透過人臉辨識自動帶入會員資料,取得優惠卷跟點數,店家也可以根據顧客的資料推播適合的廣告。並且透過物件辨識避免商品被盜竊或是忘記刷條碼。

Team members

友達數位體驗設計處

Project

友達光電股份有限公司

Device

Web X86

Team

在此專案前期擔任UI,後期擔任全產品設計師

Product Manager

Product Designer

  • Design wireframes and user interface

  • UX testing & interviews

  • Graphic UI Design

  • Create Design system

Web Developer

本產品代表參加 2025西班牙的 ISE展覽還有 Touch Taiwan 展覽。

這個產品前期由另一個UX設計師進行需求訪談,我負責執行UI,後來我繼續接手產品後續的UXUI設計。

Challenge

本產品的挑戰是要設計成大型直立的觸控螢幕,需要考慮使用者跟螢幕的相對位置,讓使用者可以清楚看到資訊並觸控到動作按鈕,完成結帳流程,並且讓AI的技術自然地融合在產品中。

 

因為產品是從零開始開發,在進行介面設計時,我們團隊都還沒拿到硬體,所以最後還要把畫面放到硬體上進行測試。

Sitemap & Wireframe
ASC-info.jpg

除了結帳的功能外,顧客還能夠自動取得優惠卷。功能分成會員和一般顧客以及員工模式。

Style
ASC-style.jpg

我設計了多彩的風格也提供清新的風格。最後我們選擇清晰極簡和實用的風格,這個視覺風格比較能適用在各大超市、商店情境。

Details
6.1 welcome.jpg
6.1 welcome-1.jpg
6.1 welcome-2.jpg
3.4 error popup.jpg

1. 因為攝影鏡頭在上方,提示使用者辨識成功。

2. 設計成高度較高的按鈕,方便不同高度的使用者點擊。

3. AI辨識出使用者的年齡或性別後,可以自動推播適合的廣告。

4. AI物件辨識可以幫助提醒使用者哪些商品掃描失敗。

ASC-designsystem.jpg

我為這個產品製作了設計系統,並且增加插畫和微動畫,讓歐美的顧客也能易於使用。

AI自��助結帳demo.gif
IMG_6341_edited.jpg
S__2375683.jpg
bottom of page