Tag Archives: education

5 Really Bad Website Popup Examples

If you want to craft a delightful marketing experience and you’re using popups, you need to make sure you hold them to the same high standards as the content they are covering up. You can learn a lot by looking at bad website popup examples.

Once you understand what not to do, you’ll default to starting your own popup designs from a better baseline.

What does a bad popup design actually look like?

Well, it depends on your judging criteria, and for the examples below, I was considering these seven things, among others:

  1. Clarity: Is it easy to figure out the offer really quickly?
  2. Relevance: Is it related to the content of the current page?
  3. Manipulation: Does it use psychological trickery in the copy?
  4. Design: Is it butt ugly?
  5. Control: Is it clear what all options will do?
  6. Escape: Can you get rid of it easily?
  7. Value: Is the reward worth more than the perceived (or actual) effort?

The following popup examples, each make a number of critical errors in their design decisions. Take a look, and share your own worst popup design examples in the comments!


#1 – Mashable Shmashable

What’s so bad about it?

If you peer into the background behind the popup, you’ll see a news story headline that begins with “Nightmare Alert”. I think that’s a pretty accurate description of what’s happening here.

  • Design: Bad. The first thing I saw looks like a big mistake. The Green line with the button hanging off the bottom looks like the designer fell asleep with their head on the mouse.
  • Clarity: Bad. And what on earth does the headline mean? click.click.click. Upon deeper exploration, it’s the name of the newsletter, but that’s not apparent at all on first load.
  • Clarity: worse. Then we get the classic “Clear vs. Clever” headline treatment. Why are you talking about the pronunciation of the word “Gif”? Tell me what this is, and why I should care to give you my email.
  • Design: Bad. Also, that background is gnarly.

#2 – KAM Motorsports Revolution!

What’s so bad about it?

It’s motorsports. It’s not a revolution. Unless they’re talking about wheels going round in circles.

  • Clarity: Bad. The headline doesn’t say what it is, or what I’ll get by subscribing. I have to read the fine print to figure that out.
  • Copy: Bad. Just reading the phrase “abuse your email” is a big turn off. Just like the word spam, I wasn’t thinking that you were going to abuse me, but now it’s on my mind.
  • Relevance: Bad. Newsletter subscription popups are great, they have a strong sense of utility and can give people exactly what they want. But I don’t like them as entry popups. They’re much better when they use an exit trigger, or a scroll trigger. Using a “Scroll Up” trigger is smart because it means they’ve read some of your content, and they are scrolling back up vs. leaving directly, which is another micro-signal that they are interested.

#3 – Utterly Confused


(Source unknown – I found it on confirmshaming.tumblr.com)

What’s so bad about it?

I have no earthly clue what’s going on here.

  • Clarity: Bad. I had to re-read it five times before I figured out what was going on.
  • Control: Bad. After reading it, I didn’t know whether I would be agreeing with what they’re going to give me, or with the statement. It’s like an affirmation or something. But I have no way of knowing what will happen if I click either button. My best guess after spending this much time writing about it is that it’s a poll. But a really meaningless one if it is. Click here to find out how many people agreed with “doing better”…
  • It ends with “Do Better”. I agree. They need to do a lot better.

#4 – Purple Nurple

What’s so bad about it?

  • Manipulation: Bad. Our first “Confirm Shaming” example. Otherwise known as “Good Cop / Bad Cop”. Forcing people to click a button that says “Detest” on it is so incongruent with the concept of a mattress company that I think they’re just being cheap. There’s no need to speak to people that way.
  • I found a second popup example by Purple (below), and have to give them credit. The copy on this one is significantly more persuasive. Get this. If you look at the section I circled (in purple), it says that if you subscribe, they’ll keep you up to date with SHIPPING TIMES!!! Seriously? If you’re going to email me and say “Hey Oli, great news! We can ship you a mattress in 2 weeks!”, I’ll go to Leesa, or Endy, or one of a million other Casper copycats.


#5 – Hello BC

What’s so bad about it?

Context: This is an entry popup, and I have never been to this site before.

  • Relevance: Bad. The site is Hellobc.com, the title says “Supernatural British Columbia”, and the content on the page is about skydiving. So what list is this for? And nobody wants to be on a “list”, stop saying “list”. It’s like saying email blast. Blast your list. If you read the first sentence it gets even more confusing, as you’ll be receiving updates from Destination BC. That’s 4 different concepts at play here.
  • Design: Bad. It’s legitimately butt ugly. I mean, come on. This is for Beautiful Supernatural British Columbia ffs. It’s stunning here. Show some scenery to entice me in.
  • Value: Bad. Seeing that form when I arrive on the page is like a giant eff you. Why do they think it’s okay to ask for that much info, with that much text, before I’ve even seen any content?
  • Control: Bad. And there’s not any error handling. However, the submit button remains inactive until you magically click the right amount of options to trigger it’s hungry hungry hippo mouth to open.

Train. Wreck.


