Series Posts: Product & Design

Prepare Your Email Marketing For The Holidays

Prepare Your Email Marketing For The Holidays

Product & Design • November 2, 2017

Tis the season… ...for beginning your holiday email marketing, that is. I know, I can’t believe it’s that time of year already either. Especially since it’s been 100 degrees here at Benchmark HQ all week. Even if you’ve already begun your holiday planning or have a strategy in place, we’re co-hosting a webinar that will serve as a perfect refresher to make sure you have all of your bases covered. Prepare Your Email Marketing For The Holidays We have partnered with our friends at Kickbox to kick off this holiday season and to make sure your email marketing campaigns are ready for your subscribers to unwrap. We’ll be discussing: Preparing your list and segments for the holiday List cleaning tips and best practices Email marketing tips and best practices Learning how to organize your data after the holiday craziness The webinar will be held on November 14th at 11:00 AM PST. Register today.


Read More
Inside Look: Editor Restyle & Organization

Inside Look: Editor Restyle & Organizational Update

Product & Design • March 22, 2017

Our company has found itself in a new season of change, and our different product teams have been growing and finding their strides. We\'ve made mistakes and have faced a bunch of challenges, but we’re learning to make continuous steps of improvement. So, thanks for joining our team’s journey. Here’s a little peek into what went into our release of the restyle and organizational update to the Drag & Drop Editor. Why did we take this on? Our Editor Product Team is comprised of two designers, a front-end developer, a back-end developer and our key stakeholder CEO. We focus on the three email editors: Drag & Drop, Plain Text and Code Editor. When we were in talks of what to take on next, we identified a reoccurring problematic issue that needed solving: inconsistent UI across our newest tools. Over the past few years, Benchmark has released some new builder tools: three email editors, two signup form builders, email engagement automation and most recently Automation Pro (Beta). One weakness was that each tool had different style variations that resulted from a number of possibilities such as multiple designers, multiple developers, lack of style guide, poor handoffs, problematic legacy code and so on. Some variations were visually obvious and some were code specific. With so many inconsistencies, it was creating a nightmare for our product teams to do any feature updates. Not to mention, it hurts our users’ experience and creates confusion as to what are expected behaviors and visual cues. How does a user learn to trust your app if the action outcome is a guessing game? We needed to organize ourselves and move toward product consistency so that our users could spend less time thinking about how to use our tool and more time focusing on their task at hand. Because of this, our team identified two goals: Clean up our design styles and code Create a more seamless user experience across our updated tools There were multiple opportunity areas, but for this release, we decided to limit it to style and organizational UI updates in the top navigation, active block panels and text editing toolbar. Each area presented its own challenges, so here are some of those thoughts. Simplify navigation within the editor The first opportunity sat with the main navigation in our editor. This was represented by four icons that divided each edit area. The fourth icon (a pencil) indicated when a block was selected but didn\'t actually contain options in its panel when a block was not being edited. It ate up valuable space and was more confusing than helpful to our users, so we removed it. We also replaced the icons with text to improve clarity across all languages. Icons took less room, but we thought it important to use clear labeling here. Dedicating ourselves to nine languages isn\'t easy. It means that all our decisions come with additional challenges and we design with worst case scenarios in mind. One challenge is character count. Most of the time our English text uses fewer characters than some languages such as German and Portuguese. In such a limited area, what happens when it gets too long? Does it push to two lines? Truncate? Expand the area? In this case, we chose to solve the issue through text size and insert fallback behaviors. This is a smaller scenario, but at other times it becomes a larger challenge when there are more factors at play. Text editing toolbar Since this is one of the components that people use the most, we realized that updating and sectioning our icons could go a long way to enhance the user experience. We also changed the behavior of the bar to be more adaptable on multiple screen sizes and devices. The full bar is shown until a user changes their browser size. At this time, each option collapses into a menu that can be accessed by clicking \"More.\" The old design invaded our user’s workspace by pushing their work down, whereas the updated design didn\'t. Active block panels This is the area we focused our efforts on. When we applied UI elements from our newest signup form builders and created any missing ones, it helped with style consistency and gave the panels more breathing room. Beneath the surface, the code was combed through, cleaned up and structured to be more modular and run faster (thanks to our front-end developer!). The second problem was organization and consistency amongst the blocks themselves. If you placed all the block options side by side, the organization was different. Our users were readjusting to each individual block, so we standardized organization across all of them. Our biggest change addressed issues with the amount of options shown at a given time and had impacts on user workflow. Some blocks were getting really bloated and weren’t scalable for the future. So for those blocks, we separated their options into two tabs based on function and then usage level within the tab. The first tab contained options relating to the overall block and the second tab dealt with options relating to the elements within that block. So, what’s next? A lot actually! Our team has been taking baby steps to gain deeper user insights by moving toward the “Jobs-to-be-done” methodology. If you haven’t yet, I highly recommend checking out Intercom\'s ebook :) They nicely describe it like this: People buy products and services to get a \'job\' done. The key to success is understanding the real job customers are using your product for. This year is shaping up to be full of new and exciting releases. Hopefully, we’ll be chatting about them along the way! Until we meet again ...


Read More

New Drag & Drop Editor Updates

Product & Design • January 17, 2017

We’ve already introduced you to the Lean Journey that we are all undergoing here at Benchmark. It’s a process of eliminating waste and continuous improvement. In 2017, our goal is to increase the lean focus on our product. The first such example of that is the improvements we have made to our Drag & Drop Email Designer. It will now be easier than ever to create your next email campaign … not to mention faster! Don’t fear, we haven’t removed any of your favorite features. We’ve simply reorganized a few items to improve your workflow. Editor Navigation For our Layouts, Blocks and Global Styles tabs, we’ve replaced the navigation icons with title text. It’s another improvement toward making things simple, easier to understand and more efficient to use. Our UX team has really worked to keep the marketer in mind and we hope these changes will continue to establish Benchmark as the clear and best email marketing solution. Improved Content Block Organization Each content block has now been broken down into two tabs: Container and Content. The container tab controls the outer block settings. This includes background color, outer padding, and everything else which wraps the content. The content tab involves the insides, or all the pieces within that container and how they relate to each other. It’s the relationship for how the elements work together within your block. For example, in the Image Caption block, whether an image is to the left or to the right of your text is set in the Content tab. Text Editing Toolbar Update We’ve cleaned up the toolbar with an eye towards form and function and a better experience for various browsers and devices as well. If you’re on a smaller screen, the toolbar will now collapse into the more menu. This will keep everything available to you while presenting a quicker and more user-friendly toolbar. Expect to see these updates live in your Benchmark account beginning next week.


Read More
1 2