# data[].attributes.body
Trần Văn Bình
Lê Tiến Đạt
Trần Anh Tuấn
Đặng Viết Cường

# data[].attributes.body
Trang 1: Giao diện gồm có: ⚫ Một hình nền background về mua sắm

⚫ Có nút trang chủ để khi người dùng sang nhiều trang mà muốn load về trang ban đầu thì nhấn vào nút “Trang chủ” này.

⚫ Có một cái thành tiền giúp cho khách hàng tìm món đề mà mình muốn mua một cách nhân chóng không cần phải tìm kiếm thủ công từng trang một.

⚫ Phía bên phải có hai nút “Đăng nhập” và “Đăng kí” nếu bạn khách hàng đến lần đầu đến với trang web thì bắt buộc bạn phải tạo cho mình một tài khoản để mua hàng vì để cho chủ web có thể lấy được thông tin giao hàng cho khách như: Số điện thoại,… khi đó bạn sẽ nhấn vào nút đăng kí để tạo tài khoản. Còn nếu bạn đã tạo tài khoản mà muốn mua hàng tiếp trên web thì bạn chỉ cần đăng nhập lại cái tài khoản mà bạn đã tạo khi lần đầu mua thì bạn sẽ được tiếp tục mua hàng.

Trang 2: Đây là trang sẽ xuất hiện khi bạn nhấp vào đăng nhập tài khoản. Tại đây bạn chỉ cần nhập gmail và mật khẩu mà bạn đã lập khi lần đầu bạn đến với trang web.

Tại đây nếu bạn nhập toàn bộ tk và mk và chỉ cần bạn nhập đúng thì khi bạn nhấn vào “Sign in” thì lập tức bạn sẽ được chuyển đến trang mua hàng còn nếu bạn nhập sai thì hệ thống sẽ hiện lên thông báo “Bạn đã nhập sai tài khoản hoặc mật khẩu hãy điền lại cho đúng”. Như vậy bạn phải điền lại cho đến khi đúng thì mới đến trang mua sắm.

Trang 3: Khi bạn đã đăng nhập thành công thì nó sẽ dẫn bán đến trang web mua hàng như này. Tại đây sẽ có một số nút bạn cần biết:

Bên trái sẽ có nút “Trang chủ” để khi nào nhấn vào trang nào mà muốn trở lại trang này thì chỉ cần nhấn nút này là nó sẽ load lại cho bạn giao diện cũ như này.

Chính giữa là khung tìm kiếm có chứ năng giúp cho người dùng tìm kiếm sản phẩm mà mình muốn mua chỉ cần nhập tên vào khung tìm kiếm là lập tức nó sẽ dẫn bạn đến trang mà có bán sản phẩm đó. Còn một số trường hợp sản phẩm không có bán thì trang web sẽ thông báo “Thông tin tìm kiếm không có “.

Còn nút bên phải là “Giỏ hàng” tại đây nó lưu giữ những sản phẩm mà bạn có ý định sẽ mua mà chưa mua vì một số lý do như chưa đủ tiền chăng hạn thì tại phần này nó sẽ luôn lưu giữ sản phẩm mà bạn đã muốn mua tại đây và khi nào bạn đủ tiền mà vẫn muốn mua sản phẩm đó thì chỉ cần nhấn lại vào đó là có thể mua được ngay mà không cần phải tìm kiếm nữa

# data[].attributes.body
Trang 10:
- vào sever trái đất để có thể lựa chọn sever của mình
- ấn đang xuất để có thể tiếp tục đăng xuất
- ấn hủy để hủy thao tác đó
Trang 11
- ấn vào số dung lượng tương ứng mình muốn mua cho điện thoại
- lựa chọn màu sắc mà mình muốn mua
- áp voucher khuyến mãi mà mình có
- mua ngay để thực hiện giao dịch
- thêm vào giỏ hàng để khi nào có tiền rồi mua
Trang 12
- ấn vào đơn hàng của tôi để xem những đơn hàng mình đã mua
- Ấn vào tiếp tục mua hàng để có thể xem tiếp những sản phẩm

# data[].attributes.body
Trang 4: Đây là trang đăng ki khi bạn nhấp vào nút “Đăng kí ” tại đây bạn chỉ cần nhập đầy đủ thông tin là tạo được tài khoản còn nếu bạn nhập sai thì hệ thống sẽ báo lại bạn phải nhập lại cho đúng. Và cho đến khi bạn nhập đúng thì mới tạo được tài khoản.

Trang 5: Đây là trang sẽ xuất hiện khi bạn nhấn vào “Giỏ hàng” tại đây nó sẽ hiện lên các sản phẩm mà bạn đang có ý định muốn mua. Nếu bạn muốn tiếp tục mua thì chỉ cần nhấn vào sản phẩm để tiếp tục mua còn nếu bạn không còn muốn mua thì chỉ cần nhấn vào nút xóa và tại đây nó sẽ hiện lên thông báo bạn có chắc muốn xóa không thì nếu bạn muốn xóa thì nhấn “Chắn chăn” còn không thì nhấn “Không”.