Well, that’s all for today, folks. You might be wondering why there were so few popup examples in this post. Honestly, when the team was rallying to find me a bunch of examples, we all struggled to find many truly awful ones. We also struggled to find many really awesome ones.

This is where YOU come in!

Send me your terrible and awesome popup examples!

If you have any wonderfully brutal, or brutally wonderful examples of website popup design, I’d really appreciate a URL in the comments. If you could share the trigger details too that would be rad (e.g. exit, entrance, scroll, delay etc.).

Tomorrow’s Post is about Awesome Popup Examples! YAY.

So get your butt back here same time tomorrow, where I’ll be sharing my brand new Popup Delight Equation that you can use to grade your own popup designs.

Cheers,
Oli

p.s. Don’t forget to subscribe to the weekly updates.

Source article – 

5 Really Bad Website Popup Examples

Technology isn’t the Problem, We Are. An Essay on Popups + 5 Horrific Popup Examples

Before I bring the heat, I want to talk a bit about what it’s like, as a marketer, to be marketing something that’s difficult to market.

You see, there’s a common problem that many marketers face, and it’s also one of the most asked questions I hear when I’m on the road, as a speaker:

“How do I great marketing for a boring product or service?”

That’s a tough challenge for sure, although the good news is that if you can inject some originality you’ll be a clear winner, as all of your competitors are also boring. However, I think I can one-up that problem:

“How do I do great marketing for something that’s universally hated, like popups?”

We knew we had a big challenge ahead of us when we decided to release the popups product because of the long legacy of manipulative abuse it carries with it.

In fact, as the discussion about product direction began in the office, there were some visceral (negative) reactions from some folks on the engineering team. They feared that we were switching over to the dark side.

It makes sense to me that this sentiment would come from developers. In my experience, really good software developers have one thing in common. They want to make a difference in the world. Developers are makers by design, and part of building something is wanting it to have a positive impact on those who use it.

To quell those types of fears requires a few things;

  • Education about the positive use cases for the technology,
  • Evidence in the form of good popup examples, showcasing how to use them in a delightful and responsible manner,
  • Features such as advanced triggers & targeting to empower marketers to deliver greater relevance to visitors,
  • And most important of all – it requires us to take a stance. We can’t change the past unless we lead by example.

It’s been my goal since we started down this path, to make it clear that we are drawing a line in the sand between the negative past, and a positive future.

Which is why we initially launched with the name “Overlays” instead of popups.

Overlays vs. Popups – The End of an Era

It made a lot of sense at the time, from a branding perspective. Through podcast interviews and public speaking gigs, I was trying to change the narrative around popups. Whenever I was talking about a bad experience, I would call it a popup. When it was a positive (and additive) experience, I’d call it an overlay. It was a really good way to create a clear separation.

I even started to notice more and more people calling them overlays. Progress.

Unfortunately, it would still require a lot of continued education to make a dent in the global perception of the terminology, that with the search volume for “overlays” being tiny compared to popups, factored heavily into our decision to pivot back to calling a popup a popup.

Positioning is part of a product marketer’s job – our VP of Product Marketing, Ryan Engley recently completed our most recent positioning document for the new products. Just as the umbrella term “Convertables” we had been using to include popups and sticky bars had created confusion, “Overlays” was again making the job harder than it should have been. You can tell, just from reading this paragraph alone that it’s a complex problem, and we’re moving in the right direction by re-simplifying.

The biggest challenge developing our positioning was the number of important strategic questions that we needed to answer first. The market problems we solve, for who, how our product fits today with our vision for the future, who we see ourselves competing with, whether we position ourselves as a comprehensive platform that solves a unique problem, or whether we go to market with individual products and tools etc. It’s a beast of an undertaking.

My biggest lightbulb moment was working with April Dunford who pushed me to get away from competing tool-to-tool with other products. She said in order to win that way, you’d have to be market leading in every tool, and that won’t happen. So what’s the unique value that only you offer and why is it important?

— Ryan Engley, VP Product Marketing at Unbounce

You can read more about our initial product adoption woes, and how our naming conventions hurt us, in the first post in the series – Product Marketing Month: Why I’m Writing 30 Blog Posts in 30 Days.

Let’s get back to the subject of popups. I think it’s important to look back at the history of this device to better understand how they came about, and why they have always caused such a stir.

Browser Interaction Models & the History of the Popup

The talk I was doing much of last year was called Data-Driven Design. As part of the talk, I get into interaction design trends. I’ve included the “Trendline” slide below.

You can see that the first occurrence of a popup was back in 1998. Also, note that I included Overlays in late 2016 when we first started that discussion.

Like many bad trends, popups began as web developers started trying to hack browser behavior to create different interruptive interaction modes. I know I made a lot of them back in the day, but I was always doing it to try to create a cool experience. For example, I was building a company Intranet and wanted to open up content in a new window, resize it, and stick it to the side of the screen as a sidebar navigation for the main window. That was all good stuff.

Tabbed browsers have done a lot to help clean up the mess of multiple windows, and if you couple that with popup blockers, there’s a clear evolution in how this type of behavior is being dealt with.

