UX/UI Concepts For Engineers In A Hurry
Hey there! I'm Lucas, a front-end developer from Brazil with a passion for UX/UI and JavaScript. In this course, we'll explore essential UX/UI concepts for software engineering together. Whether you're a fellow developer or a curious learner, we'll dive into practical ways to spot design issues early and enhance communication between designers and engineers. Let's make our software not just functional, but user-friendly and enjoyable!
- 5.0 / 5 (1 rating)
- Published
- Updated
20 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 a fellow developer on a quest for user-friendly interfaces!
How to spot common UX/UI hiccups (and fix them!)
Why good UX/UI design matters (and how it makes users happy)
Fun ways to code with NextJS, TailwindCSS, and Shadcn
The ins and outs of various UX/UI principles
Real-world problems that good UX/UI can solve
Tricks to create interfaces users will love
Welcome to our UX/UI adventure! I'm Lucas, your guide through the world of user-friendly design. With over 4 years in the software industry, I've worn many hats - from freelancing to robotics, and now as a Software Engineer at PicPay.
In this course, we'll explore UX/UI concepts that are crucial for creating software that users love. We'll cover the basics and show you how to implement them using cool tools like NextJS, TailwindCSS, and Shadcn.
Our lessons are bite-sized and focused, perfect for busy developers or anyone looking to level up their UX/UI game. We'll use real-world examples and practical code snippets to make learning fun and relevant.
When I'm not coding, I'm often leading tabletop RPG adventures. So expect some creative analogies and a dash of storytelling in our journey!
What you'll gain:
- A solid grasp of UX/UI principles and why they matter
- Hands-on experience with NextJS, TailwindCSS, and Shadcn
- The ability to spot and fix common UX/UI issues
- Practical steps to apply UX/UI principles in your projects
- A more intuitive understanding of user needs
Let's embark on this quest to make the digital world a more user-friendly place, one interface at a time!
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 20 lessons, giving you nearly 5 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.
- FreeΒ
- FreeΒ
- FreeΒ
- FreeΒ
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.
- FreeΒ
- 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Β
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!