lundi 21 octobre 2013

daily tutorial photoshop for Six Revisions

Be The First To Comment
Six Revisions
 
Learn Adobe Illustrator CS6 Master Techniques from an Adobe Guru!

With over 25 years of experience teaching, Robert Farrell has been a trusted instructor for individuals and companies who want to improve their Adobe skills.
From our sponsors
Value Activation: A Different Business Model for Internet Entrepreneurs
Oct 21st 2013, 15:00, by Jacob Gube

When we pay for software, it’s usually because it solves a critical problem we have. It satisfies a need. It provides a certain value we’re willing to pay for.

And if we can derive value from a product or a service at no upfront cost, then we are more likely to pay later on in order to continue deriving that value.

Internet entrepreneurs need a business model that supports this notion.

The Problem with Existing Business Models

There seems to be three popular business models for an Internet software as a service (SaaS) company:

  1. Freemium: Have a free subscription plan and paid subscription plans that have more features than the free plan
  2. Free trial: Have a free trial period and then charge customers after the period is over
  3. Paywall: In order to use the service, a user will have to pay first

Issues with Freemium

The freemium model is full of flaws. Paul Sawers, an editor at Internet technology news site The Next Web, explains why freemium doesn’t work:

"People are simply too accustomed to consuming content for free, and many businesses will find it tricky converting users from the free version of a service to the paid one. Even in the more successful cases, the non-paying users will typically always outnumber the paying users, the upshot of this being a company is dedicating time, money and resources to supporting users that have absolutely no intention of coughing up cash."

Mark Evans, a consultant to startups, says this about the freemium business model:

"The problem is freemium doesn’t work for the vast majority of companies, especially ones focused on the consumer market. In theory, it sounds good but in practice few people actually pay for more features. Sure, there are exceptions to the rule but those are few and far between."

"Freemium is flawed because most people don’t need more features than what they can use for free."

Issues with Free Trials

Right now, the typical paid app will offer a trial so that users can try before they buy. The trial period is usually time-based: 7 days, 14 days, 30 days.

The problem with this approach is that this time-based limit is not user-centered. App developers opt for it because they want to generate revenue as quickly as possible.

But how do you know that the user has received any or enough value from the product in that period? Usually, you don’t.

What happens when the user hasn’t had enough time to receive enough value? They won’t become paid users.

Issues with Paywalls

Internet users are generally unwilling to pay for a service without being able to try it first. This is the reason why the freemium and "free trial" business models above became common.

And if you’re in a competitive space, chances are good that your competition is offering some form of free access to their product, which reduces the likelihood of potential users trying yours when they see their other free options.

What Should We Do Instead?

Our best bet is to use a business model that converts non-paying users to paying customers at the right time. That time is when they have already received significant value from our product.

The premise is this: Users will want to pay for the product because they have the desire to continue receiving the value they’re getting.

Value Activation Metrics

We can activate the payment once the user has derived significant value from our product.

We can ask users to pay at the point when the product has solved a specific problem that they would like to keep solving. We can pick certain "value activation" metrics to determine what point we should ask users to start paying.

I define the term value activation metric as a quantifiable measurement that is specific to an app. It’s a signal that tells us the user is now getting significant value from the product and that he/she is now likely willing to start paying for it.

Examples of value activation metrics include:

  • Number of sales leads the user gets
  • Number of royalty-free stock photos downloaded
  • Number of invoices sent to the user’s paying clients
  • Amount of site traffic the user has gotten from your services
  • Amount of disk storage used

LakePlace

Dave Gooden, founder of LakePlace (a site that enables people to rent out their lakefront property) explains the approach he took with his users:

"We noticed our visitors asking our listing agents if any of their listings were available for rent. After the 100th (or 500th) request, we decided to open up a vacation rental marketplace. Using what we learned the first time around, we got back on the phones and offered resort owners and vacation rental managers free trials. We went as far as inputting all of their information, uploading their pictures, etc… whatever it took to get them to try LakePlace.com. Once they received 10-20 inquiries, we let them know that the free trial was over and it was time to become a paying customer. I think we had a 99% retention rate when converting free trial users to paying customers. Today, LakePlace.com’s Minnesota vacation rental section is about the same size as Homeaway & VRBO…and waay bigger than AirBnB’s…and we are a very close 2nd in Wisconsin (I hope to fix that this year)."

In this scenario, the value activation metric is the number of inquiries. Once resort owners and vacation rental managers received 10-20 inquiries worth of value, to continue to receive the value of the service, they needed to pay.

Gooden knew that once a user had received a certain amount of inquiries, the user was likely making money from those inquiries and thus had activated the value of his service.

Also note the high conversion rate in Gooden’s account: 99% retention rate, which — even if it might just be a figurative number that he used to convey a significantly high conversion rate — is a statement of his strategy’s efficacy.

A few companies understand this concept of activating the value of a product before charging for their service. Dropbox and Evernote are two.

Dropbox users get peace of mind knowing that they will always have access to their files. The more files someone stores, the more likely they will run out of space, and the more likely they will convert to a paid user.

Once the user has gotten enough value from using Dropbox, they are more likely to pay in order to keep using the service.

Evernote knows that the longer you remain a customer, the more likely you will convert to a paid user. In fact, it has a pretty good idea of when you will do so. The value of Evernote is in enabling users to store and retrieve any memory easily.

So, to store a memory, users simply snap a picture and upload it to Evernote. The software indexes the picture, and users can even search for words in the picture.

It stands to reason, then, that the more users store, the more valuable the service becomes. And at a certain point, the user becomes willing to pay to continue deriving that value from using Evernote.

When building an Internet-based service or product, we should start examining the points in which the user starts getting significant value from it.

How many sales leads does a user need to get, in order for her to want to pay to continue getting those sales leads?

How much data will a person need to store before he sees how important it is to have a cloud backup of his files that’s accessible on all his Internet-enabled devices?

Once you figure out what value activation metrics are appropriate for measuring the value you provide your users, you can use them to signal the point in which you should convert non-paying users to paying customers.

Related Content

About the Author

Marc Gayle is a Rails developer and founder of 5KMVP, where he builds Minimum Viable Products for just $5K. Follow him on Twitter and check out his personal blog.

The post Value Activation: A Different Business Model for Internet Entrepreneurs appeared first on Six Revisions.

Delicious Digg Evernote Facebook Google Bookmarks LinkedIn StumbleUpon Tumblr Twitter
You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

samedi 19 octobre 2013

Confirm your unsubscription from 'Six Revisions'

Be The First To Comment
To confirm that you no longer wish to receive updates from 'Six Revisions', please click on the following link:

https://blogtrottr.com/unsubscribe/confirm/KSSv7d/3JQZdG


If you weren't expecting to receive this email, then simply ignore it and we'll go away.

lundi 14 octobre 2013

daily tutorial photoshop for Six Revisions

Be The First To Comment
Six Revisions
 
Learn from successful entrepreneurs.

Pick up tips and advice from the noteworthy when you subscribe to Startup Frontier! Read interviews on how they launched and built their businesses.
From our sponsors
The Problem with Android is Choice
Oct 14th 2013, 15:00, by Jacob Gube

Android is flexible. Most reviews tout that as a key advantage of the operating system, particularly when it’s being compared with iOS.

To quote recent switcher Andy Ihknato:

Android has a consistent core philosophy that I find instinctively compelling: why wouldn’t a phone give its sole user a vote on how their device works?

Here’s why that’s a bad idea:

  1. Choice reduces user satisfaction.
  2. Choice reduces usability.
  3. Choice reduces product quality.

I’ll explain in a moment. But first, let’s see how choice plays out in the Android world.

Android: A Layer Cake of Choices

So you’ve decided to buy an Android phone.

Great! Which one?

Verizon (a top U.S. mobile service provider) offers you this dizzying amount of options to pick from: G2, Lucid 2, Spectrum 2, Enact, and Intuition by LG, Galaxy Note 3, Galaxy S 4, and Galaxy S III by Samsung, One and Droid DNA by HTC, Moto X, Droid Maxx, Droid Ultra, Droid Mini, Droid 4, and Droid Razr M by Motorola, Hydro Elite by Kyocera, Marauder and Perception by Pantech, and the G’zOne Commando 4G LTE (really, this is the name of this smartphone) and G’zOne Commando by Casio.

Thankfully there are filters on Verizon’s site. You can filter for DROID, 4G Technology, ECO Specs, Certified Pre-Owned, Global Ready, Physical Keyboard, NFC, and Accessory Bundles.

What? Fine.

At some point you make a decision on which phone to buy.

You download a bunch of apps and set up your home screen. Good news! You have choices here too.

There’s a drawer with an alphabetical list of all your apps.

On some phones, there’s a Favorites page.

You can have a potentially infinite number of home screen pages (which is different from the Favorites page).

And on each of those, you can create folders.

There’s a dock at the bottom that’s shared amongst all the home screens, but not the alphabetical list or the Favorites page.

You can set up shortcuts on your lock screen that look like — but are different from — the dock.

And don’t forget: You can have multiple copies of the same app in the same place:

There's more than one pile of crap here.There’s more than one pile of crap here.

Later, a friend texts you a hilarious photo. You’d like to save it for later. You’re presented with these choices:

Note that this dialog window has a scroll bar.

And that list of choices only gets longer because each app you install adds itself to it.

Over time — talking to friends, reading blogs — you’ll realize you’ve barely scratched the surface of Android choice.

You can install custom lock screens!

Launchers!

Replacement phone apps!

Different fonts!

Each choice comes with its own set of choices: entire marketplaces of themes, screens upon screens of settings, a never-ending buffet of choices. Some conflict with each other, some are crashy, some slow down your entire Android experience.

Sounds like fun, right?

Choice Reduces Satisfaction

As a society we’re deluded about choice.

We perpetuate the myth that more is better — yet there’s research going back decades to suggest the opposite.

Perhaps the most famous is Sheena Iyengar’s 1995 "jam jar study", which showed a 4x increase in options decreased purchases by 85%.

Iyengar’s study is not alone. Barry Schwartz’s excellent book The Paradox of Choice covers the problem in detail. Of particular interest is his discussion of how choice affects buyer’s remorse. The more choices you consider, the more likely you’ll be to regret your decision, and the less satisfied you’ll be.

That’s bad enough in a traditional retail environment, where you make your purchase and move on. But it’s worse in the world of software, where apps are cheap and each app provides its own array of options.

On Android, it’s easy to end up in an infinite, layered world of choices; never quite satisfied, never quite sure if what you’ve got is the best, and — critically — never done.

Choosing vs. Tinkering

There’s a distinction here between choosing and tinkering.

We all have friends who tinker with their cars, their bikes, their computers. It’s a hobby, and the constant fiddling is a destination in itself rather than just the journey. For such hobbyists, a plethora of choices is necessary: it’s the fuel that powers the tinkering.

I think many who extol Android’s flexibility fall into the tinkerer category, including some tech bloggers. They love all the ways they can customize their phones, not because they’re seeking some perfect setup, but because they can swap in a new launcher every week. That’s fun for them; but they’ve made the mistake of not understanding how their motivation differs from the rest of us.

Choice Reduces Usability

We often talk about the best products being simple. But that’s not quite it: The best products are opinionated.

A great product is one you can disagree with because its creators have made choices on your behalf. If they’re good product designers, they’ve made good choices, and the result is that much-lauded simplicity.

But if they’ve punted too many times — resolving tough decisions with a checkbox here, a slider there — then they’ve shifted that responsibility onto you.

It’s like going to a restaurant, ordering, and having the waiter ask you, How much coriander do you want on that? OK, and should we cook it for twelve minutes or for eighteen?

Choices can be a burden when you’re qualified to make them, and a disaster when you’re not.

Do you know what to choose here?Do you know what to choose here? I don’t. I bet someone at Google does. Perhaps they could make the choice for us.

Most of us (even us product designers) don’t want to be product designers when we’re using someone else’s product. We just want to live our lives.

Choices vs. Preferences

It’s also worth distinguishing between choice and preference.

Preferences can be a great way to support multiple use cases, or subgroups in your user base. Vertical vs. horizontal layout for widescreen vs. normal displays. Small vs. large fonts for young vs. old eyes.

But there’s a fine line between valuable preferences and excessive choice. Everyone has preferences, including every member of your product team. (Indeed, failure to resolve team disagreements can be a source of user-facing choice.)

Catering to all individual preferences creates a bloated, bland product. Not to mention a UI that’s impossible to navigate.

Furthermore, people are notoriously bad at identifying what we want. And what we do want is influenced heavily by what we know — our expectations are constrained by our experience.

To deliver a product that will improve people’s lives, we must sometimes break expectations and force users through a period of adjustment. The long-term path to user satisfaction sometimes involves short-term dissatisfaction.

Apple has been remarkably good at this type of product development — from OS X to their Intel transition to iOS 7– breaking away from past choices to provide a streamlined, initially unfamiliar product that’s forward-looking.

Microsoft, on the other hand, tends to retain all the choices of the past, as Windows 8′s dual UI illustrates. That’s a shame. No matter how good Metro might be, a sizable number of users will revert to the old UI because they know it. And that ensures Metro will remain sup-par: Microsoft’s product teams can avoid tackling difficult product design problems because users can always resort to the old experience.

The situation is similar on Android: by allowing extensive customization — and by permitting vendors, carriers, and users to replace built-in apps with third-party ones — Android’s product team has excused themselves from finding optimal solutions and making tough decisions.

Choice Reduces Product Quality

It takes a lot of code to produce software. And bugs are unavoidable because developers are human, and because that’s what happens with a system whose many, many moving parts are constantly changing with an incomplete awareness of each other and the dependencies among them.

To test effectively, it’s necessary to replicate as many of the conditions under which the product might run as possible. And to fix a bug, a developer needs to reproduce it–make it happen again so she can see what’s really going on.

So, software teams spend a huge percentage of their time finding and fixing bugs.

The more variation, the more testing, and the harder it becomes to replicate a bug when it’s found.

This is why Android’s fragmentation — the array of Android versions and devices an app must support — is such an issue.

We can’t control fragmentation, but we can avoid exacerbating it. When we introduce excessive choice, we increase the number of possible environments in which something could break, and the number of conditions we have to test. That increase isn’t additive, it’s multiplicative: the number of conditions downstream of a choice is multiplied by the number of options it provides.

On its own, this isn’t an excuse for eliminating choices. But it is the technical cost those choices incur — something we ignore at our product’s peril.

This is also why seemingly harmless choices aren’t so harmless; why "Let’s just stick a checkbox in Advanced preferences" isn’t an answer.

We need time to test and debug. And when we do, something else has to give.

The problem of choice isn’t limited to Android. Android is just a current, prominent, and severe example.

Simple, elegant, usable, opinionated products are few and far between because the product teams willing to make hard choices are rare.

So, what have you left out of your product lately?

Epilogue: Dealing With User Feedback

With Emu in beta, we get a lot of feedback.

We love feedback — it’s wonderful that people care enough about our product to email us.

But we don’t implement every request — that way lies exactly the sort of bloat I’ve discussed here.

To begin with, the loudest users aren’t necessarily the most typical; someone might request a feature that would genuinely improve his experience, at the expense of most other users.

More importantly, user feedback requires sleuthing. Users often don’t know, or can’t articulate, what they really want. So we look at each request and ask, What is this person really trying to accomplish? How do we best serve that goal?

Sometimes the result will be more effective — and better-suited to the underlying need — than whatever the user requested in the first place.

And that sort of innovation is incredibly satisfying.

Related Content

