Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Design User Experience Design

Be a better UX designer by understanding development aspects

Stand out from the crowd, make more complete UX designs and better design decisions by understanding development aspects
Rating: 4.1 out of 54.1 (136 ratings)
1,181 students
Created by Krisztina Szerovay, Gergely Szerovay
Last updated 11/2019
English
English [Auto]
30-Day Money-Back Guarantee

What you'll 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 specify next to UI specs (e.g. user input's data type, max. text length)
  • Learn algorithmic thinking so that you’ll be able to consider all cases, spot redundancies, remove inconsistencies
  • How a form validation algorithm works, what the design implications are
  • Performance is an important limitation, and your design decisions always impact it! (e.g. designing web applications)
  • You should be involved in decisions about how to store data, e.g. you can tell what groups of data will be read or modified together and how often
  • How to define logical relationships inside an app, e.g. “a user can have maximum 1 profile picture” is a rule you should define
  • Design decisions affect risks, costs and development effort, e.g. custom code is usually more expensive than using an existing solution
  • How to choose an appropriate existing solution, reusable component (e.g. map component: Google Map)
  • How API’s work, why you should know what functions are provided by a given API (e.g. in case of a payment solution)
  • How to ask better questions from developers, and how to educate them to ask better questions from you

Requirements

  • There are no requirements necessary to enroll.

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 we won't teach you how to code, thanks to the lectures about algorithms and programming, you'll understand all the basic concepts that are actually prerequisites of programming. Therefore, you can use these parts of the course material as a litmus test: if you particularly enjoy those parts, maybe programming is for you. But we believe that the infamous "Should designers learn to code?" question is irrelevant. If you want to learn to code, go ahead and start learning it. However, what is truly relevant is that you should understand how developers work, what challenges they face, what their main tasks are. This course'll teach you all these.

  • We have also included the related UX Knowledge Base Sketches, you can also download these in high-resolution.

  • The course videos are optimized for full HD resolution [select 1080p (or "Auto") resolution at the bottom left corner of your streaming player if it is not set to that resolution automatically]. If for any reasons (e.g. slow Internet connection) you can't access the videos in full HD resolution, we attached all the sketches in high-resolution, so you can print them out and follow the lectures by using the printed material.

Stay tuned for future updates! We're planning to add new lectures soon, e.g. about Responsivity (designing for different screen sizes and devices); Internationalization & Localization; Security and Cryptography.

As a result of watching these lectures, you'll be a more confident designer, who knows what making intentional design decisions mean.

Who this course is for:

  • UX Designers
  • Interaction Designers
  • Product Designers
  • UI Designers
  • Service Designers
  • Web Designers
  • Freelance designers
  • Designers working at an organization (whether it's a startup or an enterprise)
  • Any designer who wants to learn about how developers work, and how to ask better questions from them
  • Anyone who wants to improve the workflow of creating digital products and services (apps, websites, systems)
  • This course is NOT for you if you want to learn how to code! This course is not about coding!
  • This course is NOT for you if you are expecting a detailed, step by step walk-through for creating a digital product or service from the first stroke all the way to the first release! This course concentrates on development aspects, technical constraints, and designer-developer collaboration.

Course content

10 sections • 59 lectures • 8h 36m total length

  • Preview09:25
  • Product Development Processes - Part 1
    08:54
  • Preview07:55
  • Product Development Processes - Part 3
    10:59
  • Roles and Core Competencies
    12:22
  • Collaboration: Main Areas
    06:44
  • Collaboration: Best Practices
    11:15

  • Sketching and Visual Thinking - Part 1
    09:34
  • Preview05:15
  • Giving Feedback - Part 1
    10:52
  • Giving Feedback - Part 2
    08:10
  • Speaking the Same Language
    03:58

  • Project Kick-Off - Part 1
    06:50
  • Project Kick-Off - Part 2
    08:32
  • Prioritization - Part 1
    07:17
  • Prioritization - Part 2
    12:41
  • Research - Part 1
    07:59
  • Research - Part 2
    08:38
  • Preview13:13
  • Preview12:35
  • Designing for Different Screen Sizes & Devices - Part 2
    11:07
  • Design Handoff Advice
    05:49

  • Preview05:59
  • Architectures: Introduction and Platforms
    06:52
  • Architectures: Application Types
    07:34
  • Architectures: Offline Application Example
    06:42
  • Architectures: Online Application Example
    08:47
  • Architectures: Microservices and Microfrontends
    11:45
  • Developer Mindset and Developer Types
    10:12

  • Preview09:16
  • Data Types: Primitive Data Types (Logical, Numeric, Character)
    09:17
  • Data Types: Composite Data Types (String, Array, Record)
    13:18
  • Data Types: Date, Time, GPS Coordinate and Images
    09:27
  • Data Types: Combining Data Types
    02:47
  • Data Types: JSON
    07:50

  • Programming: Introduction
    02:29
  • Programming: Variables
    09:47
  • Programming: Algorithms
    13:46
  • Programming: Programs
    10:43
  • Programming: Application Environment
    06:45

  • Reusable Components: Introduction: A Map Component
    08:11
  • Reusable Components: Customization
    06:36
  • Reusable Components: Libraries and Services
    04:58
  • Reusable Components: API
    11:34

  • Data Modeling: Introduction
    08:23
  • Preview09:30
  • Data Modeling: Designer - Developer Conversations
    04:47
  • Data Modeling: Logical Modeling
    18:57
  • Data Modeling: Relational Databases
    13:52
  • Data Modeling: NoSQL Databases
    12:32
  • Data Modeling: Main Decision-Making Points
    07:00

  • Implementation: Introduction
    06:40
  • Preview09:16
  • Implementation: Gitlab Example 1 (Wireframe Review)
    09:37
  • Implementation: Gitlab Example 2-3 (Build & API Review)
    05:26
  • Implementation: Version Control: More Aspects and Summary
    03:13
  • Implementation: The Pieces Coming Together
    08:52
  • Implementation: Collaboration in General
    12:10

  • Bonus Lecture: Coupon Code & Recommended Links
    01:31

Instructors

Krisztina Szerovay
UX designer
Krisztina Szerovay
  • 4.6 Instructor Rating
  • 3,065 Reviews
  • 17,723 Students
  • 2 Courses

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.

Gergely Szerovay
Developer
Gergely Szerovay
  • 4.6 Instructor Rating
  • 3,065 Reviews
  • 17,726 Students
  • 2 Courses

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.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.