Ebook về thiết kế tương tác: Nguyên mẫu và xây dựng trong thiết kế

Khám phá thiết kế tương tác trong ebook "Interaction Design Beyond Human-Computer Interaction" phần 2, nâng cao trải nghiệm người dùng và công nghệ.

• Chuyên ngành: Thiết kế tương tác
• Đề tài: Nguyên mẫu và xây dựng
• Loại tài liệu: Hướng dẫn

Mục lục chi tiết

• 8. CHƯƠNG 8: Design, prototyping and construction
• 8.1. What is a prototype?
• 8.2. Prototyping and construction
• 8.3. Low-fidelity prototyping
• 8.4. High-fidelity prototyping
• 8.5. Compromises in prototyping
• 8.6. Construction: from design to implementation
• 8.3. Conceptual design: moving from requirements to first design
• 8.1. Three perspectives For developing a conceptual model
• 8.2. Expanding the conceptual model
• 8.3. Using scenarios in conceptual design
• 8.4. Using prototypes in conceptual design
• 8.4. Physical design: getting concrete
• 8.1. Guidelines for physical design
• 8.2. Different kinds of widget
• 8.1. Introduction

Tóm tắt

I. Giới thiệu về thiết kế tương tác Nguyên mẫu và xây dựng

Thiết kế tương tác là một lĩnh vực quan trọng trong phát triển sản phẩm công nghệ. Nó không chỉ liên quan đến việc tạo ra giao diện người dùng mà còn bao gồm việc phát triển các nguyên mẫu để kiểm tra và cải thiện trải nghiệm người dùng. Nguyên mẫu giúp các nhà thiết kế hình dung và thử nghiệm ý tưởng trước khi sản phẩm cuối cùng được hoàn thiện. Việc hiểu rõ về quy trình thiết kế tương tác sẽ giúp các nhà phát triển tạo ra sản phẩm đáp ứng tốt nhất nhu cầu của người dùng.

1.1. Khái niệm về nguyên mẫu trong thiết kế tương tác

Nguyên mẫu là một phiên bản thử nghiệm của sản phẩm, cho phép người dùng tương tác và đưa ra phản hồi. Nó có thể là một mô hình giấy, một ứng dụng phần mềm đơn giản hoặc một mô hình 3D. Nguyên mẫu giúp xác định các vấn đề tiềm ẩn và cải thiện thiết kế trước khi sản phẩm được phát hành.

1.2. Tại sao nguyên mẫu lại quan trọng trong thiết kế UX UI

Nguyên mẫu đóng vai trò quan trọng trong việc kiểm tra tính khả thi của ý tưởng thiết kế. Chúng cho phép các nhà thiết kế thu thập phản hồi từ người dùng, từ đó điều chỉnh và cải thiện sản phẩm. Việc sử dụng nguyên mẫu giúp tiết kiệm thời gian và chi phí trong quá trình phát triển sản phẩm.

II. Những thách thức trong thiết kế tương tác và nguyên mẫu

Thiết kế tương tác không phải lúc nào cũng dễ dàng. Có nhiều thách thức mà các nhà thiết kế phải đối mặt, từ việc hiểu rõ nhu cầu của người dùng đến việc tạo ra các nguyên mẫu hiệu quả. Những thách thức này có thể ảnh hưởng đến chất lượng sản phẩm cuối cùng và trải nghiệm của người dùng.

2.1. Khó khăn trong việc xác định nhu cầu người dùng

Một trong những thách thức lớn nhất trong thiết kế tương tác là xác định chính xác nhu cầu và mong muốn của người dùng. Việc này đòi hỏi các nhà thiết kế phải thực hiện nghiên cứu sâu rộng và thu thập dữ liệu từ nhiều nguồn khác nhau.

2.2. Thách thức trong việc phát triển nguyên mẫu hiệu quả

Phát triển nguyên mẫu không chỉ đơn thuần là tạo ra một phiên bản thử nghiệm. Nó còn bao gồm việc lựa chọn công cụ phù hợp, xác định các tính năng cần thiết và đảm bảo rằng nguyên mẫu có thể phản ánh chính xác trải nghiệm người dùng mong muốn.

III. Phương pháp thiết kế nguyên mẫu hiệu quả trong tương tác

