Roam Moon Software
Trang chủ

AI trên di động · AI · Case 02

Chat Bubbles

Hỏi AI ở bất cứ đâu trên điện thoại, không cần chuyển ứng dụng.

Sản phẩm AI trên Android

01 / Tổng quan

Sản phẩm AI

Ứng dụng AI trên di động

Chat Bubbles là ứng dụng trợ lý AI cho Android với bong bóng trò chuyện nổi trên màn hình.

Người dùng có thể đặt câu hỏi và nhận câu trả lời ngay trong khi đang sử dụng các ứng dụng khác, không cần chuyển qua lại giữa nhiều màn hình.

02 / Thách thức

Làm thế nào để người dùng có thể trò chuyện với AI ở bất kỳ đâu mà không làm gián đoạn công việc đang thực hiện?

Ứng dụng cần duy trì cửa sổ nổi ổn định, phản hồi nhanh và giữ nguyên cuộc trò chuyện ngay cả khi người dùng chuyển đổi giữa nhiều ứng dụng.

03 / Mục tiêu

  • Truy cập AI nhanh từ mọi ứng dụng
  • Giảm thao tác chuyển đổi giữa các ứng dụng
  • Giữ giao diện nổi nhỏ gọn, dễ sử dụng

04 / Thách thức kỹ thuật

01

Quản lý cửa sổ nổi (Overlay) ổn định trên Android

02

Giữ nguyên cuộc trò chuyện khi chuyển giữa nhiều ứng dụng

03

Đảm bảo phản hồi nhanh nhưng vẫn tiết kiệm tài nguyên thiết bị

05 / Nghiên cứu

Chúng tôi nghiên cứu cách người dùng sử dụng các ứng dụng AI trên điện thoại và nhận thấy việc liên tục mở rồi đóng ứng dụng gây mất tập trung.

Từ đó, bong bóng trò chuyện được lựa chọn làm điểm truy cập chính, giúp AI luôn sẵn sàng mà vẫn không ảnh hưởng đến trải nghiệm sử dụng điện thoại.

06 / Kiến trúc

Ứng dụng được xây dựng theo kiến trúc gồm ba phần chính:

  • Bong bóng nổi quản lý quyền Overlay
  • Màn hình hội thoại quản lý lịch sử và trạng thái
  • Dịch vụ AI xử lý yêu cầu và phản hồi từ mô hình ngôn ngữ

Kiến trúc tham chiếu gồm:

  • Android Client: Giao diện · Overlay · Voice
  • AI Service: Quản lý hội thoại · Streaming · GPT
  • Data: Lịch sử hội thoại · Cài đặt người dùng
  • Vận hành: Bảo mật kết nối · Quản lý quyền · Theo dõi lỗi và hiệu năng

Các lớp được tách biệt để ứng dụng dễ bảo trì và sẵn sàng mở rộng.

Ưu tiên vận hành:

  • Bảo mật kết nối
  • Quản lý quyền
  • Theo dõi lỗi và hiệu năng

07 / Thiết kế

Thiết kế tập trung vào việc giảm số lần chạm và giúp AI luôn sẵn sàng khi cần.

Các màn hình chính gồm:

  • Danh sách cuộc trò chuyện
  • Màn hình trò chuyện
  • Bong bóng nổi

Mỗi tương tác được giữ nhỏ gọn để trợ lý hỗ trợ tác vụ hiện tại thay vì thay thế trải nghiệm đang dùng.

Thư viện giao diện

Khám phá các trạng thái giao diện chính của Chat Bubbles trên Android. Chọn một hình ảnh để xem ở độ phân giải cao.

4 hình ảnh

04 screens
01Chat Bubbles realtime chat interface states
02Chat Bubbles conversation list screens
03Chat Bubbles navigation and floating conversation interface
04Chat Bubbles new conversation flow

08 / Phát triển

Ứng dụng được phát triển theo hướng native Android kết hợp với mô hình AI. Các thành phần chính gồm:

  • Bong bóng nổi
  • Hội thoại thời gian thực
  • Đồng bộ lịch sử trò chuyện
  • Nhập liệu bằng giọng nói
  • Hỗ trợ nhiều cuộc trò chuyện

Hành vi native Android và Material Design giúp trải nghiệm quen thuộc, nhẹ và phản hồi nhanh.

AndroidNativeAIGPTUXMaterial Design

09 / Tối ưu

  • Khởi tạo bong bóng nhanh
  • Giữ hội thoại khi chuyển ứng dụng
  • Đồng bộ dữ liệu giữa nhiều thiết bị
  • Streaming phản hồi theo thời gian thực

10 / Triển khai

Các thành phần giao diện, hội thoại và dịch vụ AI được tách biệt để dễ bảo trì và mở rộng. Việc triển khai được:

  • Thực hiện theo từng phiên bản nhỏ
  • Kiểm tra độ ổn định
  • Tổ chức để giảm rủi ro

11 / Mở rộng

Kiến trúc cho phép mở rộng thêm nhiều mô hình AI và tính năng mới mà không ảnh hưởng đến trải nghiệm hiện có.

  • Hỗ trợ nhiều mô hình AI
  • Đồng bộ nhiều thiết bị
  • Bổ sung tính năng AI mới

Các dịch vụ mới có thể được bổ sung phía sau những giao diện ứng dụng ổn định.

12 / Giám sát

Theo dõi:

  • Lỗi Overlay
  • Hiệu năng phản hồi AI
  • Trạng thái hội thoại
  • Chất lượng kết nối mạng

Khả năng quan sát này giúp duy trì trải nghiệm di động nhanh và ổn định.

13 / Kết quả

AI mọi lúc

Sẵn sàng trên mọi ứng dụng

Realtime

Phản hồi theo thời gian thực

Đồng bộ

Trò chuyện trên nhiều thiết bị

Voice

Hỗ trợ nhập liệu bằng giọng nói

14 / Bài học kinh nghiệm

Một tính năng mạnh chưa chắc mang lại trải nghiệm tốt nếu người dùng phải mất nhiều thao tác để tiếp cận.

Dự án cho thấy việc tối ưu luồng sử dụng hằng ngày có thể quan trọng không kém việc nâng cấp khả năng của mô hình AI.

Phạm vi trách nhiệm

Thiết kế sản phẩmPhát triển AndroidTích hợp AIUX Overlay

Thời gian thực hiện

4 tháng

Thời gian triển khai

Bắt đầu dự án

Cùng xây dựng giải pháp phù hợp cho doanh nghiệp của bạn.

Hãy cho chúng tôi biết bài toán bạn đang gặp phải. Chúng tôi sẽ cùng phân tích nhu cầu, tư vấn giải pháp và đề xuất cách triển khai phù hợp.