Chương 5
1
Nguyên lý thiết kế giao diện
Mục lục
1. Quan hệ giữa UI và UX
2. Hướng dẫn thiết kế giao diện cho di động
3. Quy trình xây dựng giao diện
4. Xây dựng giao diện người dùng trong Flutter
5. Xây dựng giao diện người dùng trong ReactNative
2
Mục lục
1. Quan hệ giữa UI và UX
2. Hướng dẫn thiết kế giao diện cho di động
3. Quy trình xây dựng giao diện
4. Xây dựng giao diện người dùng trong Flutter
5. Xây dựng giao diện người dùng trong ReactNative
3
1.1 Quan hệ giữa UI và UX
▪Giao diện người dùng - UI (User Interface) bao gồm tất cả
những gì mà người dùng có thể nhìn thấy trên màn hình thiết bị,
ví dụ như bố cục, màu sắc, font chữ, hình ảnh,...
▪Thiết kế UI là yếu tố quan trọng giúp truyền tải thông điệp từ người thiết
kế, nhà cung cấp sản phẩm, dịch vụ đến người dùng.
▪Trải nghiệm người dùng - UX (User Experience) nói đến
tổng thể trải nghiệm của người dùng, tức là bao gồm nhiều yếu
tố khác bên cạnh giao diện như kinh nghiệm, cảm xúc, giá trị
nhận được khi tương tác với sản phẩm, dịch vụ.
4
1.1 Quan hệ giữa UI và UX (2)
▪Quan hệ giữa UI và UX
5
UI
(User Interface)
UX
(User Experience)
System / Device User
Những nội dung
hiển thị trên
màn hình
thiết bị
Những trải nghiệm
“phía trước”
màn hình
Tương tác
(Interaction)