UX/UI DESIGN

Dich vụ thiết kế UX / UI cho website/app tại MangoAds
hinh-ux-ui
img

UI/UX tại MangoAds

Nếu internet là con đường, content là những chiếc xe thì UI sẽ là thiết kế của chiếc xe, bạn đi ngang qua có thu hút được ánh nhìn hay không phụ thuộc vào chiếc xe đẹp hay xấu, nội dung chuyển đến người dùng có hiệu quả hay không thì phụ thuộc vào UX tức là công năng của chiếc xe có dễ lái, dễ vận hành hay không.

UI/UX design giống như là thiết kế showroom của doanh nghiệp bạn vậy, bạn tốn rất nhiều ngân sách để kéo người dùng đến showroom. Nhưng nếu dịch vụ, sản phẩm không được trình bày gọn gàng dễ nắm bắt, thì những khách hàng đã tốn công đến showroom sẽ không trở thành người mua. Họ hoàn toàn có thể qua bên showroom đối thủ, nơi hàng hoá dịch vụ được trưng bày nơi dễ thấy như ngay từ ngoài bàn tiếp tân chẳng hạn. Vậy nếu đã tốn rất nhiều ngân sách cho marketing thì bạn cần cũng nên chi một ngân sách phù hợp cho website, app,… để đo đạc và tối ưu trải nghiệm của người dùng.

Tại MangoAds, chúng tôi nhìn thiết kế dưới con mắt của những marketer cầu toàn, đặt mình vào vị trí của người dùng để đánh giá trải nghiệm của từng mẫu thiết kế.

Hướng tiếp cận UX/UI

Chúng tôi có nhiều hướng tiếp cận một mẫu design tại MangoAds

Coder

Các câu hỏi mà một coder cần đi tìm khi đọc thiết kế UI-UX: Nó có phù hợp với việc phát triển phần mềm hay không? Luồng xử lý dữ liệu có cần phải tối ưu hay hiệu chỉnh gì để đáp ứng UX này? Phối hợp các thành phần SSR hay CSR như thế nào để có được tốc độ trải nghiệm tốt nhất nhưng lại giảm tải được cho server?

Marketer

Nếu tôi thuộc từng nhóm người dùng nhất định thì tôi sẽ cảm thấy như thế nào, dưới con mắt khó tính của những marketer cầu toàn, chúng tôi điều chỉnh trải nghiệm để đạt được hiệu suất conversion tốt nhất. Tại mỗi điểm chạm của người dùng, việc bố trí các goal và nội dung CTA sẽ được thể hiện như thế nào.

Analyser

Kết hợp với yêu cầu của data strategy thì chúng ta sẽ tracking user theo những điểm chạm nào, làm sao chúng ta vẽ chân dung và xây dựng hành trình của người dùng. Nói cách khác, thông qua các phương án tracking trên giao diện mới, chúng ta sẽ có được phương án cải thiện sau khi release bản mới.

Copywriter

Nội dung hay, hình ảnh đẹp, hấp dẫn là chưa đủ, mà chúng ta cần phải biết để chúng ở đâu để đảm bảo người dùng nắm được đại ý của toàn page nhanh và hiệu quả nhất. Ngoài ra, chúng ta cũng cần quan tâm độ dài tối ưu cho mỗi đoạn text và style thiết kế hình ảnh để mang lại UI-UX tốt nhất.

01-e-ux-design-mga-2

Ecommerce UX design

Thiết kế giao diện cho thói quen sử dụng sản phẩm số của người Việt Nam, một thị trường tuy phát triển nhanh nhưng vẫn còn khá mới thì UX sẽ có nhiều điểm khác biệt so với những mẫu design của thế giới. Chúng tôi với sự am hiểu địa phương đảm bảo rằng sản phẩm của bạn sẽ được điều chỉnh tốt nhất theo thị trường mục tiêu.

Quy trình thiết kế UX/UI

Các bước cần thực hiện để thiết kế một mẫu UX/UI mới

Sản phẩm website của MangoAds

Website của Ngân hàng Thương mại Cổ phần Quân đội được xây dựng với mục đích tối ưu hoá công cụ tìm kiếm và trải nghiệm người dùng. Dự án được phát triển nhằm tạo ra một cổng thông tin liên lạc giữa người dùng và ngân hàng MB Bank. Website được tối ưu với các công nghệ tiên tiến như AMP và PWA. Thời gian tải trang dưới 1 giây.

UI/UX quan trọng như thế nào?

Chúng ta có thể mất tới 80% khách hàng vào tay đối thủ nếu họ trải nghiệm không tốt trên website của bạn.

Digital brand guideline

Bạn có thể thấy toàn bộ bảng màu và các bố cục website được liệt kê sẵn trong brand guideline

Atomic design

Là thiết kế theo từng phần tử, chúng tôi xem xét từng thành phần nhỏ nhất trên website để tạo ra những thiết kế có tính thống nhất trên toàn bộ các sản phẩm của doanh nghiệp.

Wireframe

Quy trình vẽ tay lên vẽ máy, lên màu gửi duyệt và thay đổi trước khi code. Hãy tham khảo một số workflow của chúng tôi trên sketch cũng như quy trình và phương pháp cộng tác với khách hàng khi duyệt mẫu.

Web layout

Làm sao để có được giao diện phù hợp với thói quen và sở thích lướt web của các đối tượng mục tiêu? MangoAds sẽ đưa ra các thiết kế web layout phù hợp với từng ngành nghề, lĩnh vực của khách hàng.