About the Author

Dave Feldman is a product designer with a background in user experience, product management, and front-end development. He’s the co-founder and chief product officer of Emu. He’s held positions at Yahoo! and AOL. Check out his website Operation Project and follow him on Twitter @dfeldman.

The post The Problem with Android is Choice appeared first on Six Revisions.

Delicious Digg Evernote Facebook Google Bookmarks LinkedIn StumbleUpon Tumblr Twitter
You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

dimanche 13 octobre 2013

Confirm your unsubscription from 'Six Revisions'

Be The First To Comment
To confirm that you no longer wish to receive updates from 'Six Revisions', please click on the following link:

https://blogtrottr.com/unsubscribe/confirm/KSSv7d/18ZhXz


If you weren't expecting to receive this email, then simply ignore it and we'll go away.

lundi 7 octobre 2013

daily tutorial photoshop for Six Revisions

Be The First To Comment
Six Revisions
 
Deconstructing Minimalist Landing Pages
Oct 7th 2013, 15:00, by Jacob Gube

In the last few years, web designers have gradually realized that cluttering our designs with non-essential elements isn’t a good idea.

Excessive design elements like meaningless stock photos, textured grunge backgrounds, convoluted navigation systems, social-sharing buttons, blog post widgets, and other types of page bloat steal attention away from the core goals of our web design.

So instead of adding more stuff and more options, many of us have chosen to reduce our designs to their most basic forms.

And though we are building websites that are visually simpler than their predecessors, the results have inversely been profound.

A Few Examples of Minimalist Landing Pages

To make sure we’re on the same page, let’s quickly look at the minimalist landing pages of some successful web apps:

MailboxMailbox

TinyLetterTinyLetter

Dropbox

IFTTT

Notice that the apps above are pretty sophisticated; they accomplish useful, innovative, and complex things for their users.

Yet what’s interesting to note is they don’t have an equally complex landing page.

Let’s study some great examples of minimalist landing pages and derive design patterns, tips, and ideas from them.

Minimalist Landing Pages: The Big Idea

What you’ll immediately notice about minimalist landing pages is they only one primary goal.

Whether it’s to click on a sign-up button or enter your email address in a web form or download something onto your computer, there is only one well-defined action the web designer of the landing page wants her users to take.

There are no complex navigation menus on minimalist landing pages. You usually won’t find a huge array of social media buttons on them. The design is devoid of decorative stock photos whose sole purpose is to fill up blank space.

Every design element is meticulously chosen.

Everything is strategically-designed to support and reinforce the desired primary action the web designer wants the site visitor to take.

Landing Page Case Study: Dropbox

The website of Dropbox is a prime example of a progressively minimalist design that demonstrates the concept of having only one primary goal in a landing page.

The Dropbox landing page only has one primary call-to-action, and it’s pretty easy to spot because of how the web page is designed.

The primary goal of the design is to get site visitors to click on the Sign up button.

Dropbox

The Sign up button is the most distinctive element on the web page. Everything else is deemphasized.

Yes, there are secondary alternative actions Dropbox’s landing page visitors can take: Download the software, sign in (if you’re already a Dropbox user) or learn more about Dropbox. However, these alternative calls-to-action are designed in a way that doesn’t impede the primary goal of getting site visitors to click on the Sign up button.

All non-essential elements are removed or designed in a subdued fashion. For instance:

  • The site’s name (Dropbox) isn’t even displayed on the landing page; even the name of the app proved to be a non-essential element.
  • To explain how Dropbox works, they use a simple illustration that doubly serves to draw your attention towards the Sign up button.
  • The tagline (Your stuff, anywhere) is short and uncomplicated.

The Dropbox landing page made a confident and bold choice as to what action it wants site visitors to take, and it was then designed in a way that emphasized on that action.

Landing Page Case Study: Mailbox

Mailbox, an app that helps its users efficiently deal with emails on a mobile device, shows us another example of a great minimalist landing page design.

The primary action is to click a big, distinctively-designed button labeled Get the App that brings the user to the Mailbox page in the Apple App Store.

Mailbox

A simple in-product screenshot on the right of the primary call-to-action (that opens a product video when clicked) effectively illustrates what Mailbox is.

Alternative actions are seen at the site’s navigation menu, but the navigation menu is visually-deemphasized.

Landing Page Case Study: Karma

Karma is another excellent example of a beautiful minimalist landing page.

The primary desired action on this landing page is to click on the Buy Now button. The primary action is displayed twice: once in the middle of the layout, and another at the top. The call-to-action buttons are both green, labeled identically, and are visually similar to create a connection between them.

Karma

A secondary alternative action a user could take is clicking on the Learn More button. As you can see, the transparency of the Learn More button reduces its visual weight so it doesn’t steal attention away from the primary Buy Now call-to-action button beside it.

The short description above the call-to-action buttons tersely encapsulates Karma’s unique value proposition: a social-sharing WiFi connection.

The high-res background photo is meaningful; the photo shows what the product looks like and gives you an idea about the size of the product (the hand holding the product is a useful contextual hint).

Essential Components of a Minimalist Landing Page

You may be seeing a reoccurring design pattern by now.  A minimalist landing page has three major components:

  1. Primary action
  2. Explanation of what the product/service is
  3. Alternative action/s

As we go to the next section of this article and as we go through a few more examples, keep those three components in mind.

Design Tips for Minimalist Landing Pages

What follows are some tips and ideas based on reoccurring patterns we’ve seen in minimalist landing pages.

Focus on Creating a Good Visual Hierarchy

In order to draw attention to the most important parts of a landing page, the visual hierarchy should be well-composed.

Visual hierarchy is the deliberate arrangement of the elements in a design so that the most important elements are seen first.

Some of the main characteristics that affect a design element’s position in the visual hierarchy of a landing page are:

  1. Size: Bigger elements are higher in the hierarchy.
  2. Position in the web page: For most sites, elements at the top and at the left of a web page are higher in the hierarchy.
  3. Color contrast: A stronger contrast between a particular element and its background, as well as between other elements in close proximity to it, will lead to a higher position in the visual hierarchy.
  4. Visual complexity: A more complex aesthetic compared to surrounding elements gives the element stronger visual weight.
  5. Whitespace: more whitespace around the element gives it a stronger visual weight.

Visual hierarchy explained

In the examples that follow, take note of how size, position, color contrast, visual complexity, and whitespace are used to establish the desired visual hierarchy.

Example: Numbrs

The minimalist web design of Numbrs is a good talking point with regards to visual hierarchy.

The description of the app (1) and the app’s primary call-to-action button (2) are the two most prominent elements in the web page.

The volume control (3) is pretty high on the visual hierarchy too since you might want to turn off the audio when you visit the landing page.

The name of the site (4) and alternative actions you can take (5) are lower in the visual hierarchy.

Example: Wander

Another demonstration of good visual hierarchy composition can be seen in the minimalist landing page of Wander.

There are only four foreground elements in the design.

Wander

Topmost in the visual hierarchy is a statement letting people know that the site is taking in sign-ups (1). Below the statement is a call-to-action button asking users to log in (2).

Significantly much lower in the visual hierarchy are secondary alternative actions Wander’s landing page visitors can take, such as liking Wander on Facebook (3). The Facebook button also displays the number of Facebook Likes Wander has, serving a dual purpose of providing site visitors with social proof about the app.

Other secondary actions site visitors can take are viewing Wander’s social network accounts or reading Wander’s Tumblr blog (4).

Creating Visual Hierarchy in Your Web Designs

Read these guides to get tips and ideas for composing visual hierarchies:

Make Sure the Primary Action is the Most Prominent Element

The first step is to decide what primary action you would like your site visitors to take. Is it to click on a certain button? Is it to like your Facebook page? Is it to fill up a web form?

Choose one primary action, and then commit to it fully. Then design the web page to support that primary action.

Example: enthuse.me

