1. UI
1.1. Còn gọi tắt là User Interface( Giao diện người dùng)
2. UX
2.1. Còn gọi tắt là Uer Experience ( Trải nghiệm người dùng )
3. F-pattem
3.1. Là mô hình mô tả cách thức thông thường mà mọi người thường đảo qua các khối nội dung trên trang web.
3.2. Tại sao nên dùng F-pattem
3.2.1. F-pattem giúp chúng ta có cơ sở để trình bày nội dung của 1 tài liệu theo cách thức mà phù hợp với thói quen người dùng
3.3. Khi nào nên dùng F-pattem
3.3.1. F-pattem phù hợp nhất cho các website có nhiều nội dung bằng chữ
3.4. Sử dụng F-pattem như thế nào?
3.4.1. Đánh độ ưu tiên cho các phần nội dung
3.4.1.1. Trước khi trình bày nội dung cần đánh giá nội dung nào quan trọng nội dung nào ít quan trọng và nội dung nào hỗ trợ
3.4.2. Đưa phần quan trọng lên trên cùng
3.4.3. Thiết kế lướt qua nhanh không phải để đọc kỹ
3.4.3.1. Bắt đầu các đoạn văn với những từ khóa thật lôi cuốn
3.4.3.2. Cần để cho các thành phần quan trọng trở nên nổi bật
3.4.3.3. Chỉ truyền tải 1 ý tưởng trong 1 đoạn văn. Nên sử dụng dấu bullet càng nhiều càng tốt
3.4.3.4. Đặt các nội dung quan trọng nhất bên trái hoặc bên phải
3.4.4. Sử dụng sidebar
3.4.4.1. Làm nổi bật bất cứ nội dung nào mà mình muốn nhưng lại không liên quan đến nội dung chính
3.4.4.2. Sử dụng như 1 công cụ để giúp người dùng dễ dàng tìm kiếm nội dung nhất định
3.4.5. Hạn chế các bố cục gây nhàm chán
3.5. Kết luận
3.5.1. F-Pattern đơn giản chỉ mô tả lại thói quen của mắt người, chúng ta dựa vào đó để bố trí nội dung của trang web. Nhưng, chúng ta cũng không nhất thiết phải theo sát mẫu này, bởi vì đây chỉ là một gợi ý (guideline), chứ không phải là một mẫu (template).
4. 10 nguyên tắc để thiết kế type tốt hơn
4.1. Quá nhiều kiểu dáng chữ (tyoe face)
4.1.1. Hãy giới hạn sủ dụng 2 hoặc 3 kiểu dáng và phong cách . Chọn 1 tiêu đề hoặc 1 tiêu đề phụ đi kèm
4.2. Khoảng trống
4.2.1. Không tạo ra sự chật chội về không gian trong thiết kế type
4.3. Canh lề
4.3.1. Không nên canh giữa mọi thứ trừ khi là sự chủ ý trong thiết kế
4.4. Kiểu dáng trang trí không phải lúc nào cũng đẹp
4.5. Vấn đề về kích cỡ
4.6. Khả năng đọc
4.7. Màu sắc
4.8. Nhóm
4.8.1. Hãy nhóm những phần thông tin có liên quan lại với nhau