Be a better UX designer by understanding development aspects (Udemy.com)

Stand out from the crowd, make more complete UX designs and better design decisions by understanding development aspects

Created by: Krisztina Szerovay

Produced in 2021

icon
What you will learn

  • How to make better design decisions by understanding development fundamentals, technical constraints
  • Knowing what is going on inside the computer is essential for great UX design work
  • Understanding technical aspects will make you a better designer, even if you don't have the chance to collaborate with developers
  • Involving developers in your design workflow right from the start of the project adds a powerful new perspective to your UX work
  • Forget the "Should designers learn to code?" question, designer-developer collaboration is not about learning to code
  • How to get involved in developers' activities (e.g. during implementation: testing, bug reporting)
  • Understand the differences between online and offline apps, so that you can take into account users' needs and context better
  • How to represent real world objects & concepts inside a digital app (e.g. data types, data modeling)
  • Better form design: what you should s

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 94 / 100

icon
Course Description

This course is about development fundamentals for UX designers & how to involve developers in your design processes.
We won't teach you how to code, instead, we'll focus on all the topics, aspects you need to know in order to create designs that developers'll be able to build effectively. You, as a designer, contribute to a software development process. And without knowing what's under the hood, you won't be able to make informed design decisions.
[Update: 0.5-hour new content added on 16th November, 2019 - Designing for Different Screen Sizes & Devices; Design Handoff Advice]
[Release date: 7th November, 2018]
By learning about technical constraints and development aspects, you'll be able to include a valuable additional layer in your design work. As a result, you'll stand out from the crowd, you'll be able to provide a more complete, more intentional design to your clients (whether you are a freelancer or an employee). Here are some of these aspects you can and should include:
Let's say users can upload pictures inside your app. But how many pictures can they upload? Or let's say you design a form. You should specify the max. length for each text fields, otherwise the user input displayed on a UI - e.g. a username - might break the layout. Or what happens if two or more users modify e.g. the price of a product simultaneously, how this conflict should be resolved? Another aspect is that based on the users' context, what application type should you choose, an online or an offline app would support user goals better?
These are all design decisions, and if you don't make them, someone else will do, so if you want to design a product or service intentionally, you should consider these aspects.
It is even better if you can make these decisions together with developers. Their unique, specific perspective'll complement your interpretation and point of view.
So next to considering and incorporating technical aspects during your design work, it's also great to collaborate with developers right from the start of a design process. You should involve them in UX research and ideation (e.g. design sprint, storyboarding) activities. Likewise, you should participate in their workflows, for instance during implementation, you should follow their progress inside a version control software, help them write automated tests and regularly test out what they built.
To sum up, the course has two main goals.
1. We teach you the main technical constraints and development aspects.
Understanding these is beneficial for any designers, whether you are a freelancer or an employee.
2. You'll learn how to collaborate with developers. We'll teach you how you can involve them, how you can ask better questions from them, and how you can participate in their workflows.
Learning how to collaborate effectively is beneficial for designers who work in a team or collaborate with others regularly.
The two goals are closely connected: understanding development aspects will help you improve the way you work with developers.
The course has 4 parts:
  • Foundation: By watching this section, you'll understand how design work is incorporated into a digital product development process (e.g. waterfall, agile, lean)
  • Being On The Same Page: Without having a common language, you can't collaborate effectively. By watching this section, you'll learn how sketching and visual thinking helps you establish a shared understanding with developers.
  • Design Aspects: Involving developers in your design workflow right from the start lets you include a unique, additional perspective in the process. Thanks to this section, you'll learn about the main opportunities for involving developers, e.g. conducting UX research together; ideating together (e.g. design sprint)
  • Developments Aspects: To design and implement a digital product or service in a way that it matches users' needs, you must know what is going on inside the computer. We'll teach you the most important aspects in this section.
