The problem

ไม่มีมาตรฐานกลางของแบตเตอรี่สลับได้ — แต่ละค่ายใช้แพ็กของตัวเอง ตู้ชาร์จของตัวเอง ผู้ขับขี่ถูกล็อกกับเครือข่ายแรกที่ซื้อ และถ้าปล่อยไว้โดยไม่มีทิศทางเชิงนโยบาย ประเทศจะจบลงด้วยตู้สลับแบตของทุกแบรนด์ตั้งเรียงข้างกัน แบบเดียวกับตู้ ATM ทุกวันนี้

The answer

โครงการระดับชาตินำโดย ENTEC กำหนดมาตรฐานเดียว: ขนาดแบตเตอรี่ หัวต่อ และโปรโตคอลสื่อสาร โดย GridWhiz เป็นหนึ่งในสมาชิกโครงการที่ถือสิทธิ์ทรัพย์สินทางปัญญาจากการลงแรงและเทคโนโลยี และเป็นผู้สร้างสถานีต้นแบบ — ผมออกแบบทุกหน้าจอที่ผู้ขับขี่และผู้ดูแลแตะ

  • แบตเตอรี่ใช้ร่วมกันได้หลายรุ่นมอเตอร์ไซค์ไฟฟ้า
  • ชาร์จได้ที่ตู้ไหนก็ได้ในเครือข่าย
  • แบตสื่อสารสถานะพื้นฐานกลับถึงผู้ใช้
ค่าย A
ค่าย B
ค่าย C
ค่าย D
batt swap

✓ หนึ่งมาตรฐาน — แบตก้อนเดียวกัน ตู้ไหนก็ได้

01–02 · empathize → define

ฟังก่อนวาด

ผมไปยืนดูคนสลับแบตจริงที่หน้าปั๊ม — คนขี่ครั้งแรก มือเต็มไปด้วยของ แดดเที่ยงตรง สิ่งที่จดกลับมาไม่ใช่ฟีเจอร์ แต่เป็นข้อจำกัดที่จอทุกจอต้องเคารพ

ตัวหนังสือต้องอ่านออกกลางแดดจ้า

field note · 01

ปุ่มต้องกดได้ทั้งที่ใส่ถุงมือ

field note · 02

ยืนยันได้ทั้งไทยและอังกฤษ

field note · 03

ขั้นตอนยิ่งน้อยยิ่งดี — มือไม่ว่าง

field note · 04

30 วินาทีสุดท้าย ต้องไม่มีใครพลาด

field note · 05

03 · ideate

วางเส้นทางทั้งระบบ

สลับหนึ่งครั้งเริ่มที่มือถือ ต่อที่จอตู้ จบที่ช่องแบต — ผมเขียน state machine เดียวให้ขับทุกจอ แอป ตู้ และเว็บคือ session เดียวกัน ไม่ใช่สามแอปที่บังเอิญสีเหมือนกัน

สแกน QR / แตะ RFID
ระบุจำนวนแบต
ใส่แบตเก่า
รับแบตใหม่
จ่าย · เสร็จสิ้น

state machine เดียว — แอป · ตู้ · เว็บ

04 · design

โครงก่อน สีทีหลัง

ทุกจอเริ่มจาก wireframe เทา ๆ ให้เถียงกันเรื่องลำดับและขนาดก่อน แล้วค่อยลง UI จริง — ตัวหนังสือใหญ่พิเศษให้อ่านออกกลางแดด ปุ่มใหญ่พอสำหรับมือที่ใส่ถุงมือ

PumpCharge — the shipped slot-guidance screen

wireframe

05 · test — แล้ววนกลับ

ส่งถึงถนนจริง

ตู้ไปยืนอยู่หน้าปั๊มจริง แล้วคนใช้จริงก็สอนเรา — ขั้นตอนถูกตัดให้สั้นลง คำยืนยันใหญ่ขึ้น และหน้าต่าง 30 วินาทีถูกทำให้พลาดไม่ได้

The BATT SWAP station, shipped
bangchak forecourtsขั้นตอนสั้นลงคำยืนยันใหญ่ขึ้น30s พลาดไม่ได้

01 / 03

PumpCharge — the app

จองคิว วางแผนทริป จ่ายเงิน และเก็บคาร์บอนเครดิต จบในแอปเดียว

book a swaptrip plannerwallet & couponscarbon credits
PumpCharge home — bike state, booking, wallet
PumpCharge guiding the swap slot by slot

02 / 03

The station firmware

จอสัมผัสหน้าตู้ ออกแบบให้อ่านออกกลางแดดและกดได้ทั้งที่ใส่ถุงมือ

Thai / EnglishQR or RFID startslot-by-slot guidance30-second window
Station screen — start by QR through PumpCharge or an RFID tap
Station screen — put in battery, slot three

03 / 03

The program website

หน้าบ้านของโครงการระดับชาติ — เป้าหมาย ไทม์ไลน์ และคณะทำงานทั้ง consortium

program goalsworking groupsTH / EN
battswap.gridwhiz.io — the program website

try it — หน้าตู้จำลอง

สลับแบตด้วยมือคุณเอง

เริ่มจากแตะบัตรเหมือนหน้าตู้จริง — คืนแบตแล้วก้อนใหม่จะเด้งออกมาเอง ตู้จริงให้เวลา 30 วินาทีในการดึงออก ลองดูว่าคุณใช้กี่วินาที

  1. 1แตะบัตร RFID ที่แป้น
  2. 2ใส่แบตของคุณในช่อง 7
  3. 3แบตใหม่เด้งออกช่อง 4 — ดึงออกมา
tap your card to start
batt swap

แตะบัตร RFID เพื่อเริ่ม

battery swapping station
code 101
in your hand:แบตเก่า 10%

the field record — tested where the batteries live

  • f-01

    “Batt Swap สัญชาติไทย ทลายกำแพงแบตมอเตอร์ไซค์ไฟฟ้า”

    the press ran it as Thai-made tech breaking the battery wall · 30 พ.ค. 2566

  • f-02

    Techsauce Global Summit

    the platform showcased on Asia's biggest tech stage, Iconsiam Bangkok

  • f-03

    Real forecourts, real riders

    sixteen-slot stations in service at Bangchak stations — watching first-time swaps fed straight back into the firmware flow

design process — every surface ran the same road

01

Empathize

User research

02

Define

Personas · user journey

03

Ideate

User flows · information

04

Design

Wireframes · UI · prototype

05

Test

Usability testing · iterate

client
GridWhiz (Thailand) · national consortium
role
UX/UI Designer — project lead
timeline
2022 — 2023
platform
Mobile · Station firmware · Web
  • PumpCharge app — riding, swapping, and payment flows end to end
  • Station firmware UI in Thai and English, designed for sunlight and gloves
  • BATT SWAP website plus launch collateral — brochure, roll-up, station wrap
next sheet / prj-02battery swap service · 2023

Honda Swap Station

cmclick to skip