TrackAsia – Nền tảng bản đồ
Tháng 9/2024
TrackAsia là một nền tảng không gian địa lý thống nhất, kết hợp một website marketing và một ứng dụng bản đồ tương tác, cho phép các nhóm trực quan hóa vị trí, quản lý dữ liệu dựa trên địa lý và lập kế hoạch tuyến đường thông qua một trải nghiệm ưu tiên bản đồ liền mạch.
Được thiết kế để giảm bớt sự phức tạp trong các quy trình làm việc không gian, sản phẩm giúp người dùng chuyển từ khám phá sang ra quyết định với sự rõ ràng, tốc độ và tự tin.
Vai trò của tôi
- Thiết kế UI/UX từ đầu đến cuối cho các luồng công việc ưu tiên bản đồ
- Cấu trúc thông tin cho các vị trí, lớp (layers) và bộ lọc
- Tạo bản mẫu tương tác và xác thực tính khả dụng
- Tính nhất quán của UI và các mẫu component có khả năng mở rộng
Công cụ sử dụng
- Figma
- Công cụ tạo bản mẫu
- Adobe Suite
- AI Tools
Tổng quan
TrackAsia hợp nhất nhiều lớp dữ liệu dựa trên địa lý vào một giao diện ưu tiên bản đồ duy nhất. Thay vì tách biệt việc tìm kiếm, trực quan hóa dữ liệu và các hành động thành các chế độ xem khác nhau, người dùng vẫn ở trong ngữ cảnh bản đồ, cho phép họ khám phá, so sánh và thao tác mà không bị mất phương hướng.
Vấn đề
Thách thức này càng được nhân lên do sự thay đổi thường xuyên về ranh giới hành chính tại Việt Nam, đòi hỏi hệ thống phải liên tục điều chỉnh các cấu trúc dữ liệu địa lý trong khi vẫn duy trì độ chính xác, tính nhất quán và trải nghiệm người dùng liền mạch.
- Khó khăn trong việc nhanh chóng xác định các tuyến đường tối ưu trong điều kiện giao thông đô thị đông đúc
- Hỗ trợ hạn chế trong việc hiểu tình trạng tắc nghẽn theo thời gian thực và tác động của nó đến thời gian di chuyển
- Các mẫu tương tác không nhất quán trong các luồng công việc trên bản đồ
- Thiếu các bước tiếp theo rõ ràng sau khi chọn một vị trí hoặc tuyến đường
Giải pháp
Chúng tôi đã thiết kế lại trải nghiệm xoay quanh mô hình tương tác ưu tiên bản đồ với một hệ thống phân cấp rõ ràng:
Bản đồ → Bảng ngữ cảnh → Hành động
Giao diện ưu tiên khả năng hiển thị theo thời gian thực và ra quyết định nhanh chóng—giúp người dùng nhanh chóng xác định các tuyến đường tối ưu trong điều kiện giao thông đô thị phức tạp.
Điểm truy cập ưu tiên tìm kiếm với kết quả tức thì và các điểm đến được đề xuất
Lớp trực quan hóa giao thông theo thời gian thực để làm nổi bật tình trạng tắc nghẽn và điều kiện đường xá
So sánh tuyến đường với thời gian di chuyển ước tính (ETA) để ra quyết định nhanh hơn
Hệ thống lớp và bộ lọc được tối ưu hóa để quét dữ liệu địa lý và giao thông
Các tính năng chính
- Bản đồ tương tác với phân cụm (clustering), trạng thái chọn và phản hồi theo thời gian thực
- Tìm kiếm thông minh với các đề xuất dự đoán và thao tác điều hướng nhanh
- Lớp giao thông động mô phỏng cường độ tắc nghẽn theo thời gian thực
- So sánh nhiều tuyến đường với tối ưu hóa khoảng cách và ETA
Phương pháp tiếp cận thiết kế
Thiết kế tập trung vào việc tối ưu hóa các luồng công việc tần suất cao—giúp người dùng nhanh chóng xác định các tuyến đường tối ưu, đánh giá điều kiện giao thông và hành động với ít rào cản nhất trong môi trường đô thị đông đúc.
- Ưu tiên khả năng đọc bản đồ để trực quan hóa rõ ràng điều kiện giao thông và các tùy chọn tuyến đường
- Thiết kế các trạng thái chọn và tuyến đường rõ ràng để duy trì ngữ cảnh trong quá trình điều hướng
- Giảm tải áp lực nhận thức để ra quyết định nhanh chóng trong các tình huống giao thông phức tạp
- Áp dụng các mẫu tương tác nhất quán cho các luồng công việc dễ dự đoán và hiệu quả
Luồng người dùng (User Flows)
Hệ thống thiết kế
Một hệ thống thiết kế thống nhất đã được phát triển để đảm bảo tính nhất quán và khả năng mở rộng trên toàn bộ hệ sinh thái TrackAsia. Nó định nghĩa các component có thể tái sử dụng, các mẫu tương tác và nguyên tắc hình ảnh, cho phép lặp lại thiết kế nhanh hơn trong khi vẫn duy trì trải nghiệm người dùng gắn kết trên cả website và ứng dụng bản đồ.
Website
Website marketing đóng vai trò là điểm truy cập chính của TrackAsia, truyền tải giá trị của sản phẩm, các khả năng và các dịch vụ API. Nó giúp người dùng nhanh chóng hiểu cách nền tảng hoạt động và cách nó có thể được tích hợp vào các trường hợp sử dụng thực tế.
Trải nghiệm tập trung vào sự rõ ràng, nội dung có cấu trúc và hướng dẫn người dùng từ khám phá đến hành động.
Ứng dụng Bản đồ
Ứng dụng bản đồ là sản phẩm cốt lõi nơi người dùng tương tác với dữ liệu dựa trên địa lý theo thời gian thực để khám phá các vị trí, phân tích thông tin không gian và thực hiện các hành động trong một giao diện ưu tiên bản đồ.
Thiết kế nhấn mạnh khả năng sử dụng và nhận thức ngữ cảnh, cho phép chuyển đổi liền mạch từ tìm kiếm sang ra quyết định.
Nền tảng Web
Ứng dụng
Tác động
Sản phẩm hoàn thiện đã mang lại những cải thiện có thể đo lường được về tốc độ, độ chính xác và sự tự tin, giúp người dùng đưa ra quyết định nhanh hơn và sáng suốt hơn.
30%
Thời gian ra quyết định tuyến đường nhanh hơn
40%
Cải thiện khả năng quan sát điều kiện giao thông
25%
Giảm thời gian hoàn thành các tác vụ cốt lõi
Bước tiếp theo
Trong tương lai, trọng tâm sẽ là mở rộng khả năng của nền tảng để hỗ trợ các luồng công việc ngoại tuyến nâng cao và tăng cường sự cộng tác nhóm.
Bản đồ ngoại tuyến và lưu bộ nhớ đệm (caching) để sử dụng tại hiện trường
Các bộ lọc nâng cao và lưu các thiết lập bộ lọc (presets)
Các tính năng cộng tác: chia sẻ các lớp (layers) và các tuyến đường
Bảng điều khiển phân tích (Dashboard) cho các hoạt động địa lý và thông tin sử dụng
Dự án khác
Tradebase
Nền tảng giao dịch chứng khoán
Đơn giản hóa các quyết định tài chính phức tạp để giao dịch nhanh hơn và tự tin hơn thông qua một trải nghiệm kỹ thuật số rõ ràng và trực quan.