Articles

7 UX Principles to Apply to Your SEO

,

User experience is one of the most important aspects of web design, but many experts overlook that UX doesn’t just apply to web pages. User experience as a concept encompasses all aspects of end-user interaction with a company.

That means you need to discover the right UX strategies for everything from your homepage to your email marketing and even your listings on Google.

Today, we’re going to explore some of how you can apply UX principles to your client’s image on search engines.

Why Your Search Engine Listing Matters

Let’s start with the basics: 89% of customers start their purchasing process with a search engine. That means that whether you’re creating a portfolio to sell your services or building a website for a client, the first connection a customer has with your design isn’t on the homepage.

Most of the time, you’re driving a specific experience for an end-user before you even realize it. Before you can wow an audience with a beautiful site design or an amazing CTA offer, you need to convince them to click on your Google link.

When you invest in user experience, you think carefully about the journey that an end-user goes through when interacting with a brand. This often means considering things like the user’s intent, their needs, and their pain points.

Those same principles apply to create an impressive search engine listing.

UX on a website is all about giving your audience what they need in an informed, and strategic manner; UX in the search engine results works the same way.

How to Make Your Search Listing Stand Out with UX

So, how do you begin to apply the principles of UX to your Google Search results?

It’s much easier than you’d think.

Step 1: Show Immediate Value

Delivering an excellent experience on a website often means providing end-users with the information they need as quickly as possible. Imagine designing a landing page; you wouldn’t want your audience to scroll forever to find what they need. Instead, you’d make sure that the value of the page was immediately obvious.

When creating an image for your search engine listing, you’ll need to take the same approach. This often means thinking carefully about two things: your headline and your meta description.

Around 8 out of 10 users say that they’ll click a title if it’s compelling. That means that before you do anything else to improve your SEO strategy, you need to make sure that your web page’s title is going to grab your audience’s attention.

The best titles deliver instant value. These titles tell the audience exactly what they’re going to get when they click onto the page. The promise drives action, while clarity highlights the informed nature of the brand.

The great thing about using an excellent title for a page is that it doesn’t matter where you’re ranked on the search results. Whether you’re number 2 or number 5, your customers will click if they find something they want.

It’s just like using a CTA on a landing page. Make sure your titles are:

  • Informative — show your audience value immediately;
  • Optimized for mobile — remember, your audience might not see your full title on some screens; this means that you need to make the initial words count;
  • Easy to read — keep it short, simple, and clear, speak the end-users’ language.

Step 2: Build Trust with Your URLs

Trust factors are another essential part of good UX.

When you’re designing a website for a new brand, you know that it’s your job to make visitors feel at ease. Even in today’s digital world, many customers won’t feel comfortable giving their money or details to a new company.

Within the website that you design, you can implement trust symbols, reviews, and testimonials to enhance brand credibility. On search engines, it all starts with your URL.

Search-friendly URLs that highlight the nature of the page will put your audience’s mind at ease. When they click on a page about “What is SEO” in the SERPs, they want to see an URL that matches, not a bunch of numbers and symbols

Use search-friendly permalink structures to make your listing seem more authoritative. This will increase the chances of your customer clicking through to a page and make them more likely to share the link with friends.

Once you decide on a link structure, make sure that it stays consistent throughout the entire site. If a link doesn’t appear to match the rest of the URLs that your audience sees for your website, they may think they’re on the wrong page. That increases your bounce rate.

Step 3: Be Informative with Your Meta Description

To deliver excellent UX on a website, you ensure that your visitor can find all of the answers to their most pressing questions as quickly as possible. This includes providing the right information on each page and using the correct navigational structure to support a visitor’s journey.

In the SERPs, you can deliver that same informative experience with a meta description. Although meta descriptions often get ignored, they can provide a lot of value and help you or your client make the right first impression.

To master your meta descriptions:

  • Use the full 160 characters — make the most of your meta description by providing as much useful information as you can within that small space;
  • Include a CTA — just as CTAs help to guide customers through the pages on a website, they can assist with pulling in clicks on the SERPS; a call to action like “read about the” or “click here” makes sense when you’re boosting your search image;
  • Focus on value — concentrate on providing your customers with an insight into what’s in it for them if they click on your listing.

Don’t forget that adding keywords to your meta description is often helpful too. Keywords will boost your chances of a higher ranking, but they’ll also show your audience that they’re looking at the right result.

Step 4: Draw the Eye with Rich Snippets

You’ve probably noticed that the search engine result pages have changed quite a bit in the last couple of years. As Google strives to make results more relevant and informative, we’ve seen the rise of things like rich snippets. Rich snippets are excellent for telling your audience where to look.

On a website, you would use design elements, like contrasting colors and animation, to pull your audience’s attention to a specific space. On search engines, rich snippets can drive the same outcomes. The difference is that instead of telling a visitor what to do next on a page, you’re telling them to click on your site, not a competitor’s.

When Google introduced rich snippets, it wanted to provide administrators with a way of showcasing their best content. Rich snippets are most commonly used today on product pages and contact pages because they can show off reviews.

Install a rich snippet plugin into your site if you’re a WordPress user or your client is. When you enter the content that you need into the website, use the drop-down menu in your Rich snippet tool to configure the snippet.

Ideally, you’ll want to aim for the full, rich snippet if you want to stand out at the top of the search results. Most featured snippets have both text and an image. It would help if you aimed to access both of these by writing great content and combining it with a relevant image.

Step 5: Provide Diversity (Take Up More of the Results)

