Langkau ke kandunganPanggilan percuma 30 minit bersama Pali

Aplikasi mudah alih · 2026

Konsep reka bentuk semula TuJu

Prototaip boleh klik untuk aliran utama TuJu di atas peta sebenar, dalam susun atur telefon menegak, melintang dan CarPlay.

Konsep reka bentuk semula TuJu ialah olahan tidak rasmi untuk aplikasi navigasi lebuh raya Malaysia, dibina sebagai prototaip berfungsi di atas peta sebenar Kuala Lumpur. Ia mengekalkan ciri TuJu, dari harga tol hingga kamera LLM dan SOS, dan menyusunnya semula mengikut satu peraturan: pemandu pada 90 km/j cuma ada satu pandangan. Ia berjalan di telefon, melintang dan CarPlay.

Aktif
  • Produk sendiri
  • Aplikasi mudah alih
  • Sektor awam

Kali terakhir dikemas kini

Lawati laman: builtbypali.com/demo/tuju/ (dibuka dalam tab baharu)

Apakah hasilnya?

Laluan sebenar di peta
3
Sumber: Laluan OSRM dari Ampang ke Pavilion KL dalam demo · Setakat Okt 2026
Ikon tanah liat 3D tersendiri
35
Sumber: Set ikon yang dijana untuk konsep ini dan digunakan di seluruh demo · Setakat Okt 2026
Susun atur dari satu kod
3
Sumber: Demo: telefon menegak, melintang dan mod CarPlay · Setakat Okt 2026
Reben seramik putih licin melengkung seperti lebuh raya bertingkat di atas tiang perak langsing, dengan sebiji batu kecil biru nila di atasnya, di latar hitam

Skrin

Halaman sebenar daripada produk yang aktif.

Apakah masalah yang diselesaikan?

TuJu ada ciri yang betul untuk pemandu Malaysia, tetapi ulasan menyebut skrin sesak, teks kecil dan kawalan yang sukar dibaca semasa memandu.

Apakah yang dibina?

  • Satu pandangan setiap skrin: belokan, jarak dan lorong dalam satu sepanduk, dengan amaran tol dan kamera disusun di bawahnya dalam warna tetap.
  • Bentuk data sebenar: OpenStreetMap dengan bangunan 3D dan tiga laluan sebenar dari Ampang ke Pavilion KL, jadi setiap keputusan diuji di jalan sebenar.
  • Satu reka bentuk, tiga skrin: komponen yang sama menyesuaikan diri dari telefon menegak ke melintang dan ke paparan CarPlay 800 kali 480.

Kenapa reka semula TuJu?

TuJu ialah aplikasi navigasi lebuh raya milik Malaysia, dengan ciri yang memang diperlukan pemandu di sini: harga tol, kamera lebuh raya LLM, info trafik rasmi, R&R dan SOS. Ideanya betul. Ulasan pengguna lebih kepada rasa penggunaannya: skrin sesak, teks kecil dan kawalan yang berebut perhatian. Ini konsep tidak rasmi saya sendiri, tiada kaitan dengan LLM atau Prosignal Consortium, dan ditawarkan percuma sebagai titik mula.

Apa yang pemandu perlu nampak dulu?

Setiap skrin direka berdasarkan satu soalan: kalau anda memandu pada 90 km/j, mata anda patut tengok mana dulu? Dari situ lahir susunan maklumat yang tegas:

  • Tindakan seterusnya. Anak panah belokan dan jarak, paling besar di skrin.
  • Lorong. Lorong mana perlu diambil, terus di bawah belokan, hanya apabila belokan sudah dekat.
  • Apa di hadapan. Tol dan kamera seterusnya dengan jaraknya, sebagai jalur berwarna.
  • Yang lain. Masa perjalanan, waktu tiba dan kawalan, di bawah dan tidak mengganggu.

Kenapa guna peta sebenar, bukan lakaran?

Lakaran menyembunyikan kes yang sukar. Demo ini berjalan di OpenStreetMap dengan bangunan 3D dan tiga laluan sebenar dari Ampang ke Pavilion Kuala Lumpur, dikira oleh OSRM. Simpang sebenar mendedahkan masalah yang lakaran tidak akan tunjuk: jalan berkembar yang menolak garisan laluan ke tepi, garisan lorong putus-putus yang menyesakkan simpang, dan nama jalan yang hilang di jalan gelap. Setiap satu dibaiki di peta sebenar.

