Skip to content
Gallery
it
IT Programme 20 days 4 Weeks
IT Programme - No-Code Web Development Programme using Softr and Airtable
More
Share
Explore

Day 4: Defining Project Requirements and Objectives, User Interface and User Experience

⁠
Hour 1-2: Identifying Project Requirements and Objectives
⁠
⁠

Introduction to project requirements and objectives in web application development
Techniques for gathering and documenting project requirements
Hands-on exercise: Identifying requirements and objectives for a sample web application

⁠
Hour 3-4: Introduction to User Interface (UI) and User Experience (UX) Design
⁠
⁠

Explanation of the concepts of UI and UX design
The importance of UI/UX in web application development
Real-world examples of effective UI and UX designs

⁠
Hour 5-6: UI Design Principles and Techniques
⁠
⁠

Overview of UI design principles
Techniques for designing effective UIs
Hands-on exercise: Sketching out UI elements for the sample web application

⁠
Hour 7-8: UX Design Principles and Techniques
⁠
⁠

Overview of UX design principles
Techniques for designing effective user experiences
Hands-on exercise: Mapping out user journeys for the sample web application

Day 5: Developing Wireframes and Prototypes

⁠
Hour 1-2: Introduction to Wireframes
⁠
⁠

Explanation of wireframes and their role in web application design
Tools for creating wireframes
Hands-on exercise: Developing wireframes for the sample web application

⁠
Hour 3-4: Introduction to Prototypes
⁠
⁠

Explanation of prototypes and their role in web application design
Tools for creating prototypes
Hands-on exercise: Developing a prototype for the sample web application

⁠
Hour 5-6: Reviewing and Refining Wireframes and Prototypes
⁠
⁠

Techniques for reviewing and refining wireframes and prototypes
Hands-on exercise: Reviewing and refining the sample web application wireframes and prototype

⁠
Hour 7-8: Collaborating on Design
⁠
⁠

Best practices for collaborating on design projects
Tools for design collaboration
Hands-on exercise: Collaborating in teams to refine the sample web application design

Day 6: Finalising Designs and Preparing for Development

⁠
Hour 1-2: Finalising Web Application Design
⁠
⁠

Reviewing and incorporating feedback from team members
Finalising wireframes and prototype
Hands-on exercise: Finalising the sample web application design

⁠
Hour 3-4: Creating and Organising Design Assets for Developers
⁠
⁠

Understanding Design Assets
Creating Design Assets with Canva
Organising Design Assets
Hands-on Exercise:

⁠
Hour 5-6: Introduction to Airtable in Web Application Design
⁠
⁠

Overview of how Airtable can be integrated into web application design
Examples of web applications built with Airtable

⁠
Hour 7-8: Planning the Integration of Airtable into the Sample Web Application
⁠
⁠

Identifying the areas of the sample web application where Airtable can be utilised
Planning the data structure and design for Airtable integration
Hands-on exercise: Mapping out the Airtable integration for the sample web application
By the end of Day 6, students should have a solid understanding of designing web applications, including project requirements, UI/UX design principles, wire-framing, prototyping, collaboration, and the integration of Airtable into web application design. They should also have practical experience working on a sample web application, incorporating these design principles and techniques.

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.