As a website designer or developer, you’ll know that different people on a website will often be drawn to different things. Some of your visitors might immediately see a set of bullet-points and use them to search for the answer to their question. Other visitors will want pictures or videos to guide them. So, how do you deliver that kind of diversity in the SERPS?

The easiest option is to aim to take up more of the search result pages. Google now delivers a bunch of different ways for customers to get the answers they crave. When you search for “How to use Google my Business” on Google, you’ll see links to blogs, as well as a list of YouTube Videos and the “People Also Ask” section.

Making sure that you or a client has different content ranking pieces for the same keywords can significantly improve the experience any customer has on the search engines. Often, the process of spreading your image out across the SERPs is as simple as creating some different kinds of content.

To access the video’s benefits, ask your client to create YouTube videos for some of their most commonly asked questions or most covered topics. If you’re helping with SEO marketing for your client, then make sure they have an FAQ page or a way of answering questions quickly and concisely on articles, so they’re more likely to appear in “People Also Ask”:

Step 6: Add Authority with Google My Business

Speaking of Google My Business, that’s another excellent tool that’s perfect for improving UX in the search results. GMB is a free tool provided by Google. It allows business owners to manage how information appears in the search results.

With this service, you can manage a company’s position on Google maps, the Knowledge Graph, and online reviews. Establishing a company’s location is one of the most important things you can do to help audiences quickly find a business. Remember, half of the customers that do a local search on a smartphone end up visiting the store within the same day.

Start by setting up the Google Business listing for yourself or your client. All you need to do is hit the “Start Now” button and fill out every relevant field offered by Google. The more information you can add to Google My Business, the more your listing will stand out. Make sure you:

  • Choose a category for a business, like “Grocery store”;
  • Load up high-quality and high-resolution images;
  • Ensure your information matches on every platform;
  • Use a local number for contact;
  • Encourage reviews to give your listing a five-star rating.

Taking advantage of a Google My Business listing will ensure that your audience has all the information they need to make an informed decision about your company before they click through to the site. This means that you or your client get more warm leads and fewer people stumbling onto your website that might not want to buy from you.

Step 7: Use Structured Data Markup to Answer Questions

If you’re already using things like rich snippets in your Google listings, you should also have a structured schema markup plan. Schema markup on Google tells the search engines what your data means. This means that you can add extra information to your listings that will guide your customers more accurately to the support they need.

Providing additional schema markup information to your listings gives them an extra finishing touch to ensure that they stand out from the competition. You might add something like a “product price” to a product page or information about the product’s availability.

Alternatively, you could provide the people who see a search result with other options. This could be an excellent option if you’re concerned that some of the people who might come across your listing might need slightly different information. For instance, you can ask Google to list other pages along with your search results that customers can “jump to” if they need additional insights.

Baking structured data into your design process when you’re working on a website does several positive things. It makes the search engine’s job easier so that you can ensure that you or your client ranks higher. Additionally, it means that your web listings will be more thorough and useful.

Since UX is all about giving your audience the best possible experience with a brand, that starts with making sure they get the information they need in the search results.

Constantly Improve and Experiment

Remember, as you begin to embed UX elements into your search engine listings, it’s important to be aware of relevant evolutions. Ultimately, the needs of any audience can change very rapidly. Paying attention to your customers and what kind of links they click on the most will provide you with lots of valuable data. You can use things like Google analytics to A/B test things like titles, pictures, featured snippets, and other things that may affect UX.

At the same time, it’s worth noting that the Google search algorithms are always changing. Running split tests on different pages will give you an insight into what your customers want. However, you’ll need to keep an eye on the latest documentation about Google Search if you want to avoid falling behind the competition.

Like most exceptional UX aspects, mastering your SERP position isn’t a set it and forget it strategy. You’ll need to constantly expand your knowledge if you want to show clients that you can combine UX and SEO effectively.

It’s easy to forget that there’s more to UX than making your buttons clickable on mobile devices or ensuring that scrolling feels smooth. For a designer or developer to deliver wonderful UX for a brand, they need to consider every interaction that a company and customer have. Most of the time, this means starting with the way a website appears when it’s listed on the search engines. Getting your SEO listing right doesn’t just boost your chances of a good ranking. This strategy also improves your reputation with your audience and delivers more meaningful moments in the buyer journey.

 

Featured image via Unsplash.

Source


Source de l’article sur Webdesignerdepot

/par

5 Ways to Boost Engagement With Animation

,

Animation is a fun and interesting way to bring life to a website. Used correctly, it can capture audience attention, make your website more engaging, and even improve your chances of delivering conversions for your clients.

Unfortunately, like many things in the web design world, it’s also easy to get too carried away with animation. As professional designers and developers, it’s up to us to find the line between making the most of animation on our website projects and creating a site that’s overwhelmed with too much activity.

Fortunately, by the time you’ve finished reading this article, you’ll have a deeper insight into how you can use animation in web design, without going too over the top.

Introducing Animation in Web Design

Animations are virtually everywhere on the web today.

In the past, when designers first discovered that they could embed movement into their websites, the amount of animation we saw was often higher than it needed to be. It wasn’t uncommon to find some websites running entirely on Flash, where every element could be animated.

Fortunately, the trends of modern web design have left those practices behind. These days, it’s a lot more common to make animation a part of the overall user experience, rather than focusing on them as a centerpiece attraction. For instance, you’ve probably noticed plenty of animated sliders showing off pictures in a gallery, or transition animations when people hover over a button.

Since it’s entirely possible to construct an entire website with no animations at all, the key to creating an engaging website today is making sure that every animation you use serves a specific purpose. Your animations should make a website more attractive, easier to use, and better for navigation. Add too many, and you could even risk slowing down a site.

So, where does it make sense to use animation for web design?

1. Loading Animations

One of the best ways to use animations in a website is to distract and delight users as a page loads. You can use the animation to deliver a unique experience, or even just highlight the playful nature of your brand. For instance, just check out this classic load animation called “Tightrope.”

You can also use things like particle animations to capture a customer’s attention and help your visitors relax when they visit a website. Particle animations can be interactive or non-interactive, and they’re a great way to stop visitors from feeling frustrated when a page takes too long to load.

A website by Edan Kwan called “Particle Love” shows you exactly what kind of experience you can create with real-time animations.

The more you can delight visitors with experiences that keep them engaged while the information they need is loading, the less likely people will be to hit the “back” button.

2. Microinteraction Animations

Microinteractions are quick and simple animations that come with specific use cases. Usually, this animation works to provide visual feedback and information when you interact with a specific element.

For instance, this microinteraction design from Colin Garven encourages users to enter their email address and password into a login field:

Ideally, the best way to use microinteractions is to make them as subtle as possible. These tools aren’t here to steal the spotlight from other information on the page. However, they can sometimes encourage your viewers to take the next stage in their conversion journey.

Animated microinteractions can be as complex or as basic as you choose. For instance, you could use them when:

  • Highlighting if a feature is switched on or off;
  • Letting users know when actions were successful (like sending a message in a contact form);
  • Showcasing important information, like prices on a table;
  • Animating icons on your site to encourage action;
  • Depending on your experience with animations, you can even find themes and plugins that come with options already built-in.

3. Dynamic Backgrounds

An animated background can be an excellent way to make your website stand out from the crowd. However, it’s important to remember that excessive animation has a habit of making your site slower and more clunky than it needs to be.

The animated background on the mystaticself.com website is fantastic for introducing customers to new information with a handy dynamic menu.

Often, the only reason that you should create your own dynamic background for a website, is if it’s going to improve your customer’s experience in some way.

Remember, ensure that the animations that you’re using on your website aren’t going to make any aspect of your site more difficult to use. Animated backgrounds need to offer a compliment to your existing website, rather than distracting customers from what they want to do.

Before you go all-in with your background animations, focus on animating small sections of an image, one piece at a time. You can also animate components with very small motions too.

4. Reveal Hidden Messages

Another excellent way to use animation in web design is to harness it for showcasing important information. For instance, a navigation menu is an important component in your website design, but it can also take up a lot of valuable space.

In some cases, a hidden menu that appears when a customer scrolls over a small box or icon could make a lot of sense. You can also think about animated drop-down menus if you’re working with a website that has a large number of pages.

Check out this fun example of an animated CSS3 menu:

The sections change color and move as you hover over them, making it easier to see exactly where you’re clicking.

It’s up to you exactly how creative you want to be when you’re playing with animated menus. The easiest option is often just to have a component that changes color or shape with a hover effect. However, you can also expose hidden menus and extra information too.

For instance, with some websites, you can create pictures that turn over to show information on the other side. That means that you could create an about page with pictures of team members, which flip to show biography information.

Just make sure that everything works smoothly, both on desktop and mobile.

5. Try Carousels

Finally, we come to perhaps the simplest and most popular way of using animation in web design. Carousels are a common component of almost every theme on the web today. They’re great for showing off useful information, such as what a website has to offer, or which deals are available.

When creating a carousel, you can either give your users control over how quickly an image transitions, or you can implement automatic movement. On the heathfield.co.uk website, the designer has added buttons to let you flip backwards and forwards between photos, while also ensuring that the animation is automatic.

Without the animation to show you the pictures sliding into space, the transitions between each picture would be instant – which is a little more jarring for viewers.

Sliders are such a common component of web design today that customers almost expect to see them on many websites. That means that you can enjoy a very effective experience if you want to avoid doing anything too dramatic with your websites.

You can use sliders for everything from showing off products, to displaying testimonials from customers and more. It’s a great way to compress a lot of useful information into one small space on a site.

Use Website Animation Carefully

The most important thing for most designers to remember with animation and web design is that it’s entirely possible to have too much of a good thing. When it comes to creating amazing designs for your clients, you can take advantage of animation to encourage more engagement and a unique experience. However, you shouldn’t allow yourself to go too over the top.

Rather than animating every aspect of a page to constantly grab visitor attention, think about how you can make the visitor experience more compelling with the right animation choices. If an entire page of animation on the background isn’t right for your target audience, perhaps custom animations on a navigation bar or a slider would be a good option instead.

At the same time, remember to make the most of the latest technologies on the market for adding animation to web design. A good combination of CSS3, JavaScript, and HTML5 often makes it easier to create more immersive, high-quality animations that users can interact with on desktop and mobile alike.

Source


Source de l’article sur Webdesignerdepot

/par

SAP France nomme Pascal Le Nahédic, Directeur des solutions à impact écologique et sociétal et Sylvie Turcotte, Directrice avant-vente

, ,

LEVALLOIS-PERRET, France – 10 décembre 2020 – SAP France, 5ème filiale du Groupe SAP, leader du marché des logiciels d’applications d’entreprise, annonce le renforcement de sa stratégie « Green Line » avec la création d’une direction dédiée. Dirigée par Pascal Le Nahédic, celle-ci vise à aider les organisations à répondre à une de leurs priorités incontournables : améliorer leur impact environnemental et sociétal. SAP entend ainsi accélérer sur les sujets clés du développement durable.

En effet, les entreprises européennes sont face à une problématique complexe : alors qu’elle ont consacré 124 milliards d’euros l’an dernier à de nouvelles actions de réduction de leurs émissions de Co2, elles vont encore devoir doubler les investissements bas carbone pour avoir une chance d’atteindre l’objectif de zéro émission nette en 2050 fixé par Bruxelles.

Pascal Le Nahédic nommé Directeur des solutions à impact écologique et sociétal, SAP France

Pascal Le Nahédic prend les commandes des solutions à impact écologique et sociétal de SAP et sera en charge d’accompagner les clients de SAP dans le développement de nouvelles pratiques pour réduire leur empreinte sur l’environnement grâce aux technologies.

Après avoir passé 10 ans au sein du Groupe Exxon en Europe et en Asie, Pascal rejoint SAP France en 1999 en tant que Directeur de projet. En 2007, il occupe la fonction de Presales Industries. Depuis 2015, il assure le rôle de Presales Business Architect pour l’industrie ENR. Passionné par le sujet d’économie circulaire, il multiplie les initiatives d’intrapreneuriat en interne dont un projet innovant visant à aider les entreprises à réduire leurs déchets en termes de PLV (Publicité sur Lieu de Vente).

Sylvie Turcotte – Directrice Avant-Vente, SAP France

Sylvie Turcotte est à la tête de l’ensemble de l’organisation Avant-Vente pour SAP France.  Elle a pour mission de renforcer la croissance cloud de la filiale française par la mise en place de nouvelles approches avant-vente. Passionnée du milieu des technologies depuis 30 ans dont 20 ans au sein du groupe SAP. Sylvie a débuté sa carrière chez SAP Canada en 2000 comme consultante Finance, Funds management et Real Estate, avant de rejoindre l’équipe avant-vente Secteur Public pendant plusieurs années pour ensuite devenir directrice des ventes de Premium Engagement. Par la suite, elle a été nommée Customer Solution Director (CSD) puis Directrice de l’équipe Digital Core (Finance et Supply Chain) au niveau de SAP Canada, rôle qu’elle occupait depuis 3 ans.

The post SAP France nomme Pascal Le Nahédic, Directeur des solutions à impact écologique et sociétal et Sylvie Turcotte, Directrice avant-vente appeared first on SAP France News.

Source de l’article sur sap.com

/par

5 NLP Trends to Watch in 2021

,

Although still in its infancy, 2020 has been a year of significant growth for Natural Language Processing (NLP). In fact, research from Gradient Flow found that even in the wake of the COVID-19 pandemic, 53% of technical leaders indicated their NLP budget was at least 10% higher compared to 2019, with 31% stating their budget was at least 30% higher than the previous year. This is quite significant, given most companies are experiencing a downturn in IT budgets, as companies adjusted their spending in response to the pandemic. 

With the power to help streamline and even automate tasks across industries, from finance and healthcare to retail and sales, leaders are just beginning to reap the benefits of NLP. As the technology advances further and its value becomes more widely known, NLP can achieve outcomes from handling customer service queries to more mission-critical tasks, like detecting and preventing adverse drug events in a clinical setting. As NLP continues on its growth trajectory, here are some of the top trends to watch in 2021. 

Source de l’article sur DZONE

/par

3 Easy Ways to Use Emotion in Web Design

,

As human beings, we like to think that we’re rational creatures.

We tell ourselves that we make our decisions based on fact and logic. However, that’s rarely the full truth. As much as we try to make choices guided by rationality, the truth is that we’re often highly emotional people, driven by the way that things make us feel.

So, what does that mean for a website designer?

Though designing a functional and logical website is important, it’s crucial not to forget about the emotional impact of each interaction that your customer has with the sites that you build.

Sites that don’t elicit any kind of emotional response aren’t just boring; they’re forgettable.

A forgettable website is poison to any website designer’s portfolio.

That’s why we’re going to introduce you to some easy ways to use emotion in your designs this year.

Getting to the Bottom of Emotion in Web Design

First, you need to understand the part that emotion plays in user decisions.

Don Norman’s book Emotional Design says that there are many things that designers can do to make their designs more emotional. Even something as simple as focusing on the aesthetic impact of your website can make it more likely that you’ll reach your audience on an emotional level.

One important thing to remember about emotional design, is that it’s not just about making your customers feel good. Emotion can be both positive and negative. Sometimes negative emotion is more impactful than positive feelings – it all depends on the kind of site you’re trying to create.

A website selling health products to customers needs to make that audience feel comfortable and confident that they’re buying a trustworthy item. However, it may also need to trigger small feelings of worry or concern in the audience about what might happen if they don’t buy.

Knowing how to walk that balance between positive and negative feelings is how a designer takes a simple website design and turns it into something incredible.

So, where do you get started?

Step 1: Use Visual Elements to Trigger Emotion

Visual elements are one of the easiest points to get started with when you’re designing for emotion. That’s because visuals are fantastic at drawing out feelings.

An animation can create an emotional connection with your audience by helping them to understand how your product works or making them laugh when they land on your page. A genuine photograph of your team working together can inspire trust and feelings of affinity.

One of the most common visual elements used to trigger emotion is color.

Shades like blue and green in the digital design world are more likely to drive feelings of calmness and comfort. On the other hand, red and yellow often encourage feelings of enthusiasm and happiness.

The way that you use color can make a massive difference to how users feel when they arrive on a website. For instance, the Barclay’s website would have been pretty boring if it was just a basic black and white screen. However, a banking site can’t afford to go over the top with animations or illustrations in most cases, as this can detract from its professional image.

Adding small patches of blue in a way that complements the brand’s color palette is a great way to generate feelings of trust. Combined with the image of a genuine real-life person, and calm tones, the bank instantly presents itself as something approachable and honest.

