How to Get More Clarity and Control Over Your UX Projects

Have you ever worked on a UX project that went out of control? I’m sure you have. Every designer has horror stories of projects that went nowhere, clients that went AWOL, and designs that no two stakeholders could agree on. UI/UX designers suffer more than most, quite simply because the UI/UX design process is fundamentally […] The post How to Get More Clarity and Control Over Your UX Projects appeared first on Usability Geek Read the full article…

Free Bootstrap Dashboards and Landing Pages

You’re reading Free Bootstrap Dashboards and Landing Pages, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook! Whatever you plan to create, you have a reliable companion in Bootstrap. It provides a solid, trustworthy foundation for a web project with a bulk of features for building and extending functionality like Bootstrap dashboards. The free Bootstrap dashboards are … Read the full article…

Webflow: The Web Development Platform Of The Future

Webflow: The Web Development Platform Of The Future Webflow: The Web Development Platform Of The Future Nick Babich 2019-09-10T12:30:59+02:002019-09-10T11:05:54+00:00 (This is a sponsored article.) Time-to-market plays a crucial role in modern web design. Most product teams want to minimize the time required to go from the idea to a ready-to-use product without sacrificing the quality of the design along the way. When it comes to creating a website, teams often use a few different tools: one tool for graphics and visual design, another for prototyping, and another for coding. Webflow attempts to simplify the process of web design by enabling you to design and develop at the same time. Typical Problems That Web Designers Face It’s important to start with understanding what challenges web design teams face when they create websites: A disconnection between visual design and coding. Visual designers create mocks/prototypes in a visual tool (like Sketch) and hand Read the full article…

Machine Learning For Front-End Developers With Tensorflow.js

Machine Learning For Front-End Developers With Tensorflow.js Machine Learning For Front-End Developers With Tensorflow.js Charlie Gerard 2019-09-09T14:00:59+02:002019-09-10T11:05:54+00:00 Machine learning often feels like it belongs to the realm of data scientists and Python developers. However, over the past couple of years, open-source frameworks have been created to make it more accessible in different programming languages, including JavaScript. In this article, we will use Tensorflow.js to explore the different possibilities of using machine learning in the browser through a few example projects. What Is Machine Learning? Before we start diving into some code, let’s talk briefly about what machine learning is as well as some core concepts and terminology. Definition A common definition is that it is the ability for computers to learn from data without being explicitly programmed. If we compare it to traditional programming, it means that we let computers identify patterns in data and generate predictions without us having Read the full article…

Juggling Multiple Product Teams

By Jonathan Walter Working with multiple product teams can be a rewarding experience for UX designers. You gain exposure to diverse groups of people, work in different parts of the business, and design a variety of products—large and small. This often leads to growth opportunities within your discipline and enhances your reputation within the company for which you work. However, working with multiple product teams can also be fraught with unique sets of challenges. For instance, most product-team members working in other roles focus on just one project at a time—especially in large enterprise environments—so they have clearly defined priorities and boundaries. One project—whether large or small—is their top priority, so the product teams with which you work might assume that their project should be your top priority, too. Aggravating this challenge is the fact that UX designers are typically underrepresented in large enterprise environments, in comparison to engineers, quality Read the full article…

Collecting Data Is One Thing—Acting on It Is Another

By Meghan Wenzel The amount of data we produce every day is growing exponentially. This explosion of raw data means synthesis, analysis, and interpretation are more important than ever before. Without the right processes and tools in place to understand and act on our data, it has little value. It is essential that we understand what data is available, how it can answer pressing questions, and how it can enable action. As UX professionals, we collect a wide array of data through a variety of sources and techniques—from market trends to one-on-one interviews to product-usage data to usability testing to sales feedback. We must collate, classify, and comprehend disparate sources of data to create a more holistic understanding of whatever question we need to answer. While the volume of data might seem overwhelming at first, design thinking and a tinkering mindset are invaluable in helping to break down the problem, Read the full article…

Organic Product Development and Authentic Design

By Steven Hoober I often think about the principles that drive design. Not just when musing in my spare time or because another column for UXmatters is due, but in my day-to-day work as I make decisions about how to design a product or solve a problem or discuss how to make a teammate’s design better. Although I have done so in the past, I don’t really have to make up my own design principles. The things that drive optimal design for human beings have not really changed. Plus, it doesn’t take much abstraction of design principles for fields such as industrial design from the 1950s or ’60s to make them perfectly applicable to today’s digital product design. Read the full article…