A good demonstration of making the primary action the most prominent element on the landing page can be seen on enthuse.me:

With a good visual hierarchy, it’s immediately evident that the primary action is to click on the Get Started! button.

Example: IFTTT

Notice how the primary action of the IFTTT landing page is quite obvious:

Use Colors and Typography Strategically

Web designers creating minimalist sites will only have a few tools in their arsenal: Color and typography are chief among them.

Example: Basecamp

Basecamp is an example of a minimalist landing page that uses color and typography strategically.

Basecamp

Green is used for the primary call-to-action. Blue is used for secondary calls-to-action (such as the log-in button for existing users and the link to another web page describing reasons why people use Basecamp).

Big fonts and variations in the colors of design elements serve to draw your attention to relevant points of interest in the landing page.

Example: Path

Next, let’s take a look at how Path uses color and great typography to build the appropriate visual hierarchy.

A distinctive green color is used on their primary desired action, which is to fill up a web form.

Varying font sizes, text color and text treatments effectively segment sections of interest in their landing page.

Keep Textual Content Succinct

By now, it’s a well-known fact that Internet users rarely read our site’s content. We can reasonably assume an Internet user’s patience is much shorter when he’s on the landing page of a product that he isn’t involved with yet.

Minimalist landing pages must keep textual content short and easy to understand. With fewer things to read, site visitors are more quickly prompted to take action.

Example: Contently

Contently is able to describe their web service’s value proposition in 3 words: Tell Great Stories. That is so profound, given that the web service is centered around content! There is very little text content on their landing page, reducing the likelihood of derailing the site visitor’s path towards taking action.

Example: Shipment

Another good demonstration of keeping text content usefully short can be seen on Shipment. In 5 simple words — Share and review your designs — the site visitor becomes instantly aware of what Shipment can to do for him/her.

Explain the Product/Service Quickly

There are many ways to effectively illustrate how a product or service works. The key here is to keep the explanation as simple as possible.

Let’s look at a few ways you can illustrate a concept efficiently.

Example of Video Explanation: Couple

The Couple app makes use of a product video to explain how it works, taking advantage of the fact that product videos can significantly increase conversion rates.

The video is progressively disclosed by clicking on the "play now" icon button:

Couple

After the button is clicked, a YouTube video is displayed in a modal window. The modal window is easy to close so the user doesn’t have to watch the entire video before taking the next action.

Couple 2

This example also aptly reveals a concept that should be applied to secondary actions and content: Progressive disclosure. When using a video, instead of showing the video immediately — which would affect the landing page’s visual hierarchy since videos have heavy visual weights due to their size and color — show the video only when the user explicitly wants to see it.

Example of Interactive Tour Explanation: Apple Mac Pro

The minimalist landing page of Apple’s Mac Pro demonstrates another popular way of describing a product: An interactive product tour.

The explanation begins with a quick animation to draw your attention in, as well as to provide a hint that the web page has animated interactivity.

Example of a Static Photo Explanation: Wallmob

The high-res background photo found on the Wallmob landing page is an exemplary example of how to use a meaningful image.

The background photo serves to illustrate what Wallmob is: A point-of-sale app for your mobile device.

Simplicity is Sophisticated

As you can see, this way of designing landing pages is very simple in concept: A minimalist landing page is goal-centered, and there’s only one goal.

By removing unneeded elements, you’re given the opportunity to direct your design and production efforts — as well as the attention of your site visitors — to the things the really matter.

Read These Next:

About the Author

Karol K is a web designer and freelance writer. He’s passionate about entrepreneurship and using the Internet as a business tool. He works at Writers in Charge as the head of marketing.

The post Deconstructing Minimalist Landing Pages appeared first on Six Revisions.

Delicious Digg Evernote Facebook Google Bookmarks LinkedIn StumbleUpon Tumblr Twitter
You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions
 

© 2011 Photoshop TUTO - Designed by Mukund | ToS | Privacy Policy | Sitemap

About Us | Contact Us | Write For Us