Then came the pop-under, often connected to Malware virus schemes where malicious scripts could be running in the background and you wouldn’t even know.

And then the always fun “Are you sure you want to do that?” Inception-like looping exit dialogs.

Developers/hackers took the simple Javascript modal “Ok” “Cancel” and abused it to the point where there was no real way out of the page. If you tried to leave the page one modal would lead to another, and another, and you couldn’t actually close the browser window/tab unless you could do it within the split second between one dialog closing and the next opening. It was awful.

So we have a legacy of abuse that’s killed the perception of popups.

What if Popups Had Been Built Into Browsers?

Imagine for a moment that a popup was simply one of many available interaction models available in the browsing experience. They could have had a specification from the W3C, with a set of acceptable criteria for display modes. It would be an entirely different experience. Sure, there would still be abuse, but it’s an interesting thought.

This is why it’s important that we (Unbounce and other like-minded marketers and Martech software providers) take a stance, and build the right functionality into this type of tool so that it can be used responsibly.

Furthermore, we need to keep the dialog going, to educate the current and future generations of marketers that to be original, be delightful, be a business that represents themselves as professionals, means taking responsibility for our actions and doing everything we can to take the high road in our marketing.

Alright, before I get to the really bad website popup examples, I’ll leave you with this thought:

Technology is NOT the problem, We Are.

It’s the disrespectful and irresponsible marketers who use manipulative pop-psychology tactics for the sake of a few more leads, who are the problem. We need to stop blaming popups for bad experiences, and instead, call out the malicious marketers who are ruining it for those trying to do good work.

It’s a tough challenge to reverse years of negative perception, but that’s okay. It’s okay because we know the value the product brings to our customers, how much extra success they’re having, and because we’ve built a solution that can be configured in precise ways that make it simple to use in a responsible manner (if you’re a good person).


Follow our Product Marketing Month journey >> click here to launch a popup with a subscribe form (it uses our on-click trigger feature).


5 Really Bad Website Popup Examples

What does a bad popup actually look like? Well, it depends on your judging criteria, and for the examples below, I was considering these seven things, among others:

  1. Clarity: Is it easy to figure out the offer really quickly?
  2. Relevance: Is it related to the content of the current page?
  3. Manipulation: Does it use psychological trickery in the copy?
  4. Design: Is it butt ugly?
  5. Control: Is it clear what all options will do?
  6. Escape: Can you get rid of it easily?
  7. Value: Is the reward worth more than the perceived (or actual) effort?

#1 – Mashable Shmashable

What’s so bad about it?

If you peer into the background behind the popup, you’ll see a news story headline that begins with “Nightmare Alert”. I think that’s a pretty accurate description of what’s happening here.

  • Design: Bad. The first thing I saw looks like a big mistake. The Green line with the button hanging off the bottom looks like the designer fell asleep with their head on the mouse.
  • Clarity: Bad. And what on earth does the headline mean? click.click.click. Upon deeper exploration, it’s the name of the newsletter, but that’s not apparent at all on first load.
  • Clarity: worse. Then we get the classic “Clear vs. Clever” headline treatment. Why are you talking about the pronunciation of the word “Gif”? Tell me what this is, and why I should care to give you my email.
  • Design: Bad. Also, that background is gnarly.

#2 – KAM Motorsports Revolution!

What’s so bad about it?

It’s motorsports. It’s not a revolution. Unless they’re talking about wheels going round in circles.

  • Clarity: Bad. The headline doesn’t say what it is, or what I’ll get by subscribing. I have to read the fine print to figure that out.
  • Copy: Bad. Just reading the phrase “abuse your email” is a big turn off. Just like the word spam, I wasn’t thinking that you were going to abuse me, but now it’s on my mind.
  • Relevance: Bad. Newsletter subscription popups are great, they have a strong sense of utility and can give people exactly what they want. But I don’t like them as entry popups. They’re much better when they use an exit trigger, or a scroll trigger. Using a “Scroll Up” trigger is smart because it means they’ve read some of your content, and they are scrolling back up vs. leaving directly, which is another micro-signal that they are interested.

#3 – Utterly Confused


(Source unknown – I found it on confirmshaming.tumblr.com)

What’s so bad about it?

I have no earthly clue what’s going on here.

  • Clarity: Bad. I had to re-read it five times before I figured out what was going on.
  • Control: Bad. After reading it, I didn’t know whether I would be agreeing with what they’re going to give me, or with the statement. It’s like an affirmation or something. But I have no way of knowing what will happen if I click either button. My best guess after spending this much time writing about it is that it’s a poll. But a really meaningless one if it is. Click here to find out how many people agreed with “doing better”…
  • It ends with “Do Better”. I agree. They need to do a lot better.

#4 – Purple Nurple

What’s so bad about it?

  • Manipulation: Bad. Our first “Confirm Shaming” example. Otherwise known as “Good Cop / Bad Cop”. Forcing people to click a button that says “Detest” on it is so incongruent with the concept of a mattress company that I think they’re just being cheap. There’s no need to speak to people that way.
  • I found a second popup example by Purple (below), and have to give them credit. The copy on this one is significantly more persuasive. Get this. If you look at the section I circled (in purple), it says that if you subscribe, they’ll keep you up to date with SHIPPING TIMES!!! Seriously? If you’re going to email me and say “Hey Oli, great news! We can ship you a mattress in 2 weeks!”, I’ll go to Leesa, or Endy, or one of a million other Casper copycats.


#5 – Hello BC

What’s so bad about it?

Context: This is an entry popup, and I have never been to this site before.

  • Relevance: Bad. The site is Hellobc.com, the title says “Supernatural British Columbia”, and the content on the page is about skydiving. So what list is this for? And nobody wants to be on a “list”, stop saying “list”. It’s like saying email blast. Blast your list. If you read the first sentence it gets even more confusing, as you’ll be receiving updates from Destination BC. That’s 4 different concepts at play here.
  • Design: Bad. It’s legitimately butt ugly. I mean, come on. This is for Beautiful Supernatural British Columbia ffs. It’s stunning here. Show some scenery to entice me in.
  • Value: Bad. Seeing that form when I arrive on the page is like a giant eff you. Why do they think it’s okay to ask for that much info, with that much text.
  • Control: Bad. And there’s not any error handling. However, the submit button remains inactive until you magically click the right amount of options to trigger it’s hungry hungry hippo mouth to open.

Trainwreck.


Well, that’s all for today, folks. You might be wondering why there were so few popup examples in this post, keep reading and I’ll explain why.

Coming Up Tomorrow – Good Popups, YAY!!!

One of the most interesting things I’ve noticed of late is that there is a shift in quality happening in the popup world. When the team rallied to find the bad popup examples above, we found at least 10x as many good ones as bad. That’s something to feel pretty good about. Perhaps the positive energy we’re helping to spread is having an impact.

So get your butt back here tomorrow to see 20+ delightful website popup examples. More importantly, I’ll also be sharing “The Delight Equation”, my latest formula for measuring quantifying how good your popups really are.

See you then!

Cheers
Oli

p.s. Don’t forget to subscribe to the weekly updates.

Continue reading:

Technology isn’t the Problem, We Are. An Essay on Popups + 5 Horrific Popup Examples

Instructional Faculty – New Media Design – Tenure Track – Rochester Institute of Technology – (Rochester, NY) – FullTime

3477BR
College of Imaging Arts and Sciences
CIAS School of Design
Faculty Type (Tenure Status): Tenure-Track
Faculty Discipline: New Media Design
Faculty Rank: Assistant Professor
Employment Category: Fulltime
Anticipated Start Date: 15-Aug-2018
Department/College Description
THE DEPARTMENT:
The School of Design is comprised of five undergraduate programs, two graduate programs, and the Vignelli Center for Design Studies. The undergraduate programs include: 3D Digital Design, Graphic Design, Industrial Design, Interior Design, and New Media Design.

Link:

Instructional Faculty – New Media Design – Tenure Track – Rochester Institute of Technology – (Rochester, NY) – FullTime

Thumbnail

New to the Unbounce Builder: 10 Data-Backed, Industry-Specific Landing Page Templates

When Unbounce published our Conversion Benchmark Report, we wanted to empower marketers like us to take a more data-driven approach to optimizing their landing pages.

The report documents our findings after using machine learning to analyze the behavior of 74,551,421 visitors to 64,284 lead generation landing pages belonging to 10 of our most popular customer industries.

For each industry, the report summarizes average (and good and bad) conversion rates, and how certain variables — such as reading ease, page length and emotion — impact how likely a prospect is to convert.

Our hope was that these findings would help marketers make data-informed decisions when writing copy for their landing pages. But at Unbounce, we also like to eat our own dog food.

So when our design team was recently wireframing new landing page templates for the Unbounce builder, they looked to the report (and to commonalities between the 10 highest converting customer landing pages in each industry) to inform design decisions.

The result?

10 brand spankin’ new landing page templates for 10 of our most popular customer industries: Travel, Real Estate, Business Consulting, Business Services, Credit & Lending, Health, Higher Education, Home Improvement, Legal and Vocational Studies & Job Training.

Grab the report (which includes full benchmarks and copy recommendations for your industry) below, or keep reading for a sneak peek at five of our 10 new templates (check them all out here).

Download the Unbounce Conversion Benchmark Report (FREE)

Data-driven insights on average conversion rates per industry (+ expert copywriting advice)

By entering your email you expressly consent to receive other resources to help you improve your conversion rates.

Business Services: Harbor Template

The Unbounce Conversion Benchmark Report uses an Emotion Lexicon and Machine Learning to determine whether words associated with eight basic emotions (anger, anticipation, disgust, fear, joy, sadness, surprise and trust) affect overall conversion rates.

In the Business Services industry, Unbounce data scientists found that trust is an important emotion to convey. In fact, if more than 8% of your language implies trust, you could see some improvement in your conversion rates.

To complement trustworthy copy, Unbounce designers added a section to the Business Services Harbor Template to flaunt relevant trust seals and certifications, directly under the CTA. It also includes a pretty aesthetically pleasing optional video background:

And here’s one more data-backed copywriting tip for the road:

Be as concise as you can. Overall, Unbounce data scientists found that pages with fewer than 100 words convert 50% better than those with more than 500 words.

This chart from the Unbounce Conversion Benchmark Report shows how word count is related to conversion rates for the Business Services industry. On the x-axis we have word count — on the y-axis, conversion rate.

Business Consulting: Marconato Consulting Template

You’ll notice the landing page template below that Unbounce designers created is quite short.

That’s because Unbounce data scientists found that every additional 250 words on a Business Consulting industry landing page correlates with 20% lower conversion rates.

This chart from the Unbounce Conversion Benchmark Report shows how word count is related to conversion rates for the Business Consulting industry. On the x-axis we have word count — on the y-axis, conversion rate.

You’ll notice that the template is a lead generation page offering an incentive such as an ebook. Our designers made this decision because they found that the top 10 highest converting Business Consulting landing pages they analyzed offered content instead of simply inviting visitors to “get in touch.”

One more thing to keep in mind when writing copy for this template?

Using any words that might evoke feelings of disgust in your audience (words like “blame,” “cheat,” “collapse,” “disaster,” and “offend”) could be hurting your conversion rates.

This chart from the Unbounce Conversion Benchmark Report shows how the percentage of copy that evokes disgust is related to conversion rates for the Business consulting industry. On the x-axis we have the percentage of copy that uses words related to disgust — on the y-axis, conversion rate.

Real Estate: ALLHËR Template

When Unbounce designers analyzed the 10 highest converting customer landing pages in the Real Estate industry, they found (unsurprisingly) that the pages were chock full of imagery: beautiful hero shots of the interior and exterior of properties, maps, full-width photography backgrounds and floor plans.

They took a cue from this when creating the visually striking ALLHËR Template:

And just because we like ya, here’s a bonus tip to keep in mind when you’re writing copy for your Real Estate landing page:

Unbounce data scientists saw a slight negative trend for pages in the Real Estate industry using more fear-inducing terms.

This chart from the Unbounce Conversion Benchmark Report shows how the percentage of copy that evokes fear is related to conversion rates for the Real Estate industry. On the x-axis we have the percentage of copy that uses words related to fear — on the y-axis, conversion rate.

If more than half a percent of your copy evokes feelings of fear, you could be hurting your conversion rates.

Here are some words commonly associated with fear on Real Estate lead capture landing pages: highest, fire, problem, watch, change, confidence, mortgage, eviction, cash, risk… (See the full list in the Unbounce Conversion Benchmark Report.)

Travel: Wayfaring Template

For the Travel Industry, Unbounce designers once again created a template that is quite visually striking, with a video background that transports you:

The emphasis on imagery in this template isn’t only a design choice; Unbounce data scientists found that in the Travel industry, landing pages with clear and concise language tend to perform best.

The large images complement the minimal copy boxes, which encourage you to explain what you are offering as simply as possible.

And here’s one final bonus copywriting tip, pulled straight from the Conversion Benchmark Report:

When writing copy for the Travel industry, keep language positive. If even just 1% of page copy subconsciously reminds your visitors of feelings of anger or fear, you could be seeing up to 25% lower conversion rates. No one wants to be angry on their vacation!

This chart from the Unbounce Conversion Benchmark Report shows how the percentage of copy that evokes anger is related to conversion rates for the Travel industry. On the x-axis we have the percentage of copy that uses words related to anger — on the y-axis, conversion rate.

Here’s a selection of commonly used words associated with anger in Travel, pulled from the Emotion Lexicon: limited, tree, money, hot, desert, endless, challenge, treat, fee, feeling, rail, stone, bear, buffet, lynch, bang, cash, cross, despair, shooting.

Higher Education: McGillis University Template

The Unbounce Conversion Benchmark Report indicates that for the Higher Education industry, the highest converting lead generation landing pages are short and sweet.

On average, pages using 125 words or less have 15% higher conversion rates. With this in mind, Unbounce designers created a short but punchy McGillis University Template for the Higher Education industry:

Bonus data-backed tip to help you fill this template with high-converting copy:

Higher Education is one of the few industries where targeting college educated reading levels has similar landing page conversion rates to copy targeting 7th graders.

This chart from the Unbounce Conversion Benchmark Report shows how reading ease is related to conversion rates for the Higher Education industry. On the x-axis we have the Flesch Reading Ease scale — on the y-axis, conversion rate.

At the end of the day, when you’re writing copy for your Higher University landing page, don’t stress about reading levels too much — if you are communicating complicated concepts to a highly educated audience, it’s okay to use big words.

Let the data guide you

There you have it, five of the 10 data-backed templates that have just been launched in the Unbounce builder. Do you belong to an industry that wasn’t covered in this post? Check out all Unbounce templates here.

Once you’ve chosen the template you’d like to use to get started, read more data-backed copywriting tips for your industry in the Conversion Benchmark Report — and get a feel for what a “good” conversion rate is before you set that baby live!

Download the Unbounce Conversion Benchmark Report (FREE)

Data-driven insights on average conversion rates per industry (+ expert copywriting advice)

By entering your email you expressly consent to receive other resources to help you improve your conversion rates.

View original article: 

New to the Unbounce Builder: 10 Data-Backed, Industry-Specific Landing Page Templates

How To Make Use Of Weekly Design Meetings

How do you keep a team engaged? How do you make sure the team gets up to date with everything that’s being released? How often do the team members talk to each other face to face? Do they have enough support to finish their tasks or to pursue their growth?
These are questions that popped in my head once a design team started to grow quickly in front of my eyes.

Follow this link: 

How To Make Use Of Weekly Design Meetings

Designing With Real Data In Sketch Using The Craft Plugin

Besides the user’s needs, what’s another vital aspect of an app? Your first thought might be its design. That’s important, correct, but before you can even think about the design, you need to get something else right: the data.

The image shows a preview of a movie app, designed with the Craft plugin in Sketch

Data should be the cornerstone of everything you create. Not only does it help you to make more informed decisions, but it also makes it easier to account for edge cases, or things you might not have thought of otherwise.

If you want to get even more out of Sketch, feel free to check out our fancy new book, “The Sketch Handbook”, with practical examples that you can follow along, step-by-step, to master even the trickiest, advanced facets and become a true master of Sketch.

The post Designing With Real Data In Sketch Using The Craft Plugin appeared first on Smashing Magazine.

Source article: 

Designing With Real Data In Sketch Using The Craft Plugin

Design For Developers

The blank Photoshop document glows in front of you. You’ve been trying to design a website for an hour but it’s going nowhere. You feel defeated. You were in this same predicament last month when you couldn’t design a website for a project at work. As a developer, you just feel out of your element pushing pixels around.
How do designers do it? Do they just mess around in Photoshop or Sketch for a while until a pretty design appears?

Link: 

Design For Developers

Thumbnail

Breaking Out Of The Box: Design Inspiration (December 2016)

Time moves pretty fast. A new year will be upon us soon, and most of us probably haven’t even realized it. So while we’re almost ready to leave the autumn season (and 2016!) behind, let’s refuel our inspiration for another month and start working on our New Year’s resolution list. Observe closely at the following techniques used, and how the colors have been applied to add contrast and character. As always, there is a lot to learn.

Read this article:

Breaking Out Of The Box: Design Inspiration (December 2016)

A day in the life of an optimization champion

Reading Time: 9 minutes

How do you make conversion optimization a priority within a global organization?

Especially, when there are so many other things you could spend your marketing dollars on?

And how do you keep multiple marketing teams aligned when it comes to your optimization efforts?

These are some of the challenges facing Jose Uzcategui, Global Analytics and Ecommerce Conversion Lead at ASICS, and Sarah Breen, Global Ecommerce Product Lead at ASICS.

ASICS, a global sporting goods retailer, is a giant company with multiple websites and marketing teams in multiple regions.

For an organization like this, deciding to pursue conversion optimization (CRO) as a marketing strategy is one thing, but actually implementing a successful, cohesive conversion optimization program is an entirely different thing.

Related: Get WiderFunnel’s free Optimization Champion’s Handbook for tips on how to be the Optimization Champion your company needs.

We started working with ASICS several months ago to help them with this rather daunting task.

A few weeks ago, I sat down with Jose and Sarah to discuss what it’s like to be an Optimization Champion within a company like ASICS.

Let’s start at the very beginning with a few introductions.

For almost 8 years, Jose has been involved in different areas of online marketing, but Analytics has always been a core part of his career. About five years ago, he began to move from paid marketing and SEO and started focusing on analysis and conversion optimization.

He was brought in to lead the conversion optimization program at ASICS, but it became obvious that proper conversion optimization wouldn’t be possible without putting the company’s Analytics in order first.

“For my first year at ASICS, I was focused on getting our Analytics where they need to be. Right now, we have a good Analytics foundation and that’s why we’re getting momentum on conversion optimization. We’re building our teams internally and externally and my role, right now, is both execution and strategy on these two fronts,” explains Jose.

Sarah has been with ASICS for a little over a year as the Ecommerce Global Product Lead. She hadn’t really been involved with testing until she started working more closely with WiderFunnel and Optimizely (a testing tool).

She started working with Nick So, WiderFunnel Optimization Strategist, and Aswin Kumar, WiderFunnel Optimization Coordinator, to try to figure out what experiments would make the biggest impact in the shortest amount of time on ASICS’ sites.

“I sometimes work with our designers to decide what a test should look like from the front end and how many variations we want to test, based on Nick and Aswin’s recommendations. I provide WiderFunnel the necessary assets, as well as a timeline and final approvals.

“Once a test is launched, I work with WiderFunnel and with Jose to figure out what the results mean, and whether or not the change is something we want to roll out globally and when we’ll be able to do that (considering how many other things we have in our queue that are required development work),” explains Sarah.

But optimization is just a part of Sarah’s role at ASICS: she works with a number of vendors to try to get third party solutions on their sites globally, and she works with ASICS’ regional teams to determine new product features and functionality.

Despite the fact that they wear many hats, Jose and Sarah are both heavily involved in ASICS’ conversion optimization efforts, and I wanted to know what drew them to CRO.

Q: What do each of you find exciting about conversion optimization?

“Conversion optimization gives immediate results and that’s a great feeling,” says Jose. “Particularly with e-commerce, if you have an idea, you test it, and you know you’re about to see what that idea is worth in monetary value.”

Sarah loves the certainty.

We’re proving our assumptions with data. Testing allows me to say, ‘This is why we took this direction. We’re not just doing what our competitors do, it’s not just doing something that we saw on a site that sells used cars. This is something that’s been proven to work on our site and we’re going to move forward with it.’

Of course, it’s not all high’s when you’re an Optimization Champion at an enterprise company, which led me to my next question…

Q: What are the biggest challenges you face as an Optimization Champion within a company like ASICS?

For Sarah, the biggest challenge is one of prioritization. “We have so many things we want to do: how do we prioritize? I want to do more and more testing. It’s just about picking our battles and deciding what the best investment will be,” she explains.

“When it comes to global teams, aligning the regions on initiatives you may want to test can be challenging,” adds Jose. “If a region doesn’t plan for testing at the beginning of their campaign planning process, for instance, it becomes very difficult to test something more dramatic like a new value proposition or personalization experiences.”

Despite the challenges, Sarah and Jose believe in conversion optimization. Of course, it’s a lot easier to sell the idea of CRO if there’s already a data-driven, testing culture within a company.

Q: Was there a testing culture at ASICS before your partnership with WiderFunnel?

“We had a process in place. We had introduced the LIFT Model®, actually. The LIFT Model is an easy framework to work with, it’s easy to communicate. But there wasn’t enough momentum, or resources, or time put into testing for us to say, ‘We have a testing culture and everybody is on board.’ Before WiderFunnel, there were a few seeds planted, but not a lot of soil or water for them to grow,” says Jose.

LIFT_Model
WiderFunnel’s LIFT Model details the 6 conversion factors.

Q: So, there wasn’t necessarily a solid testing culture at ASICS – how, then, did you go about convincing your team to invest in CRO versus another marketing strategy?

“Education. For everything in enterprise, education is the most important thing you can do. As soon as people understand that they can translate a campaign into a certain amount of money or ROI, then it becomes easy to say ‘Ok, let’s try something else that can tie to the money,’” says Jose, firmly.

“A different strategy is just downplaying the impact of testing. ‘It’s just a test, it’s just temporary for a couple of weeks,’ I might say. Either people understand the value of testing, or I diminish the impact that a test has on the site.”

“Until it’s a huge winner!” I interject.

“Yes! Obviously, if it’s a huge winner, I can say, ‘Oh, look at that! Let’s try another,’” chuckles Jose.

Jose and Sarah focused on education and, with a bit of luck and good timing, they convinced ASICS to invest in conversion optimization.

Q: Has it been a good investment?

“Everybody goes into this kind of investment hoping that there will be a test that will knock it out of the park. You know, a really clear, black and white winner that shows: we invested this amount in this test and in a year it will mean 5x that amount.

“We had a few tests that pointed in that direction, but we didn’t have that black and white winner. For some people, they have that black and white mentality and they might ask if it was worth it.

“I think it was a wise investment. It’s a matter of time before we run that test that proves that everything is worthwhile or the team as a whole realizes that things that we’re learning, even if they’re not at this moment translating into dollars, are worthwhile because we’re learning how our users think, what they do, etc.”

After establishing ASICS’ satisfaction, I wanted to move on to the logistics of managing a conversion optimization program both internally and in conjunction with a partner. First things first: successful relationships are all about communication.

Q: How do you communicate, share ideas, and implement experiments both between your internal teams and WiderFunnel? How do you keep everyone aligned and on the same page?

Sarah explains, “We’ve tried a few different management tools. Right now, JIRA seems to be working well for us. I can add people to an already existing ticket and I don’t have to add a lot of explanation. I can just say, Aswin and Nick came up with this idea, it’s approved, here’s a mock up. Everything is documented in one place and it’s searchable.

“I don’t necessarily think JIRA is the best tool for what we’re doing, but it allows us to have a whole history in a system that our development team is already using. And they know how to use it and check off a ticket and that’s helpful.

Related: Get organized with Liftmap. This free management tool makes it easy for teams to analyze web experiences, then present findings to stakeholders.

“I also send emails with recaps, because digging through those long JIRA discussions is kind of rough.”

Q: How do you share what you’re working on with other teams within ASICS?

“There are two parts to sharing our work: what’s going on and what’s coming,” explains Jose.

“You can see what’s coming in JIRA: tests that are coming and ideas that are being developed.

“Once we have results from a test and a write up, we’ll put a one-pager in a blog style report. When we have a new update, we send an email with the link to the one-pager and I also attach it as a PDF so that anyone who may not have access can still see the results.”

Sarah adds, “They’re very clear, paragraph form explanations with images of everything we’re doing. It’s less technical, more ‘this is what we tried, these are our assumptions, these are our results, this is what we’re going to do.’

This gives the Execs that aren’t on the day-to-day a snapshot showing we’ve made progress, what next steps are, and that we’re doing something good.

Q: How do you engage your co-workers and get them excited about conversion optimization?

Jose says, “I’ve gotten some comments and questions [on our one-page reports]. Obviously, I would like to get more. Once we have more resources, we’ll be able to put different strategies in place to get more engagement from the team. Lately, I’ve been trying to give credit to the region at least that came up with whatever idea we tested.

“I would like to get even more specific as we get more momentum, being able to say things like ‘Pete came up with this idea…and actually it didn’t work out, though we did learn insight X or insight Y.’ or ‘Pete came up with his third winning idea in a row—he gets a prize!’

There’s a level of fun that we can activate. We have some engagement, but I’m hoping for more.

Q: Ok, you’ve concluded a test, analyzed and shared your results — what’s your process for actually implementing changes based on testing?

Jose is quick to respond to this question, giving credit to Sarah: “Sarah’s involvement in our conversion optimization program has been great. Ultimately, Sarah is the one who gets things onto the site. And that’s half of the equation when it comes to testing. It’s so necessary having someone like Sarah invested in this. Without her, the tests might die in development.”

Sarah laughs and thanks Jose. “A lot of my job is managing expectations with our regions,” she explains. “Some regions want to test everything, and they want to do it now, and we have to tell them ‘That’s great, but we can’t give you all of our attention.’ Whereas some regions barely talk to us and have a lot of missed opportunities, so we have to manage the testing and implementation on their site.

“For less engaged regions, we try to communicate “Hey, we have evidence that this change really helped — look at all the sales you got and all of the clicks you got, we’d like you to have this on your page.

“Testing also takes a lot of the back and forth and Q & A out of implementation because we already have something that works. And, unless there’s some weird situation, we can roll a change out globally and say, ‘This is where the idea came from, it came from so-and-so, it’s pushed all the way through and now it’s a global change.’

“We can invite the regions to think of all of the awesome things we can do as a global team whenever we work together and go through this process. And other people can say ‘Hey, we did this! I have some more ideas.’ And the circle continues. It’s really great.”

You’ve both spent a lot of time working with WiderFunnel to build up ASICS’ conversion optimization program, so I’ve got to ask…

Q: What are the biggest challenges and benefits of working with a partner like WiderFunnel?

“The biggest challenge in working with any partner is response time: me responding in time, them responding in time. I’m also the middle man for a lot of things, so maintaining alignment can be tough,” says Sarah.

“But as far as benefits go, it’s hard to choose one. One of the biggest has been WiderFunnel’s ability to take the debate out of a testing decision. You’re able to evaluate testing ideas with a points structure, saying, ‘We think this would be the most valuable for you, for your industry, for what we’ve seen with your competitors, this is the site you should run it on, we think it would be best on mobile or desktop, etc.’

“And we can rely on WiderFunnel’s expertise and say, ‘Let’s do it.’ We just have to figure out if there’s anything that might really ruffle feathers, like making changes to our homepage. We have to be careful with that because it’s prime real estate.

“But if it’s a change to a cart page, I can say, ‘Yes, let’s go ahead and do that, get that in the queue!’ It’s all about getting those recommendations. And once we have a few smaller wins, we can move up to the homepage because we’ve built that trust.

“Another benefit is the thorough results analysis. The summary of assumptions, findings, charts, data, graphs, next steps and opportunities. That’s huge. We can look at the data quickly and identify what’s obvious, by ourselves, but it takes time for us to collate and collect and really break down the results into very clear terms. That’s been hugely helpful,” she adds.

For Jose, the benefit is simple: “Getting tests concluded and getting ideas tested has been the most helpful. Yes or no, next. Yes or no, next. Yes or no, next. That’s created the visibility that I’ve been hoping for — getting visibility across the organization and getting everybody fired up about testing. That’s been the best aspect for me.”

Are you your organization’s Optimization Champion? How do you spread the gospel of testing within your organization? Let us know in the comments!

The post A day in the life of an optimization champion appeared first on WiderFunnel Conversion Optimization.

See original article: 

A day in the life of an optimization champion

Improve User Experience With Real-Time Features

Real-time technology delivers information to your users as it happens. But how does it help improve your product and align with your customers’ expectations?
Only a few years ago words like WebSockets, low latency and real-time functionality were at the forefront of bleeding-edge development. Fast-forward a couple of years and this technology has become an integral part of many of our favourite apps: Facebook with its in-app notifications; Uber with its real-time location tracking effect; Google Docs’ multiuser collaboration feature; and Slack’s live chat.

From: 

Improve User Experience With Real-Time Features