Day 4: Defining Project Requirements and Objectives, User Interface and User Experience
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 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 Overview of UI design principles Techniques for designing effective UIs Hands-on exercise: Sketching out UI elements for the sample web application 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
Explanation of wireframes and their role in web application design Tools for creating wireframes Hands-on exercise: Developing wireframes for the sample web application 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 Techniques for reviewing and refining wireframes and prototypes Hands-on exercise: Reviewing and refining the sample web application wireframes and prototype 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
Reviewing and incorporating feedback from team members Finalising wireframes and prototype Hands-on exercise: Finalising the sample web application design Understanding Design Assets Creating Design Assets with Canva Overview of how Airtable can be integrated into web application design Examples of web applications built with Airtable 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.