1. Trang chủ
  2. » Luận Văn - Báo Cáo

Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cải thiện giao diện ứng dụng đặt lịch khám trực tuyến “BookingCare” dành cho đối tượng bệnh nhân.

106 3 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cải thiện giao diện ứng dụng đặt lịch khám trực tuyến “BookingCare” dành cho đối tượng bệnh nhân
Tác giả Đỗ Thị Cam Vân
Người hướng dẫn ThS. Nguyễn Thị Tuyết Mai
Trường học Học viện Công nghệ Bưu chính Viễn thông
Chuyên ngành Công nghệ đa phương tiện
Thể loại Khóa luận tốt nghiệp đại học
Năm xuất bản 2023
Thành phố Hà Nội
Định dạng
Số trang 106
Dung lượng 22,31 MB

Cấu trúc

  • 1.2.2.6 Nguyờn tắc đối xứng (Prọgnanz hay order and Symmetfry) (35)
  • 1.2.2.7 Nguyên tắc bầy đàn (Common fate hay Synchrony) (37)
  • 1.3 Vai trò của định luật Gestalt trong thiết kế giao diện ứng dụng di động (5)
  • 1.4 Tiểu kết chương l.........................--- 2 2+2 EềEE£EE2E12E121127111211211211211 111111111 re. 20 (5)
  • CHUONG 2: NGHIÊN CUU UNG DỤNG DAT LICH KHAM TRỰC TUYẾN (0)
    • 2.1 Phan nung 7n (0)
      • 2.1.1 Giới thiệu chung về ứng dụng.......................-- +: 25252 2E£EE£EE2EEEEzEeErxrkerrkrreex 21 (39)
      • 2.1.2 Đối tượng sử dụng BookingCare..................... 2-2-2 s2x‡2E2E22E122122EEEEExrrerrrei 22 2.1.3. Phân tích điểm mạnh, điểm yếu...................--- 2-5 +SệEE2EE+E£EEEEEEEEEErEerkerxerxrex 23 2.2) Nghiên cứu thị trường..........................- --- - - + 1S 1211 v1 TT TH 30 (41)
      • 2.2.1 Tổng quan về van đề khám bệnh tại Việt Nam......................--- 2-2 s222E+E+EzEzzzz 30 (49)
      • 2.2.2 Phân tích đối thủ........................---.-¿:-222++t2222 t2... rie 32 "5N: 200... ............. 5 (51)
        • 2.2.2.2 TVIE — Bac Si ¿nh ..........4 (0)
      • 2.2.3. Bài hoc rt ra..........................---- 2 1 3111129111192 11H 1n ng KĐT ket 37 (0)
    • 2.3 Nghiên cứu người dùng của ứng dụng BookingCarce.............................. ---5 5+5 s52 38 (5)
      • 2.3.1 Khảo sát người dùng..........................- - -- c n2 v11 S1 St TH tk ng kg kg 38 (57)
      • 2.3.2 Phỏng Van sâu.......................---- + ++2t2212E12E21E71211211217171111111111011 2110111211 re. 4I 2.3.3. Chân dung người dung mục tiÊU........................ - - 5c 22c 321111325 E5 xEerrvee 43 2.3.4. Tuyên bố vấn đề......................--- +: +Ss+E2+E92E9E1211212111511211211211111111111 11x xxe. 45 (0)
    • 2.4 Xác định yêu cầu.............................-- 2-5. s2 E1 E22127127121121121211211211211111121 2 111k. 45 (5)
      • 2.4.1 Danh 0v (0)

Nội dung

Nguyễn Thị TuyếtMai Sinh viên thực hiện: Đỗ Thị Cam VânLớp: DI9TKDPT0IHệ: Đại học chính quy Trang 2 BỘ THƠNG TIN VÀ TRUYÈN THƠNGHỌC VIỆN CƠNG NGHỆ BƯU CHÍNH VIỄN THƠNGKHỐ LUẬNTĨT NGHIỆP

Nguyờn tắc đối xứng (Prọgnanz hay order and Symmetfry)

