UIEtips: Dissecting Design – Part 1

In this week’s UIEtips, Ben Callahan dissects the design process to explore which tools are the most helpful for different parts of the process. Ben was one of our top speakers at this year’s UX Immersion Conference, and he’s also presenting our next virtual seminar on June 5, Responsive Workflows: Because There’s No Such Thing as a Perfect Process. Here’s an excerpt from the article: In the past few years, we’ve recognized the danger in jumping headfirst into full-comp design before we really understand the design direction. Other disciplines have recognized this for a long time-think mood boards in branding-and taken steps to ramp up their design effort. The goal here is to establish the basic building blocks we’ll use in the rest of the design process: things like color, type, texture, illustration style, photography treatment, iconography. Once these are established, the success rate for the rest of the process is greatly increased. There are a number of ways to do this on the web; let’s look at a few. Read part one of the two part article: Dissecting Design. How does your team handle design? Leave us a note...

Brad Frost – Creating Responsive Interfaces

[ Transcript Available ] Brad is joining us to teach one of the daylong workshops in Denver, CO April 7-9 as part of the UX Immersion Mobile Conference. For more information about Brad’s and 5 other workshops, visit uxim.co. Frameworks and design patterns are no strangers in the world of web design. As responsive web design becomes common practice, making sure these templates work across every imaginable screen and device is trickier. There have been attempts to break down page elements in separate modules, but you often never see it fully assembled. Brad Frost shares this frustration and introduces Atomic Design as a solution. Borrowing from the metaphor of atoms making up molecules, molecules making up organism and so forth, Brad thinks responsive design needs to be approached deeper than at the page level. Having these individual modules is great, but how do they all fit together? Designing in this way allows you to be more deliberate and systematic in your approach. Dividing an interface up creates the ability to stitch webpages together but in a way that builds from an atomic level and you can clearly see how you’ve arrived at the end product. This approach to responsive design, as Brad says, serves to solve problems in a very acute way. Recorded: January, 2014 [ Subscribe to our podcast via ?This link will launch the iTunes application.] [ Subscribe with other podcast applications.] Full Transcript. Jared Spool: Welcome to another episode of the SpoolCast. I’m so glad you’re joining us today, and I’m even happier that we have the amazing Brad Frost with us. Brad is a wonder-dude....

UIEtips: Atomic Design

It’s quite common for designers to develop design systems and libraries of patterns. A designer can save a considerable amount of time if they develop a reliable design system. One that goes beyond colors, fonts, grid etc but rather focuses more on how the various elements and parts become a whole. In today’s UIEtips, we feature a post from Brad Frost where he explains a methodology for creating design systems. It’s called Atomic Design. It’s a term rising in popularity. We’re fortunate that Brad is giving a daylong workshop at this year’s UXIM conference in Denver, April 7-9. He’ll show you how your design team can establish a practical foundation to make flexible, adaptive UIs. Learn more about Brad’s workshop, Using Atomic Design to Create Responsive Interfaces. Here’s an excerpt from the article: The thought is that all matter (whether solid, liquid, gas, simple, complex, etc) is comprised of atoms. Those atomic units bond together to form molecules, which in turn combine into more complex organisms to ultimately create all matter in our universe. Similarly, interfaces are made up of smaller components. This means we can break entire interfaces down into fundamental building blocks and work up from there. That’s the basic gist of atomic design. Read the article Atomic Design. Does your company build interfaces using atomic design patterns? Tell us about it...

The Insider Scoop on the Must-Attend Mobile UX Conference of 2014

The mobile boom can be daunting. More and more users are accessing your site and products on their mobile devices, making a clear case for you to know how to design for those experiences. Designers must create designs that function across multiple devices. Good design practices are being changed by a need for cross-platform experiences, and this shift affects every phase of our projects: user research, content flow, page break-up and patterns, and the ways users input data. Even project managers must approach workflow differently. That’s why we’ve created a conference just for you that focuses on mobile UX. At the UX Immersion Mobile Conference from April 7-9, in Denver, you’ll participate in two full-days of hands-on workshops and one day of 90-minute feature talks. You’ll be led on an intense dive into game-changing material by these industry experts: Cyd Harrell on User Research Brad Frost on Design Patterns Ben Callahan on Design Workflow Karen McGrane on Content Strategy Jason Grigsby on Responsive Design Nate Schutta on jQuery Prototypes Last year’s conference sold out and we know this year’s will too. There are only 100 specially-priced spots at $1,389. Sign up for the updates at the UXIM site and be one of the select few that can register starting November 19. Everyone else has to wait until November 22. We’ll add details to the UXIM site in the days to come. In the meantime, get the approval you need and be among the first to register on November 19. I can’t wait to meet up in Denver and share this experience with...