Kenapa sepanduk belokan membawa lorong?

Pilihan lorong ialah tempat pemandu terlepas susur keluar di lebuh raya kita. Anak panah lorong duduk terus di bawah belokan, dengan lorong yang perlu diambil dalam warna indigo TuJu dan yang lain kelabu lembut, serta satu ayat pendek seperti “Guna lorong kanan”. Ia hanya muncul dalam 700 meter sebelum belokan, jadi sepanduk kekal kecil pada masa lain.

Kenapa tunjuk tol sebelum bertolak?

Tol ialah kos yang pemandu Malaysia guna untuk banding laluan. Setiap laluan menunjukkan tol dalam ringgit di sebelah masanya, tol mengikut kelas kenderaan yang ditetapkan sekali di skrin utama, dan paparan perjalanan menyenaraikan pilihan bayaran di plaza: Touch ’n Go, SmartTAG dan MyRFID.

Kenapa amaran dalam bentuk jalur berwarna?

Jalur yang boleh dibaca dengan warna sahaja lebih pantas daripada ayat. Setiap jenis amaran ada satu warna dan satu ikon, dan hanya menunjukkan nama, satu butiran dan jarak:

Amaran Warna Apa yang ditunjukkan
Plaza tol Biru Nama plaza, harga dalam RM, jarak
Kamera laju Hijau Jenis kamera, had laju, jarak
Kerja jalan atau sesak Oren Apa yang berlaku, jarak

Hanya dua yang terdekat dipaparkan, jadi susunan tidak pernah melebihi sepanduk.

Kenapa mod siang dan ikon tanah liat?

Mod siang ialah lalai kerana kebanyakan pemanduan di lebuh raya Malaysia berlaku dalam cahaya matahari terik, dan peta cerah kekal mudah dibaca. Ikon ialah set tanah liat 3D tersendiri dalam satu gaya, menggantikan grafik bercampur, supaya aplikasi terasa sebagai satu produk. Kawalan kecil kekal dengan ikon garis biasa, dan penanda kedudukan mengikut gaya 3D TuJu sendiri.

Bagaimana reka bentuk yang sama muat di melintang dan CarPlay?

Komponen dibina untuk menyesuaikan diri, bukan dilukis semula untuk setiap skrin:

  • Telefon menegak. Sepanduk di atas, kad perjalanan di bawah, peta di tengah.
  • Melintang. Sepanduk, amaran dan kad perjalanan menjadi satu panel di tepi, dan peta berpusat semula di ruang terbuka.
  • CarPlay. Panel yang sama di paparan kereta 800 kali 480. Stereng kereta di Malaysia di sebelah kanan, jadi dok dan panel arahan diletakkan di kanan, paling dekat dengan pemandu.

Aplikasi CarPlay sebenar akan melukis panel arahan dan butang menggunakan templat navigasi Apple. Demo ini menunjukkan bagaimana kandungan TuJu dipetakan ke susun atur tersebut.

Apa yang sengaja saya buang?

  • Garisan lorong putus-putus di peta. Di simpang ia nampak bersepah, jadi panel lorong mengambil alih tugas itu.
  • Baris “Kemudian” di bawah setiap belokan. Ia menggandakan bacaan tanpa banyak faedah.
  • Bar tab bawah semasa memandu. Navigasi mendapat skrin penuh.

Apa yang sebenar dan apa yang data contoh?

Peta, jalan, laluan dan arahan belokan ialah data sebenar OpenStreetMap dan OSRM. Masa perjalanan, jumlah tol, catatan trafik dan imej kamera ialah data contoh. Konsep ini boleh dicuba sekarang, termasuk mod CarPlay, dan ditawarkan percuma kepada pasukan TuJu jika membantu.

Dibina dengan
  • Pali UI
  • Asset Library
  • Pattern Library

Kajian kes seterusnya

Orbit SuiteDijual terus sejak hari pertama: kedai dan enjin lesen sendiri yang menjual empat zon produk aktif.

Mahu sesuatu seperti ini dibina?

Dapatkan harga dalam dua minit, atau bincang dalam panggilan percuma.