Tính khả dụng trong thiết kế UI/UX.
Khóa học về thiết kế UI/UX từ những giảng viên nổi tiếng trong lĩnh vực thiết kế UI/UX trên thế giới.
Bài học có sẵn phụ đề Tiếng Việt giúp bạn dễ dàng theo dõi, hãy bật nó lên để tiếp thu những kiến thức thật bổ ích
Nội dung trong bài học này:
00:00 – Promo (Quảng cáo)
01:24 – Demystifying: What is UX/UI Design? (Làm sáng tỏ: Thiết kế UX/UI là gì?)
07:25 – Introduction (Giới thiệu)
09:09 – Real World References and Mental Models (Tài liệu tham khảo thế giới thực và mô hình tinh thần)
14:45 – Jakob’s Law – Other Pages (Định luật Jakob – Các trang khác)
20:54 – Consistency Is Key (Tính nhất quán là chìa khóa)
24:23 – Hick’s Law – Choice and Limitation (Định luật Hick – Lựa chọn và Giới hạn)
28:53 – The Magic Number Is 4 ! (Con số kỳ diệu là 4!)
32:48 – Page Positioning & Scanning Patterns (Định vị trang & Mẫu quét)
38:48 – Feedback and System Status (Phản hồi và Trạng thái Hệ thống)
44:01 – Error prevention (ngăn ngừa lỗi)
48:22 – Error Handling (Xử lý lỗi)
52:43 – A Word About Dopamine and Ethical Design (Vài Lời Về Dopamine và Thiết Kế Có Đạo Đức)
59:12 – Course Material Download (Tải xuống tài liệu khóa học)
01:00:54 – EXERCISE: Co-working space wireframe (BÀI TẬP: Wireframe không gian làm việc chung)
01:02:50 – Part 2: UI Design (Phần 2: Thiết kế giao diện người dùng)
As a class project, we will be building the wireframe for a co-working space.
You will be given a brief on a wireframe that needs improvement. With the help of the principles we have learned in this course, you will set up a wireframe with perfect usability and be amazed by the difference. Exercise comes with a solution for Inspiration.
TO GET TO EXERCISE FILES CLICK HERE:
Please note that I only teach in Figma and thus only provide Figma files (no Sketch, no AdobeXD). By the way, you can set up a Figma account for free (limited to a certain amount of projects) and view the file for free.
The font I am using is a Poppins, a google font. If you have the Figma App installed it should show automatically. If you are working with Figma in the browser please make sure to download and install:
