Optimization

Tối ưu UX/UI – #30 Đừng quên hiển thị thông báo ngay khi có sản phẩm được thêm vào giỏ

Đừng bắt họ phải suy nghĩ hay tự đoán xem đã thêm vào giỏ hàng được hay chưa. Hãy hiển thị 1 thông báo xác nhận cho họ biết được hành động vừa rồi đã thực hiện thành công nhé.

Có nhiều loại pop-up thông báo hiển thị khác nhau bạn có thể áp dụng cho website của mình.

Ảnh mô tả trong bài này là 1 ví dụ cụ thể từ theme Women Shoes của EGANY:
https://women-shoes.myharavan.com/products/giay-valentino-nhap-khau

✔️ Ưu điểm là phù hợp website có tỉ lệ đặt hàng trung bình > 2 sản phẩm / đơn hàng. Khách hàng có thể lựa chọn thêm sản phẩm, thay đổi số lượng rồi mới tiến hành Thanh Toán.
❌ Nhược điểm là quá nhiều tính năng trong 1 ô thông báo, nhất là cho cập nhật được số lượng và tính giá tổng tạm thời nên kĩ thuật non tay làm không khéo có thể làm chậm website đôi chút.

Bạn có thể tham khảo thêm vài style khác như:
???? https://babi.myharavan.com/ hiển thị thông báo đơn giản hơn và giỏ hàng mini bên dưới footer.
???? https://super-market.myharavan.com/ hiển thị thông báo gọn nhẹ, đơn giản và tự mất sau vài giây

Thao Le

Share
Published by
Thao Le

Recent Posts

AWS #3 – Kinh nghiệm triển khai EC2

Trong phần trước, mình đã chia sẻ với mọi người những khó khăn khi team…

2 years ago

Microservices #4: Làm việc đa môi trường và sự chờ đợi của Frontend

Xin chào, tiếp tục loạt bài về trải nghiệm của mình trong việc xây dựng…

2 years ago

Frontend Du Ký S2E3 | Cross-platform Apps (phần 3): Có công mài sắt, có ngày release

Cắm đầu cắm cổ dọn dẹp deadline và dọn nhà trước Tết nên ngâm bài…

2 years ago

Front-end Engineer (Reactjs, Nextjs, TypeScript, Svelte, TailwindCSS..)

Nếu bạn yêu thích phát triển sản phẩm với nhiều thử thách và cơ hội…

2 years ago

AWS #2 – Vấn đề và giải pháp

Trong phần 1, mình đã giải thích lý do tại sao EGANY chọn AWS làm…

2 years ago

AWS #1 – Sự lựa chọn của EGANY

Trong giới công nghệ hiện nay, Amazon Web Service không còn là một cái gì…

2 years ago