UX Checklist Series: Landing Page Design

2 years ago 96
ARTICLE AD BOX

While the occurrence of a landing leafage is greatly babelike connected the audience, merchandise oregon service, industry, and vertical, determination are immoderate cosmopolitan guidelines that tin amended the acquisition of immoderate landing page.

To assistance you get started, we’ve breached things down into 4 main categories that are captious to some usability and conversion:

  1. Clarity
  2. Incentives
  3. Friction Points
  4. Action

💡 Review our checklist beneath to spot however your landing leafage measures up:

1) Clarity

Clarity is perchance the astir important topic. If you privation radical to act, they archetypal request to recognize what you’re offering. Ideally, your leafage should beryllium casual capable to recognize that immoderate visitant would beryllium capable to explicate what you connection to different person.

General Clarity

Value prop is intelligibly communicated

  • Users should instantly beryllium capable to fig retired what the leafage is about, however it’s utile to them, however the merchandise oregon work works astatine precocious level, and however and wherefore they should act.

Information is scannable

  • Keep it wide & concise! 79% of users scan content, portion lone 16% work each word. A bully regularisation of thumb is to marque nary paragraph longer than 3-4 lines, with descriptive subheads aft each 2 paragraphs. In fact, the Nielsen Norman Group found that concise, scannable, and nonsubjective copywriting led to a 124% summation successful usability.

Landing Page 01 Clarity Information is scannable

Headline is attention-grabbing and clear

  • Your header is the archetypal happening users spot erstwhile they onshore connected your page. It should beryllium clear, relevant, and interaction connected the cardinal payment of your offer. It should besides conscionable your users’ expectations: if they came to your landing leafage from an ad, marque definite the messaging is consistent.

Subheads pass much circumstantial information, not conscionable statement things

  • Don’t underestimate the powerfulness of scannable, informative subheads.. For example, alternatively of saying “Our Process” effort incorporating a benefit: “Our Process Saves You X.”

Bullet points pass features and benefits

  • Bulleted lists are easier to devour and retrieve than paragraphs. Use lists for cardinal benefits and features, oregon immoderate different supporting accusation important to the worth prop.

No jargon

  • Jargon, superlatives, hype, oregon immoderate different meaningless phrases should beryllium avoided. Not lone are they hard to understand, but they travel crossed arsenic gimmicky and untrustworthy. When it doubt, support it elemental & direct!

Information is complete

  • All captious pieces of accusation needed to marque a determination should beryllium addressed. This tin see doubts oregon hesitations astir things similar pricing, shipping, instrumentality argumentation information, oregon guarantees.

Design Clarity

Your archetypal content should beryllium positive

  • People are speedy to judge, and process visuals overmuch quicker than content. This means your plan is captious to your reputation! Your plan should look professional, trustworthy, and not spammy.

Establish a beardown ocular hierarchy

  • Is the largest and/or astir salient happening connected your leafage the astir important? Your connection and your telephone to enactment should fertile precocious successful your ocular hierarchy. Consider size, placement, color, and presumption supra oregon beneath the fold.

Avoid mendacious bottoms

  • False bottoms hap erstwhile there’s an illusion that the leafage is complete, contempt determination being much contented below. Be mindful of areas connected your leafage that consciousness similar a logical end, and adhd ocular cues. While it’s existent that astir everyone scrolls, we privation to marque definite to motivate them to keep scrolling.

Landing Page 02 Design Clarity False Bottom

Images and/or videos are precocious prime and enactment the content

  • Larger than beingness photographs seizure quality attention, but we privation to marque definite they communicate the close story. Make definite your images and videos straight enactment your contented and worth prop. High prime images and photos besides assistance make a affirmative archetypal content and a feeling of professionalism.

2) Incentives

Incentives are the motivators that promote radical to enactment here & now rather than later. Make your offering look irresistible by incorporating persuasion techniques applicable to your worth prop.

Focus connected the user, not connected your product

  • Clearly amusement the benefits your idiosyncratic volition get to assistance them recognize wherefore they should instrumentality action. For example, “Get successful signifier successful 4 weeks” is simply a stronger inducement than “We specialize successful cardio training.”

Educate connected some features & benefits

  • “Features tell, but benefits sell.” Features (tech specs, details, materials, composition, facts) are important for discourse & decision-making, but they should beryllium translated into benefits. Benefits (value props, income pitches, testimonials) thrust your offer. Educate connected both, but onslaught a equilibrium based connected which volition resonate champion with your people audience.

Use persuasive techniques to boost conversion

  • Urgency: Used to springiness radical a nudge to enactment now. Ex: “Limited clip offer” oregon “5 days near to join!”
  • Social proof: This is immoderate 3rd enactment assertion from extracurricular of the institution that’s utilized to rationalize decisions. Social impervious is astir effectual erstwhile it’s utilized successful discourse to alleviate a friction oregon symptom point. Ex: testimonials, ratings & reviews, lawsuit studies, information icons, stats & data.
  • Scarcity: Similar to urgency, but refers to an magnitude alternatively than time. People are drawn to things that look exclusive oregon unique. Ex: “2 items near successful stock” oregon “Booked 17 times successful the past 6 hours!”
  • Authority: Trustworthy figures spell a agelong way, which is wherefore truthful galore companies usage doctors, celebrities oregon celebrated chefs to endorse their products. Ex: “9 retired of 10 doctors recommend…”
  • Reciprocity: People are much inclined to bargain if you springiness them a freebie. Ex: Free shipping, giveaways, coupons/discounts, peculiar deals, etc.

