Thông tin tài liệu
Trường Khoa học Tự nhiên-ĐHQG TPHCM Khoa Vật Lí-Vật lí kỹ thuật Bộ mơn Vật lí Tin học WEB & APP BÁO CÁO THỰC TẬP UI/UX User interface design / User experience design Người hướng dẫn: Đinh Văn Tuấn DESIGN Thành viên nhóm Lê Thị Ngọc Giàu 1513042 Nguyễn Hồ Tấn Nghĩa 15130112 CHƯƠNG 1: GIỚI THIỆU RAODEE gì? Bộ mơn Vât Lí Tin Học CHƯƠNG 2: UI/UX Bộ mơn Vât Lí Tin Học gì? 1.UI User interface design Thiết kế giao diện người dùng là thiết kế của giao diện người dùng cho máy và phần mềm , chẳng hạn như máy tính , đồ gia dụng , thiết bị di động , các thiết bị điện tử Bộ mơn Vât Lí Tin Học 2.UX User experience design Thiết kế trải nghiệm người dùng q trình nâng cao hài lòng người dùng với sản phẩm cách cải thiện khả sử dụng , khả năng truy cập và niềm vui cung cấp tương tác với sản phẩm Thiết kế trải nghiệm người dùng bao gồm thiết kế tương tác người-máy tính , giải tất khía cạnh sản phẩm dịch vụ mà người dùng nhận thấy. Bộ mơn Vât Lí Tin Học CHƯƠNG 3: THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG UI Bộ mơn Vât Lí Tin Học 1.CÁC BƯỚC THỰC HIỆN A Phân tích người dùng ngư Những câu hỏi điển hình bao gồm: HOW MIGHT WE….? Ý tưởng B Tạo mẫu - phát triển Vẽ phác họa Sử dụng số phần mềm hỗ trợ thiết kế C Kiểm tra khả sử dụng Cho phép người đánh giá kiểm tra giao diện người dùng Sau triển khai giao diện mới, cần phải bảo trì để sửa D Bảo trì phần mềm Bộ mơn Vât Lí Tin Học lỗi phần mềm, thay đổi tính năng, nâng cấp hồn tồn hệ thống 2.PROTOTYPE TOOL Một số công cụ hỗ trợ thiết kế Công cụ thiết kết nỗi deverloper designer SKETCH PHOTOSHOP ZEPLIN INVISION ADOBE XD INLLUSTRATOR Bộ môn Vât Lí Tin Học B QUI TRÌNH TẠO MẪUPHÁT TRIỂN Bộ mơn Vât Lí Tin Học B.1 WIREFRAME Phát triển UI ý tưởng lên tạo thành wireframe “Hướng dẫn trực quan sử dụng để đề xuất bố cục yếu tố giao diện.” Tại cách bạn nên sử dụng chúng quy trình làm việc mình? Bộ mơn Vât Lí Tin Học b.MỘT SỐ FONT PHỔ BIẾN General Font Open Sans Roboto Lato Apple Font Helvetica SF Pro San franciso Courier Garamond Georgia Verdana Bộ mơn Vât Lí Tin Học 21 c QUI TẮC CHỌN SIZE TRONG DESIGN Bộ mơn Vât Lí Tin Học 22 c.1 CHIA LƯỚI,KHOẢNG CÁCH AN TỒN Bộ mơn Vât Lí Tin Học 23 c.2 QUI TẮC KHOẢNG TRẮNG Bộ môn Vât Lí Tin Học 24 c.3 QUI TẮC KHOẢNG TRẮNG Bộ mơn Vât Lí Tin Học 25 QUIb.3 TẮCQUI CHỌN TẮC SIZE KHOẢNG TRẮNG Bộ mơn Vât Lí Tin Học 26 d BUTTON, ICON Bộ mơn Vât Lí Tin Học Bộ mơn Vât Lí Tin Học 27 BUTTON Bộ mơn Vât Lí Tin Học 28 ICON https://material.io/design/motion/speed.html#dura tion Bộ mơn Vât Lí Tin Học 29 TÍNH NHẤT QN Các thành phần sản phẩm sử dụng hình dạng hình học dựa logo Bộ mơn Vât Lí Tin Học 30 KIỂU CHUYỂN ĐỘNG Hoạt ảnh q mức vơ cớ khiến người cảm thấy bị ngắt kết nối bị phân tâm Việc lạm dụng chúng làm cho ứng dụng cảm thấy phương hướng khó kiểm sốt Bộ mơn Vât Lí Tin Học https://material.io/design/motion/speed.html#easing 31 SO SÁNH ANDROID VÀ IOS SỰ KHÁC BIỆT ỨNG DỤNG CHẠY TRÊN ANDROID & IOS https://material.io/design/platformguidance/android-split-screen.html#layout Bộ mơn Vât Lí Tin Học 32 Bộ mơn Vât Lí Tin Học 33 CÁM ƠN THẦY CÔ VÀ CÁC BẠN ĐÃ LẮNG NGHE QUESTION? ... 1: GIỚI THIỆU RAODEE gì? Bộ mơn Vât Lí Tin Học CHƯƠNG 2: UI/UX Bộ mơn Vât Lí Tin Học gì? 1.UI User interface design Thiết kế giao diện người dùng là thiết kế của giao diện người dùng cho máy và ... như máy tính , đồ gia dụng , thiết bị di động , các thiết bị điện tử Bộ môn Vât Lí Tin Học 2.UX User experience design Thiết kế trải nghiệm người dùng trình nâng cao hài lòng người dùng với sản
Ngày đăng: 19/11/2018, 23:14
Xem thêm: user interface user experience