As part of the design process, we use tools like Sketch or Adobe XD to think through our workflows, visualize wireframes, and share designs with clients and developers. We also use these tools to create clickable prototypes that can clarify component functionality and validate designs in user testing.
The Lean UX Canvas is a tool to help visualize and document your problem space, similar to the Business Model Canvas that you may know. It can be leveraged at the beginning of new software products to help align the team around the problem, come up with potential solutions, and figure out how to refine […]
Manually modifying numerous documents can be tedious. Google’s G Suite can help you make this process easier. I like to think of it as mail merge for documents. Instead of sending out custom emails to a group of recipients, we create a custom document or PDF in the same fashion.
Creating thoughtful, handcrafted animations is not something we get to do on our projects very often. When faced with tight deadlines and budgets, building out the core feature base has to be our top priority, so there’s not much time to devote to simply delighting users. However, animations add a lot of value. A little […]
It’s not often that design is completed before implementation begins. With multiple to-do lists taking place at the same time, finding a way to keep track of everything that needs to be done is crucial to staying on top of a project. There are two great tools to help make this happen—Pivotal Tracker and InVision. […]
There are countless design collaboration tools out there today. It can be overwhelming to know which ones are worth the time (and cost) investment, and which ones will turn into another item you need to maintain. I’ve recently started using Zeplin on a few of my projects, and I can confidently say it has improved […]
My work as a digital designer has focused on creating digital experiences for (mostly) desktop or laptop users. When I’m designing in Sketch, what I see is really close to what I’ll see in the finished interaction. But what about designing for mobile or tablet apps? It can be easy to underestimate the size of […]
Sketch, a favorite user interface tool, added Symbol support a few years ago. Since then, I and many other designers at Atomic have heavily leveraged Symbols in our work.
At the start of every software project, we spend a few intensive days gathering information about the client, their business, and what they want to build. We have a toolkit of exercises to choose from when we’re planning a customized kickoff. One that always starts us off on the right foot is the Ecosystem Map. […]
Inspecting the browser gives you access to the details of a website or application. Using built-in developer tools and third-party add-ons, we can view the inner workings of an application. For example, you can see the content structure in DOM, view the console for logs or error messages, and review network requests for assets being loaded. […]