If you are a UX designer / interaction designer / product designer / service designer / UI designer (your label doesn't really matter), most probably you are working on digital product or services. In other words, you are creating software products.
Learning about the different development aspects is not only about making a product development process more efficient. It's so much better to work in an organizational culture or in a cross-functional team where you can concentrate on doing your best work! Your team members'll appreciate that you understand the risks, costs, trade-offs of a design decision, a request, and as a result, a mutual trust can be established.
This mutual trust means that developers know that you won't ask for an unreasonable modification, and you'll also know that they'll be transparent about their processes and about the amount of development effort required to complete a task.
As you'll see, involving developers in your design processes, and asking developers to involve you in their processes results in an effective cross-functional collaboration. Product development processes have evolved in a way to reflect how technology and users' expectations have changed. Now we can get user feedback from the market really fast, and based on that feedback, we can continuously improve and fine-tune our digital product or service, in other words, we apply continuous integration and continuous deployment. To be able to work in this environment, we need cross-functional teams creating software products in close collaboration. And even if your organization still uses a waterfall process, you'll learn a lot about how you can take into account development aspects during your design process, how you can create a better design hand-off.
About the course material:
  • We created more than 50 hand-drawn sketches to explain the otherwise complicated concepts in a digestible, comprehensible way - you can download all these sketches in high-resolution!
  • We included a many practice activities so that you can solidify your understanding
  • You'll also find a walkthrough of GitLab's interface - knowing about how version control systems work helps you participate in implementation activities; and since version control tools created for designers apply the same concepts and terminology, this guided tour'll help you use these tools, for instance Abstract.
  • While

icon
Instructor Details

placeholder

I'm Krisztina Szerovay, freelance UX designer. I come from a family of teachers and engineers, so the value of knowledge-sharing and designing complex systems have always been apparent to me.
Teaching is not a profession for me, it is a passion, and I'm really grateful to have the opportunity to reach and help students from all over the world. If you have any questions, suggestions or feedback, please contact me! I believe that teaching itself is an ongoing learning process.
Next to UX design, I also do legal writing and research. I consider myself a generalist, I always utilize a multidisciplinary approach during my work, connecting the dots to achieve the best result possible.
I'm a freelance full-stack developer with more than 20 years of experience. I have been always interested in learning about the newest available technologies, and I love to get inspired by them. My goal with teaching is to show my findings and experiences, to provide solutions.
I've worked on a wide range of projects including frontend and backend web development, system administration, MS Office automation and data science.
If you have any questions (in connection with my courses or in general), don't hesitate to ask, I have always been thinking about developers as a community of motivated peers.

icon
More courses by Krisztina Szerovay

Sketching for UX Designers - Boost UX work with pen & paper!

$11.99

icon
More ux design courses

User Experience (UX): The Ultimate Guide to Usability and UX

$11.99

User Experience (UX) Design For Engagement

$11.99

Brand & UX Design: Intro to User Experience for Brands

$11.99

The Complete Sketch 5 Course - Design Apps & Websites 2021

$11.99

Sketching for UX Designers - Boost UX work with pen & paper!

$11.99

UX Design Career Toolkit Pt 1: Is UX Right For You?

$11.99

icon
Reviews

4.7

36 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

By Lucia Ninoska Loor

Well prepared

By Carolyn Wilson

Clear. Good pace. Great visuals.

By Anna Udvardy

I would definitely recommend it to all designers!

By Eszter Katona

Detailed, clear explanations. And I like the way it’s presented, cool sketches.

By Eniko Bacsi

I really like it so far, interesting overview of product development processes.

By Davide Simoncini

si, purtroppo una pessima pronuncia dell'inglese rende un po piatta la lezione

By Szilárd Mészáros

Great stuff, I've already learnt some useful bits of knowledge. Looking forward to the rest of the course!

By Bácsi Bence

The course meets my expectations so far, while I’m in a project manager role, I find the course material valuable.

By Dániel Nagy

I'm so glad someone finally tries to tackle the seemingly unbridgeable communication gap between designers and developers – this is an issue so often complained about, yet not many people have tried to make the situation better so far. This course is really good at that, and does it in a comprehensive, but easy to follow manner. I really like the sketchnotes summarizing each lecture, and how they unfold while the instructors (a designer and a developer!) explain the different concepts. Highly recommended!

By Schnur János

Very insightful & the way Krisztina teaches is engaging. I've already got some good tips for collaboration.

By Ferenc Mátyás

Insightful course, I believe that every designer should watch it, can’t recommend it enough!

By Mihaly Szerovay

Very engaging course with clear explanations. Easy to follow. I liked the visual design as well. I definitely recommend it.