UX/UI Concepts For Engineers In A Hurry
Hello there, dear reader! I'm Lucas, a full-stack and front-end focused engineer from Brazil with a lot of passion for UX/UI, Writing and JavaScript. In this course, we'll explore essential UX/UI concepts that every software engineer should know, whether you're a front-end focused as me or just a curious learner. We'll dive into practical ways to spot design issues early and enhance communication between designers and engineers, where, the focus here is going to be to make our software not just functional, but user-friendly and enjoyable too!
- 5.0 / 5 (1 rating)
- Published
- Updated
8 Exercises
Lucas Lima
Software Engineer @PicPay, Tech Writer, and RPG Dungeon Master!
Welcome to our UX/UI adventure! Here's how we'll explore this exciting realm together:
We've got 5 modules packed with UX/UI wisdom, all taught through the lens of NextJS, TailwindCSS, and Shadcn. Think of it as a choose-your-own-adventure book, but for learning UX/UI!
Our Quest Map:
We'll start by understanding the basics of UX/UI principles - it's like learning the rules of a new game. Then, we'll level up by creating user-friendly interfaces, improving navigation (no more users getting lost!), enhancing visual hierarchy (making important stuff stand out), and ensuring accessibility (because everyone should be able to join the fun).
Each module builds on the last, like stacking Lego bricks to create an awesome UX/UI fortress. By the end, you'll have the skills to make software that users will actually enjoy using. Let's make the digital world a friendlier place!
01Remote
You can take the course from anywhere in the world, as long as you have a computer and an internet connection.
02Self-Paced
Learn at your own pace, whenever it's convenient for you. With no rigid schedule to worry about, you can take the course on your own terms.
03Community
Join a vibrant community of other students who are also learning with UX/UI Concepts For Engineers In A Hurry. Ask questions, get feedback and collaborate with others to take your skills to the next level.
04Structured
Learn in a cohesive fashion that's easy to follow. With a clear progression from basic principles to advanced techniques, you'll grow stronger and more skilled with each module.
What You Will Build In This Course
Join me on a journey through the world of UX/UI design, where we'll explore essential concepts and bring them to life with modern web tech!
How to spot common UX/UI hiccups (and fix them!)
Why good UX/UI design matters (and how it makes users happy)
Awesome tooling with NextJS, TailwindCSS, and Shadcn
The ins and outs of various UX/UI principles
Real-world problems and cases that good UX/UI can solve and has solved
Simple tricks to create interfaces users will love
As I mentioned before, in this course we're going to take a small deep-dive into UX/UI concepts that are crucial for creating software that users love!
For me, you're probably one of:
- A front-end developer looking to level up
- A software engineer who struggles with design
- A solopreneur who wants to make their software more user-friendly
Our lessons are bite-sized and focused, perfect for you to give a small commitment, and leave with a huge vision change. We'll talk about real-world examples and explore one of the most common case scenarios: the Landing Page.
Besides all that gain in terms of knowledge, you'll also improve in your cross-team communication, as we'll talk about how to bridge the gap between designers and engineers, making the whole process smoother and more enjoyable for everyone involved.
See you there ;)
Our students work at
Sample Course Lessons
Course Syllabus and Content
Welcome to "UX/UI Concepts For Engineers In A Hurry"! This isn't your average, dry online course. It's more like sitting down with a fellow developer (that's me, Lucas!) to chat about making software that users will love.
We've packed 5 modules with 17 lessons, giving you nearly 2 hours of UX/UI goodness. It's a whirlwind tour through the world of user-friendly design, perfect for busy engineers or anyone curious about UX/UI.
Here's a sneak peek at our adventure:
Intro & Getting Started
4 Lessons
This module introduces the course objectives, provides a brief overview of NextJS, TailwindCSS, and Shadcn, and discusses the importance of good UX/UI. You'll also set up your project environment.
- Sneak PeekÂ
- Sneak PeekÂ
- Sneak PeekÂ
- Sneak PeekÂ
Applying UX/UI Principles - Flow & Hierarchy
3 Lessons
Learn how to apply UX/UI principles to improve the flow and hierarchy of your software. Explore techniques for enhancing navigation and creating effective visual hierarchies.
- Sneak PeekÂ
- Sneak PeekÂ
- Sneak PeekÂ
Applying UX/UI Principles - Decluttering & User Feedback
4 Lessons
Discover how to apply UX/UI laws and principles to improve and declutter interfaces. Learn about creating more aesthetically pleasing experiences and providing effective user feedback.
- Sneak PeekÂ
- Sneak PeekÂ
- Sneak PeekÂ
- Sneak PeekÂ
Applying UX/UI Principles - Accessibility Considerations
3 Lessons
Explore the importance of accessibility in software development. Learn about web accessibility principles, testing methods, and how to choose accessible color palettes.
- Sneak PeekÂ
- Sneak PeekÂ
- Sneak PeekÂ
Final Touches and Review
3 Lessons
Review the transformed app, address common questions about UX/UI design, and explore next steps for continuing your UX/UI journey. Wrap up the course with key takeaways and encouragement for future projects.
- Sneak PeekÂ
- 02FAQSneak PeekÂ
- Sneak PeekÂ
Advanced Package - Conversion-Centered Design
3 Lessons
This module covers principles of conversion-centered design. You'll learn about creating focus, building structure, and designing for trust to optimize your forms and pages for better conversion rates.
- Sneak PeekÂ
- Sneak PeekÂ
- Sneak PeekÂ
Advanced Package - UX/UI Techniques to Improve Conversion Rates
3 Lessons
This module explores advanced UX/UI techniques to improve conversion rates. You'll learn about the Von Restorff Effect, multi-page forms, and the importance of page speed in enhancing user experience and conversions.
- Sneak PeekÂ
- Sneak PeekÂ
- Sneak PeekÂ
Advanced Package - A/B Testing and Analytics with Posthog
3 Lessons
This module introduces A/B testing and analytics using Posthog. You'll learn how to set up Posthog, create A/B tests, define meaningful metrics, and interpret results to make informed design decisions.
- Sneak PeekÂ
- Sneak PeekÂ
- Sneak PeekÂ
Subscribe for a Free Lesson
By subscribing to the newline newsletter, you will also receive weekly, hands-on tutorials and updates on upcoming courses in your inbox.
Meet the Course Instructor
Frequently Asked Questions
What's this 'UX/UI Concepts For Engineers In A Hurry' all about?
It's like a friendly chat about UX/UI for us tech folks! We'll explore how to make interfaces that users actually enjoy, using cool tools like NextJS, TailwindCSS, and Shadcn. It's all about spotting design issues early and bridging the gap between designers and engineers. Think of it as leveling up your UX/UI skills while having fun!
Who's this course for?
It's perfect for front-end developers, software engineers, solopreneurs, or anyone curious about making their software more user-friendly. If you've ever looked at an app and thought, 'This could be easier to use,' then this course is for you!
What if I take the course and it's not my cup of tea?
No worries! We offer a 30-day money-back guarantee. If you're not happy with the course, just send us a message within 30 days of purchase, and we'll sort out a refund for you. We want you to be as excited about UX/UI as we are!
What goodies are included in the course?
You'll get access to a bunch of video lessons, written content, downloadable project files, an interactive coding environment, and even an AI Tutor to help you along the way. It's like a complete UX/UI toolkit!
Do I need to be a coding wizard to take this course?
Not at all! As long as you're comfortable with basic HTML, CSS, and JavaScript, you're good to go. We'll guide you through the rest!
How long does it take to complete the course?
It's flexible! You can go at your own pace, but most folks spend about 10-15 hours going through all the materials. It's designed to fit into your schedule, whether you're a night owl or an early bird.
Can I access the course on my phone or tablet?
Absolutely! The course is fully responsive, so you can learn on any device you prefer.
Is there a fancy certificate at the end?
You bet! Once you've completed the course, just send us a message and we'll hook you up with a certificate. It's a great way to show off your new UX/UI skills!
What if I get stuck or have questions?
Don't sweat it! You can ask questions in the comments section of each lesson, and our team will be there to help. Plus, we have a community Discord channel where you can chat with other learners and get help anytime.
Can I download the videos to watch offline?
To keep things fair for everyone, we don't offer video downloads. But you can access the course content online anytime, anywhere!
How much does this UX/UI adventure cost?
The course is priced at $49 USD. But here's a cool option: you can also access it as part of the 'newline Pro subscription' for $20/month, which gives you access to loads of other courses too!
How's this course different from other UX/UI resources out there?
Great question! This course is like your friendly neighborhood UX/UI guide. We mix practical coding examples with theory, so you're not just learning concepts, but actually applying them. Plus, with my background in front-end development, RPG storytelling, and even robotics, expect some unique perspectives and fun analogies to make UX/UI concepts stick!