At the end of this module, the student will:
-
Understand how to work through a web design project applying the design process and using design thinking to work through a problem. The project will be evaluated through rigorous user testing at different stages.
-
Understand and apply best practices in terms of web accessibility, design for different devices and apply creative techniques using HTML/CSS and 3rd party libraries to improve user experience.
Web Design Process
Understand the importance of planning and research in the web design processDevelop a design brief based on client requirements, target audience, and project objectivesCreate wireframes and prototypes to test and refine design ideasConduct user testing to evaluate the usability of the website and make necessary changesImplement and test the website's functionality, accessibility and features.
Designing for User Experience
Understand the principles of user-centered design and how it relates to UI/UX designIdentify and apply UI design patterns and interaction design principles to enhance user experienceUnderstand the basics of design psychology and how it can be used to create engaging and effective designsCreate creative and visually appealing interfaces using color, typography, imagery, and other design elements, concentrating on accessibility and user experience design.Use interactive content such as animations, videos, and audio to enhance user engagement and experience
Emerging Web Development Techniques
Stay up to date with current web design trends and emerging technologiesApply the latest HTML and CSS design and 3rd party Javascript libraries and development techniques to create modern and responsive websitesUnderstand the principles of responsive design and how to create websites that work across multiple devices and screen sizesUse CSS frameworks such as Bootstrap or Foundation to expedite the development process
Responsive Design
Understand the importance of designing for different devices and screen sizesUse responsive design techniques to create websites that adapt to different devices and screen sizesUnderstand the basics of mobile-first design and how it relates to responsive designUse 3rd party libraries and plugins to add interactive elements such as sliders, animations, and forms to the websiteTest the website's performance on different devices and browsers to ensure optimal user experience.
Lecture and Lab
| Module Content & Assessment | |
|---|---|
| Assessment Breakdown | % |
| Other Assessment(s) | 100 |