Prọgnanz là từ tiếng Đức cú nghĩa là "hỡnh dang đẹp" hoặc "sự tinh tế" Người ta thích tìm kiếm sự đơn giản và trật tự trong các hình dạng phức tạp vì nó giúp chúng ta không bị choáng ngợp bởi thông tin. Đỗ Thị Cắm Vân — B19DCPT241 17

KHOÁ LUẬN TÓT NGHIỆP ĐẠI HỌC CHƯƠNG 1

Khi chúng ta nhìn thấy các hình dạng phức tạp trong một thiết kế, mắt tự động đơn giản hóa chúng trở thành một hình dạng đơn giản thống nhất bằng cách loại bỏ chỉ tiết không cần thiết của các hình dạng này.

Uu đãi đến từ Cake Dat be thuế xe 8 gid

Săn ngay ưu đãi ngàn VIB ưu đãi đến 400K hàng beFinance beBike

Hình 1 9 Nguyên tắc đối xứng được áp dụng trong giao diện Trang chủ của ứng dung

Hình 1.9 các thẻ quà tặng được thiết kế giống nhau và sắp xếp theo dạng đối xứng trục giúp người dùng có thé quét thông tin một cách nhanh chóng.

Các tổ hợp đối xứng nhìn chung tạo được sự thỏa mãn trong mắt người nhìn, nhưng đồng thời chúng có thé trở nên tinh và buồn tẻ Việc cho thêm những yếu tổ bất đối xứng vào những thiết kế đối xứng có thể thu hút được sự chú ý và gây được ấn tượng mạnh mẽ hơn.

Nguyên tắc này có 3 đặc điểm:

- Tinh đơn giản: Người dùng hướng tới các thiết kế dé hiểu va dé điều hướng Giao diện gon gàng, tối giản giúp giảm tải nhận thức, cho phép người dùng tập trung vào nhiệm vụ trước mắt mà không bị phân tâm.

- Tổ chức: Bỗ cục có cau trúc tốt giúp điều hướng dé dàng và nâng cao sự hài lòng của người dùng Bang cách nhóm các yếu tổ liên quan và cung cấp hệ thống phân cấp trực quan rõ rang, có thể mang lại cảm giác tự nhiên và liền mạch. Đỗ Thị Cắm Vân - B19DCPT241 18

KHOÁ LUẬN TÓT NGHIỆP ĐẠI HỌC CHƯƠNG 1

- Tinh đối xứng: Các thiết kế đối xứng mang lại cảm giác dễ chịu về mặt thị giác và thúc đây cảm giác cân bằng và hài hòa.

Tiểu kết chương l . - 2 2+2 EềEE£EE2E12E121127111211211211211 111111111 re 20

CHUONG 2: NGHIÊN CUU UNG DUNG ĐẶT LICH KHÁM TRỰC TUYẾN BOOKINGCARE DÀNH CHO DOI TƯỢNG BỆNH NHÂN

2.3 Nghiên cứu người dùng của ứng dụng BookingCare

2.4 Xác định yêu cầu Đỗ Thị Cắm Vân - B19DCPT241 ii

KHOÁ LUẬN TÓT NGHIỆP ĐẠI HỌC DE CƯƠNG

CHUONG 3: ÁP DỤNG ĐỊNH LUAT GESTALT VÀO THIET KE CẢI THIỆN GIAO DIỆN ỨNG DỤNG ĐẶT LỊCH KHÁM TRỰC TUYẾN BOOKINGCARE DÀNH CHO ĐÓI TƯỢNG BỆNH NHÂN

3.1 Thiết kế khung dây (Wireframe)

3.2 Xây dựng bộ quy chuẩn (Guideline)

3.3 Thiết kế giao diện trực quan (Visual Design)

3.4 Thiết kế nguyên mẫu (Prototype)

4 Cơ sở dữ liệu ban đầu:

[1] Lisa Graham, "Gestalt Theory in Interactive Media Design," Humanities & Social

[2] Mads Soegaard and Rikke Friis , "Gestalt principles of form perception," in The

Glossary of Human Computer Interaction, Interaction Design Foundation, 2015.

