Course Learning Outcomes (CLOs)
-
CLO 2: Transform a personal app idea into a structured concept (target user, app goals, key features)
-
CLO 3: Create a basic wireframe with at least three connected screens representing layout and user flow
Module/Lesson Learning Objectives
Module 2: App Concept Development
-
Identify a target user and user needs
-
Define app goals and key features
-
Complete an app concept template
Module 3: Wireframing Basics
-
Create three connected wireframe screens
-
Demonstrate user flow and navigation
-
Apply basic UX layout principles
Learning Materials and Activities
-
Interactive Genially module (App Concept development)
-
App Concept Template (downloadable + embedded)
-
Discussion 1: Understanding Your Users
-
Discussion 2: App Features That Matter
-
Wireframing demonstration video (3 connected screens)
-
Wireframe creation assignment using Figma/Canva/PowerPoint or hand-drawn sketches
Discussion Prompts
-
Discussion Prompt 1: Understanding Your Users
-
Identify a target user for an app idea.
-
Describe a user need or problem the app will address.
-
-
Discussion Prompt 2: App Features That Matter
-
Define app goals and key features that support user needs.
-
Justify design decisions based on user-centered thinking.
-
Username: Learner001
Password: Student101!
Assignment
Assignment: Create a Basic Wireframe
Required Preparation:
Review the feedback you received from your classmates and consider any user-centered suggestions that may strengthen your app concept. Revise your app concept as needed before creating your wireframes. Refining ideas based on feedback is an important part of the design process and will help you create a stronger wireframe.
Review the wireframe demonstration video: Creating basic wireframes
In this assignment, you will transform your app concept into a visual wireframe. A wireframe serves as a blueprint for your application and helps communicate screen layout, navigation, and user flow before visual design begins.
Using paper, PowerPoint, Canva, Figma, Google Drawings, or another wireframing tool:
-
Create three connected screens for your app.
-
Include labels identifying major interface elements.
-
Show how users move from one screen to another.
-
Include arrows or annotations that demonstrate navigation.
-
Ensure the wireframes align with the app concept you developed in Module 2.
Submit:
-
Three connected wireframe screens.
-
A brief explanation (100–150 words) describing:
-
Your target user.
-
The purpose of the screens.
-
The user flow is represented in your wireframe.
-
Submission Guidelines
-
Upload as PDF, PNG, JPG, PowerPoint, or shared link.
-
Wireframes may be hand-drawn or created digitally.
-
All three screens must be connected through a clear navigation path.
-
Include your written explanation with your submission.
Submission Checklist
Before submitting your assignment, ensure you have included:
☐ Three connected wireframe screens
☐ Labels for key interface elements
☐ Arrows or annotations showing navigation between screens
☐ A clear user flow and navigation path
☐ Alignment with your app concept from Module 2
☐ A 100–150 word explanation describing your target user, the purpose of the screens, and the user flow
☐ Submission in an approved format (PDF, JPG, PNG, PowerPoint, or shareable link)
☐ A final review for completeness and accuracy
Username: Learner001
Password: Student101!
Licenses and Attributions
Cummings, M. (2023, December 20). Artificial intelligence is changing instructional design in a good way. ELearning Industry. https://elearningindustry.com/artificial-intelligence-is-changing-instructional-design-in-a-good-way#:~:text=AI%20can%20assist%20in%20generating
Ever Educating. (2023, January 21). Creating discussion prompts and discussion design ideas | college teaching tips [Video]. YouTube. https://youtu.be/GxIJARQQgMs?si=4oXwD7gUeEnscoV1
TalentLMS. How to work with assignments. https://help.talentlms.com/hc/en-us/articles/360014657293-How-to-work-with-assignments
TalentLMS. (n.d.). How to work with discussions. TalentLMS. https://help.talentlms.com/hc/en-us/articles/360014571914-How-to-work-with-discussions