Skip to contentข้ามไปเนื้อหา

Honda Swap Station: Finish on the phone. Then lift.จบในมือถือ แล้วค่อยยกแบต

Honda's battery swap across three screens (the app, the cabinet's screen and the back office), re-sequenced so the rider is done with the phone before the heavy lifting starts.การสลับแบตของฮอนด้า ครอบคลุมสามหน้าจอ (แอป หน้าจอตู้ และระบบหลังบ้าน) จัดลำดับใหม่ให้ผู้ขับขี่ใช้มือถือเสร็จ ก่อนที่จะต้องยกของหนัก

Battery Swap Serviceบริการสับเปลี่ยนแบตเตอรี่ · Thai Honda · 2023

  • Toolsเครื่องมือ
  • Screensหน้าจอที่ออกแบบ
  • Mobile
  • Cabinet screen
  • Back office

The case, in a short filmเคสนี้ในฟิล์มสั้น

Honda Electric Swap Station: Thai Honda's battery swap for electric motorcycles. I designed every screen on it.Honda Electric Swap Station ระบบสลับแบตมอเตอร์ไซค์ไฟฟ้าของไทยฮอนด้า ผมออกแบบทุกหน้าจอในระบบนี้

How I workedผมทำงานยังไง

Who did what, step by step. The highlighted lane is mine.ใครทำอะไร ในแต่ละขั้น เลนที่ไฮไลต์คือส่วนของผม

Who did what, a step a card: swipe through. The highlighted rows are mine.ใครทำอะไร ขั้นละการ์ด ปัดดูได้ แถวที่ไฮไลต์คือส่วนของผม

Thai Hondaไทยฮอนด้าThe client: its cabinets and batteriesลูกค้า เจ้าของตู้และแบตThe briefโจทย์: Cabinets and batteries; a swap that's quick and easyมีตู้และแบตแล้ว อยากได้การสลับที่เร็วและง่ายIn useใช้งานจริง: Thai Honda's swap stations in Bangkok and nearbyสถานีสลับแบตของไทยฮอนด้า ในกรุงเทพฯ และปริมณฑล
BETAMain contractor to Hondaผู้รับงานหลักจากฮอนด้าThe briefโจทย์: Takes the job from Hondaรับงานจากฮอนด้า
MeผมProject Lead · Product Designer · POThe briefโจทย์: Between Thai Honda, BETA and our developerประสานไทยฮอนด้า BETA และ DevThe flowวาง flow: Every step moved before the liftย้ายทุกขั้นตอนมาก่อนยกแบตScreensออกแบบหน้าจอ: The app, the cabinet's screen and the back officeแอป หน้าจอตู้ และระบบหลังบ้านAt the stationทดสอบที่สถานี: Tested at a real stationทดสอบที่สถานีจริงIn useใช้งานจริง: Step in when a swap failsเข้าไปดูแลเมื่อสลับแบตไม่ได้
Our developerDev ในทีมBuildพัฒนา: Builds from the designsพัฒนาตามแบบ
  1. 01The briefโจทย์

    • Thai Hondaไทยฮอนด้าCabinets and batteries; a swap that's quick and easyมีตู้และแบตแล้ว อยากได้การสลับที่เร็วและง่าย
    • BETATakes the job from Hondaรับงานจากฮอนด้า
    • MeผมBetween Thai Honda, BETA and our developerประสานไทยฮอนด้า BETA และ Dev
  2. 02The flowวาง flow

    • MeผมEvery step moved before the liftย้ายทุกขั้นตอนมาก่อนยกแบต
  3. 03Screensออกแบบหน้าจอ

    • MeผมThe app, the cabinet's screen and the back officeแอป หน้าจอตู้ และระบบหลังบ้าน
  4. 04Buildพัฒนา

    • Our developerDev ในทีมBuilds from the designsพัฒนาตามแบบ
  5. 05At the stationทดสอบที่สถานี

    • MeผมTested at a real stationทดสอบที่สถานีจริง
  6. 06In useใช้งานจริง

    • Thai Hondaไทยฮอนด้าThai Honda's swap stations in Bangkok and nearbyสถานีสลับแบตของไทยฮอนด้า ในกรุงเทพฯ และปริมณฑล
    • MeผมStep in when a swap failsเข้าไปดูแลเมื่อสลับแบตไม่ได้

Everything I did on Honda Swap Stationงานทั้งหมดใน Honda Swap Station

As Project Lead, Product Designer and PO at GridWhiz, I designed every screen of Thai Honda's swap: the rider's app, the cabinet's screen and the back office, drawn as one flow. The work at a glance; each part is told in full below. My work was reviewed by GridWhiz's CEO directly.ในบทบาท Project Lead, Product Designer และ PO ที่ GridWhiz ผมออกแบบทุกหน้าจอของระบบสลับแบตไทยฮอนด้า ทั้งแอปของผู้ขับขี่ หน้าจอตู้ และระบบหลังบ้าน วาดเป็น flow เดียวกัน นี่คืองานทั้งหมดแบบดูทีเดียว แต่ละส่วนเล่าเต็มด้านล่าง งานของผมรีวิวกับ CEO ของ GridWhiz โดยตรง

The whole pictureภาพรวมงานทั้งหมด

Everything I did on this project, one row each. Tap a row for the detail.ทุกอย่างที่ผมทำในโปรเจกต์นี้ แถวละเรื่อง กดเพื่ออ่านรายละเอียด

Everything I did on this project. Swipe through, tap one for the detail.ทุกอย่างที่ผมทำในโปรเจกต์นี้ ปัดดูทีละเรื่อง แตะเพื่ออ่านรายละเอียด

  1. The app: finish on the phone, then liftแอป: จบในมือถือ แล้วค่อยยกแบตProblemปัญหาPhone in one hand, a heavy battery in the otherมือถือมือหนึ่ง แบตหนักอีกมือWhat I didสิ่งที่ทำEvery step done before the door opens; nothing asked of the phone after itทุกขั้นตอนจบก่อนประตูเปิด หลังจากนั้นไม่มีอะไรให้กดบนมือถืออีกResultผลลัพธ์Both hands free for the battery; the app records the swap by itselfมือว่างสองข้างไว้ยกแบต แอปบันทึกการสลับให้เอง
  2. The cabinet's screenหน้าจอตู้ProblemปัญหาEyes and hands on the cabinet, not on the phoneสายตาและมืออยู่ที่ตู้ ไม่ใช่ที่มือถือWhat I didสิ่งที่ทำA screen for each step: which slot to put it in, which to take from, the door closingหน้าจอทีละขั้น ใส่ช่องไหน รับช่องไหน และประตูกำลังปิดResultผลลัพธ์In sync with the app, step for stepsync กับแอปทุกขั้นตอน
  3. The back officeระบบหลังบ้านProblemปัญหาHonda's team runs the whole networkทีมฮอนด้าดูแลทั้งเครือข่ายWhat I didสิ่งที่ทำThe back office they run it fromระบบหลังบ้านที่ใช้ดูแลResultผลลัพธ์Shown here by its sign-inขอแสดงแค่หน้าเข้าสู่ระบบ

Part 1ตอนที่ 1