[3] D T V D ThS, "Đặt lich khám và thanh toán trực tuyến: “Phác đồ” điều trị tinh trạng xếp hang, chờ đợi khi vào bệnh viện," Kinh té và Dự báo, 16 6 2021.

GIẢNG VIÊN HƯỚNG DẪN SINH VIÊN THỰC HIỆN

(Ky, ghi rõ họ tên) (Ký, ghi rõ họ tên)

Vân Đỗ Thị Cam Vân

(Ký, ghi rõ họ tên) Đỗ Thị Cắm Vân - B19DCPT241 iii

KHOÁ LUẬN TÓT NGHIỆP ĐẠI HỌC LỜI CAM ĐOAN

Tác giả xin cam đoan rang Đồ án tốt nghiệp “Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cái thiện giao diện ứng dung đặt lịch khám trực tuyến

“BookingCare” dành cho đối tượng bệnh nhân” là công trình nghiên cứu của bản thân mình Những phần có sử dụng tài liệu tham khảo có trong đồ án đã được liệt kê và nêu rõ ra tại phần tài liệu tham khảo Đồng thời những số liệu hay kết quả trình bày trong đồ án đều mang tính chất trung thực, không sao chép, đạo nhái.

Nếu như sai tác gia xin chịu hoàn toàn trách nhiệm và chịu tất cả các kỷ luật của bộ môn cũng như nhà trường đề ra.

Vân Đỗ Thị Câm Vân Đỗ Thị Cắm Vân - BI9DCPT24I iv

KHOÁ LUẬN TÓT NGHIỆP ĐẠI HỌC LOI CAM ON

Loi dau tién, tac gia xin gửi lời cảm ơn sâu sắc nhất đến các thầy giáo, cô giáo

Khoa Đa phương tiện, Học viện Công nghệ Bưu chính Viễn thông, những người đã tận tình giảng dạy, truyền đạt cho tác gia những kiến thức quý báu dé phát triển các sản phẩm trong lĩnh vực đa phương tiện Từ những kiến thức đó, tác giả phát triển thêm vốn hiểu biết của minh dé hoàn thành dé tài và vận dụng trong công việc sau này. Đặc biệt, tác giả xin bày tỏ lòng biết ơn và gửi lời cảm ơn chân thành tới cô giáo Nguyễn Thị Tuyết Mai, người trực tiếp hướng dẫn tác giả làm Đồ án tốt nghiệp Trong quá trình làm bài, cô đã quan tâm, động viên, tận tình hướng dẫn, giúp tác giả giải quyết các van dé nảy sinh và hoàn thành đề tài đúng định hướng ban dau Tuy nhiên sản pham chắc chăn vẫn còn nhiều điểm hạn chế và thiếu sót, vì vậy tác giả kính mong tiếp tục nhận được góp ý từ cô và quý thầy cô dé sản phẩm ở trạng thái tốt nhất.

Cuối cùng xIn được gửi lời cảm ơn tới gia đình, bạn bẻ, người thân luôn bên cạnh, tạo điều kiện tốt nhất cho tác giả trong suốt quá trình học tập trên giảng đường, động viên và giúp đỡ tác gia dé tác giả hoàn thành tốt đồ án này.

Tác giả xin chân thành cảm ơn!

Hà Nội, ngày tháng năm 2023

Vân Đỗ Thi Cam Vân Đỗ Thị Cắm Vân - BI9DCPT24I v

KHOÁ LUẬN TÓT NGHIỆP ĐẠI HỌC MỤC LỤC

DE TÀI DO ÁN TOT NGHIỆP ĐẠI HỌC - 2 2+SE£EE2E£EE2EEEEEEEEEeExrxerrrei i LOT CAM ĐOAN 25: 2221 22211221122112211221112211122112211221.1.1 re iv LOT CAM ƠN 5c: 22t 221122 t 2T re v

MUC LỤC

Ngày đăng: 28/03/2024, 09:30

Nguồn tham khảo

