<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">
<b>TRƯỜNG CAO ĐẲNG FPT POLYTECHNIC---</b><b>---</b>
</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">
<b>4.2.Thiết kế luồng giao diện người dùng...13</b>
<b>PHẦN V:THIẾT KẾ GIAO DIỆN WEBSITE...14</b>
<b>5.1 Thiết kế giao diện trang web...14</b>
<b>5.2 Thiết kế luồng chính cho desktop...14</b>
<b>5.3 Thiết kế luồng chính cho mobile...14</b>
<b>PHẦN VI: KIỂM THỬ VÀ ĐÁNH GIÁ...15</b>
</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">
<b>6.1 Test user flows...15</b>
<b>7.3 Khó khăn gặp phải/ hướng giải quyết...16</b>
<b>7.4 Kế hoạch phát triển sau...16</b>
<b>PHẦN VIII: LỜI CẢM ƠN...17</b>
</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">
<b>Lời mở đầu</b>
Chào mừng đến với trang web bán phụ kiện điện thoại của chúng tôi!Chúng tôi rất vui mừng được giới thiệu với bạn về các sản phẩm phụkiện điện thoại chất lượng cao mà chúng tôi cung cấp với giá cả phảichăng và dịch vụ tốt nhất cho khách hàng.
Điện thoại là một phần không thể thiếu trong cuộc sống hàng ngày củabạn và chúng tơi hiểu rằng có các phụ kiện điện thoại thích hợp sẽ giúpbạn tận hưởng trải nghiệm sử dụng điện thoại tốt hơn và bảo vệ thiết bịcủa bạn khỏi các sự cố khơng đáng có.
Trang web của chúng tôi cung cấp đa dạng các sản phẩm phụ kiện điệnthoại, từ ốp lưng, bao da, dán màn hình đến sạc, tai nghe và nhiều hơnnữa. Chúng tôi cam kết cung cấp các sản phẩm chính hãng và ln đổimới, cập nhật các sản phẩm mới nhất trên thị trường.
Chúng tơi mong muốn mang lại sự hài lịng cho khách hàng khi muasắm trên trang web của chúng tôi và hy vọng sẽ trở thành người bạnđồng hành đáng tin cậy của bạn trong việc cung cấp các phụ kiện điệnthoại chất lượng cao. Chúng tôi cam kết đặt khách hàng lên hàng đầu vàluôn nỗ lực để đáp ứng nhu cầu của khách hàng trong mọi khía cạnh, từsản phẩm đến dịch vụ hậu mãi.
Với trang web bán phụ kiện điện thoại của chúng tơi, bạn có thể n tâmmua sắm và tận hưởng trải nghiệm tuyệt vời với các sản phẩm phụ kiệnđiện thoại chất lượng cao, giá cả hợp lý và dịch vụ tốt nhất. Hãy ghéthăm trang web của chúng tơi để tìm hiểu thêm về sản phẩm và dịch vụcủa chúng tôi!
</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">
PHẦN 1: GIỚI THIỆU CHUNG
<i><b>1.Giới thiệu mục đích, lý do làm hệ thống</b></i>
- Đem lại sự thuận tiện khi mua phụ kiện điện thoại trực tuyến trên internet
- Cung cấp sản phẩm chất lượng cho người tiêu dùng
- Kích thích khách hàng mua sắm chỉ với vài thao tác đơn giản-Mở rộng thị trường và vượt giới hạn về thời gian
<i><b>2.Phân cơng làm việc nhóm</b></i>
Đào Văn Nam: Làm khảo sát, User Persona 1, Wireframe và giao diện chi tiết mobile, Slide trình chiếu.
Phan Văn Quyết: User Persona 2, User Persona 3, Wireframe và giao diện chi tiết desktop.
<i><b>3.Công cụ sử dụng</b></i>
- Google Form, Microsoft Word, Figma, Canva, Google.
</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">
PHẦN 2: TÌM HIỂU KHÁCH HÀNG
<i><b>1. Mục đích</b></i>
Hiểu rõ hơn về nhu cầu, sở thích, thói quen sử dụng sảnphẩm, tâm lý và hành vi người dùng. Từ đó giúp cho nhà thiếtkế có thể đưa ra những giải pháp thiết kế sản phẩm phù hợp vớinhu cầu người dùng.
<i><b>2.Phương pháp khảo sát</b></i>
Quan sát, phỏng vấn, bảng câu hỏi, nghiên cứu mục tiêu.Dưới đây là bảng khảo sát:
</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">
PHẦN 3: XÁC ĐỊNH VẤN ĐỀ
<i><b>1. Phiên bản giả lập người dùng</b></i>
User Persona 1
</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">
User Persona2
</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">
User Persona 3
</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">
<i><b>2.Xác định nhu cầu khách hàng</b></i>
- Sản phẩm phải được kiểm định
- Mẫu mã đẹp, đa dạng, chính hãng, rẻ, chất lượng đi đôi với giá tiền
- Giao hàng phải đảm bảo đúng mẫu đúng hạn
- Sản phẩm khi gặp vấn đề cần được hỗ trợ giải quyết nhanhchóng, kịp thời, chính xác
- Chia sẻ được trải nghiệm- Đánh giá shop qua sản phẩm- Mua hàng nhiều phải được ưu đãi
<i><b>3. Những chức năng cần xây dựng từ nhu cầu</b></i>
Từ trang chủ vào hỗ trợ khách hàng
</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">
PHẦN 4: THIẾT KẾ SÁNG TẠO
1. Thiết kế UI
Wireframe desktop
Wireframe mobile
</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">
Logo websiteColor style: Tím, xám, trắng
Text style: Roboto
Component
</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">
<b>PHẦN 5: THIẾT KẾ GIAO DIỆN WEBSITE</b>
Giao diện desktop
</div><span class="text_page_counter">Trang 15</span><div class="page_container" data-page="15">
<i><b>2.Thiết kế cần cải tiến</b></i>
- Đa dạng hơn các sản phẩm, mẫu mã, cập nhật thêm các chức năng để website có thể hồn thiện.
</div><span class="text_page_counter">Trang 16</span><div class="page_container" data-page="16">
<i><b>3.Khó khăn gặp phải/ hướng giải quyết</b></i>
Gặp khó khăn về vấn đề thiết kế các chức năng, giao diện, hover, slider…
<i><b>4.Kế hoạch phát triển</b></i>
Phát triển thêm nhiều chức năng, giao diện bắt mắt, nhiều giao diện màn hình
</div>
