Learn UX and UI design in 5-day crash course

2–6 Nov 2020, 13:00–18:00
London SE16
Beginners–Intermediate
£159–£699 + VAT

View ticket options

Screenshot of the course running remotely

Currently courses run remotely with live video, hands-on exercises & real-time tutor interaction.

What's on

Learn how to implement lean UX design process: research, prototype, test + receive career advice.

From UX research and UI design fundamentals, wireframing in Sketch & Figma and prototyping in InVision, to prototyping responsive mobile-first UI in HTML and CSS, and advice on starting a career in UX with portfolio and job interview tips. An insightful, hands-on & affordable 5-day course run by a professional UX designer with 15+ years of experience.

Who runs it

Senior UX designer Chimmy Kalu who has experience working with British Airways, Vogue, GQ and New Look.

15+ years of experience UX & UI designer Sergei Golubev working with Microsoft, Heathrow and British Gas.

Day 1 — UX design

We'll show you how to carry out user research, map user journeys, run usability and A/B testing, track conversions and more. Show more Show less

introduction into User Experience design process
for you to have a lean, robust & effective workflow across your projects and company
UX versus UI
to explain important differences between designing pretty User Interface and understanding & solving actual user's problems
carrying out user research and reporting findings
to understand users, their needs and challenges using surveys and interviews
mapping user journeys and experience maps
to understand how users navigate through the system, find out about their feelings any pain-points
creating information architecture using card sorting
to group information in a more logical way to improve navigation and help users complete their tasks quicker
running usability testing remotely & in person
to validate assumptions and test product directly with users before spending time and financial resources on coding
A/B testing
to compare two or more design variations and pick the best performing one (instead of arguing with fellow teammates)
review of the best accessibility practices
to make sure design is inclusive and works for everyone (way further than only for people with disabilities)
looking into analytics
to measure performance of your design: setting goals and tracking conversions in order to turn visitors into customers

Show more Show less

The School of UX, Design How to do it Right course slide example

Day 2 — UI design

You'll learn the base User Interface design principles, how to make your UI responsive and accessible, create an icon font and a style guide, and more. Show more Show less

UI design principles & process
to understand where User Interface design sits in a process and essential design fundamentals
typography and importance of content design
knowing when to use px and em, n-dash and m-dash, how to embed fonts and to avoid faux fonts, making your content legible
accessibility
to make sure you design complies with industry-standard Web Content Accessibility Guidelines (WCAG)
iconography
how to create a scalable and maintainable icon font, and make your icons meaningful and sharp
graphics
understanding which media format to use when (raster versus vector), and how to optimise it for the best performance
layout using responsive grid
to make sure your design works across different devices, benefitting from mobile-first approach
styling and design systems
creating a style guide of UI elements to have consistent design across your systems, overview of design libraries
designing with development in mind
to ensure your design is technically feasible to implement, understanding technical constraints

Show more Show less

The School of UX, Designing Pixel-Perfect UI course slide example

Day 3 — Rapid Wireframing & Prototyping

At this workshop you'll create an interactive prototype of a mobile website using Sketch, Figma and InVision, which you'll then run and test on your mobile phone. Show more Show less

structuring content
emphasising the importance of starting design with content (not chrome), which is most relevant to users
creating layout in Figma and Sketch apps
to visualise concepts bearing in mind different device form factors, including designing responsive UI for mobile
embedding fonts, icons and graphics
to prepare all the assets for prototyping stage and handover to developers
prototyping using InVision
creating interactive rapid prototype (no code behind) to be use in-browser as well as real device, optimising for touch
testing on a real device
sharing, testing and giving feedback on a working rapid prototype on your mobile phones
review of UI design tools
overview of the most commonly used apps used by User Interface designers on the market

Show more Show less

The School of UX, Wireframing and Prototyping course slide example

Day 4 — Prototyping Responsive UI in HTML & CSS

Basic coding skills for web and mobile, which are extremely beneficial to understand how to design products, which can be efficiently implemented and speak the same language with software developers. You'll leave with plenty of knowledge on how to create basic layout in HTML (including responsive mobile website) and apply styling using CSS. Show more Show less

introduction into coding for designers
understanding fundamentals of web design and web page structure (no previous coding experience required!)
HTML basics
learning basic tags, structuring content and basic layout
CSS basics
how to style components, embed fonts and create enhanced layout
creating responsive layout
making redesign universal and work on different screen sizes
inspecting websites in-browser
running QA on live websites, testing on mobile
how to collaborate with software developers
making sure design is implemented to the highest standard by speaking the same language with software developers

Show more Show less

The School of UX, How to Start a Career in UX Design course slide example

The School of UX, Prototyping responsive mobile-first UI in HTML and CSS course slide example

Day 5 — Career in UX

You'll leave with plenty of knowledge on what it's actually like to be a UX designer in the field, what you need to become a freelancer, how to create portfolio, where to find a perfect job, interview tips, market rates and a lot of food for thought. Show more Show less

what a day of a UX designer looks like
to understand what it's actually like to be a UX-ie
working in startups vs. big companies vs. design agencies
industry insights of what work of a designer looks like in different type of companies
how to create impressive portfolio
best ways to present your work, how to target your portfolio for the role you're applying for
where to find a perfect job
how to look for the right opportunity, ways to apply, working with recruitment agencies
practical tips for your interview
how to pitch your services, what to keep in mind when speaking to business stakeholders and senior designers
how to be a freelancer
Challenges and positives of going solo, from setting up your own company to accounting and legal
money side: market rates
exploring salary and benefits of jobs in permanent and contract markets