Top Prototyping and Design Handoff Tools in 2019

You’re reading Top Prototyping and Design Handoff Tools in 2019, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook! Good prototyping tools give an accurate insight to designers as to how a product under design will work once the project is completed. These tools simulate application flow, measure and test expected performance. Also, they create a valid user experience. … Read the full article…

How to Make a Personal Marketing Plan (With Examples)

You probably understand that everything you do online – and in-person – contributes to your personal brand. But did you know that having a personal marketing plan to establish, maintain, and promote that brand can be equally important? Particularly for freelancers and anyone working in the gig economy, both full-time or part-part, having a distinct personal brand can impact your design work. Your brand will attract a certain type of potential client and work. Do you have a plan to draw in projects that are most appealing to you? It can start with a personal marketing plan. Here’s how you do it. Figure Out What You Want to Be Known For A solid personal marketing plan connects your brand, your goals, and what you do in a way that’s public facing. It’s a guiding document or outline that you can use to promote yourself, your work, or recruit new design Read the full article…

30 Tips to Learn Web Design in 30 Days

Is learning the basics of web design still on your “someday” list? Why haven’t you got started yet? We’ve put together 30 tips and resources to help you start learning web design this month (and maybe even find yourself a new career path!) Graphic designers, print designers, and creatives looking to learn something new or break into website need to quit procrastinating. Every day that you don’t take that first step leaves you one day further behind everyone else! Follow these steps to begin learning how to create your first website, industry best practices, and much more—all in 30 days! 1. Start a Website The best way to start learning web design is to start doing it. That’s the advice from David Kadavy, author of Design Hackers. I recommend you start a blog. I started a blog just to have a web design playground, and 7 years later, I launched Read the full article…

What Is a Font License? (And Do I Need One?)

Almost every design project you encounter will include type of some kind. And it’s very likely that that type will start as a font on a computer, unless you create it yourself. With using specific computer fonts, come some very specific rules regarding their use, which can vary by project. So what is a font license? Do you need one? And where can you find the tools and resources you need to make sure you are using fonts properly? Lucky for you, we have a primer. (And the images in this post include fonts that you can license to use in your projects.) What is a Font License? A font license grants the owner the right to use a typeface in a specific manner as outlined in the license. (Note that in this article we are going to use the terms “font” and “typeface” rather interchangeably.) Every typeface comes with Read the full article…

How to Use After Effects Templates

Adobe After Effects is a video-based tool that’s used to add elements to moving pictures and animations. Designers use it to create titles, intros, and transitions between video clips to enhance the production value of animations and video projects. After Effects is one of those tools that’s packed with goodies, including templates that you can use to speed up project workflows. You can create your own templates or find and download them from other sources. Here, we have a guide to using After Effects so you have everything you need to get started or better use the software. How to Use After Effects Templates An After Effects template is a pre-made video/animation project file with design elements you can customize and add to your bigger projects. The best templates are often crafted by professional designers and can help jumpstart projects for those less familiar with the tool or in need Read the full article…

Smashing Magazine Is Thirteen!

Smashing Magazine Is Thirteen! Smashing Magazine Is Thirteen! Rachel Andrew 2019-09-06T12:00:59+02:002019-09-06T10:55:45+00:00 This week, Smashing Magazine turned thirteen years old. The web has changed a lot since Vitaly posted his first article back in 2006. The team at Smashing has changed too, as have the things that we bring to our community — with conferences, books, and our membership added to the online magazine. One thing that hasn’t changed is that we’re a small team — with most of us not working fulltime for Smashing. Many in the team, however, have been involved with the magazine since the early days. You may not know them by name, but you will have enjoyed and benefited from their work. I enjoyed finding out what everyone gets up to outside of Smashing, and also how they came to be involved — I hope that you will, too. Vitaly Friedman is the person you probably Read the full article…

Inspired Design Decisions: Alexey Brodovitch

Inspired Design Decisions: Alexey Brodovitch Inspired Design Decisions: Alexey Brodovitch Andrew Clarke 2019-09-05T13:30:59+02:002019-09-06T10:55:45+00:00 Before writing Art Direction for the Web, I began to study Alexey Brodovitch when I became fascinated by editorial and magazine design. I was drawn to his precision, in particular, the way Brodovitch brought photographs and text together. Then, I became intrigued by his design process, how he sketched layouts, arranged them into spreads, and created a rhythm which flowed through his magazines. Later, I appreciated his rebellious rejection of anything he considered mediocre. I still love the advice he gave his students to look beyond his medium to inspiration from other forms of art, architecture, and design. I like to think I share a little of Brodovitch’s rebelliousness, because I want to develop the web into a creative medium, rather than as merely a platform for products. An innovative approach to website design matters because it Read the full article…

10 UX Phrases and Terms to Know Right Now

It seems like the world of the web – and web design – is changing every few days. Trends, new techniques and users who demand more are driving this change. And we all have to stay on top of it to remain relevant. Today, we are going to look at 10 phrases that you need to add to your vocabulary right now. Each of these words or phrases relates to user experience, and in essence are part of the design process. Without further ado, let’s get started! Breadcrumbs Just as the fairy tale taught us, a trail of breadcrumbs can show you all the places you have been. Digital breadcrumbs do the very same thing. Breadcrumbs also help designers and developers create logical navigation. Breadcrumbs are a navigation trail that show users where they have been on your website. Breadcrumbs are a navigation trail that show users where they have Read the full article…

Overflow And Data Loss In CSS

Overflow And Data Loss In CSS Overflow And Data Loss In CSS Rachel Andrew 2019-09-04T12:30:59+02:002019-09-04T11:05:44+00:00 CSS is designed to keep your content readable. If you consider an HTML document that is marked up with headings and paragraphs (with no CSS applied), it displays in the browser in a readable way. The headings are large and bold, and the paragraphs have space between them which is controlled by the browser default stylesheet. As soon as you want to change the layout of your page, however, you start to take some of the control into your own hands. In some cases, this will mean that you give yourself the job of dealing with overflow. In this article, I’m going to take a look at the different ways we encounter overflow on the web. We’ll see how new layout methods and new values in CSS can help us to deal with overflow and Read the full article…

Automating Website Deployments Through Buddy

Automating Website Deployments Through Buddy Automating Website Deployments Through Buddy Leonardo Losoviz 2019-09-03T12:30:00+02:002019-09-04T11:05:44+00:00 (This is a sponsored article.) Managing the deployment of a website used to be easy: It simply involved uploading files to the server through FTP and you were pretty much done. But those days are gone: Websites have gotten very complex, involving many tools and technologies in their stacks. Nowadays, a typical web project may require to execute build tools to compress assets and generate the deliverable files for production, upload the assets to a CDN and invalidate stale ones, execute a test suit to make sure the code has no errors (for both client and server-side code), do database migrations (and, to be on the safe side, first execute a backup of the database), instantiate the desired number of servers behind a load balancer and deploy the application to them (through an atomic deployment, so that Read the full article…

What’s the Deal With Em and Rem?

With all the talk about designing for responsive websites, two little words keep cropping up – em and rem. But what are they? Em and rem, along with pixels, are units and methods to measure and resize type. Em and rem are relative, rather than static, units and are being used more and more for responsive web design schemes. Let’s dive into this concept today and explain things a little more clearly! Where Did Ems Come From? Ironically enough the term “em” originates with print design. An em is the size of an uppercase M in any typeface, making the size relative to the font. Many print designers are familiar with em (and their counterpart en) when it comes to spacing. An em space or en space – which is the size of an uppercase N – is often used to make words and spaces look better in big type. Read the full article…

These 7 Multipurpose WordPress Themes Are the Best 2019 has to Offer

You’re reading These 7 Multipurpose WordPress Themes Are the Best 2019 has to Offer, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook! There’s a reason so many people choose to go with a multipurpose WordPress theme. The best ones excel in flexibility, the number and variety of features offered, and the ability to create almost any website type you can imagine. You … Read the full article…

Bootstrap Buttons Guide, Examples, and Tutorials

You’re reading Bootstrap Buttons Guide, Examples, and Tutorials, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook! Buttons are baseline components of every interface. When it comes to Bootstrap, the simplest details matter. Therefore, Bootstrap buttons are not just rectangle-shaped elements; they are professional tools with predefined styles. Read about Bootstrap grid,  Bootstrap navbar, and Bootstrap modal. Meeting the … Read the full article…