7 UX Design Tips for Developers
๐ก Learn how to design great software in 7 steps: https://arjan.codes/designguide.
This video covers 7 UX design tips to improve your user interfaces, next to of course using unicorns and comic sans wherever possible. It's really useful to know a bit about UX design as a developer, even if you already work with a UX designer or team. These tips come from my own experiences, and this is certainly not a complete list, you may not agree with all of these, but these tips have helped me avoid lots of mistakes and automatically gravitate towards the 'better' UX solution.
The code I worked on in this video is available here: https://github.com/ArjanCodes/2021-ux-design-tips.
๐ ArjanCodes Courses: https://www.arjancodes.com/courses/
๐ Chapters:
0:00 Intro
1:46 #1: Rely on a design system
3:42 #2: Create a natural flow
7:54 #3: Colors have meaning
10:37 #4: Have a single main action per screen
12:03 #5: Separate action from navigation
15:37 #6: Make your interface predictable
17:00 #7: Use space to separate things
17:57 BONUS: Build the UI for the user!
20:30 Final thoughts
#arjancodes #softwaredesign #uxdesign
Watch on YouTube โ
(saves to browser)
Sign in to unlock AI tutor explanation ยท โก30
Playlist
Uploads from ArjanCodes ยท ArjanCodes ยท 18 of 60
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
โถ
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
Full stack WEB DEVELOPMENT in 2021 - the ULTIMATE tech stack for FAST web app development
ArjanCodes
FROM PRODUCT IDEA TO SOFTWARE - turn your idea into reality in a few steps
ArjanCodes
Cohesion and Coupling: Write BETTER PYTHON CODE Part 1
ArjanCodes
Build a GLASSMORPHISM React Component - Typescript & Material-UI
ArjanCodes
Observer Pattern Tutorial: I NEVER Knew Events Were THIS Powerful ๐
ArjanCodes
100% CODE COVERAGE - Think You're Done? Think AGAIN.โ
ArjanCodes
Two UNDERRATED Design Patterns ๐ก Write BETTER PYTHON CODE Part 6
ArjanCodes
1000 Subscribers! ๐ WHY I Started this Channel and WHAT'S NEXT
ArjanCodes
Channel Trailer ArjanCodes - March 2021
ArjanCodes
Exception Handling Tips in Python โ Write Better Python Code Part 7
ArjanCodes
Monadic Error Handling in Python โ Write Better Python Code Part 7B
ArjanCodes
GW BASIC Games I Wrote When I Was a Kid ๐ฎ Running 30 Year Old Code
ArjanCodes
Why You Should Think About SOFTWARE ARCHITECTURE in Python ๐ก
ArjanCodes
Uncle Bobโs SOLID Principles Made Easy ๐ - In Python!
ArjanCodes
QUESTIONABLE Object Creation Patterns in Python ๐ค
ArjanCodes
If Youโre Not Using Python DATA CLASSES Yet, You Should ๐
ArjanCodes
CODE ROAST: Yahtzee - New Python Code Refactoring Series!
ArjanCodes
7 UX Design Tips for Developers
ArjanCodes
Going All-in on Software Design in Python + an ANNOUNCEMENT ๐
ArjanCodes
๐ Interview with Sybren Stรผvel, Developer @ Blender 3D
ArjanCodes
Do We Still Need Dataclasses? // PYDANTIC Tutorial
ArjanCodes
7 Python Mistakes That Instantly Expose Junior Developers
ArjanCodes
Answering Your Most Frequently Asked Python Questions // Q&A 07-2021
ArjanCodes
GitHub Copilot ๐ค The Future of Software Development?
ArjanCodes
More Python Code Smells: Avoid These 7 Smelly Snags
ArjanCodes
Test-Driven Development In Python // The Power of Red-Green-Refactor
ArjanCodes
5 Tips To Keep Technical Debt Under Control
ArjanCodes
Refactoring A Tower Defense Game In Python // CODE ROAST
ArjanCodes
The Factory Design Pattern is Obsolete in Python
ArjanCodes
Why the Plugin Architecture Gives You CRAZY Flexibility
ArjanCodes
Refactoring A Data Science Project Part 1 - Abstraction and Composition
ArjanCodes
Refactoring A Data Science Project Part 2 - The Information Expert
ArjanCodes
Refactoring A Data Science Project Part 3 - Configuration Cleanup
ArjanCodes
Purge These 7 Code Smells From Your Python Code
ArjanCodes
Running A Software Development YouTube Channel
ArjanCodes
Refactoring A PDF And Web Scraper Part 1 // CODE ROAST
ArjanCodes
Refactoring A PDF And Web Scraper Part 2 // CODE ROAST
ArjanCodes
How To Easily Do Asynchronous Programming With Asyncio In Python
ArjanCodes
The Software Designer Mindset
ArjanCodes
NEVER Worry About Data Science Projects Configs Again
ArjanCodes
Powerful VSCode Tips And Tricks For Python Development And Design
ArjanCodes
8 Python Coding Tips - From The Google Python Style Guide
ArjanCodes
What Is Encapsulation And Information Hiding?
ArjanCodes
8 Tips For Becoming A Senior Developer
ArjanCodes
Building A Custom Context Manager In Python: A Closer Look
ArjanCodes
GraphQL vs REST: What's The Difference And When To Use Which?
ArjanCodes
You Can Do Really Cool Things With Functions In Python
ArjanCodes
Announcing The Black VS Code Theme (Launching April 1st)
ArjanCodes
7 DevOps Best Practices For Launching A SaaS Platform
ArjanCodes
Refactoring a Rock Paper Scissors Lizard Spock Game // Code Roast Part 1
ArjanCodes
Refactoring a Rock Paper Scissors Lizard Spock Game // Part 2
ArjanCodes
Things Are Going To Change Around Here
ArjanCodes
Dependency Injection Explained In One Minute // Python Tips
ArjanCodes
How To Setup A MacBook Pro M1 For Software Development
ArjanCodes
A Simple & Effective Way To Improve Python Class Performance
ArjanCodes
How To Write Unit Tests For Existing Python Code // Part 1 of 2
ArjanCodes
How To Write Unit Tests For Existing Python Code // Part 2 of 2
ArjanCodes
Make Sure You Choose The Right Data Structure // Python Tips
ArjanCodes
5 Tips For Object-Oriented Programming Done Well - In Python
ArjanCodes
Next-Level Concurrent Programming In Python With Asyncio
ArjanCodes
More on: UI Design
View skill โ
Related AI Lessons
โก
โก
โก
โก
I almost added streaks to my app. Then I remembered what Duolingo did to me.
Dev.to ยท Sai Krishna Subramanian
Brazilian Buyers Donโt Abandon Carts. They Open WhatsApp.
Medium ยท UX Design
Interfaces que aprenden: El amanecer del UI adaptativo y la navegaciรณn inteligente
Medium ยท UX Design
The Psychology Behind Habit-Forming Design
Medium ยท UX Design
Chapters (10)
Intro
1:46
#1: Rely on a design system
3:42
#2: Create a natural flow
7:54
#3: Colors have meaning
10:37
#4: Have a single main action per screen
12:03
#5: Separate action from navigation
15:37
#6: Make your interface predictable
17:00
#7: Use space to separate things
17:57
BONUS: Build the UI for the user!
20:30
Final thoughts
๐
Tutor Explanation
DeepCamp AI