Để tạo ra các nguyên mẫu hiệu quả, các nhà thiết kế cần áp dụng những phương pháp và kỹ thuật phù hợp. Những phương pháp này không chỉ giúp tiết kiệm thời gian mà còn nâng cao chất lượng sản phẩm cuối cùng.

3.1. Sử dụng nguyên mẫu thấp Low fidelity prototyping

Nguyên mẫu thấp là một phương pháp hiệu quả để thử nghiệm ý tưởng mà không tốn nhiều thời gian và chi phí. Chúng thường được làm từ giấy hoặc các vật liệu đơn giản, cho phép các nhà thiết kế nhanh chóng điều chỉnh và cải thiện ý tưởng.

3.2. Nguyên mẫu cao High fidelity prototyping và ứng dụng của nó

Nguyên mẫu cao sử dụng các công nghệ và vật liệu gần giống với sản phẩm cuối cùng. Chúng giúp kiểm tra tính khả thi của các tính năng phức tạp và mang lại trải nghiệm gần gũi hơn với sản phẩm thực tế.

IV. Ứng dụng thực tiễn của thiết kế tương tác và nguyên mẫu

Thiết kế tương tác và nguyên mẫu có thể được áp dụng trong nhiều lĩnh vực khác nhau, từ phát triển phần mềm đến thiết kế sản phẩm vật lý. Việc áp dụng đúng cách có thể mang lại lợi ích lớn cho cả nhà phát triển và người dùng.

4.1. Thiết kế giao diện người dùng UI và trải nghiệm người dùng UX

Trong thiết kế UI/UX, nguyên mẫu giúp các nhà thiết kế kiểm tra và cải thiện giao diện trước khi phát hành. Điều này đảm bảo rằng sản phẩm cuối cùng đáp ứng được nhu cầu và mong đợi của người dùng.

4.2. Ứng dụng trong phát triển sản phẩm vật lý

Nguyên mẫu cũng rất quan trọng trong thiết kế sản phẩm vật lý. Chúng cho phép các nhà thiết kế thử nghiệm hình dáng, kích thước và chức năng của sản phẩm trước khi sản xuất hàng loạt.

V. Kết luận Tương lai của thiết kế tương tác và nguyên mẫu

Thiết kế tương tác và nguyên mẫu sẽ tiếp tục phát triển cùng với công nghệ. Các công cụ và phương pháp mới sẽ giúp các nhà thiết kế tạo ra sản phẩm tốt hơn, đáp ứng nhanh chóng nhu cầu của người dùng. Việc nắm bắt xu hướng mới trong thiết kế sẽ là chìa khóa để thành công trong tương lai.

5.1. Xu hướng mới trong thiết kế tương tác

Các xu hướng như thiết kế dựa trên dữ liệu và trí tuệ nhân tạo đang ngày càng trở nên phổ biến. Những công nghệ này sẽ giúp cải thiện quy trình thiết kế và tạo ra sản phẩm tốt hơn.

5.2. Tầm quan trọng của việc liên tục cải tiến

Việc liên tục cải tiến và thử nghiệm là rất quan trọng trong thiết kế tương tác. Các nhà thiết kế cần phải luôn sẵn sàng điều chỉnh và cải thiện sản phẩm dựa trên phản hồi của người dùng.

Nội dung chính

Giáo trình Thiết kế Tương tác: Hướng dẫn về Nguyên mẫu và Xây dựng Hệ thống

Tổng quan về giáo trình

Giáo trình Thiết kế tương tác: Hướng dẫn về nguyên mẫu và xây dựng (Interaction Design: Prototyping and Construction) là tài liệu học thuật thuộc lĩnh vực Tương tác Người - Máy (Human-Computer Interaction - HCI), Thiết kế Trải nghiệm Người dùng (UX/UI) và Kỹ thuật Phần mềm. Trong khung chương trình đào tạo đại học và sau đại học, học phần này giữ vị trí cầu nối quan trọng giữa giai đoạn phân tích đặc tả yêu cầu người dùng (Requirements Engineering) và giai đoạn hiện thực hóa mã nguồn (Software Implementation).

Mục tiêu học tập của giáo trình được xác định rõ ràng qua các chuẩn đầu ra:

• Phân loại và giải thích bản chất của các dạng nguyên mẫu (prototype), bao gồm nguyên mẫu độ trung thực thấp (low-fidelity) và nguyên mẫu độ trung thực cao (high-fidelity).
• Xây dựng mô hình khái niệm (conceptual model) từ dữ liệu yêu cầu và biện giải cho các quyết định thiết kế thông qua các chế độ tương tác (interaction modes), ẩn dụ giao diện (interface metaphors) và mô hình tương tác (interaction paradigms).
• Thực hiện thiết kế vật lý (physical design) thông qua cấu trúc menu, thiết kế biểu tượng (icons), bố cục màn hình và phân định hiển thị dữ liệu tuân thủ các chuẩn công nghiệp.
• Vận dụng kịch bản (scenarios), bảng phân cảnh (storyboarding), kỹ thuật Wizard of Oz và thẻ chỉ mục (index cards) vào quá trình thử nghiệm với người dùng.
• Áp dụng các nguyên tắc thiết kế lấy người dùng làm trung tâm (User-Centered Design - UCD) và phương pháp nhân chủng học (ethnography) trong phát triển sản phẩm.

Cấu trúc giáo trình vận hành theo quy trình lặp: từ phân tích yêu cầu, chuyển dịch sang mô hình hóa khái niệm, tạo mẫu thử nghiệm, đánh giá thực nghiệm và điều chỉnh thiết kế. Điểm đặc trưng của tài liệu là sự kết hợp chặt chẽ giữa lý thuyết tâm lý học nhận thức với các kỹ thuật tạo mẫu thực hành, giúp người học tiếp cận quy trình phát triển sản phẩm số một cách có hệ thống và khoa học.

---

Nội dung kiến thức cốt lõi

Các chương/chủ đề chính

Nội dung trọng tâm trong phần trích xuất bao gồm hai chương cốt lõi (Chương 8 và Chương 9), liên kết trực tiếp với các nội dung nền tảng từ Chương 1 đến Chương 7:

1. Chương 8: Thiết kế, Tạo mẫu và Xây dựng (Design, prototyping and construction)

   • Khái niệm và vai trò của nguyên mẫu (Mục 8.1 - 8.2): Định nghĩa prototype là biểu diễn giới hạn của một thiết kế, cho phép các bên liên quan tương tác và khám phá mức độ phù hợp. Phân tích chức năng của prototype trong giao tiếp nhóm, phản tư thiết kế (Schön, 1983) và là tiền đề bắt buộc trước khi viết mã nguồn (Liddle, 1996).
   • Tạo mẫu độ trung thực thấp - Low-fidelity prototyping (Mục 8.3): Trình bày các kỹ thuật tạo mẫu giấy, bìa carton, storyboarding (Hartfield & Winograd, 1996), kỹ thuật phác thảo biểu tượng đơn giản (Verplank, 1989), tạo mẫu bằng thẻ chỉ mục (index cards) và kỹ thuật Wizard of Oz mô phỏng phản hồi hệ thống (Baum & Denslow, 1900).
   • Tạo mẫu độ trung thực cao - High-fidelity prototyping (Mục 8.4): Ứng dụng các môi trường phát triển phần mềm (Visual Basic, Macromedia Director, Smalltalk). Phân tích bảng đối chiếu ưu - nhược điểm của Rudd et al. (1996) và các cảnh báo về rủi ro của Marc Rettig (1994) như tốn kém thời gian, sa đà vào tiểu tiết và hạn chế khả năng thay đổi cấu trúc.
   • Thỏa hiệp trong tạo mẫu và Chuyển giao sang xây dựng (Mục 8.5 - 8.6): Phân biệt giữa tạo mẫu ngang (horizontal prototyping - mở rộng phạm vi chức năng nhưng ít chi tiết) và tạo mẫu dọc (vertical prototyping - đi sâu vào chi tiết của một vài chức năng). Phân tích hai chiến lược phát triển: tạo mẫu tiến hóa (evolutionary prototyping) và tạo mẫu dùng một lần (throwaway prototyping).
   • Thiết kế khái niệm - Conceptual design (Mục 8.3): Chuyển dịch yêu cầu thành mô hình khái niệm thông qua 3 góc nhìn: Chế độ tương tác (instructing, conversing, manipulating & navigating, exploring & browsing; phân loại process-oriented vs. product-oriented theo Mayhew, 1999); Ẩn dụ giao diện (quy trình 3 bước và 5 câu hỏi đánh giá của Erickson, 1990); Mô hình tương tác (WIMP, ubiquitous computing, pervasive computing, wearable computing, tangible bits). Phân bổ tác vụ (task allocation) giữa người và máy, quản lý quan hệ chức năng và xác định yêu cầu thông tin. Kỹ thuật kịch bản tích cực và tiêu cực (plus and minus scenarios theo Bødker, 2000).
   • Thiết kế vật lý - Physical design (Mục 8.4): Cụ thể hóa giao diện dựa trên nhận thức người dùng. Áp dụng 8 quy tắc vàng của Ben Shneiderman (1998), tiêu chuẩn ISO 9241 về nhóm tùy chọn menu ($g = \sqrt{n}$), nguyên tắc thiết kế icon và bố cục hiển thị dữ liệu (rời rạc dạng đồ họa số, liên tục dạng tương tự).
   • Hệ thống công cụ hỗ trợ (Mục 8.5): Phân loại công cụ phần mềm giao diện người dùng theo 9 tiêu chí của Brad Myers (1995) và Myers et al. (2000).

2. Chương 9: Các phương pháp tiếp cận tương tác lấy người dùng làm trung tâm (User-centered approaches to interaction design)

   • Tầm quan trọng của việc có sự tham gia của người dùng (Mục 9.2): Quản lý kỳ vọng (expectation management) và xây dựng quyền sở hữu (ownership). Các cấp độ tham gia: toàn thời gian, bán thời gian, qua bản tin hoặc hội thảo thiết kế; phân tích các nghiên cứu điển hình phát triển web ngắn hạn của Braiterman et al. (2000).
   • Bản chất của phương pháp tiếp cận lấy người dùng làm trung tâm (Mục 9.3): Ba nguyên tắc của Gould và Lewis (1985) qua trường hợp Olympic Messaging System (OMS - Gould et al., 1987) và 5 nguyên tắc mở rộng trong bối cảnh thiết kế hiện đại.
   • Ứng dụng nhân chủng học trong thiết kế - Ethnography (Mục 9.4): Phương pháp quan sát tự nhiên nhằm biến "cái ngầm hiểu thành cái hiển ngôn" (Hammersley & Atkinson, 1983; Kuhn, 1996). Phân loại 3 dạng ứng dụng theo Beynon-Davies (1997): ethnography of development, ethnography for development, và ethnography within software development.

Kiến thức nền tảng được xây dựng

Giáo trình thiết lập hệ thống lý thuyết nền tảng đa ngành:

• Lý thuyết tâm lý học nhận thức (Cognitive theories): Khai thác các quá trình xử lý thông tin của con người (chú ý, tri giác, khả năng ghi nhớ ngắn hạn) làm cơ sở cho việc thiết kế màn hình, giảm tải nhận thức và tổ chức thông tin trực quan.
• Khung lý thuyết mô hình khái niệm: Định hình cách người dùng hiểu và tương tác với hệ thống dựa trên sự tương thích giữa mô hình tinh thần (mental model) của người dùng và mô hình khái niệm của nhà thiết kế.
• Phương pháp luận nghiên cứu định tính: Áp dụng nhân chủng học và phân tích tác vụ thứ bậc (Hierarchical Task Analysis - HTA) để cấu trúc hóa hành vi và nhu cầu thực tế của người dùng tại môi trường làm việc tự nhiên.

Kỹ năng phát triển

Người học được rèn luyện các nhóm kỹ năng thực hành và phân tích:

• Kỹ năng kỹ thuật (Technical skills): Xây dựng storyboard, phác thảo giao diện, tạo mockup bằng thẻ index card, triển khai kỹ thuật Wizard of Oz, và sử dụng các công cụ phần mềm (như Visual Basic, Macromedia Director, HTML) để tạo prototype tương tác.
• Kỹ năng phân tích (Analytical skills): Phân tích đánh đổi (trade-off) giữa tạo mẫu ngang và tạo mẫu dọc; đánh giá tính khả thi của ẩn dụ giao diện qua bộ tiêu chí 5 câu hỏi; đánh giá giao diện dựa trên 8 quy tắc Shneiderman và tiêu chuẩn ISO 9241.
• Kỹ năng thực tiễn (Practical competencies): Phân bổ tác vụ hợp lý giữa người và hệ thống; tổ chức phiên đánh giá "quick and dirty" với người dùng; quản lý kỳ vọng của các bên liên quan và thu thập dữ liệu quan sát hiện trường.

---

Phương pháp giảng dạy và học tập

Giáo trình áp dụng phương pháp sư phạm kiến tạo kết hợp giải quyết vấn đề (problem-based learning), đặt trọng tâm vào quy trình thực hành lặp:

[Phân tích yêu cầu] ➔ [Thiết kế khái niệm] ➔ [Tạo mẫu Low-fi] ➔ [Đánh giá người dùng] ➔ [Thiết kế vật lý] ➔ [Tạo mẫu High-fi] ➔ [Xây dựng hệ thống]

Hệ thống bài tập và nghiên cứu tình huống (case studies) được phân bố xuyên suốt:

• Tình huống thực tiễn lịch sử và công nghiệp: Khối gỗ mô phỏng PalmPilot của Jeff Hawkins (Bergman & Haitani, 2000); mô hình hộp bìa carton mô phỏng máy in laser để bàn năm 1982 của Ehn & Kyng (1991); hệ thống nhắn tin Olympic Messaging System (Gould et al., 1987); tình huống cắt giảm hội thoại nhân viên sửa chữa điện thoại (Kuhn, 1996); hai nghiên cứu dự án web ngắn hạn của Braiterman et al. (2000).
• Hệ thống ví dụ xuyên suốt: Hệ thống lịch làm việc dùng chung (Shared calendar system), hệ thống tra cứu danh mục thư viện (Library catalog system), thiết bị cầm tay hỗ trợ trẻ tự kỷ, và hệ thống điều hướng trên xe hơi (In-car navigation).
• Bài tập phân tích kịch bản đối lập: Xây dựng song song kịch bản tích cực (Plus scenario - Hyper-wonderland) và kịch bản tiêu cực (Minus scenario - Panopticon) trên công trường xây dựng caisson theo phương pháp của Bødker (2000).
• Bài tập lớn tích hợp (Assignment): Xây dựng hệ thống đặt vé trực tuyến (Web-based ticket reservation system). Sinh viên phải thực hiện từ đề xuất 3 mô hình khái niệm, vẽ storyboard, tạo mockup thẻ index card kèm giấy ghi chú (post-it), phát triển prototype phần mềm đến thiết kế chi tiết màn hình chính dựa trên bộ 3 câu hỏi định hướng: Where am I? What's here? Where can I go?

Phương pháp đánh giá kết quả học tập dựa trên việc kiểm tra tính chặt chẽ của hồ sơ thiết kế, mức độ hoàn thiện của các sản phẩm tạo mẫu trung gian, khả năng biện giải quyết định thiết kế và kết quả thử nghiệm thực tế với người dùng. Người học được hướng dẫn tự học thông qua việc tự rèn luyện kỹ năng phác thảo biểu tượng đơn giản theo chỉ dẫn của Verplank (1989), thực hiện các buổi đánh giá thử nghiệm 20 phút và đối chiếu sản phẩm với các bộ nguyên tắc công nghiệp.

---

Điểm nổi bật và cập nhật

Nội dung giáo trình thể hiện tính khoa học thông qua việc chuẩn hóa và hệ thống hóa các tri thức tương tác người - máy:

1. Tổng hợp đa dạng các nghiên cứu học thuật nền tảng: Giáo trình tích hợp trực tiếp các công trình kinh điển của nhiều tác giả đầu ngành như Shneiderman (1998), Gould và Lewis (1985), Nielsen (1994), Marc Rettig (1994), Erickson (1990), Bødker (2000), Brad Myers (1995, 2000), Beyer và Holtzblatt (1998).
2. Cân bằng giữa mô hình hóa khái niệm và chi tiết kỹ thuật: Tài liệu không tách rời tư duy trừu tượng (chế độ tương tác, ẩn dụ, mô hình điện toán phổ biến/mang trên người) khỏi các ràng buộc vật lý cụ thể (kích thước màn hình điện thoại, phân nhóm menu theo công thức toán học ISO 9241, tính khả tri của biểu tượng văn hóa).
3. Phân tích khách quan các giới hạn kỹ thuật: Giáo trình làm rõ những bất cập của việc lạm dụng prototype độ trung thực cao sớm (gây thiên lệch đánh giá vào hình thức đồ họa, làm tăng chi phí và giảm tính linh hoạt khi cần thay đổi kiến trúc) và xác định rõ sự đánh đổi giữa hai chiến lược tạo mẫu tiến hóa và tạo mẫu bỏ đi.
4. Tính ứng dụng công nghiệp thực tế: Cung cấp các hướng dẫn cụ thể về việc áp dụng style guide thương mại (như Windows Style Guide) và style guide nội bộ doanh nghiệp, đồng thời minh họa cách thức tổ chức các phòng thiết kế (design room) để quản trị dữ liệu dự án trực quan.

---

Đối tượng sử dụng giáo trình

Giáo trình được biên soạn phục vụ các nhóm đối tượng cụ thể trong môi trường đào tạo học thuật và nghiên cứu:

• Sinh viên đại học và học viên cao học: Dành cho sinh viên chuyên ngành Khoa học Máy tính, Kỹ thuật Phần mềm, Hệ thống Thông tin, Công nghệ Đa phương tiện và Thiết kế Tương tác (HCI/UX Design) từ năm thứ ba trở lên.
• Điều kiện tiên quyết (Prerequisites): Người học cần hoàn thành các học phần cơ sở về Lập trình căn bản, Phân tích thiết kế hệ thống, Kỹ thuật phần mềm tổng quan và các kiến thức nhập môn về thu thập yêu cầu người dùng (đã được trình bày trong các chương 1 đến 7 của tài liệu).
• Giảng viên: Sử dụng làm tài liệu giảng dạy chính khóa, khung hướng dẫn đồ án môn học (capstone project), thiết kế các bài tập thực hành tình huống tại phòng lab và định hướng tiêu chí chấm điểm các giai đoạn phát triển giao diện.
• Kỹ sư và nhà nghiên cứu: Phù hợp cho các kỹ sư phần mềm, chuyên viên phân tích nghiệp vụ, chuyên viên trải nghiệm người dùng (UX Researcher/UI Designer) cần tài liệu chuẩn mực để hệ thống hóa quy trình chuyển giao từ yêu cầu người dùng sang thiết kế hệ thống có tính công thái học cao.

---

Câu hỏi thường gặp

1. Giáo trình này phù hợp với ai?

Giáo trình phù hợp với sinh viên đại học, học viên cao học, giảng viên và các kỹ sư phần mềm thuộc nhóm ngành Công nghệ Thông tin, Kỹ thuật Phần mềm và Thiết kế Tương tác cần một phương pháp luận chuẩn xác về quy trình phát triển sản phẩm lấy người dùng làm trung tâm.

2. Cần kiến thức nền nào để học?

Người học cần có kiến thức nền tảng về quy trình phát triển phần mềm, phương pháp thu thập và đặc tả yêu cầu người dùng, cùng các hiểu biết cơ bản về tâm lý học nhận thức (cơ chế chú ý, tri giác và trí nhớ con người).

3. Điểm khác biệt của giáo trình này so với các tài liệu lập trình giao diện thông thường?

Giáo trình không đơn thuần hướng dẫn sử dụng công cụ viết mã giao diện, mà tập trung vào phương pháp luận thiết kế: phân định rành mạch giữa thiết kế khái niệm (conceptual design) và thiết kế vật lý (physical design), phân tích bản chất của sự thỏa hiệp trong tạo mẫu (horizontal/vertical) và thiết lập nguyên tắc lặp dựa trên dữ liệu người dùng.

4. Làm sao để tự học hiệu quả với tài liệu này?

Người học nên tuân thủ quy trình thực hành từ thấp đến cao: bắt đầu bằng việc tự luyện tập phác thảo storyboard, xây dựng các mô hình thẻ index cards cho các tình huống mẫu (như hệ thống mượn sách thư viện), thực hiện các buổi đánh giá thử nghiệm giả định trước khi chuyển sang các công cụ tạo mẫu phần mềm chuyên dụng.

5. Có tài liệu bổ trợ nào kèm theo giáo trình?

Tài liệu đi kèm các bài tập lớn tích hợp, danh mục các tiêu chuẩn công nghiệp (ISO 9241, Style Guides), và danh mục tài liệu đọc thêm chuyên sâu từ các tác giả uy tín như Terry Winograd (Bringing Design to Software, 1996), John Carroll (Scenario-based Design, 1995), Kevin Mullet & Darell Sano (Designing Visual Interfaces, 1995), và Brad Myers et al. (2000).

---

Kết luận

Giáo trình Thiết kế tương tác: Hướng dẫn về nguyên mẫu và xây dựng cung cấp một khung lý thuyết và thực hành toàn diện về quy trình hiện thực hóa các yêu cầu người dùng thành hệ thống tương tác hoàn chỉnh. Giá trị học thuật cốt lõi của tài liệu nằm ở việc chuẩn hóa các kỹ thuật tạo mẫu, phân tích có hệ thống các mô hình khái niệm và thiết lập các nguyên lý thiết kế vật lý tuân thủ tiêu chuẩn quốc tế. Lộ trình học tập đề xuất cho người học là nắm vững triết lý UCD (Gould & Lewis, 1985), vận dụng thành thạo các kỹ thuật low-fidelity prototyping để tinh chỉnh mô hình khái niệm, sau đó tiến hành thiết kế vật lý chi tiết và kiểm thử thực nghiệm trước khi chuyển giao sang giai đoạn xây dựng hệ thống hoàn chỉnh.

Trích đoạn nội dung tài liệu

Chapter 8 Design, prototyping and construction I 8.2 Prototyping and construction 8.1 What is a prototype? 8.3 Low-fidelity prototyping 8.4 High-fidelity prototyping .5 Compromises in prototyping 8.6 Construction: from design to implementation 8.3 Conceptual design: moving from requirements to first design 8.1 Three perspectives For developing a conceptual model 8.2 Expanding the conceptual model 8.3 Using scenarios in conceptual design 8.4 Using prototypes in conceptual design 8.4 Physical design: getting concrete 8.1 Guidelines for physical design 8.2 Different kinds of widget 8.1 Introduction Design activities begin once a set of requirements has been established. Broadly speaking, there are two types of design: conceptual and physical. The former is concerned with developing a conceptual model that captures what the product will do and how it will behave, while the latter is concerned with details of the design such as screen and menu structures, icons, and graphics. The design emerges itera- tively, through repeated design-evaluation-redesign cycles involving users.

For users to effectively evaluate the design of an interactive product, design- ers must produce an interactive version of their ideas. fn the early stages of de- velopment, these interactive versions may be made of paper and cardboard, while as design progresses and ideas become more detailed, they may be polished pieces of software, metal, or plastic that resemble the final product. We have 240 Chapter 8 Design, prototyping and construction called the activity concerned with building this interactive version prototyping and construction. There are two distinct circumstances for design: one where you're starting from scratch and one where you're modifying an existing product.

A lot of design comes from the latter, and it may be tempting to think that additional features can be added, or existing ones tweaked, without extensive investigation, prototyping or evaluation. It is true that if changes are not significant then the prototyping and evaluation activities can be scaled down, but they are still invaluable activities that should not be skipped. In Chapter 7, we discussed some ways to identify user needs and establish re- quirements. In this chapter, we look at the activities involved in progressing a set of requirements through the cycles of prototyping to construction.

We begin by ex- plaining the role and techniques of prototyping and then explain how prototypes may be used in the design process. Tool support plays an important part in devel- opment, but tool support changes so rapidly in this area that we do not attempt to provide a catalog of current support. Instead, we discuss the kinds of tools that may be of help and categories of tools that have been suggested. I The main aims of this chapter are to: Describe prototyping and different types of prototyping activities.

Enable you to produce a simple prototype. Enable you to produce a conceptual model for a system and justify your choices. Enable you to attempt some aspects of physical design. Explain the use of scenarios and prototypes in conceptual design.

Discuss standards, guidelines, and rules available to help interaction designers. Discuss the range of tool support available for interaction design.2 Prototyping and construction It is often said that users can't tell you what they want, but when they see some- thing and get to use it, they soon know what they don't want. Having collected in- formation about work practices and views about what a system should and shouldn't do, we then need to try out our ideas by building prototypes and iterat- ing through several versions. And the more iterations, the better the final product will be.1 What is a prototype? When you hear the term prototype, you may imagine something like a scale model of a building or a bridge, or maybe a piece of software that crashes every few min- utes.

But a prototype can also be a paper-based outline of a screen or set of screens, an electronic "picture," a video simulation of a task, a three-dimensional paper and cardboard mockup of a whole workstation, or a simple stack of hyper- linked screen shots, among other things.