The app: finish on the phone, then liftแอป: จบในมือถือ แล้วค่อยยกแบต

  1. Honda's brief was a battery-swap app that's quick and easy to use. The catch was in the hands: a battery is heavy, and a rider can't hold a phone and a battery at once. So the app does its whole job before the lift. Find a station, scan the QR on the cabinet, and the door opens; at that moment the app says the swap can start, and asks nothing more, so the phone can go back in the pocket. From there the cabinet's screen leads, and the app follows on its own: each battery as it goes in, the new one as it comes out, and at the end the swap and its energy, recorded without a tap.โจทย์จากฮอนด้าคือแอปสลับแบตที่เร็วและใช้ง่าย แต่ปัญหาอยู่ที่มือ แบตหนัก ผู้ขับขี่ถือมือถือกับแบตพร้อมกันไม่ได้ แอปจึงทำงานทั้งหมดให้จบก่อนยกแบต หาสถานี สแกน QR ที่ตู้ ประตูเปิด ตอนนั้นแอปบอกว่าเริ่มสลับแบตได้ และไม่มีอะไรให้กดอีก เก็บมือถือใส่กระเป๋าได้เลย จากนั้นหน้าจอตู้นำทาง แอปตามไปเอง ทั้งตอนใส่แบตทีละก้อน ตอนรับแบตใหม่ และตอนจบ แอปบันทึกการสลับและพลังงานที่ใช้ให้ โดยไม่ต้องกดอะไร

    1. Home: Honda e:TECHNOLOGY and the stations nearbyหน้าแรก Honda e:TECHNOLOGY และสถานีใกล้เคียง
    2. Find a station on the map: how many batteries are ready at eachค้นหาสถานีบนแผนที่ ดูจำนวนแบตที่พร้อมใช้ในแต่ละที่
    3. The door is open: the swap can startเปิดประตูสำเร็จ เริ่มสลับแบตเตอรี่ได้
    4. The app follows the cabinet: battery 1, in its slotแอปตามตู้ไปเอง แบตก้อนที่ 1 ในช่อง
    5. Done: every battery, its slot and its energy, recordedเสร็จสิ้น แบตทุกก้อน ช่อง และพลังงาน บันทึกให้เอง
    1. Every step before the door opensทุกขั้นตอนอยู่ก่อนประตูเปิด

      Whyเพราะ Once a battery is out, both hands are full; nothing should ask for a tap after that. Riders' feedback said so, and our own tries at the cabinet agreedพอแบตออกมา มือก็เต็มทั้งสองข้าง หลังจากนั้นไม่ควรมีอะไรให้กดอีก ผู้ใช้ให้ feedback แบบนี้ และพอเราไปลองที่ตู้เองก็เห็นตรงกัน

      Instead ofแทนที่จะ Confirming each step on the phone, mid-swapให้กดยืนยันทุกขั้นบนมือถือระหว่างสลับ

    2. "The door is open", and nothing more on the phone"เปิดประตูสำเร็จ" แล้วไม่มีอะไรให้กดบนมือถืออีก

      Whyเพราะ The moment the door opens, the phone's part is over: the rider can put it away and lift with both handsพอประตูเปิด หน้าที่ของมือถือก็จบ ผู้ขับขี่เก็บมือถือแล้วใช้สองมือยกแบตได้

      Instead ofแทนที่จะ Leaving the rider to guess when the phone is doneปล่อยให้ผู้ขับขี่เดาเองว่าแอปเสร็จหรือยัง

    3. The app records the swap and the energy by itselfแอปบันทึกการสลับและพลังงานให้เอง

      Whyเพราะ The rider finishes at the cabinet, not on a formผู้ขับขี่จบที่ตู้ ไม่ต้องจบที่ฟอร์ม

      Instead ofแทนที่จะ Asking the rider to confirm at the endให้ผู้ขับขี่กดยืนยันตอนท้าย

Part 2ตอนที่ 2