Tài liệu tham khảo Loại Chi tiết
[1] Adjust, "Việt Nam đứng thứ hai tại Đông Nam Á về lượt tải ứng dụng di động: hơn 6000 ứng dụng được tải xuống mỗi phút," Advertisingvietnam, 26 4 2023 Sách, tạp chí
Tiêu đề: Việt Nam đứng thứ hai tại Đông Nam Á về lượt tải ứng dụng di động: hơn6000 ứng dụng được tải xuống mỗi phút
[2] Kirincapital, "Báo cáo triển vọng ngành chăm sóc sức khoẻ Việt Nam," 2 2023 Sách, tạp chí
Tiêu đề: Báo cáo triển vọng ngành chăm sóc sức khoẻ Việt Nam
[4] Interaction Design Foundation, "What is Design Thinking?," 25 May 2016. [Online].Available: https://www.interaction-design.org/literature/topics/design-thinking Sách, tạp chí
Tiêu đề: What is Design Thinking
Tác giả: Interaction Design Foundation
Nhà XB: Interaction Design Foundation
Năm: 2016
[5] Lisa Graham, "Gestalt Theory in Interactive Media Design," Humanities & Social Sciences, vol. 2, no. 1, 2008 Sách, tạp chí
Tiêu đề: Gestalt Theory in Interactive Media Design
[6] Mads Soegaard and Rikke Friis , "Gestalt principles of form perception," in The Glossary of Human Computer Interaction, Interaction Design Foundation, 2015 Sách, tạp chí
Tiêu đề: Gestalt principles of form perception
[7] M. Soegaard, "The Laws of Figure/Ground, Pragnanz, Closure, and Common Fate - Gestalt Principles (Part 3), 15 September 2015. [Online]. Available:https://www.interaction-design.org/literature/article/the-laws-of-figure-ground-praegnanz-closure-and-common-fate-gestalt-principles-3 Sách, tạp chí
Tiêu đề: The Laws of Figure/Ground, Pragnanz, Closure, and Common Fate - Gestalt Principles (Part 3)
Tác giả: M. Soegaard
Nhà XB: Interaction Design Foundation
Năm: 2015
[8] "UX Honeycomb — 7-Factor Design Framework for Great User Experience," 27 9 2022. [Online]. Available: https://www.uxpin.com/studio/blog/ux-honeycomb-definition-and-use/ Sách, tạp chí
Tiêu đề: UX Honeycomb — 7-Factor Design Framework for Great User Experience
Năm: 2022
[9] Truong Van Dat, "Đặt lich khám va thanh toán trực tuyến: “Phác đồ” điều trị tìnhtrạng xếp hàng, chờ đợi khi vào bệnh viện," Tap chí Kinh tế & Dự báo, 16 06 2021 Sách, tạp chí
Tiêu đề: Đặt lich khám va thanh toán trực tuyến: “Phác đồ” điều trị tìnhtrạng xếp hàng, chờ đợi khi vào bệnh viện
[3] B. T. T. Huế, Thiết kế ứng dụng di động trên đầu cuối, Học viện công nghệ Bưu chínhViễn thông, 2014 Khác

HÌNH ẢNH LIÊN QUAN

Hình 1. 1 Các giai đoạn của Design Thinking (Nguồn: interaction-design.org) - Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cải thiện giao diện ứng dụng đặt lịch khám trực tuyến “BookingCare” dành cho đối tượng bệnh nhân.
Hình 1. 1 Các giai đoạn của Design Thinking (Nguồn: interaction-design.org) (Trang 27)
Hình 1. 5 Nguyên tắc gan kê được áp dung trong giao diện Doi ưu đãi của ứng dung Be - Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cải thiện giao diện ứng dụng đặt lịch khám trực tuyến “BookingCare” dành cho đối tượng bệnh nhân.
Hình 1. 5 Nguyên tắc gan kê được áp dung trong giao diện Doi ưu đãi của ứng dung Be (Trang 32)
Hình 1. 8 Nguyên tắc chính phụ được áp dụng trong giao diện Đổi wu đãi của ứng dung Be - Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cải thiện giao diện ứng dụng đặt lịch khám trực tuyến “BookingCare” dành cho đối tượng bệnh nhân.
Hình 1. 8 Nguyên tắc chính phụ được áp dụng trong giao diện Đổi wu đãi của ứng dung Be (Trang 35)
Hình 1. 9 Nguyên tắc đối xứng được áp dụng trong giao diện Trang chủ của ứng dung - Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cải thiện giao diện ứng dụng đặt lịch khám trực tuyến “BookingCare” dành cho đối tượng bệnh nhân.
Hình 1. 9 Nguyên tắc đối xứng được áp dụng trong giao diện Trang chủ của ứng dung (Trang 36)
Hình 2. 2 Sơ đô Use case tổng quát của ứng dung BookingCare - Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cải thiện giao diện ứng dụng đặt lịch khám trực tuyến “BookingCare” dành cho đối tượng bệnh nhân.
Hình 2. 2 Sơ đô Use case tổng quát của ứng dung BookingCare (Trang 42)
Hình 2. 3 Quy mô ngành chăm sóc sức khỏe của Việt Nam giai đoạn 2017 — 2022 (Nguồn: Fitch Solution) - Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cải thiện giao diện ứng dụng đặt lịch khám trực tuyến “BookingCare” dành cho đối tượng bệnh nhân.
Hình 2. 3 Quy mô ngành chăm sóc sức khỏe của Việt Nam giai đoạn 2017 — 2022 (Nguồn: Fitch Solution) (Trang 50)
Hình 2. 14 Kiến trúc thông tin của ứng dụng BookingCare dành cho bệnh nhân - Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cải thiện giao diện ứng dụng đặt lịch khám trực tuyến “BookingCare” dành cho đối tượng bệnh nhân.
Hình 2. 14 Kiến trúc thông tin của ứng dụng BookingCare dành cho bệnh nhân (Trang 68)
Hình 2. 18 Luéng đặt khám tại cơ sở y té - Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cải thiện giao diện ứng dụng đặt lịch khám trực tuyến “BookingCare” dành cho đối tượng bệnh nhân.
Hình 2. 18 Luéng đặt khám tại cơ sở y té (Trang 70)
Hình 2. 20 Luông đặt khám tại nhà - Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cải thiện giao diện ứng dụng đặt lịch khám trực tuyến “BookingCare” dành cho đối tượng bệnh nhân.
Hình 2. 20 Luông đặt khám tại nhà (Trang 71)
Hình 3. I Khung dây luong đăng ky - Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cải thiện giao diện ứng dụng đặt lịch khám trực tuyến “BookingCare” dành cho đối tượng bệnh nhân.
Hình 3. I Khung dây luong đăng ky (Trang 73)
Hình 3. 2 Khung day trang chủ - Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cải thiện giao diện ứng dụng đặt lịch khám trực tuyến “BookingCare” dành cho đối tượng bệnh nhân.
Hình 3. 2 Khung day trang chủ (Trang 74)
Hình 3. 4 Khung dây lung đặt khám tai cơ sở y tế - theo chuyên khoa - Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cải thiện giao diện ứng dụng đặt lịch khám trực tuyến “BookingCare” dành cho đối tượng bệnh nhân.
Hình 3. 4 Khung dây lung đặt khám tai cơ sở y tế - theo chuyên khoa (Trang 75)
Hình 3. 5 Khung dây lung đặt khám tại cơ sở y tế - theo gói dich vu, bac sĩ - Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cải thiện giao diện ứng dụng đặt lịch khám trực tuyến “BookingCare” dành cho đối tượng bệnh nhân.
Hình 3. 5 Khung dây lung đặt khám tại cơ sở y tế - theo gói dich vu, bac sĩ (Trang 76)
Hình 3. 6 Khung dây luông đặt khám trực tuyến - Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cải thiện giao diện ứng dụng đặt lịch khám trực tuyến “BookingCare” dành cho đối tượng bệnh nhân.
Hình 3. 6 Khung dây luông đặt khám trực tuyến (Trang 77)
Hình 3. 7 Khung dây luéng đặt lịch khám tại nha - Nghiên cứu về định luật Gestalt và áp dụng vào thiết kế cải thiện giao diện ứng dụng đặt lịch khám trực tuyến “BookingCare” dành cho đối tượng bệnh nhân.
Hình 3. 7 Khung dây luéng đặt lịch khám tại nha (Trang 78)

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w