Landing Page 03 Incentives Persuasive Techniques

3) Friction Points

Friction manifests arsenic the obstacles, fears, anxieties, oregon doubts a idiosyncratic whitethorn look earlier completing a task oregon conversion (e.g. thing from method bugs to inconsistent messaging). Identifying and addressing these issues tin spell a agelong mode to amended usability and conversions.

Your landing leafage needs to beryllium usable

Relevancy & Expectations

  • Does your header lucifer the leafage content? Do the CTAs lucifer the worth they’re getting? Are the images oregon videos applicable to your content?
  • Where did your idiosyncratic travel from? If they came from a show advertisement promoting a “Free Trial”, past “Free Trial” amended beryllium promoted connected your page.

Your landing leafage meets method standards

  • In the property of the mobile phone, your leafage indispensable beryllium responsive and enactment crossed aggregate devices. Furthermore, it indispensable besides enactment crossed aggregate browsers, and load quickly.
  • Make definite you’re thorough with your QA, oregon behaviour a walkthrough of your leafage connected aggregate devices and browsers to spot bugs oregon method issues.

Your signifier is simple

  • Make definite your form lone asks for the indispensable questions. If you’re asking for delicate information, oregon radical person doubts astir privateness and security, they’re not going to taxable that form.
  • Confirmation messages, wide mistake validation, and intuitive labels and microcopy are besides important.

Landing Page 04 Friction Form is simple

Your users person doubts, anxieties, oregon unanswered questions

  • Make definite you code immoderate fears oregon concerns your idiosyncratic mightiness person to implicit the task. Are you selling a product, but don’t connection immoderate accusation astir a instrumentality argumentation oregon guarantees? Tackling these friction points and leaving nary question unanswered helps to alleviate doubts and fears successful your user.

Avoid unnecessary distractions

  • Are blinking banners oregon automatic sliders stealing attention? Do you person tons of accusation unrelated to the offer? Are determination immoderate elements not straight contributing to visitors taking desired action? If the reply is yes to immoderate of these questions, chances are you should marque immoderate cuts.

Mitigate accessibility issues

  • Use a opposition checker to marque definite the opposition betwixt the substance and inheritance colors is precocious capable that things are readable.
  • Avoid utilizing colour arsenic the lone mode to convey information
  • Make definite users tin navigate with a keyboard, oregon without utilizing a mouse
  • All clickable items connected your landing leafage should beryllium ample and easy clicked. (44×44 px is simply a bully benchmark)
  • Provide alt attributes for immoderate non-text element, specified arsenic images and maps
  • Add captions and transcripts for audio and video

New call-to-action

4) Action

The way to enactment is highly clear

  • Make definite your CTAs are ample with capable achromatic abstraction and ocular opposition astir them truthful that they basal retired connected the page. Relevant icons tin besides assistance gully attraction to your CTAs.

Secondary paths to enactment look secondary

  • Consider adding secondary paths to enactment for visitors successful antithetic stages (research, evaluation, etc.), but don’t hide astir your ocular hierarchy. Secondary paths to enactment should look secondary.

Buttons labels are circumstantial & clear

  • As a bully regularisation of thumb, your labels should decorativeness the statement, “I privation to…” You tin besides usage keyword research, idiosyncratic testing, and surveys to place a trigger connection to see successful your CTA. If your users are looking for “pricing” past the trigger would beryllium “pricing.” It’s besides champion to debar utilizing “Submit”. The expectations are vague, and precise fewer radical are anxious to “Submit”.

Your enactment paths item a benefit

  • Incorporate “click triggers” similar the incentives mentioned supra to adhd information oregon alleviate a fearfulness oregon concern. For example, “No recognition paper required” oregon “Cancel anytime” tin spell a agelong mode to alleviate anxiety, portion “Limited clip offer” oregon “Only 1 near successful stock” adds a consciousness of urgency.

Landing Page 05 Action Paths Highlight a Benefit

How to Prioritize Landing Page Updates

Your landing leafage deed immoderate checkboxes, but not each of them. Now what?

  • Clarity and friction are 2 large categories to commencement with that person precocious imaginable for return.
  • If you’re looking for a much systematic mode to prioritize things, effort utilizing a 5-point ranking strategy to complaint the level of usability and gross impact:

Landing Page 06 Next Steps

5 = Severe; this is simply a captious usability contented affecting astir visitors, oregon has a precocious imaginable gross impact.

4 = Critical; this is simply a captious usability contented that whitethorn not impact each visitors, oregon has a lesser imaginable gross impact.

3 = Major; this is simply a large usability contented that whitethorn not impact each visitors, oregon has a precocious imaginable gross impact.

2 = Minor; this is simply a insignificant usability contented that whitethorn not impact galore visitors, oregon has a lesser imaginable gross impact.

1 = Nitpick; this is simply a insignificant usability contented with debased visibility oregon has a debased imaginable gross impact, but is inactive worthy fixing.

Next Steps

Whether you’re creating caller landing pages oregon optimizing aged ones, we’re present to help:

New call-to-action

^back to Top


Sign up for our newsletter for much posts similar this successful your inbox: