# 3. Learning Design Studio (LDS)

# 3.1 UI Overview and Terminology

<span style="color: rgb(68, 68, 68);">Welcome to the **Learning Design Studio (LDS)**! Starting with this chapter, you will begin exploring the LDS interface and features to create your own learning design.  
  
</span>

#### <span style="color: rgb(68, 68, 68);">**Main User Interface Overview**</span>

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/EZBimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/EZBimage.png)

<span style="color: rgb(68, 68, 68);">Figure 3.1: Main User Interface</span>

<span style="color: rgb(68, 68, 68);">The main navigation items are summarized in the table below. You can find more detailed instructions for each feature in the specific tutorial chapters.</span>

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/C6himage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/C6himage.png)

<span style="color: rgb(68, 68, 68);">Figure 3.2: Navigation</span>

<table border="1" id="bkmrk-1.-remember---recall" style="border-collapse: collapse; width: 100%; height: 326.157px; border-width: 1px;"><colgroup><col style="width: 17.165%;"></col><col style="width: 71.7292%;"></col><col style="width: 11.082%;"></col></colgroup><tbody><tr style="height: 46.5938px;"><th style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(255, 255, 255);">**Item**</span>

</th><th style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(255, 255, 255);">**Description**</span>

</th><th style="border-width: 1px; vertical-align: middle; height: 46.5938px;"><span style="color: rgb(255, 255, 255);">**Tutorial**</span>

</th></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">1. Languages</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">The LDS currently supports English, Traditional Chinese, and Simplified Chinese.</span>

</td><td style="border-width: 1px; vertical-align: middle; height: 46.5938px;"><span style="color: rgb(68, 68, 68);">N/A</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">2. User Guide</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">A simple navigation to the LDS.</span>

</td><td style="border-width: 1px; vertical-align: middle; height: 46.5938px;"><span style="color: rgb(68, 68, 68);">N/A</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">3. My Library</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">You can access and manage your learning designs in one place. Create new designs, edit existing ones, and easily view designs shared with you by others.</span>

</td><td style="border-width: 1px; vertical-align: middle; height: 46.5938px;"><span style="color: rgb(68, 68, 68);">Ch 4-9</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">4. Groups</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">You can create groups for your school or organization, invite members to join, and collaboratively share and co-create learning designs.</span>

</td><td style="border-width: 1px; vertical-align: middle; height: 46.5938px;"><span style="color: rgb(68, 68, 68);">Ch 10</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">5. Notifications</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;">You will receive a notification when there are important updates or invitations from the group.

</td><td style="border-width: 1px; vertical-align: middle; height: 46.5938px;"><span style="color: rgb(68, 68, 68);">N/A</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">6. Profile</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">You can update your email address and display name in the LDS.</span>

</td><td style="border-width: 1px; vertical-align: middle; height: 46.5938px;"><span style="color: rgb(68, 68, 68);">N/A</span>

</td></tr></tbody></table>

#### <span style="color: rgb(68, 68, 68);"> **Learning Design Interface Overview**</span>

When you enter the Learning Design section, the user interface is divided into three panels:

- **Left panel:** Navigation menu
- **Middle panel:** Main interface
- **Right panel:** Learning Design Facilitator (LDF) and Information Window

[![Untitled design (2).gif](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/BBfuntitled-design-2.gif)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/BBfuntitled-design-2.gif)Figure 3.3 Panel-Based Interface

You can drag the edge of a panel to resize it, or click the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/cbkimage.png) button to collapse or expand the panel.

# 3.2 Learning Design Facilitator and Information Window

#### <span style="color: rgb(68, 68, 68);">**What is Learning Design Facilitator (LDF)?**</span>

To help you create your learning design, the IDEALS team has developed the **Learning Design Facilitator (LDF)**, which includes both the **LDS Assistant** and **Chatbot**.

The table below provides an overview of the LDF’s user interface.

<table border="1" id="bkmrk-figure-3.3%3A-interfac" style="border-collapse: collapse; width: 100%; height: 671.537px;"><colgroup><col style="width: 41.24%;"></col><col style="width: 58.76%;"></col></colgroup><tbody><tr style="height: 222.837px;"><td style="height: 335.387px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/3aBimage.png)

Figure 3.4: Interface of Learning Design Facilitator (1)

</td><td style="height: 222.837px;">**<span style="color: rgb(68, 68, 68);">LDS ASSISTANT</span>**

<span style="color: rgb(68, 68, 68);">When creating a learning design in the LDS, you will work through multiple phases: course level, curriculum component level, and task level. The LDS Assistant provides instructions and tips tailored to your current phase and acts as an interface for accessing the LDS Pattern Library, which offers well-defined templates for you to use in each phase. Further details about the LDS Pattern Library will be introduced in the next section.</span>

</td></tr><tr style="height: 168.075px;"><td style="height: 336.15px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/oEPimage.png)

Figure 3.5: Interface of Learning Design Facilitator (2)

</td><td style="height: 168.075px;">**<span style="color: rgb(68, 68, 68);">CHATBOT  
</span>**

- <span style="color: rgb(68, 68, 68);">This AI-powered chatbot can answer your questions, provide suggestions, and support you throughout the learning design process. For example, you can ask for guidance in formulating intended learning outcomes or request feedback on your own ideas in the learning design.  
    </span>
- <span style="color: rgb(68, 68, 68);">To start a new conservation with the chatbot, you can click the "+" button.</span>

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/ybbimage.png)

Figure 3.6: Access to Learning Design Facilitator

- Sometimes, you may see the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/XE7FLwimage.png) button in different locations, such as next to the Intended Learning Outcomes. Please feel free to click on it to request feedback .

</td></tr></tbody></table>


#### **What is Information Window?**

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/mnaimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/mnaimage.png)

Figure 3.7: Interface of Information Window

The Information Window is located in the top right corner. It displays the key information you have inputted or visualizes your learning design. When your learning design becomes more complex, this feature becomes especially valuable, helping you review existing elements and make informed decisions throughout the design process.

# 3.3 Pattern Library

🌟 For guidance on using the Pattern Library, refer to [**Chapter 6 - Create a New Design from Patterns**](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/chapter/6-creating-a-new-design-from-patterns)

To better support creating a learning design, the IDEALS team developed the Pattern Library, which **provides pre-defined, hands-on resources** for IDEALS users.

Please be aware of this ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Hs9image.png) button. When you see it, the Learning Design Studio can offer patterns for you to use.

#### **1. Course-level Patterns**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/Wqtimage.png)

Figure 3.8: Course-level Patterns

The LDS provides course-level patterns that offer most of the information needed to complete the learning design for a specific topic, such as engineering design. Each course-level pattern includes intended learning outcomes, a disciplinary practice and a pedagogical approach, a curriculum component sequence, and learning tasks.

#### **2. Curriculum Component Patterns**

<table border="1" id="bkmrk-figure-3.8%3A-curricul" style="border-collapse: collapse; width: 100%; height: 271.3px; border-width: 0px;"><tbody><tr style="height: 242.5px;"><td style="height: 242.5px; border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/BrDimage.png)</td><td style="height: 242.5px; border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/xF9image.png)</td></tr><tr style="height: 28.8px;"><td class="align-center" colspan="2" style="height: 28.8px; border-width: 0px;">Figure 3.9: Curriculum Component Patterns</td></tr></tbody></table>

The LDS provides curriculum component patterns. Each pattern recommends a sequence of tasks for a specific phase of learning, designed to scaffold student learning.


#### **3. Task Patterns**

<table border="1" id="bkmrk-%C2%A0-figure-3.9%3A-task-p" style="border-collapse: collapse; width: 100%; height: 302.6px; border-width: 0px;"><tbody><tr style="height: 273.8px;"><td style="height: 273.8px; border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/Oyoimage.png)</td><td style="height: 273.8px; border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/ntGimage.png)</td></tr><tr style="height: 28.8px;"><td class="align-center" colspan="2" style="height: 28.8px; border-width: 0px;"> Figure 3.10: Task Patterns</td></tr></tbody></table>

<span style="text-align: justify;">The LDS provides task patterns. Each pattern specify the details of each task—such as task type, delivery mode, e-learning tool, and learning resources.</span>

#### **4. Intended Learning Outcomes (ILOs) Patterns**

<table border="1" id="bkmrk-%C2%A0-figure-3.9%3A-intend" style="border-collapse: collapse; width: 100%; height: 252.512px; border-width: 0px;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr style="height: 242.512px;"><td style="height: 242.512px; border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/Quzimage.png)</td><td style="height: 242.512px; border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/UIPimage.png)</td></tr><tr style="height: 10px;"><td class="align-center" colspan="2" style="height: 10px; border-width: 0px;"> Figure 3.11: Intended Learning Outcomes Patterns</td></tr></tbody></table>

The LDS provides intended learning outcome patterns for all four categories of ILOs across different subjects.

#### **5. Disciplinary Practice (DP) Patterns**

**![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/8Poimage.png)**

 Figure 3.12: Disciplinary Practice Patterns

The LDS provides disciplinary practice patterns such as Engineering Design and Scientific Investigation.

#### **6. Pedagogical Approach (PA) Patterns**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/50uimage.png)

 Figure 3.13: Pedagogical Approach Patterns

The LDS provides pedagogical approach patterns such as Self-directed Learning.