UX, UI and Coding 4-day course

12–15 November 2018, 13:00–18:00  |  Canada Water Library, London SE16 7AR  |  Beginners–Intermediate

What's on

From UX research and UI design fundamentals, wireframing in Sketch and prototyping in InVision, to basic coding in HTML and CSS. An insightful, hands-on & affordable 4-day course run by a professional UX designer with 15+ years of experience

Who runs it

The School of UX speaker Sergei Golubev

This course is run by a professional UX & UI designer Sergei Golubev with 15+ years of experience working with Microsoft, Heathrow, British Gas and numerous startups. He founded The School of UX and The UX Conference in London.

Day 1 — UX design

Extended version of our UX Design, How to do it Right course. By the end of the day you'll know how to carry out user research, map user journeys, create IA, run user testing and more.

  • differences between UX and UI
  • carrying out user research and reporting findings
  • mapping user journeys, storyboarding and experience maps
  • creating information architecture, sitemaps, card sorting
  • running user testing remotely and 'in the wild'
  • A/B testing
  • review of the best accessibility practices
  • looking into analytics
  • tools for design mockups and prototyping
  • working with developers
  • book recommendations
  • lots of QnA

Day 2 — UI design

Extended version of our Designing Pixel-Perfect UI. By the end of the day you'll learn the base User Interface design principles, how to create an icon font and optimise for touch, make your UI responsive and accessible and more:

  • UI design principles & process
  • typography (faux fonts, px vs. em, n-dash vs. m-dash)
  • accessibility (how to get WCAG-compliant)
  • components (usability practices, affordance)
  • iconography (creating icon font)
  • graphics (formats comparison incl. SVG, ways to optimise)
  • layout (responsive techniques, mobile first, desktop)
  • interactions (prototyping, optimising for touch)
  • various design tools on the market
  • designing with developers in mind
  • book recommendations
  • lots of QnA

Day 3 — Prototyping

Extended version of our Wireframing & Prototyping course. We'll create an interactive prototype of a mobile website using Sketch and InVision, which you'll then be able to run and test on your mobile phone. Please bring your own laptops with Sketch app installed on MacOS (or Figma if you're on Windows) and let's design & prototype together.

  • structuring content
  • creating layout in Sketch app (mobile-first approach)
  • embedding fonts, icons and graphics
  • prototyping using InVision web app (navigation, interactions, optimising for touch)
  • testing on a real device
  • review of various tools
  • book recommendations
  • lots of QnA

Day 4 — Coding 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.

  • introduction into coding for designers
  • HTML basics
  • CSS basics
  • creating responsive layout
  • inspecting websites in-browser
  • working with developers
  • book recommendations
  • lots of QnA

Everyone's welcome

Suitable for complete beginners with no previous experience, as well as those who have already started exploring UX & UI design and want to spruce up their skills. Whether you're designing your own app, looking to improve your design skills or change your career — we are here to help you.

  • UX & UI designers
  • graphic designers
  • software developers
  • web designers
  • product owners
  • project managers
  • business analysts
  • marketing specialists
  • startup founders
  • students

What our students say

Great design tips and ideas. Tutor has wide & great experience in the field of UI & UX. A real expert.
★ ★ ★ ★ ★
Photo of The School of UX student Katherine
Katherine
Product Manager
I learned a lot. After only 30 mins of your course, I was able to apply it to my job straightaway.
★ ★ ★ ★
Photo of The School of UX student Nikita
Nikita
Software Developer
I'd highly recommend these courses! Really helped me to understand more about what UX is.
★ ★ ★ ★ ★
Photo of The School of UX student Pete
Pete
Web Developer
Perfect point-of-entry to UX. A simple, clear and straightforward course that untangles UX myths.
★ ★ ★ ★ ★
Photo of The School of UX student Stephanie
Stephanie
UX/UI Designer

Who we are

We are professional UX & UI Designers with 10+ years of experience working with the below FTSE 100 companies. We brought affordable UX education to 1000+ people since 2016 through mentoring, courses and conferences:

Where to find us

Our courses are run at Canada Water Library in London SE16 7AR. It's right outside Canada Water tube station, 4 minutes by tube from London Bridge.

Sign up now

  • visa_debit accepted
  • visa accepted
  • mastercard accepted
  • amex accepted

Our recognitions

Value Colleges logo

Top 50 Alternative UX Design Programs by Value Colleges

Digital Arts logo

14 Best Paid and Free UX Design Courses by Digital Arts