At the same time, the clear hierarchical layout of the bank’s website, with an easy-to-follow navigation bar, easy-to-read font, and clear headings and buttons comfort the customer. Users get exactly what they expect when they come to a financial website, and that makes users feel as though they’re in the right place.

Step 2: Create Engaging and Emotional Interactions

Visual elements are a great way to embed emotion into digital design. However, they’re just the first step. The emotional aspects of your web design choices should also appear throughout the interactions that customers have with the website.

A good interaction on a website or app needs to be simple and straightforward enough that users feel comfortable taking the next step in their journey. However, it also needs to drive the right emotional response from users too.

For instance, when you sign up for a free account trial from Box.com, you don’t just get a form full of information that you need to fill out.

Next to the form, you also get information about what you’re signing up for, complete with small checks next to each of the free features you’re getting. This helps to put the customer’s mind at ease and remind them that they’re in the right place.

The use of a box, including discount information next to the sign-up form also helps to make the interaction more emotional, by reminding customers that they’re getting something for free.

Every time a customer interacts with a website, there’s another opportunity to engage them on an emotional level. On the Firebox website, when a customer adds something to their cart, there’s a small animation on the cart icon that informs them that something is waiting for them.

When they click through to the checkout, they get instant information, including what they can do to “gift wrap” their item, and buttons showing the various payment options available.

Whenever you’re designing a page for a website, whether it’s the checkout page, a product page, or something else entirely, think about the interaction that the visitor is having at that moment. How can you ensure that each customer feels more comfortable, delighted, informed, or engaged?

Step 3: Leverage Microcopy and Detail to Express Emotions

Visuals are an excellent way to express emotions.

However, they’re not the only option.

As a designer, you’ll need to think about how you can combine web design with the use of microcopy to connect with customers on a deeper level.

Rather than drawing attention to tedious, dull, or impersonal instructions, notifications, and error messages on a site, how you can you make sure that everything on the website delivers the same emotional impact?

The simple addition of a tiny illustration is enough to provide a much more emotional experience to customers. Compelling micro copy and illustrations on 404 pages can also strengthen the connections that customers have with the sites they visit.

Just look at how Google added a dinosaur game to the page that customers are sent to when they don’t have an internet connection.

The right micro copy and interactions can instantly transform even a negative experience, like not being able to connect to the internet, into something emotionally engaging and positive.

When it comes to making an emotional connection between your customer and their end users, web designers need to remember that often the smallest details can make the biggest differences. Little extra features, like implementing a way for customers to have fun when their internet connections aren’t working, are the things that make websites more memorable from an emotional perspective.

Don’t Choose Emotion Over Functionality

Although emotional impact can be an essential aspect of a fantastic website design, it’s important not to get carried away. Adding too much to a website in the form of little extra graphics and unique interactions could end up weighing down a site and making it slow to load.

Although it’s valuable to think about how every interaction an end-user has with a website will make them feel, it’s important not to overlook the basics of web design when you’re at it. You’ll still need to ensure that the finishing design is easy to use, engaging, and attractive.

Pay attention to the basics of user experience design, and make sure that the extra emotional elements you’re infusing into your sites aren’t going to damage the experience that end-users get.

If you can get the blend right between emotional impact and functionality, then you could create the kind of website that audiences will never forget.

It pays to implement emotion into your design portfolio.

Source


Source de l’article sur Webdesignerdepot

/par

The Latest Research for Web Designers, December 2020

,

2020 has been an interesting year, to say the least. And although I’m sure many of you can’t wait until the calendar flips ahead to 2021, it doesn’t look as though we’re going to be able to say goodbye to 2020 so easily. Many of the changes we’ve had to make this year are now expected to stay with us — a least for the following year.

The latest research gives us some hints about what’s to come.

If you want to start preparing for 2021 now, then these reports and surveys from organizations like 99designs, Upwork, Content Marketing Institute, and McKinsey & Company are a must-read:

1. 99designs Reports on the Common Challenges Freelancers Faced in 2020

I don’t want to make 99designs’s Design Without Borders 2020 report sound like it’s all doom-and-gloom. Because it’s not.

That said, 2020 has been a rough year and it would be irresponsible for me not to acknowledge the challenges that all of us freelancers have encountered this year. This report is one of the few I’ve found that includes data on the major challenges freelancers have dealt with this year, including:

  • 36% have struggled to maintain a steady flow of work or a stable client base;
  • 27% had clients who cut their business budgets and, consequently, their freelancers’ workloads;
  • 26% had at least one project cancelled or indefinitely paused;
  • 22% have been ghosted by at least one client.

Beyond working more hours and hustling to find new clients all the time, what else can freelancers do to weather a business disruptor like COVID-19? There are a number of things.

For starters, it would be really helpful to have a crisis management plan for your finances. It would also be beneficial to refocus your efforts on finding clients who pay for the value you provide and not for the hours you spend building websites. Clients who see the value in what you do will be less likely to ghost or drop you at the first sign of trouble.

2. Upwork’s Survey Reveals Educational Opportunities for Freelancers

Upwork commissioned Edelman Intelligence to put together its very first Freelance Forward survey. The goal of the ensuing report was to shed light on the state of freelancing, how the pandemic has changed it, and what we can expect in the future as a result.

One of the data sets I think web designers should pay close attention to is this:

According to this survey, freelancers only spend about 52% of their time on billable work.

