User interface design is hard, but we’ve been getting better at it over the years to the point where even a thermostat is easy to use.
User interface design is hard, but we’ve been getting better at it over the years to the point where even a thermostat is easy to use.
Nowadays, a static app UI design is not enough. The Motion Design is no longer future of the UX Design. It is an essential element of digital product creation. If you are designing animations and interactions you should know how to prepare Motion Design Specification for Front-end Developers.
Between the global tech firms, independent agencies, start-up scene, and boutique studios, Silicon Valley has a greater concentration of designers than anywhere else in the world.
Almost everyone has smartphone today. Your family, your friends, your boyfriend/girlfriend(s), even your baby born! Isn’t it cool to explain what your job is to them, now in easier and modern high tech way? Family: “So what do you do?Us: “I designed or made the apps on smartphone.
I finally completed Dark Souls III [official site] last week, a world that I have been dipping in and out of between bouts of listlessness since its release in April last year. It didn’t grip me like the first revered Dark Souls, but it still made me sad to know it was all over.
Three years ago I was starting e-shop selling teas. I saw an opportunity to promote its boost effect and sell it to the various workplaces. We have spent half a year building product, developing e-shop and branding. After a launch, we have sent four bags of tea. It was devastating.
Over the last 5 years, it has been my privilege to coach and mentor UX & UI designers in over 40 countries, and at hundreds of the top brands and design consultancies through my workshops and tutorials on UI Animation.
I’ve never been a fan of color theory1. I think it’s because I’ve always been a bit hopeless at it. I’d love to be able to sit there, color wheel in hand, and pick out complementary, split-complementary and triad color schemes, impressing all of my friends, family and clients in the process.
Estimated reading time: 12 minutes. I’m an expert on how technology hijacks our psychological vulnerabilities. That’s why I spent the last three years as a Design Ethicist at Google caring about how to design things in a way that defends a billion people’s minds from getting hijacked.
Forget overpriced schools, long days in a crowded classroom, and pitifully poor results. These websites and apps cover myriads of science, art, and technology topics. They will teach you practically anything, from making hummus to building apps in node.js, most of them for free.
One of the most important skills you can learn as a designer is how to choose type. This is because text is one of the primary ways designers can communicate with users. Typography can make or break a design. There’s a beauty and complexity to typography.
Last week, one of my readers sent in a question: How do I become a better visual designer? As I was thinking about how to answer this question, my mind wandered to my experience with learning Mandarin Chinese. Recently, I decided to teach myself Mandarin.
As a designer you’ve probably heard the term grid whether you’re designing a website, a magazine, or a mobile app. We have grids for all sorts of content arrangements. We use column grids to align content horizontally. Baseline grids to vertically align bodies of text.
People who use your app or site have a particular goal. Often the one thing that is standing between the user and his goal is a form. Because forms still remain the one of the most important type of interaction for users on the web and in the apps.
Drawing on your phone or computer can be slow and difficult—so we created AutoDraw, a new web-based tool that pairs machine learning with drawings created by talented artists to help you draw. It works on your phone, computer, or tablet (and it’s free!).
Designers are frequently finding themselves in leadership roles as their craft holds greater sway on product performance. But too few designers are prepared for the transition. Management and scaling a team just aren’t taught in most design curricula.
If you’re working on digital products, you have already read dozens of articles describing how and why the hamburger navigation on mobile (and desktop!) hurts UX metrics due of its low discoverability and efficiency. (You can read some of best articles on the topic here, here, here, and here.)
Personas are a fundamental part of a UX designer’s toolkit—and they help design teams make decisions knowing that they’re solving the right problems for the right person. But are they as useful as we think? Do personas create a false sense of security?
Consistency is a key principle in life and in design. Without it we can’t get far. Even the mightiest of problems will fall if you keep hacking it everyday! Consistency is one of the design principles that we like to violate frequently. I am also guilty of doing that and I am not proud of it.
Working at a UX studio is an exciting, rewarding, and challenging job. Not only do we have to become subject matter experts in the field of UX, we have to become problem-solvers in the industries for which we are building products.
Last November, I decided to transition out of freelance user experience design. During my job hunt, I found myself needing to answer the same questions again and again. At the top of my FAQs I added links to my email, portfolio, Medium, and LinkedIn for convenience.
When designing for the web, you can analyze usage data for your product and compare different interfaces in A/B tests. This is sometimes called “data-driven design”, but I prefer to think of it as data-informed design — the designer is still driving, not the data.
After you read this, you should be able to throw together a logo without hiring a designer in about five minutes. You‘re not going to end up with the Nike Swoosh or Apple logo, but you will have enough to get going.
In 1910, psychologist Max Wertheimer had an insight1 when he observed a series of lights flashing on and off at a railroad crossing. It was similar to how the lights encircling a movie theater marquee flash on and off.
I teamed up with Joel Beukelman to give a talk at Creative South 2017 in Columbus, Georgia to share tips for designers on a wide variety of topics from craft and work-life balance to the business of design. Joel works with me on Design Inc.
Being pretty self-taught as far as UI design goes, I’ve always wondered why so many articles and books talk about color theory and palettes. In my experience, using a “split complementary palette” is about 0% predictive of me making nice-looking designs.
Don’t know how to justify your excessive use of animations, clever copy, or generic cute illustrations? Just throw the word “delight” in the mix! Talk about how you understand the user’s psychology–how you’re creating an experience people will love.
I’ve spent many years referencing Wikipedia’s list of cognitive biases whenever I have a hunch that a certain type of thinking is an official bias but I can’t recall the name or details. It’s been an invaluable reference for helping me identify the hidden flaws in my own thinking.
You’re on the design team for Crunchrr, a new app that helps users discover cereals they’ll love. Users can: Crunchrr is in the hands of some early adopters who are loving its core features. Things are going great. That is, until the requests start rolling in.
With over 1,500 people working at Dropbox, getting a complete web redesign to happen isn’t easy. Redesigning each and every component is hard enough. But do you know what’s even harder? Convincing everyone in your organization to get on board with the idea.
**If you’re not in the mood to read this giant article, just watch this giant video where I explain exactly how to run this exercise, you can always use the article as a reference later.
Personas and User Stories made sense when customers and product teams were far from each other. That’s no longer the case. This is a guest post from Alan Klement describing how one team used the design technique of Job Stories to design a profile page in a product.
The best products do two things well: features and details. Features are what draw people to your product. Details are what keep them there. And details are what actually make our app stand out from our competition. Microinteractions are one of the best techniques for giving delightful feedback.
OK, first things first. This guide is not for everyone. Who is this guide for? If you went to art school or consider yourself a UI designer already, you will likely find this guide some combination of a.) boring, b.) wrong, and c.) irritating. That’s fine. All your criticisms are right.
When you think about good user experience, what often comes to mind is a simple, beautiful, and easy-to-use feature set of a product that makes the user’s life easier. But features are merely a small, fragile part of the product.
Let’s talk about charts. Any designer who has worked on a project that requires some kind of data visualization knows that it can be an extremely difficult (and rewarding) design challenge.
Design is an integral part of TED’s DNA. After all, that’s what the D in TED stands for: technology, education, design. Since way back in 1984 the nonprofit has been turning out design inspiration in the form of short talks that change the way we see the world.
In a diverse world like ours, we cannot simply assume that all the users access and experience digital products in the same way. That's when accessibility becomes a crucial element of the design process that has inclusion and diversity in mind.
How do I convince people in my organization to take user experience seriously? I’ve tried giving brown-bag sessions on the importance of UX, but nothing has happened. They’ve shared every case study they could find. Nothing changed.
With products and services depending largely on design skills to appeal to their customers, the demand for good design skills is increasing day by the day. Today’s graphic designers come from all sorts of backgrounds.
Now that we’re past hunting for unicorns, and we know what design roles are needed at a startup, it’s time to get into the gritty details: the design interview. I wasn’t really good at interviewing designers until I had a few dozen interviews to compare.
As product designers, we look around for ideas and inspiration. To make it easy for fellow designers, I gathered a list of case studies that have been done on several apps. These studies provide great insights on usability for different features. The list is sorted alphabetically.
The experience of our primary mobile screen being a bank of app icons that lead to independent destinations is dying. And that changes what we need to design and build. How we experience content via connected devices – laptops, phones, tablets, wearables – is undergoing a dramatic change.
We’ve all overheard conversations, walking down hip streets of the world’s tech capitals, discussions about the great ‘UX’ of a product, or the poor ‘UI’ of a website. Is it a secret language you will never be privy to? Are these people just using slang to look cool?
Body text is the key component in communicating the main bulk of a message or story, and it’s probably the most important element on a website, even if people sometimes read just the headlines. The majority of websites are still anywhere in the range of 15–18px.
Front-end developers are responsible for creating a functional implementation of a product’s interface. Usually, a UI designer hands off a static mockup to the front-end developer who then translates it into a working, interactive experience.
How Apple’s under-the-radar design genius, Jonathan Ive, has found the way to our hearts. I first catch sight of Jony Ive across the Apple campus, in a plain Dodger-blue T-shirt and white painter’s pants, in conversation, nodding.
This article is part of a series on our new Design Language System. Karri recently answered questions about this topic in a Designer News “Ask Me Anything” interview. Click here to read the transcript. Working in software development and design, we are often required to ship one-off solutions.
Apple quietly acquired Messerschmidt’s startup in 2010 (after Messerschmidt sent Steve Jobs an unsolicited email, but that’s another story). Afterwards, Messerschmidt was placed on the Apple Watch team, where he led a group charged with architecting new sensor technologies for the device.
The jury has spoken: performance, conversion, and brand engagement are inextricably connected. Amazon has shown that each 100ms of latency costs them 1% in sales. Walmart chalks up an extra 2% conversions with every second of performance improvement.
Somewhere in the depths of Netflix, there’s a team whose primary responsibility is to make sure the bits move quickly. As Netflix serves its customers by streaming video, they ensure that video data leaves the server in a prompt and efficient manner.
Here at Google, we don’t have a secret formula for innovation. But that doesn’t mean Googlers’ best ideas are ineffable mysteries. On the contrary, we’ve found they can be systematically coaxed into being and steadily improved upon. And so can yours.
What is a product? Until recently, the term was only used in relation to something material and often found in a retail store, but nowadays it is coming to mean digital products as well. Apps are modern products. When it comes to building great products, design is the most important “feature.
When you’re part a fast-growing company, it can often feel like the challenges and breakthroughs you’re experiencing are unique to your team and organization—that these are problems you have to solve together, for your company’s unique position. In some ways, that’s true.
The Nintendo “Virtual Boy” was released in the United States in 1995 and discontinued in 1996 — making it the white whale of gaming tech in our little home town. My youngest brother spotted one at a garage sale and traded the sweat of his summer labor for a glimpse into the future.
I, along with most people I know, are the third type of person. We are called the general consumers of the multi-billion dollar worth of wearable fitness tracker market. Over the years, I have tried a few fitness trackers and my current obsession is Fitbit.
If you are even remotely associated to the web or technology industry in any way, chances are, you might have come across the most popular design role in technology these days - UX Designer. You may have even heard of the double-decker — UI/UX Designer (don’t even get me started on that).
Landing a job is hard work. While it’s impossible to know (beforehand) the answer to every question that an interviewer asks you, there are a few common questions that you can prepare for. Nailing the answers to these won’t guarantee you a job, but they will improve your chances of success.
Logic vs. Designers In my early days as a designer, I relied on Photoshop or CSS to tell me whether something was right or wrong. If Photoshop indicated that two shapes were aligned, then they were aligned. If two different shapes were the same size, then that was the case.
Perfect for those cold winter days when getting out of bed feels like a chore, kotatsu tables let you stretch and socialize while staying cozy and warm.
Just like with any profession or discipline, design comes with some rules. While breaking design rules is allowed and even (in some circumstances) encouraged, it’s important to at least be aware of the rules you are breaking so you can break them the right way.
Without doubt, I get asked about design systems more than anything else. So, having spent the majority of the past few years thinking about how to design, build and present design systems for products like Marvel, Bantam and Modulz, I figured I’d share some of what I’ve learned along the way.
User Experience Design is the process of enhancing a persons experience with a product or service and involves an understanding of their behaviour to create a successful design. Example: A business has an app, they want the sign-up process to have a great User Experience (UX).
When thinking of User Experience, we often think of a simple, beautiful, and easy to use feature-set of a product, that makes the user’s life easier. But as a matter of fact, features are merely a small, fragile part of the product.
Log in forms are often just two fields: username and password. Sign up forms are often scarcely much more, perhaps asking for an email address as well and a repeated password. These two types of forms are often tied at the hip. The links to get to them are often right next to each other.
In some reaches of the product development world there is a fascination with the idea that products can nearly design themselves through an iterative process of development, testing, and incremental improvement. This is what I call “design Darwinism.
In preparation for my upcoming course on Sketch and SVG workflows, I’ve spoken with a bunch of designers, both junior and senior, about their use of the format. And I’ve noticed a common misunderstanding about SVG: For one, certain things are more difficult with SVG.
Let’s say you run a UX team. Better yet, let’s say you don’t. Let’s say you just want to do great work. You’re a consultant. You’re a newbie. You’re an intern. Your position is irrelevant. So is your title. What’s important here is that you want great UX to happen.
In a recent usability test, I once again witnessed something I’ve seen a hundred times before: a frustrated user claiming he knows exactly what is wrong with the interface he was fighting with. What was his suggestion? “These guys need to make this thing a lot more intuitive.
Great fonts are essential to great design. But picking great fonts can seem like an impossible dark art for most people. In the article below I’ll explain the basics of choosing great fonts and then give you my favorite combinations that you can use in your own designs.
A long, long time ago, there were these things called books. Remember them? These contraptions were heavy and bulky and made from the pulp of dead trees. Inside these books were things called pages. You turned them, and they cut your fingers. Awful things.
To say that responsive web design has changed our industry would be an understatement at best. We used to ask our clients which resolutions and devices they wanted us to support, but we now know the answer is “as many as possible.
Huge shout out to Lloyd Humphreys for inspiring this method of deep nesting, particularly as it relates to text. When Sketch launched resizing rules in Sketch 39, it was such a game changer that I wanted to bake a cake with the Sketch logo on it just so I could present it back to myself.
Lately, I needed to come up with some top level principles for the product I’m currently working on. I seek for some simple yet powerful concepts that will guide our team design decisions and break stalemates in discussions.
Starting a design project is hard. It doesn’t matter if you’re a freelance designer, work for a hot product agency, or help support a large enterprise design team…it’s daunting.