Quy trình làm 1 website ecommerce - dành cho Product Manager & BA

Quy trình này được rút ra từ kinh nghiệm của bản thân mình, mà mình thì không được đào tạo cũng như training về vị trí BA và Product nên nó không theo 1 quy chuẩn nào cả. ^_^

Quy trình từ khi bắt đầu đến khi design

use case

workflow

pageflow

wireframe

50 Công Cụ Hỗ Trợ UI và Wireframe Miễn Phí

Planning và communication là hai yếu tố then chốt trong sự phát triển của bất kỳ trang web hay ứng dụng nào. Và đó chính xác là những gì mà wireframing process mang tới: một phương pháp nhanh chóng và đơn giản để lên lên kế hoach thiết kế layout.

Planning và communication là hai yếu tố then chốt trong sự phát triển của bất kỳ trang web hay ứng dụng nào. Và đó chính xác là những gì mà wireframing process mang tới: một phương pháp nhanh chóng và đơn giản để lên lên kế hoach thiết kế layout, chi phí-hiệu quả, công cụ tiết kiệm thời gian, dễ dàng truyền đạt ý tưởng của bạn tới người khác. Wireframe typically thường có các yếu tố cơ bản của một trang web: header, footer, sidebar, thậm chí có một số nội dung được tạo ra, mang đến cho bạn, cho khách hàng và đồng nghiệp của bạn một layout được định hướng một cách trực quan đơn giản.Bài viết này tập trung vào các công cụ wireframing hiện tại và các ứng dụng độc lập, cũng như các nguồn tài liệu mà bạn sẽ cần để xây dựng wireframe của riêng bạn:wireframing kits, browser windows, form elements, grids, Mac OS X elements, mobile elements, mà bạn sẽ dùng trong bất kỳ typical graphics editor nào như Photoshop hay Illustrator. … Hoặc bạn cũng có thể sử dụng bút và giấy.

Tầm Quan Trọng của Thiết Kế WireFrame

Bài này được sưu tầm từ địa chỉ: http://vnwordpress.com/

Câu ngạn ngữ “Một hình ảnh có thể diễn đạt một ngàn từ” dùng để diễn tả về giao diện người dùng. Prototyping là việc: sử dụng các hình ảnh trực quan để mô tả thiết kế và định hướng.