The cabinet's screenหน้าจอตู้

  1. When the phone goes away, the cabinet's screen takes over, and it has to be read at arm's length, with a battery in hand. Each screen says one thing: the slot for the old battery, the swap under way, the old battery beside the new one, the slot to take it from, and the door closing in 10 seconds. Between swaps it shows the station, the time and the weather, and how far a battery takes the rider: 78 km a swap.พอเก็บมือถือ หน้าจอตู้รับช่วงต่อ และต้องอ่านได้ในระยะแขน ขณะที่มือถือแบตอยู่ แต่ละหน้าบอกเรื่องเดียว ช่องที่ต้องใส่แบตเก่า กำลังสลับ แบตเก่าเทียบแบตใหม่ ช่องที่ต้องรับแบต และประตูจะปิดใน 10 วินาที ระหว่างที่ไม่มีคนใช้ หน้าจอบอกชื่อสถานี เวลา อากาศ และแบตหนึ่งก้อนพาไปได้ไกลแค่ไหน 78 กม. ต่อการสลับ

    Between swaps: the station, the time, and the batteryระหว่างรอ ชื่อสถานี เวลา และข้อมูลแบต
    1. Put the battery in slot 4กรุณาใส่แบตเตอรี่ในช่องหมายเลข 4
    2. Swapping: 34% in, 100% outกำลังสลับ แบต 34% แลกแบต 100%
    3. Take your batteryกรุณารับแบตเตอรี่
    4. The door closes in 10 seconds; thank youประตูจะปิดใน 10 วินาที ขอบคุณที่ใช้บริการ
    1. The slot number, large: red for the old battery, the primary blue for the newเลขช่องตัวใหญ่ สีแดงสำหรับแบตเก่า สีน้ำเงินหลักสำหรับแบตใหม่

      Whyเพราะ Read at arm's length, with a battery in hand. Red says spent, the primary colour says newอ่านได้ในระยะแขน ขณะที่ถือแบตอยู่ สีแดงบอกว่าแบตหมด สีหลักบอกว่าเป็นแบตใหม่

      Instead ofแทนที่จะ Small text the rider has to lean in to readตัวหนังสือเล็กที่ต้องโน้มตัวเข้าไปอ่าน

    2. The old battery beside the new one: 34% for 100%แบตเก่าเทียบแบตใหม่ 34% แลก 100%

      Whyเพราะ The rider sees what they hand over and what they get backผู้ขับขี่เห็นว่าส่งอะไรไป และได้อะไรกลับมา

    3. The door's close counted down: 10 secondsบอกเวลาประตูปิด 10 วินาที

      Whyเพราะ Nobody is caught out by a moving doorไม่มีใครตกใจกับประตูที่ปิดเอง

  2. Me at a station, testing a swapผมที่สถานี ระหว่างทดสอบการสลับแบต
    A Honda Electric SWAP STATION: 9 slots, the screen at the topตู้ Honda Electric SWAP STATION 9 ช่อง หน้าจออยู่ด้านบน
    Up close: the cabinet's screen beside the three steps, scan, swap, startหน้าจอตู้ข้างป้าย 3 ขั้นตอน สแกน สลับ สตาร์ต

Part 3ตอนที่ 3

The back officeระบบหลังบ้าน

  1. Behind the screens riders see, I designed the back office for the people who run the network. Of this part, the sign-in is what I can show.เบื้องหลังหน้าจอที่ผู้ขับขี่เห็น ผมออกแบบระบบหลังบ้านสำหรับคนดูแลเครือข่าย ส่วนนี้ขอแสดงแค่หน้าเข้าสู่ระบบ

    The back office's sign-inหน้าเข้าสู่ระบบของระบบหลังบ้าน

Outcomeผลลัพธ์

Live on Thai Honda's swap stations in Bangkok and nearby from 2022, for riders whose time is money: food delivery and taxisใช้งานจริงบนสถานีสลับแบตของไทยฮอนด้า ในกรุงเทพฯ และปริมณฑล ตั้งแต่ปี 2022 สำหรับคนที่เวลาคือเงิน ทั้งไรเดอร์ส่งอาหารและวินมอเตอร์ไซค์

In the newsข่าวเกี่ยวกับโครงการ

Thai Honda's swap stations in the news: the rentals in 2022, then the free test rides in 2023.สถานีสลับแบตของไทยฮอนด้าบนหน้าข่าว ตั้งแต่การเปิดให้เช่าในปี 2565 จนถึงการทดลองขี่ฟรีในปี 2566

How to use the Honda Electric SWAP STATIONขั้นตอนการใช้งานสถานีสับเปลี่ยนแบตเตอรี่ Honda Electric SWAP STATIONHonda ev, on YouTubeHonda ev บน YouTube

Keep exploringดูต่อ

EV Station PluZEV Charging Appแอปชาร์จรถยนต์ไฟฟ้า