Follow Us On

eCommerce Mobile App Nghiên cứu điển hình về UI / UX Khánh Nguyên Media thực hiện

Dự án thực hiệnMobile App eCommerce nghiên cứu điển hình về UI / UX
Thiết kế UX / UISử dụng 3 công cụ chính là Illustrators, Adobe XD và Photoshop
Nền tảng build PlatformBuild được 2 nền tảng là Flutter hoặc React Native
App chạy trên 2 nền tảng chínhApp Store - iOS và Google Play - Android
Giới thiệu về dự án

Giới thiệu Quy trình Dự án

Thiết kế UX

UX Design hoàn thành thiết kế tương tác thông qua nghiên cứu sơ bộ, phân tích khả năng khả thi và cuối cùng đưa nó ra thị trường

Các nghiên cứu

Nghiên cứu thị trường phân tích dữ liệu người dùng, đưa ra ý kiến tham khảo và hợp tác với UX Design

UI Design

Thiết kế giao diện người dùng làm cho phần mềm trở nên độc đáo và trang nhã, đồng thời làm cho việc vận hành phần mềm trở nên thoải mái.

Phát triển, xây dựng

Phát triển phần mềm là một kỹ thuật hệ thống bao gồm nắm bắt yêu cầu, phân tích yêu cầu, thiết kế, triển khai và thử nghiệm

Thời gian phất triển của dự án theo các giai đoạn sau

Quan điểm của người dùng

Nội dung người dùng

Chắc chắn, chúng tôi đã có một ý tưởng. Nhưng làm thế nào để xác nhận? Chúng tôi đã thực hiện một loạt các cuộc phỏng vấn người dùng với những người đồng nghiệp. Bằng cách này, chúng tôi hiểu được giá trị của mình đối với thị trường, đồng thời xác định những vấn đề chính và tạo nên niềm tin của cả hai.
Đồng cảm là cách tốt nhất để đứng về một phía với khách hàng của chúng tôi.

Luồng người dùng
Nó đề cập đến quá trình trong đó người dùng tận dụng các tuyến kết hợp của chuỗi các mẫu được thiết kế trong một sản phẩm để hoàn thành mục tiêu của họ. Nó được tạo ra để dự đoán và hiển thị các tuyến đường có thể mà người dùng tương tác với sản phẩm

Giới thiệu về dự án

Thiết kế giao diện người dùng của sản phẩm

Phần sau sẽ cung cấp thông tin như sự xâm nhập của ứng dụng app thương mại điện tử và giải pháp Thiết kế giao diện người dùng, cũng như đặc điểm kỹ thuật được sử dụng trong thiết kế

Màn hình chính
Khi người dùng mở ứng dụng lần đầu tiên, họ sẽ xem màn hình chính, còn được gọi là màn hình bắt đầu. Màn hình chính là nơi bạn sẽ tìm thấy các khối ứng dụng của mình. Trang này cũng được sử dụng để quảng bá thương hiệu của bạn, chủ yếu thông qua hình nền.

Thông tin chi tiết sản phẩm
Trang chi tiết sản phẩm (PDP) là một trang web trên cửa hàng trực tuyến hiển thị thông tin chi tiết của một sản phẩm cụ thể. Kích thước, màu sắc, giá cả, thông tin giao hàng, đánh giá và thông tin quan trọng khác mà người dùng có thể muốn biết trước khi mua hàng thường được hiển thị.

Giỏ hàng
Trang xem xét giỏ hàng cho phép người dùng xem lại và sửa dữ liệu chi tiết của các sản phẩm trong giỏ hàng của họ. Nó cũng bao gồm bản tóm tắt dữ liệu trong giỏ hàng cũng như một số tùy chọn để chỉnh sửa sản phẩm nhanh chóng nếu cần.

Lọc Tìm kiếm
Bộ lọc tìm kiếm là một thuộc tính cụ thể mà người dùng có thể sử dụng để tinh chỉnh kết quả tìm kiếm của một trang danh sách sản phẩm nhất định, ví dụ: theo kích thước, giá cả hoặc thương hiệu.

Thanh toán
Khi bạn đang thanh toán, màn hình Thanh toán sẽ bật lên. Ví dụ: khi bạn chọn Thanh toán, Thanh toán hoặc Thanh toán từ màn hình Lập hóa đơn, màn hình thanh toán sẽ xuất hiện.

Thông báo
Thông báo đẩy là thông báo mà Ứng dụng hiển thị bên ngoài giao diện người dùng của ứng dụng của bạn để cung cấp cho người dùng lời nhắc, thông báo của người khác hoặc thông tin kịp thời khác từ ứng dụng của bạn.

Hồ sơ
Màn hình hồ sơ có rất nhiều thông tin trên đó. Điều đó có thể bao gồm hình ảnh hồ sơ của người dùng, tên, email hoặc các id khác, điểm hoặc tín dụng và nhiều thứ khác là riêng tư hoặc công khai đối với bất kỳ ai.

Màn hình giới thiệu
Có ba mục đích cho màn hình giới thiệu này: Giáo dục người dùng về các tính năng và lợi ích của ứng dụng. Cho phép người dùng lưu thông tin đăng nhập của họ. Thu thập thông tin hồ sơ để có thể gửi nội dung và thông báo được cá nhân hóa.

Màn hình chờ ban đầu
Mục đích chính của màn hình chờ là thu hút ngay sự chú ý của người dùng bằng cách sử dụng các thiết kế đơn giản và độc đáo. Sử dụng các xu hướng màu hiện tại như màu chuyển

Tất cả các màn hình

Các giải pháp công việc thực hiện dự án

Phân bổ công việc

2 nhân viên phát triển iOS
2 nhân phát triển Android
1 kỹ sư QA
1 Quản lý dự án
1 Nhà phát triển Front-end
1 Nhà phát triển phụ

Ngôn ngữ & Công cụ:

» iOS – Swift, Kết hợp
» Thiết kế – AI, Figma
» Android – Kotlin kết hợp
» Web – React Native, Node.js

Phân bổ công việc

Phân tích BA dự án
Tạo bản vẽ phát thảo
Thiết kế UI / UX
Phát triển ứng dụng
Đảm bảo chất lượng
Phát triển phiên bản web
Phát triển bảng quản trị

Ngôn ngữ & Công cụ:

» 90+ – màn hình
» 950 giờ
» 6 – người

Cảm ơn đã xem!

Hy vọng rằng những ý tưởng thiết kế và phát triển Apps Mobile thương mại điện tử tuyệt đẹp này có thể truyền cảm hứng cho bạn để tiếp tục hoàn thành các mục tiêu sáng tạo của mình và giúp bạn một chút trong quy trình thiết kế ứng dụng của mình. Nếu bạn nghĩ rằng điều này là hữu ích, xin vui lòng chia sẻ trang này và để nhiều nhà thiết kế được truyền cảm hứng!

Hãy liên hệ chúng tôi

Hãy để chúng tôi giúp doanh nghiệp bạn hiện diện trực tuyến.
Phone / Zalo / Viber / WhatsApp: 093 739 5679 (để được tư vấn miễn phí)
Email: apps@khanhnguyenmedia.com – petrusphan@gmail.com
Thiết kế website App là một niềm đam mê với Khánh Nguyên Media, nhìn thấy khách hàng hài lòng với sản phẩm là hạnh phúc của chùng tôi.