Now, one of the reasons why entrepreneurs and enterprise companies make so much money is because tasks are relegated to different team members. For instance, if a design agency owner is good at building relationships with prospects, they’re going to spend time on sales calls and managing social media. The day-to-day admin tasks would then get offloaded to virtual assistants and billable project work would go to designers, developers, writers, and so on.

But as a freelancer, you don’t have the ability to delegate and scale when you’re working solo.

Rather than burn yourself out trying to handle all these things yourself, the report suggests there’s something else you can do:

Although freelancers recognize how important soft skills and business skills are, the first data set suggests that not enough attention might be paid to them.

What I suggest is that you take a look at the division of your work hours. If you’re spending less than half of your time on billable work, it might be a good idea to strengthen your non-design skills. That way, things like marketing, contract preparation, and client management won’t consume so much of your time in the future and you can bill more.

3. CMI’s Annual Report Reveals Profitable Opportunities for Web Designers

Content Marketing Institute’s annual B2B Content Marketing Report is, once again, chock full of useful tidbits about the state of content marketing.

While a lot of the data is focused around marketing organizations and how they’ve pivoted during the pandemic, I thought this bit of info would be really helpful for web designers:

For those of you who design B2B websites, take note of where these companies plan to invest in 2021. If 2020 has been particularly hard on you, or you simply want to expand your horizons, there are some other opportunities worth jumping into:

B2B Marketing Investment => Web Designer Opportunity
Content creation => Blog graphic design, infographic design, and schema markup creation
Website enhancements => Website redesign, website audits
Content distribution => Social media ad design, Google ad design, schema markup creation
Getting to know audiences better => UX research, UX design
Customer experience => Chatbot/live chat development, support portal creation

4. McKinsey B2B Analysis Suggests That Digital Is Here to Stay

For those of you who’ve worked for a B2B sales organization before, you know how important in-person interactions are to them. It’s not as though they can just sell their products or services online the way B2C ecommerce companies can. The key to B2B success is through customer (and partner) relationship building.

Prior to 2020, this meant lots of in-person meetings, phone calls, and emails. But something has changed this year, on both sides of the fence.

This chart from McKinsey suggests that digital relationship building and customer service aren’t just a temporary solution for COVID-19. B2B decision-makers are coming around to the idea that this is going to be their “next normal” (as McKinsey refers to it).

These new “go-to-market models” include the following:

  1. Talk to prospects, customers, and partners via video calls;
  2. Digital self-service options for customers who prefer the DIY method.

As a web designer, you can help your B2B clients level up their efforts to achieve this next normal.

For starters, you can integrate scheduling into their websites. This’ll empower prospects to schedule video meetings (for demos, discovery calls, etc.) with your clients’ sales teams.

Another thing you can do is build out self-service elements like live chat or chatbots, FAQs pages, knowledgebases, and support portals. As consumers become more confident with doing business online, these self-service options will make a world of difference in their experience with brands.

Wrap-Up

I know, I know. 2020 sucked. But at least we have a good amount of research and experience that gives us a much clearer idea of what we’re getting ourselves into with the coming year. (At least, I hope so.)

Source


Source de l’article sur Webdesignerdepot

/par

8 Awesome Black Friday 2020 Deals for Designers (Up to 94% Off!)

,

If you’re interested in a sneak peek of this year’s best Black Friday deals, stick around. You’ll find a few web designers’ favorites, including a stellar deal or two.

This year, more than a few of the popular retail outlets are shifting away from the traditional “camp out all night and bust open the doors when the store opens” shopping model. You might just prefer this less chaotic, ecommerce approach.

All of us are trying to adjust to what may eventually become a “new normal”. We may not like some aspects of this new normal, but there are bright spots as well.

More shoppers are likely going to shop online because of the coronavirus. That means you don’t have to fight the crowds while desperately attempting to socially distance. The shelves aren’t as apt to go bare, and shopping is easy, convenient, and safe.

1. Slider Revolution

You will find the Slider Revolution plugin incorporated in a host of WordPress theme tools and products. This premium plugin can in fact boast of more than 7 million users around the globe.

What you may not be aware of is that it is much more than just a WordPress slider. With it in your web design toolbox, you can in fact create just about anything you can imagine.

Expect to find:

  • A stunning selection of elements including sliders and carousels;
  • Attention-getting hero sections designed to make your home pages really stand out;
  • Single-page websites with layouts unlike anything you’ve seen before;
  • Modular structuring that allows you to rearrange and reuse sections however you choose and the ability to mix and match modules with any WordPress content;
  • Add-ons whose cutting edge features push the boundaries of web design possibilities.

There’s more of course. To celebrate Black Friday and Cyber Monday you can NOW get any Slider Revolution subscription plan or one-time payment at a 33% discount.

Just click on the banner and use the BLACKFRIDAY code at checkout.

2. Amelia

When done manually, booking and managing appointments can be tedious and subject to mistakes and errors. Amelia provides an automated booking process that is oh-so easy to work with and is error free; just what you need to help you acquire more happy customers.

Key features of Amelia’s fully responsive design include:

  • A dashboard system that enables you to track approved and pending appointments, booking changes, and revenue;
  • Zoom Integration, Google Calendar, and Outlook Calendar sync;
  • The ability to accept and easily manage recurring appointments that customers can schedule;
  • Front-end customer and employee appointment and event managing and backend appointment adding, editing, and rescheduling;
  • Email notifications for pending and approved appointments and events.

And much more that will save you loads of energy and a ton of time. Give Amelia a try, and if you like what you see (and you will), take advantage of the 30% Black Friday discount.

3. wpDataTables

wpDataTables 3.0, with its fresh, new look, gives you a host of different ways to generate attractive, customizable, and responsive tables and charts, and a host of different ways to present them.

  • Tables can be created from most data sources, the most common being MySQL query, PHP array, Google Spreadsheet, Excel files CSV files, and JSON and XML inputs;
  • A working knowledge of SQL is not required!
  • Addons include Gravity Forms, Formidable Forms, Report Builder, and Powerful Filter;
  • wpDataTables users can generate Tables and Charts quickly from massive amounts of data (saving hours of effort);
  • Tables and charts are customizable and maintainable (editable once placed in use);
  • Tables can be created manually if you wish.

Click on the banner now and take advantage of wpDataTables 30% Black Friday discount on all licenses and addons.

4. TheGem – Creative Multi-Purpose High-Performance WordPress Theme

In TheGem, the ultimate WordPress multipurpose toolbox, you will find:

  • A rich selection of 400+ premium pre-built multi-page and one-page websites, all available for Elementor and WPBakery page builders;
  • The ability to mix and match any of this demos, layouts and page sections to create your own unique look;
  • Extended WooCommerce layouts & tools for making online shops, which convert better;
  • TheGem Blocks: an ultimate tool for building webpages at the speed of light.

And much more. Just click on the banner and check this 5-star product out.

5. Mobirise Website Builder

Creating a Google-friendly can take time, unless you have Mobirise at your fingertips, in which case you have a number of helpful tools to speed things up.

  • No coding, it’s all drag and drop;
  • 3,600+ website templates are at your disposal plus sliders, popups, forms, and more;
  • Many eCommerce features, including a shopping cart;
  • Latest Google Amp and Bootstrap4;
  • You can download Mobirise for free.

And, because it’s Black Friday, everything is yours at a 94% discount!

6. Get Illustrations

Get Illustrations offers royalty free and landing page Illustrations ready to drag and drop into your web design. You’ll have access to:

  • An extensive library of 4000+ illustrations with more added every week;
  • A wealth of design formats, including AI, PNG, SVG, Figma, Adobe XD, and Sketch;
  • Free updates and new illustrations weekly (included in the bundle).

Click on the banner and use the Coupon Code BLACKDEAL for your 30% discount.

7. XStore | Responsive Multi-Purpose WooCommerce WordPress Theme

For anyone planning on creating an eCommerce store, the XStore name says it all. Key features you’ll find in this powerful and flexible WooCommerce theme include:

  • More than 95 good-to-go-shops plus a full AJAX shop to get you started;
  • 300+ pre-defined shop/page sections, a header builder, and a single product page builder;
  • Elementor, WPBakery and $510+ worth of premium plugins.

Click on the banner and sign up to become one of XStore’s 55,000+ happy customers.

8. Kalium – Creative Theme For Multiple Uses

Kalium is an easy-to-use, easily maintainable multipurpose theme for WordPress users that is always updated to use the latest WordPress standards.

  • Kalium provides its users with a host of professionally-designed pre-built demos and elements;
  • Many plugins such as: Slider Revolution, WPBakery, Elementor, Layer Slider, Advanced Custom Fields PRO, Product Filter for WooCommerce, Product Size Guide,WooCommerce and other premium plugins are included.

Kalium is responsive, GDPR compliant, and gives you full eCommerce and top-quality customer support. It has a 5-star rating after 36k sales on ThemeForest – seriously impressive!

***** 

If you hit the retail stores remember to social distance.

Or, if you would rather take a brief break from the demands of Covid-19, take advantage of one or more of the above ecommerce sales. As you can see, there are some excellent ones!

 

[– This is a sponsored post –]

Source


Source de l’article sur Webdesignerdepot

/par

Top New CMS Plugins, November 2020

,

Since there are so many CMS plugins out there, it can be overwhelming to choose the best ones for your website. We’ve done the research for you; this list contains the top new CMS plugins for November 2020. You’ll find useful plugins for WordPress, Craft, Shopify, and Joomla.

Let’s get started…

WordPress

404 Page Editor

404 Page Editor is a simple WordPress plugin that helps you add custom text to the default 404 page on your website. The plugin comes with seasonal and industry-related 404 templates. One useful feature of the plugin is that it backups your current 404 page before changing it. So you can restore the backup page anytime you choose. The plugin duplicates your current 404.php page to wp-content/uploads/404-page-editor/ so you can easily find it. You can also change the text on the plugin to fit your local dialect. 

UnusedCSS Power-Up

Most WordPress themes and plugins load their CSS in the wrong areas of your website. This can slow down your site. A slow website will reduce user experience and lead to increased bounce rates.

UnusedCSS will help reduce the size of your website’s CSS files by up to 95%. The best part is that the plugin works automatically. It will remove any unused CSS when visitors view any page on your website. UnusedCSS will automatically reduce your website’s load times by reducing your CSS files and page size. The plugin also optimizes the performance of other WordPress plugins and extensions. UnusedCSS also works with WooCommerce themes and plugins.

Simple Redirects

Simple Redirects is a WordPress plugin that helps you to automatically redirect requests to another page on your site or any other place on the web. The plugin allows you to easily redirect users from your old web pages to new pages using 301 or 302 redirects. You don’t have to worry about losing backlinks or page rank. Any incoming links to the old web page will be automatically passed along to the new page. The page rank on the old page is also transferred to the new page. The plugin is useful when migrating a WordPress site when don’t want to retain the URL structure. 

HTML Validation

HTML Validation plugin helps you identify any HTML validation errors on your website. The plugin works automatically in the background of your website and will send you regular reports. There is a progress bar on the report screen to show you the progress of the scan. The plugin uses WordPress Cron to scan the content of your website. There is also an option for the plugin to automatically fix any HTML validation issues on your website. You can also choose to fix the issues manually. 

Just Highlight

Just Highlight is a simple WordPress plugin that helps you highlight text in your posts or pages. You can use this plugin to highlight any portion of the page you want to draw the reader’s attention to. You can highlight the background of the page and also add animation to the highlighted text. In the WordPress admin area, you can change the speed and color of the animation. The plugin is compatible with Gutenberg, and the WordPress classic editor. 

DeviantArt Embed

DeviantArt Embed is a simple plugin that helps you embed any work from Deviant Art into a post. The plugin provides a block for the WordPress block editor so you can easily embed the image. It uses a DeviantArt oEmbed API to pull the images and their descriptions, and creates an embedded image. 

Static Optimizer

Static Optimizer is a static file optimization plugin that serves and optimizes static files on your website. The plugin will help you increase your website speed by automatically compressing your static files. It is easy to set up, you just need an API key to get started. Other useful features that the plugin offers include automatic JS and CSS minification, automatic image optimization, and processing of responsive images. You don’t have to worry about losing your files if their server is down. The plugin automatically backs up your files and will load your original files when their servers are down (either because of an upgrade, maintenance, or outage).  By default, only images are compressed when you activate the plugin; you can also choose to optimize fonts, CSS, and JS files. 

RankBear

RankBear is a keyword rank tracker plugin that helps you analyze your SEO efforts. With RankBear, you can track the keywords for each of the posts and pages on your site. While the plugin has a paid plan, you can track up to five keywords for free. On the free plan, you will receive weekly reports on each keyword you are tracking. You can search for the rank and volume of a keyword in every location supported by the Google search engine. RankBear is a lightweight software-as-a-service plugin hosted by Amazon Cloud Services. The plugin also offers the option to download the keyword reports to CSV. 

Table of Contents Block

Table of Contents Block is a plugin that allows you to easily create a Table of Contents for your WordPress posts. The plugin is lightweight and will automatically add a Table of Content in your website’s posts and pages. You can select the heading tags you want to add to the Table of Content. It also has a dedicated support team to assist you. The plugin works fine with all standard WordPress themes. 

Markease For WooCommerce

Markeaze is an all-in-one communication plugin that allows you to add live chat to your online stores. The plugin will help you improve your customer service by decreasing your response times. With the plugin, you can collect your visitor’s contact information via a widget. This feature is useful in building a subscriber database. You can also use the plugin to track customer behavior on your site, inform customers about new products, help customers with active orders, and collect customer feedback. You can also use the auto-reply function to answer commonly asked questions. 

Craft CMS

Image Toolbox

Image Toolbox is a Craft CMS plugin that offers image-related tools for your templates. The plugin will automatically create a WebP variant of the images you upload. It also has a fallback for browsers that do not support WebP images. Other useful features the plugin offers include automatic creation of placeholder images and generation of responsive images with multiple variants. The plugin also supports Imager-X (or old Imager). 

Element Panel

Element Panel plugin allows you to add elements and an eager-loading panel to the debug toolbar. This feature will help you benchmark your templates in Craft CMS. For elements, the panel has a dashboard that shows how many elements are populated. It also shows how many elements are duplicates. The plugin also shows you how many eager-loading elements are detected. Duplicate elements are grouped by field name. 

Shopify 

VStore Shoppable Videos

VStore Shoppable Videos is a Shopify plugin that allows your customers to shop directly from your videos. The plugin allows you to embed your products into any video. Since videos have a high engagement rate, this plugin will significantly improve your store’s conversion rates. 

ProofMotion Video Testimonials

ProofMotion Video Testimonials plugin helps you to easily collect video testimonials. The plugin sends an automated email or SMS requests to customers asking for their satisfaction feedback after making a purchase. The responses are analyzed to determine whether the customer had a negative or positive experience. Customers that offer negative feedback are sent to customer care to help them with the problem they encountered. Happy customers are prompted to make video testimonials of their positive shopping experience. ProofMotion guides the customer through the interview so they can give the best testimonial. They also offer an on-site widget so you can easily share your testimonials. 

Real ID

Real ID is a Shopify plugin that allows you to verify customers’ real identity using a photo ID and facial biometrics. The plugin is perfect for orders that have an age restriction, verifying flagged fraud goods, and selling expensive goods. Real ID will help you identify whether a government-issued-ID is fake during fulfilment. All the customer needs to do is take a selfie on their phone. This way, even if a customer has access to a stolen physical ID, they won’t still be able to make any purchase. The plugin can verify documents such as passports, visas, national IDs, driver licenses, and more. Real ID will help you handle GDPR compliance. The plugin is available in hundreds of countries around the world. 

Joomla

Accessibility

Accessibility is a Joomla plugin that allows your website visitors to easily access your website content. The plugin will remove any barrier between the visitor and your Joomla site. There is no coding required and you can customize the plugin directly from the module manager. The plugin has a useful feature called Dyslexic Readability; this feature allows your visitors to set the entire document font to a dyslexic-friendly font. Visitors can also grayscale the page, resize the fonts, and resize the word space. From the backend module, you can add any custom CSS and JS. The plugin is also available in 12 different languages. 

Reading Time

Reading Time is a simple plugin that will help you easily show the reading time of your Joomla articles. The plugin is easy to set up and does not require any coding. You can customize every parameter, including the text, in minutes. You can also choose to exclude categories, articles, and menu items. Reading Time also allows you to easily add custom CSS code from the plugin parameters. 

 

Featured image via Pexels.

Source


Source de l’article sur Webdesignerdepot

/par