Thiết kế wesite FPT AI Ưu nhược điểm của websiteƯu nhược điểm của website1 Phân tích website Phân tích website Về nhược điểmVề 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[.]
Trang 1Thiết kế wesite FPT.AI
Trang 2Ưu nhược điểm của website
Trang 3Về 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
⬥ 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
3
Trang 4Về ư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)
⬥ 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)
4
Trang 5⬥ Có sử dụng nguyên tắc 7+-2.
⬥ Có sử dụng nguyên tắc 7+-2
⬥ Đảm bảo khả năng ghi nhớ và khoảng cách
⬥ Đả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
⬥ 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 66
⬥ 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
⬥ 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
Trang 7⬥ 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
⬥ 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
7
Trang 8⬥ 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
⬥ 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
Trang 9Ưu nhược điểm của website
1
Phân công các thành viên
Phân công các thành viên
Trang 10A, Thiết kế figma
Website gốc:
https://fpt.ai/vi?fbclid=IwAR2u8byxb1D2fc-D0X1mf-zQ65X8-pKUwF8isWLs
AlQmJTX07T95u4bZfkA
A, Thiết kế figma
Website gốc:
https://fpt.ai/vi?fbclid=IwAR2u8byxb1D2fc-D0X1mf-zQ65X8-pKUwF8isWLs
AlQmJTX07T95u4bZfkA
10
PC Tablet Điện thoại Trang chủ Nguyễn Trung
Kiên
Long Phi Trần Đức 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 11Link figma:
https://www.figma.co
m/file/FIwt0TKf7xEKDj
7GUDt74u/T%E1%BB
%95ng
Link figma:
https://www.figma.co
m/file/FIwt0TKf7xEKDj
7GUDt74u/T%E1%BB
%95ng
Trang 1212
Trang 13B, Code website
Link drive sản phẩm của nhóm:
⬥ https://drive.google.com/drive/folders/11-a8qS
krSy_FrHYfE-3ieL6riEn_vB0h?usp=sharing
B, Code website
Link drive sản phẩm của nhóm:
⬥ https://drive.google.com/drive/folders/11-a8qS
krSy_FrHYfE-3ieL6riEn_vB0h?usp=sharing
13
Trang nội dung (Cường):
Trang 14Trang chủ (Long):
Trang 15Trang đăng kí (Yến):
Trang 16Trang đăng nhập (Lệ):
Trang 17Trang thoát (Kiên):
Trang 18ANY QUESTIONS?
18