If you haven’t read these pieces already, check out the 10 best articles from 2015 as determined by our readers.<\/p>\n
1. Responsive vs Adaptive Design: What’s the Best Choice for Designers?<\/a><\/h2>\n![\"Illustration](\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image095.png\")
<\/p>\n
If you haven\u2019t altered your design process to put focus on the multi-device experience, now\u2019s the time to do it. <\/p>\n
This article compares the two most popular approaches for multi-device design, responsive and adaptive, and clears up when and how to use each, going into such technical detail as loading times, important screen sizes, and layout planning.<\/p>\n
2. How to Use the Best UI Design Patterns<\/a><\/h2>\n![\"Screenshot](\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image0511.png\")
<\/p>\n
With instantly recognizable usability and familiar application, UI design patterns can enhance almost any interface, as long as you know how to use them. <\/p>\n
This piece acts as a primer for pattern usage: first it explains the different types, then the different methods of implementation, then the 4-step process for finding the one that\u2019s best for your needs. The piece ends with links to the best free pattern libraries available online now.<\/p>\n
3. Lean UX vs. Agile UX \u2014 Is There a Difference?<\/a><\/h2>\n![\"Lean](\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image076.png\")
<\/p>\n
In a short but practical piece, our CEO Marcin Treder definitively clears up the difference between lean UX and agile UX. While the two practices have a lot in common, they are not interchangeable and the subtle differences can work better for some projects than others. <\/p>\n
If you\u2019ve ever been unclear about these two terms, take a minute to read it explained.<\/p>\n
4. How to Write a Painless Product Requirements Document<\/a><\/h2>\n![\"Illustration](\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image039.jpg\")
<\/p>\n
PRDs can be a pain, but they don\u2019t have to be. <\/p>\n
This piece covers everything you need to know about this necessary evil, including both the core components as well as best practices. You\u2019ll learn the expectations from stakeholders, target length, and proper formats, and you can see the points explained through a sample Product Hunt PRD.<\/p>\n
5. Responsive Web Design Cheat Sheet<\/a><\/h2>\n![\"Preview](\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image065-717x1024.jpg\")
<\/p>\n
Our team created this infographic as an at-a-glance reference guide for the pixel dimensions of popular screen sizes. <\/p>\n
Color-coded for instant understanding, this handy data sheet means you no longer have to worry about memorizing different device dimensions. Keep on your computer for when you need it, or print it out and hang it on the wall.<\/p>\n
6. Product Manager and UX Designer \u2014 What’s the Difference?<\/a><\/h2>\n![\"Product](\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image104.png\")
<\/p>\n
Just as with Lean UX and Agile UX<\/a>, our CEO Marcin Treder again clears up the differences between these two commonly confused titles. <\/p>\nThis piece goes in-depth with the differences between product managers and UX designers, including an overview of job requirements, and when the same person can occupy both positions without harming the end goal.<\/p>\n
7. 10 Tips & Best Practices for SketchApp<\/a><\/h2>\n![\"Sketch](\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image0220.png\")
<\/p>\n
Young yet powerful, Sketch is quickly carving its place as a go-to tool for interface design \u2014 it is, after all, designed to be a Photoshop for web designers. <\/p>\n
Whether you\u2019re a long-time user or considering switching over, Product Designer Narek Khachatryan teaches you some techniques for optimizing your workflow.<\/p>\n
8. Turn Sketch Mockups Into Animated Interactive Prototypes<\/a><\/h2>\n![\"Screenshot](\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image0417.png\")
<\/p>\n
UXPin allows you to seamlessly integrate Sketch files<\/a> so that you can easily turn them from static mockups into interactive, high-definition prototypes. <\/p>\nThis articles acts as a quick visual reference.<\/p>\n
9. How to Quickly Animate a Photoshop Mockup into a Prototype<\/a><\/h2>\n![\"Animation](\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image08.gif\")
<\/p>\n
Just like Sketch files, Photoshop mockups can also be integrated with UXPin<\/a> to add interactivity to pixel-perfect designs. This lets you create mockups in the image editor you prefer, and then turn it into a hi-fi prototype without rebuilding it. This article shows you how. <\/p>\n10. Navigating Mobile Applications: 5 UX Design Patterns<\/a><\/h2>\n![\"Screenshots](\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image0024.png\")
<\/p>\n
If you\u2019ve ever felt lost when designing a navigation system for mobile apps, this piece has five potential solutions. This piece outlines the five most popular UI patterns for mobile navigation, with best practices and screenshots from the apps that use them best. <\/p>\n
Bonus: Further Reading<\/h2>\n
While these blog posts work great if you only have a little time, they only skim the surface compared to our free e-books. <\/p>\n
For the full treatment on any number of UX topics \u2014 prototyping, user research, the design process, collaboration, patterns, and dozens more \u2014 check out our free design library<\/a> with over 70 e-books to choose from, with more on the way.<\/p>\nWe\u2019re also proud to release our end-of-the-year UX Design Trends Bundle<\/a>. In one free download, you can own three of our most popular e-books, which chronicle the best practices for the year\u2019s most influential design trends, and how they\u2019ll evolve in the next year.<\/p>\n![\"UX](\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image0119.png\")
<\/p>\n
Get over 350 pages of advice, along with 300+ examples of great design).<\/p>\n
<\/p>\n<\/p>\n
With instantly recognizable usability and familiar application, UI design patterns can enhance almost any interface, as long as you know how to use them. <\/p>\n
This piece acts as a primer for pattern usage: first it explains the different types, then the different methods of implementation, then the 4-step process for finding the one that\u2019s best for your needs. The piece ends with links to the best free pattern libraries available online now.<\/p>\n
3. Lean UX vs. Agile UX \u2014 Is There a Difference?<\/a><\/h2>\n<\/p>\n
In a short but practical piece, our CEO Marcin Treder definitively clears up the difference between lean UX and agile UX. While the two practices have a lot in common, they are not interchangeable and the subtle differences can work better for some projects than others. <\/p>\n
If you\u2019ve ever been unclear about these two terms, take a minute to read it explained.<\/p>\n
4. How to Write a Painless Product Requirements Document<\/a><\/h2>\n<\/p>\n
PRDs can be a pain, but they don\u2019t have to be. <\/p>\n
This piece covers everything you need to know about this necessary evil, including both the core components as well as best practices. You\u2019ll learn the expectations from stakeholders, target length, and proper formats, and you can see the points explained through a sample Product Hunt PRD.<\/p>\n
5. Responsive Web Design Cheat Sheet<\/a><\/h2>\n<\/p>\n
Our team created this infographic as an at-a-glance reference guide for the pixel dimensions of popular screen sizes. <\/p>\n
Color-coded for instant understanding, this handy data sheet means you no longer have to worry about memorizing different device dimensions. Keep on your computer for when you need it, or print it out and hang it on the wall.<\/p>\n
6. Product Manager and UX Designer \u2014 What’s the Difference?<\/a><\/h2>\n<\/p>\n
Just as with Lean UX and Agile UX<\/a>, our CEO Marcin Treder again clears up the differences between these two commonly confused titles. <\/p>\nThis piece goes in-depth with the differences between product managers and UX designers, including an overview of job requirements, and when the same person can occupy both positions without harming the end goal.<\/p>\n
7. 10 Tips & Best Practices for SketchApp<\/a><\/h2>\n<\/p>\n
Young yet powerful, Sketch is quickly carving its place as a go-to tool for interface design \u2014 it is, after all, designed to be a Photoshop for web designers. <\/p>\n
Whether you\u2019re a long-time user or considering switching over, Product Designer Narek Khachatryan teaches you some techniques for optimizing your workflow.<\/p>\n
8. Turn Sketch Mockups Into Animated Interactive Prototypes<\/a><\/h2>\n<\/p>\n
UXPin allows you to seamlessly integrate Sketch files<\/a> so that you can easily turn them from static mockups into interactive, high-definition prototypes. <\/p>\nThis articles acts as a quick visual reference.<\/p>\n
9. How to Quickly Animate a Photoshop Mockup into a Prototype<\/a><\/h2>\n<\/p>\n
Just like Sketch files, Photoshop mockups can also be integrated with UXPin<\/a> to add interactivity to pixel-perfect designs. This lets you create mockups in the image editor you prefer, and then turn it into a hi-fi prototype without rebuilding it. This article shows you how. <\/p>\n10. Navigating Mobile Applications: 5 UX Design Patterns<\/a><\/h2>\n<\/p>\n
If you\u2019ve ever felt lost when designing a navigation system for mobile apps, this piece has five potential solutions. This piece outlines the five most popular UI patterns for mobile navigation, with best practices and screenshots from the apps that use them best. <\/p>\n
Bonus: Further Reading<\/h2>\n
While these blog posts work great if you only have a little time, they only skim the surface compared to our free e-books. <\/p>\n
For the full treatment on any number of UX topics \u2014 prototyping, user research, the design process, collaboration, patterns, and dozens more \u2014 check out our free design library<\/a> with over 70 e-books to choose from, with more on the way.<\/p>\nWe\u2019re also proud to release our end-of-the-year UX Design Trends Bundle<\/a>. In one free download, you can own three of our most popular e-books, which chronicle the best practices for the year\u2019s most influential design trends, and how they\u2019ll evolve in the next year.<\/p>\n<\/p>\n
Get over 350 pages of advice, along with 300+ examples of great design).<\/p>\n
<\/p>\n<\/p>\n
PRDs can be a pain, but they don\u2019t have to be. <\/p>\n
This piece covers everything you need to know about this necessary evil, including both the core components as well as best practices. You\u2019ll learn the expectations from stakeholders, target length, and proper formats, and you can see the points explained through a sample Product Hunt PRD.<\/p>\n
5. Responsive Web Design Cheat Sheet<\/a><\/h2>\n<\/p>\n
Our team created this infographic as an at-a-glance reference guide for the pixel dimensions of popular screen sizes. <\/p>\n
Color-coded for instant understanding, this handy data sheet means you no longer have to worry about memorizing different device dimensions. Keep on your computer for when you need it, or print it out and hang it on the wall.<\/p>\n
6. Product Manager and UX Designer \u2014 What’s the Difference?<\/a><\/h2>\n<\/p>\n
Just as with Lean UX and Agile UX<\/a>, our CEO Marcin Treder again clears up the differences between these two commonly confused titles. <\/p>\nThis piece goes in-depth with the differences between product managers and UX designers, including an overview of job requirements, and when the same person can occupy both positions without harming the end goal.<\/p>\n
7. 10 Tips & Best Practices for SketchApp<\/a><\/h2>\n<\/p>\n
Young yet powerful, Sketch is quickly carving its place as a go-to tool for interface design \u2014 it is, after all, designed to be a Photoshop for web designers. <\/p>\n
Whether you\u2019re a long-time user or considering switching over, Product Designer Narek Khachatryan teaches you some techniques for optimizing your workflow.<\/p>\n
8. Turn Sketch Mockups Into Animated Interactive Prototypes<\/a><\/h2>\n<\/p>\n
UXPin allows you to seamlessly integrate Sketch files<\/a> so that you can easily turn them from static mockups into interactive, high-definition prototypes. <\/p>\nThis articles acts as a quick visual reference.<\/p>\n
9. How to Quickly Animate a Photoshop Mockup into a Prototype<\/a><\/h2>\n<\/p>\n
Just like Sketch files, Photoshop mockups can also be integrated with UXPin<\/a> to add interactivity to pixel-perfect designs. This lets you create mockups in the image editor you prefer, and then turn it into a hi-fi prototype without rebuilding it. This article shows you how. <\/p>\n10. Navigating Mobile Applications: 5 UX Design Patterns<\/a><\/h2>\n<\/p>\n
If you\u2019ve ever felt lost when designing a navigation system for mobile apps, this piece has five potential solutions. This piece outlines the five most popular UI patterns for mobile navigation, with best practices and screenshots from the apps that use them best. <\/p>\n
Bonus: Further Reading<\/h2>\n
While these blog posts work great if you only have a little time, they only skim the surface compared to our free e-books. <\/p>\n
For the full treatment on any number of UX topics \u2014 prototyping, user research, the design process, collaboration, patterns, and dozens more \u2014 check out our free design library<\/a> with over 70 e-books to choose from, with more on the way.<\/p>\nWe\u2019re also proud to release our end-of-the-year UX Design Trends Bundle<\/a>. In one free download, you can own three of our most popular e-books, which chronicle the best practices for the year\u2019s most influential design trends, and how they\u2019ll evolve in the next year.<\/p>\n<\/p>\n
Get over 350 pages of advice, along with 300+ examples of great design).<\/p>\n
<\/p>\n<\/p>\n
Just as with Lean UX and Agile UX<\/a>, our CEO Marcin Treder again clears up the differences between these two commonly confused titles. <\/p>\n This piece goes in-depth with the differences between product managers and UX designers, including an overview of job requirements, and when the same person can occupy both positions without harming the end goal.<\/p>\n Young yet powerful, Sketch is quickly carving its place as a go-to tool for interface design \u2014 it is, after all, designed to be a Photoshop for web designers. <\/p>\n Whether you\u2019re a long-time user or considering switching over, Product Designer Narek Khachatryan teaches you some techniques for optimizing your workflow.<\/p>\n UXPin allows you to seamlessly integrate Sketch files<\/a> so that you can easily turn them from static mockups into interactive, high-definition prototypes. <\/p>\n This articles acts as a quick visual reference.<\/p>\n Just like Sketch files, Photoshop mockups can also be integrated with UXPin<\/a> to add interactivity to pixel-perfect designs. This lets you create mockups in the image editor you prefer, and then turn it into a hi-fi prototype without rebuilding it. This article shows you how. <\/p>\n If you\u2019ve ever felt lost when designing a navigation system for mobile apps, this piece has five potential solutions. This piece outlines the five most popular UI patterns for mobile navigation, with best practices and screenshots from the apps that use them best. <\/p>\n While these blog posts work great if you only have a little time, they only skim the surface compared to our free e-books. <\/p>\n For the full treatment on any number of UX topics \u2014 prototyping, user research, the design process, collaboration, patterns, and dozens more \u2014 check out our free design library<\/a> with over 70 e-books to choose from, with more on the way.<\/p>\n We\u2019re also proud to release our end-of-the-year UX Design Trends Bundle<\/a>. In one free download, you can own three of our most popular e-books, which chronicle the best practices for the year\u2019s most influential design trends, and how they\u2019ll evolve in the next year.<\/p>\n Get over 350 pages of advice, along with 300+ examples of great design).<\/p>\n7. 10 Tips & Best Practices for SketchApp<\/a><\/h2>\n
<\/p>\n8. Turn Sketch Mockups Into Animated Interactive Prototypes<\/a><\/h2>\n
<\/p>\n9. How to Quickly Animate a Photoshop Mockup into a Prototype<\/a><\/h2>\n
<\/p>\n10. Navigating Mobile Applications: 5 UX Design Patterns<\/a><\/h2>\n
<\/p>\nBonus: Further Reading<\/h2>\n
<\/p>\n