OrchardNest

x

When 2020 is almost over (fortunately), it’s a perfect moment to explore what we will have in 2021. Here is a list of 10 mobile UX design trends that will shape 2021.1. The rise of superappsFor the past two decades, the mobile app...

Explore 5 key areas for improvementNavigation is one of the most critical aspects of product design. People rely on navigation to find content and features. Helping users navigate should be a top priority for every app or website. After...

10 critical usability issues and practical recommendations on to avoid when working on your mobile design1. Visual clutterClutter is one of the worst enemies of good design. By cluttering your interface, you overload users with too much...

And how to fix (most of) themWhat are the most frustrating things that you face on the web today? Vitaly Friedman of Smashing Magazine did a great job summarizing all key user frustrations in 2020.body[data-twttr-rendered="true"]...

How to choose the right messaging componentProduct designers and engineers frequently ask our team to add features to our messaging components. They say something like: “I want to use this component, but I need you to add a button to it.”...

How can you tell the difference between good design and bad design? Good design starts with a good understanding of users. Dieter Rams perfectly summarized this idea:You cannot understand good design if you do not understand people. Design...

Systemizing interactive labels for mapsSystemizing a map component has remarkably more constraints than your average button. These seemingly simple interactive labels must stand out against all terrains, densities and fixed buttons. Can...

“If it’s interesting to you, the odds are that it’ll be interesting to other people. The internet is the densest city. There are thousands of other people interested in exactly the same stuff as you and the internet lets you find...

Quick checklist for UX designerError state is a condition that prevents users from completing a task. Poorly written error messages can easily frustrate your users.The best error message is the one that never shows up. However, when error...

User attention is a precious resource. When it comes to web design, every second counts. How to ensure that the visitors will see what you want them to see? How to draw attention to a particular element? The answer is simple — play with...

A scalable color system for digital productsOn the surface color seems simple, but getting 100+ designers and engineers to follow guidelines that are a part of literally everything they make is a huge undertaking. To put it in perspective:...

If you work in the design, you often hear the terms sketch, wireframe, mockup, and prototype. Many designers use these terms interchangeably. Although the terms are related, they are different.Sketch, Wireframe, Mockup and PrototypeIn this...

How we created the Lyft Product Language attributes and component librariesAt the end of 2019, I helped move all of Lyft’s design system from Sketch to Figma. Ironically, this was one of the last projects I worked on prior to leaving...

If you google for how to pair fonts, you’re going to get a lot of awful results. A first-page result recommends pairings no experienced designer would touch with a 10-foot pole. Google Fonts hilariously recommends you pair literally...

Toggle switch (known as “toggles”) is a UI control that has two mutually-exclusive states, such as ON and OFF. The design and functionality of this control is based on a physical switch that allows users to turn things ON or OFF (i.e....

And how to make the most of themNot all trends that we have in visual design aid to good user experience. Sometimes designers follow trends just for the sake of creating a trendy design, not to create good functional products.Today, I want...

How to maximize acceptance & adoption of your design systemMost design systems teams are lean and the expectations placed upon them are disproportionately large. Does improve the quality of all of the company’s 70+ products sound...

SVGs can now be used as assets for iOS, iPadOS, macOS, and watchOS apps. The most exciting part of this new feature is that there’s not much to say — it’s full SVG support, and it just works. Xcode 12 is required, but deployment targets of...

Cards are box containers that hold pieces of information. Recently this simple UI component became an essential part of the web and mobile design — every second app or website available on the market today uses cards. Cards make both...

Here are reviews of Learn UI Design and Learn UX Design that I know about. I’m limiting this list to more comprehensive reviews (>100 words) and not including anything by affiliates of the course. Please notify me if you’d like me to...

Button Kit by 44 is a flexible and easy-to-use toolbox for both designers and iOS developers. As a designer you get a Sketch document with ready-to-use and code-backed symbols for modern button designs. As a developer you get a Swift...

We’ve carefully and thoroughly re-engineered Plantry for the big screen. I’d love to write in more detail on how we approached designing a universal app that works from 4" up to 12.9". I’ll consider that for a followup post. In the...

I’m frequently asked about my Illustrator settings, specifically in relation to snapping and icon speedrunnning. Illustrator is a complex tool, and without the right settings, it’s impossible to work efficiently. The Illustrator defaults...

Congrats team! Will you now pay the artists whose work you stole?https://twitter.com/pasql/status/993672747267117056

Architect Michael Sorkin recently died from coronavirus, and in a tribute to his beautiful piece 250 Things an Architect Should Know, I’ve compiled a list of 100 things a UX/UI designer should know.

This part 2 of a series on remote work. Check out part 1 for an intro on remote work, experiences, stats, and more. GitLab’s remote work handbook is always on my mind when I think of remote work guides, but there are a few other companies...

This part 1 of a series on remote work. Check out part 2 for my guide on remote work. Intro This is a special on remote work, nothing fancy, but hear me out. In the last few years there has been a sharper adoption of remote work and work...

In this article, we’re going to cover basically everything you need to know to design an iPhone app following standard iOS 13 conventions and style. Maybe you’ve never designed an iPhone app, and have no idea where to begin....

This part 2 of a series of posts about better ways to run OKRs. Check out part 1 for an intro if you haven’t already. Collaboration Our workplace culture also created a lack of transparency internally, which has resulted in siloed...

This part 1 of a series of posts about better ways to run OKRs. Part 2 on January 27th 2020. You are part of leadership, a product manager, designer, developer, or have an interest in improving the way products are built. You are either...

Design Sprints have been around for a few years now, not everyone does them by the book anymore. This is great because it shows people, including its pioneers, are experimenting and evolving this great tool to more use-cases and...