Trang 6: Khi bạn nhấn vào sản phẩm khi bạn tra trên Khung tìm kiếm tại đây nó sẽ giới thiệu các tính năng trên có của sản phẩm bạn tìm kiếm

VD như điện thoại trên thì nó sẽ giới thiệu người dùng về màu sắc và thông số của máy. Để tạo cảm giác trải nghiệm cho người dùng thì khi bạn nhấn vào màu nào thì điện thoại mẫu màu đó sẽ hiện lên như giúp cho người mua có them nhiều sự lựa chọn hơn. Khi người dùng đã quyết định mua thì chỉ cần nhấn vào mục “Thanh toán “ và điền thông tin thẻ Visa và thanh toán nữa là xong hàng sẽ được giao đến tay người dùng.

# data[].attributes.body
Trang 7:
- nhấn vào nút màu trắng sẽ hiện ra điện thoại màu trắng
- nhấn vào nút màu đen sẽ hiện ra điện thoại màu đen
- nhận vào hình mở hộp sẽ hiện ra hình ảnh lúc đập hộp
- nhấn vào hình 360 độ sẽ thấy được hình ảnh toàn phần mọi góc của điện thoại
- nhấn vào thông số kỹ thuật để xem các thông số của máy và các số liệu liên quan về kỹ thuật
- ấn vào thông tin sản phẩm để xem các thông tin về sản phẩm
- ấn vào các hình ảnh điện thoại dòng khác để xem các dòng điện thoại đấy
- ấn vào purchase để thực hiện thanh toán qua visa
Trang 8:
- nhấn vào hình sản phẩm để coi các hình ảnh liên quan tới sản phẩm
- ấn vào thông số kỹ thuật để xem các thông số của máy và các số liệu liên quan về kỹ thuật
- nhấn vào bình luận để có thể cho ý kiến về sản phẩm
- Ấn vào xem thêm cấu hình chi tiết để có thể xem các câú hình của máy
- ấn vào purchase thực hiện thanh toán qua visa
Trang 9:
- ấn vào hình ảnh điện thoại mình muốn xem để có thể xem các thông tin về chiếc điện thoại đấy
- Ấn vào yêu thích để có thể lưu lại những lựa chọn mà mình muốn mua

# data[].attributes.body
1.Tư duy thiết kế là gì?

Tư duy thiết kế là quá trình liên tục nghiên cứu người dùng, thách thức các giả định và xác định lại vấn đề nhằm mục tiêu tìm kiếm các chiến lược và giải pháp thay thế tối ưu hơn.  Từ đó tăng cường sự hiểu biết về khách hàng đang sử dụng sản phẩm của mình

Tư duy thiết kế là chìa khóa giúp doanh nghiệp thấu hiểu người dùng thông qua việc không ngừng đặt câu hỏi về vấn đề, phương pháp làm việc hiện tại và các giải định tương lai.

Tư duy này cực kỳ hữu ích giúp giải quyết các vấn đề chưa được xác định rõ ràng bằng việc nghiên cứu quan điểm người dùng, ý tưởng, ứng dụng thực tế để tìm ra hướng đi đúng đắn nhất.

2. Ý tưởng thiết kế.
Trang 1: Giao diện gồm có: ⚫ Một hình nền background về mua sắm

⚫ Có nút trang chủ để khi người dùng sang nhiều trang mà muốn load về trang ban đầu thì nhấn vào nút “Trang chủ” này.

⚫ Có một cái thành tiền giúp cho khách hàng tìm món đề mà mình muốn mua một cách nhân chóng không cần phải tìm kiếm thủ công từng trang một.

⚫ Phía bên phải có hai nút “Đăng nhập” và “Đăng kí” nếu bạn khách hàng đến lần đầu đến với trang web thì bắt buộc bạn phải tạo cho mình một tài khoản để mua hàng vì để cho chủ web có thể lấy được thông tin giao hàng cho khách như: Số điện thoại,… khi đó bạn sẽ nhấn vào nút đăng kí để tạo tài khoản. Còn nếu bạn đã tạo tài khoản mà muốn mua hàng tiếp trên web thì bạn chỉ cần đăng nhập lại cái tài khoản mà bạn đã tạo khi lần đầu mua thì bạn sẽ được tiếp tục mua hàng.

Trang 2: Đây là trang sẽ xuất hiện khi bạn nhấp vào đăng nhập tài khoản. Tại đây bạn chỉ cần nhập gmail và mật khẩu mà bạn đã lập khi lần đầu bạn đến với trang web.

Tại đây nếu bạn nhập toàn bộ tk và mk và chỉ cần bạn nhập đúng thì khi bạn nhấn vào “Sign in” thì lập tức bạn sẽ được chuyển đến trang mua hàng còn nếu bạn nhập sai thì hệ thống sẽ hiện lên thông báo “Bạn đã nhập sai tài khoản hoặc mật khẩu hãy điền lại cho đúng”. Như vậy bạn phải điền lại cho đến khi đúng thì mới đến trang mua sắm.

Trang 3: Khi bạn đã đăng nhập thành công thì nó sẽ dẫn bán đến trang web mua hàng như này. Tại đây sẽ có một số nút bạn cần biết:

Bên trái sẽ có nút “Trang chủ” để khi nào nhấn vào trang nào mà muốn trở lại trang này thì chỉ cần nhấn nút này là nó sẽ load lại cho bạn giao diện cũ như này.

Chính giữa là khung tìm kiếm có chứ năng giúp cho người dùng tìm kiếm sản phẩm mà mình muốn mua chỉ cần nhập tên vào khung tìm kiếm là lập tức nó sẽ dẫn bạn đến trang mà có bán sản phẩm đó. Còn một số trường hợp sản phẩm không có bán thì trang web sẽ thông báo “Thông tin tìm kiếm không có “.

Còn nút bên phải là “Giỏ hàng” tại đây nó lưu giữ những sản phẩm mà bạn có ý định sẽ mua mà chưa mua vì một số lý do như chưa đủ tiền chăng hạn thì tại phần này nó sẽ luôn lưu giữ sản phẩm mà bạn đã muốn mua tại đây và khi nào bạn đủ tiền mà vẫn muốn mua sản phẩm đó thì chỉ cần nhấn lại vào đó là có thể mua được ngay mà không cần phải tìm kiếm nữa

Trang 4: Đây là trang đăng ki khi bạn nhấp vào nút “Đăng kí ” tại đây bạn chỉ cần nhập đầy đủ thông tin là tạo được tài khoản còn nếu bạn nhập sai thì hệ thống sẽ báo lại bạn phải nhập lại cho đúng. Và cho đến khi bạn nhập đúng thì mới tạo được tài khoản.

Trang 5: Đây là trang sẽ xuất hiện khi bạn nhấn vào “Giỏ hàng” tại đây nó sẽ hiện lên các sản phẩm mà bạn đang có ý định muốn mua. Nếu bạn muốn tiếp tục mua thì chỉ cần nhấn vào sản phẩm để tiếp tục mua còn nếu bạn không còn muốn mua thì chỉ cần nhấn vào nút xóa và tại đây nó sẽ hiện lên thông báo bạn có chắc muốn xóa không thì nếu bạn muốn xóa thì nhấn “Chắn chăn” còn không thì nhấn “Không”.

Trang 6: Khi bạn nhấn vào sản phẩm khi bạn tra trên Khung tìm kiếm tại đây nó sẽ giới thiệu các tính năng trên có của sản phẩm bạn tìm kiếm

VD như điện thoại trên thì nó sẽ giới thiệu người dùng về màu sắc và thông số của máy. Để tạo cảm giác trải nghiệm cho người dùng thì khi bạn nhấn vào màu nào thì điện thoại mẫu màu đó sẽ hiện lên như giúp cho người mua có them nhiều sự lựa chọn hơn. Khi người dùng đã quyết định mua thì chỉ cần nhấn vào mục “Thanh toán “ và điền thông tin thẻ Visa và thanh toán nữa là xong hàng sẽ được giao đến tay người dùng.

Trang 7:
- nhấn vào nút màu trắng sẽ hiện ra điện thoại màu trắng
- nhấn vào nút màu đen sẽ hiện ra điện thoại màu đen
- nhận vào hình mở hộp sẽ hiện ra hình ảnh lúc đập hộp
- nhấn vào hình 360 độ sẽ thấy được hình ảnh toàn phần mọi góc của điện thoại
- nhấn vào thông số kỹ thuật để xem các thông số của máy và các số liệu liên quan về kỹ thuật
- ấn vào thông tin sản phẩm để xem các thông tin về sản phẩm
- ấn vào các hình ảnh điện thoại dòng khác để xem các dòng điện thoại đấy
- ấn vào purchase để thực hiện thanh toán qua visa
Trang 8:
- nhấn vào hình sản phẩm để coi các hình ảnh liên quan tới sản phẩm
- ấn vào thông số kỹ thuật để xem các thông số của máy và các số liệu liên quan về kỹ thuật
- nhấn vào bình luận để có thể cho ý kiến về sản phẩm
- Ấn vào xem thêm cấu hình chi tiết để có thể xem các câú hình của máy
- ấn vào purchase thực hiện thanh toán qua visa
Trang 9:
- ấn vào hình ảnh điện thoại mình muốn xem để có thể xem các thông tin về chiếc điện thoại đấy
- Ấn vào yêu thích để có thể lưu lại những lựa chọn mà mình muốn mua
Trang 10:
- vào sever trái đất để có thể lựa chọn sever của mình
- ấn đang xuất để có thể tiếp tục đăng xuất
- ấn hủy để hủy thao tác đó
Trang 11
- ấn vào số dung lượng tương ứng mình muốn mua cho điện thoại
- lựa chọn màu sắc mà mình muốn mua
- áp voucher khuyến mãi mà mình có
- mua ngay để thực hiện giao dịch
- thêm vào giỏ hàng để khi nào có tiền rồi mua
Trang 12
- ấn vào đơn hàng của tôi để xem những đơn hàng mình đã mua
- Ấn vào tiếp tục mua hàng để có thể xem tiếp những sản phẩm