Doctor Appointment Booking App

Thiết kế giao diện người dùng (UI) hoàn chỉnh, độ trung thực cao (high-fidelity) cho ứng dụng đặt lịch khám bệnh, cho phép bệnh nhân tìm kiếm bác sĩ, khám phá các chuyên khoa y tế, đặt lịch hẹn, quản lý lịch trình và theo dõi các lần thăm khám của mình.

Triết lý thiết kế

Giao diện (UI) tinh gọn: Bố cục tối giản, thanh lịch, thoáng đãng, không rườm rà.
Trải nghiệm người dùng (UX) trực quan: Điều hướng đơn giản, các thao tác rõ ràng, giảm thiểu tối đa nỗ lực tư duy của người dùng.
Y tế hiện đại: Tạo cảm giác đáng tin cậy, thân thiện, chuyên nghiệp và dễ tiếp cận.
Ưu tiên thiết bị di động (Mobile-first): Thiết kế tối ưu cho điện thoại thông minh chạy hệ điều hành iOS và Android.
Tính nhất quán: Áp dụng đồng bộ hệ thống thiết kế, kiểu chữ, màu sắc, khoảng cách, các thành phần giao diện và phong cách biểu tượng trên tất cả các màn hình.
Tập trung vào chuyển đổi: Giúp quy trình đặt lịch khám với bác sĩ diễn ra nhanh chóng và dễ dàng.

Hệ thống thiết kế trực quan

Bảng màu:
Màu chủ đạo: Xanh dương y tế (Medical Blue) #2563EB
Màu phụ: Xanh mòng két dịu nhẹ (Soft Teal) #14B8A6
Màu nền: #F8FAFC
Màu bề mặt (Surface): #FFFFFF
Văn bản chính: #0F172A
Văn bản phụ: #64748B
Đường viền: #E2E8F0
Trạng thái thành công: #16A34A
Trạng thái lỗi: #DC2626

Kiểu chữ (Typography):
Sử dụng phông chữ Inter hoặc phông chữ không chân (sans-serif) hiện đại tương tự.
Phân cấp kiểu chữ rõ ràng với các tiêu đề và nội dung văn bản dễ đọc.
Độ tương phản cao và kích thước phông chữ đảm bảo khả năng tiếp cận tốt.

Các thành phần giao diện (UI components)

Các thẻ (card) có góc bo tròn từ 12-16px.
Các nút bấm (button) với nhãn rõ ràng và kích thước phù hợp để thao tác chạm.
Sử dụng đổ bóng tinh tế, đường viền mảnh và khoảng cách đồng nhất.
Hình ảnh hồ sơ bác sĩ chuyên nghiệp.
Các biểu tượng dạng đường nét (line icons) tối giản.
Các thành phần chọn ngày, chọn khung giờ, thẻ lựa chọn (chips) và thanh điều hướng dưới cùng (bottom navigation) được thiết kế gọn gàng.
Tránh sử dụng quá nhiều hiệu ứng chuyển màu (gradient), đổ bóng dày đặc, các chi tiết gây rối mắt, kích thước chữ quá nhỏ hoặc các yếu tố trang trí không cần thiết.

Công nghệ, Y Tế

Doctor Appointment Booking App – 260001