HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG KHOA ĐA PHƯƠNG TIỆN MÔN THIẾT KẾ WEBSITE BÁO CÁO KẾT THÚC MÔN HỌC THIẾT KẾ WEBSITE Đề Thiết kế wesite FPT AI ● Phân tích website Ưu nhược điểm của Web Về nhược[.]
Trang 1HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG
KHOA ĐA PHƯƠNG TIỆN MÔN THIẾT KẾ WEBSITE
BÁO CÁO KẾT THÚC MÔN HỌC
THIẾT KẾ WEBSITE
Đề : Thiết kế wesite FPT.AI
Trang 2● Phân tích website:
Ưu nhược điểm của Web:
- Về nhược điểm:
+ Trang Web với thiết kế như thế này không thích hợp với các dự án mang nặng về mặt nội dụng ( nhất là văn bản )
+ Trang chủ khi vào website khác với Trang chủ khi đã đăng nhập khiến người dùng cảm thấy không đồng bộ Hơn nữa khi đã đăng nhập thì không có nút back ra trang chủ giới thiệu
- Về ưu điểm:
+ Phù hợp với các thiết kế trang web tối thiểu ( ít nội dung văn bản, tối giản, có nhiều không gian trống để hiển thị nội dung khác nhau và đảm bảo khoảng trắng, khoảng nghỉ cho mắt người dùng )
+ Có nhiều khoảng trắng giúp cho mắt người khi sử dụng không bị mỏi và khoảng nghỉ khi sử dụng
+ Phù hợp nếu muốn phát huy hai sản phẩm trở lên trong trang web
+ Có thể thích ứng với nhiều màn hình khác nhau ( trang web responsive)
+ Có sử dụng nguyên tắc 7+-2
Trang 3Đảm bảo khả năng ghi nhớ và khoảng cách
Các mục nhỏ được gom nhóm đặt trong
mục lớn giúp đảm bảo nguyên tắc 7+-2
→ Tối ưu hóa diện tích và số lượng các
mục, dễ dàng tìm kiếm khi cần thiết
Trang 4+ Có hướng dẫn sử dụng cho người dùng, giúp người mới có thể nhanh chóng hiểu
và sử dụng:
+ Tone màu xanh dương chủ đạo xuyên suốt được phối với nhiều sắc độ khác nhau -> không nhàm chán mà vẫn đảm bảo thông điệp mà web muốn truyền tải là sự tin tưởng của người dùng
Trang 5+ Bố cục thanh điều hướng cố định: giúp thanh liên kết cố định hiển thị trên
màn hình, không bị cuộn theo trỏ chuột
● Phân công các thành viên:
a Thiết kế figma:
- Website gốc:
https://fpt.ai/vi?fbclid=IwAR2u8byxb1D2fc-D0X1mf-zQ65X8-pKUwF8isWLsAlQmJTX07T95u4bZfkA
Trang chủ Nguyễn Trung
Kiên
Cường
1 trang nội dung Lê Hải Yến Long Phi Phạm Thúy Lệ
Trang thoát Lê Hải Yến Long Phi Phạm Thúy Lệ
Trang đăng kí Lê Hải Yến Nguyễn Trung
Kiên
Trần Đức Cường Trang đăng
nhập
Phạm Thúy Lệ Nguyễn Trung
Kiên
Trần Đức Cường
Trang 6- Link figma:
https://www.figma.com/file/FIwt0TKf7xEKDj7GUDt74u/T%E1%BB%9 5ng
Trang 7b Code website:
- Link drive sản phẩm của nhóm:
https://drive.google.com/drive/folders/11-a8qSkrSy_FrHYfE-3ieL6riEn_vB0h?usp=sharing
+ Trang nội dung (Cường):
Trang 8+ Trang chủ (Long):
+ Trang đăng kí (Yến):
Trang 9+ Trang đăng nhập (Lệ):
+ Trang thoát (Kiên):
Trang 10Bảng đánh giá công việc
Nguyễn Công Quyền Thiết kế wireframe và code trang nội dung 1/6 8.5/10
Trần Trung Hiếu Thiết kế prototype desktop và code trang chủ 1/6 8.5/10
An Nguyễn Nam Sơn Thiết kế prototype tablet và code trang thoát 1/6 8.5/10
Bùi Tuấn Thanh Thiết kế prototype desktop và code trang đăng kí 1/6 8.5/10
Nguyễn Thị Lý Thiết kế wireframe và code trang đăng kí 1/6 8.5/10
Lê Anh Huy Thiết kế prototype mobile và code trang đăng nhập 1/6 8.5/10
Đánh giá chung:
Các thành viên nhóm đều có ý thức làm bài đầy đủ, có tinh thần trách nhiệm cao, không xảy ra hiện tượng trì trệ, chống đối.
Trang 11Bảng đánh giá thành viên nhóm 1 môn Thiết kế Website
việc nhóm (trên thang 100%)