Articles

PageSpeed Insights is a free performance measurement tool provided by Google. It analyzes the contents of a web page for desktop and mobile devices. It provides a single number score (from 1 to 100) that summarizes several underlying metrics that measure performance. If you have not run PageSpeed Insights on your website, then you should stop and do it now. It’s an important indicator of how Google scores and ranks your site.

If your PageSpeed Insights score is below 80, don’t panic. You are not alone. Many websites are not optimized for performance. The good news is that you can take steps that should immediately improve your score.

You will notice that PageSpeed Insights highlights issues that cause slow page loading. However, you might need more guidance to resolve these issues. Below, we walk you through how to resolve four common issues related to images. We also show you how ImageEngine, an image CDN, can simplify, automate, and deliver the best image optimization solution possible.

Performance Drives Google SEO Rankings

Why does the PageSpeed Insights score and performance matter? Isn’t SEO ranking all about content relevance, backlinks, and domain authority? Yes, but now performance matters more than it did a year ago. Starting in 2021, Google added performance metrics to the factors that impact search engine rankings. In a market where websites are constantly jockeying to match their competition’s pages (for content relevance, keywords, and other SEO issues), performance is making a difference in keyword search engine rankings.

What Are Core Web Vitals Metrics?

PageSpeed Insights relies on a set of performance metrics called Core Web Vitals. These metrics are:

Largest Contentful Paint (LCP): Measures the render time (in seconds) of the largest image or text block visible within the viewport, relative to when the page first started loading. Typically, the largest image is the hero image at the top of pages.

First Input Delay (FID): Measures the time from when a user first interacts with a page (i.e. when they click a link, tap on a button, or use a custom JavaScript-powered control) to the time when the browser is actually able to begin processing event handlers in response to that interaction.

Cumulative Layout Shift (CLS): Measures the layout shift that occurs any time a visible element changes its position from one rendered frame to the next.

Images and JavaScript are the Main Culprits

PageSpeed Insights breaks down problems into categories based upon how they impact these Core Web Vitals metrics. The top two reasons why you might have a low score are driven by JavaScript and images.

JavaScript issues are usually related to code that either blocks or delays page loading. For example, lazy-loading images might involve JavaScript that blocks loading. As a rule of thumb, do not use a third-party JavaScript library to manage image loading. These libraries frequently break the browser’s built-in image loading features. Lazy-loading may make above-the-fold images load slower (longer LCP) because the browser starts the download later and because the browser first has to execute the JavaScript.

Another JavaScript issue involves code that is large or unnecessary for the page. In other words, code bloat. There are good resources for resolving these issues on the web. However, in this blog, we will focus on image problems.

Images are a major contributor to poor performance. The average website payload is 2MB in 2021, and 50% of that is images. Frequently, images are larger than they need to be and can be optimized for size with no impact on quality…if you do it right.

Four Image Issues Highlighted by PageSpeed Insights

Largest Contentful Paint is the primary metric impacted by images. PageSpeed Insights frequently recommends the following four pieces of advice:

  1. Serve images in next-gen formats.
  2. Efficiently encode images.
  3. Properly size images.
  4. Avoid enormous network payloads.

That advice seems straightforward. Google provides some great advice on how to deal with images in its dev community. It can be summarized in the following steps:

  • Select the appropriate file format.
  • Apply the appropriate image compression.
  • Apply the right display size.
  • Render the image.
  • Write responsive image code to select the right variant of the image.

We call Google’s process the “Build-Time Responsive Syntax” approach. If you have a relatively static website where you don’t generate new pages or switch out images frequently, then you can probably live with this approach. However, if you have a large and dynamic site with many images, then you will quickly feel the pain of this approach. Google itself stresses that developers should seek to automate this image process. Why? Because the process has some serious workflow drawbacks:

  • Adds storage requirements due to a large increase in image variants.
  • Increases code bloat and introduces more code complexity.
  • Requires developers’ time and effort to create variants and implement responsiveness.
  • Requires logic to account for different browser’s support for next-gen image formats.
  • Doesn’t adapt to different contexts. It relies on best-guess (breakpoints) of what device visits the web page.
  • Needs a separate CDN to further increase delivery speeds.
  • Requires ongoing maintenance to adapt to new devices, breakpoints, image formats, markets, and practices.

Key Steps to Achieving High-Performance Images

Instead of using the Build-Time Responsive Syntax approach, an automated image CDN solution can address all of the image issues raised by PageSpeed Insights. The key steps of an image CDN that you should look for are:

  1. Detect Mobile Devices: Detection of a website visitor’s device model and its technical capabilities. These include: OS version, browser version, screen pixel density, screen resolution width and height, support for next-gen image and video formats. This is where ImageEngine is unique in the market. ImageEngine uses true mobile device detection to further improve image optimization. It has a huge impact on the effectiveness of the image optimization process.
  2. Optimize Images: An image CDN will leverage the device’s parameters to automatically resize, compress and convert large original images into optimized images with next-generation file formats, like WebP and AVIF. Frequently, an image CDN like ImageEngine will reduce the image payload by up to 80%.
  3. Deliver by CDN: Image CDNs like ImageEngine have edge servers strategically positioned around the globe. By pushing optimized images closer to requesting customers and delivering them immediately from the cache, it often provides a 50% faster web page download time than traditional CDNs.

Easy Integration Process for Image CDN

After signing up for an ImageEngine account and free trial, you will receive a Delivery Address. After adjusting your <img /> elements to include the Delivery Address, ImageEngine will start to pull the original images from your website (no need to move or upload them), automatically optimize them, and deliver them.

You can automate the addition of the Delivery Address to the img src tag by using plug-ins for WordPress and Magento. Developers can also use ImageEngine’s React, Vue, or Angular JavaScript frameworks to simplify the process.

Additionally, there are many ways to simplify implementation via adjustments to templates for many CMS and eCommerce platforms.

Results: Improved Performance, Better SEO

Most ImageEngine users see a huge improvement in LCP metrics, and consequently, a big improvement in the overall PageSpeed Insights score. ImageEngine provides a free demo analysis of your images before and after image optimization. In many cases, developers see improvements of many seconds on their LCP and Speed Index.

In summary, performance drives higher search rankings, and better UX, and increases website conversions for eCommerce. The steps you take to improve your image performance will pay for themselves in more sales and conversions, streamlined workflow, and lower CDN delivery costs.

Source

The post 4 Steps to Improve PageSpeed Insights Score and SEO first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.

The best way to keep up with the most important stories for web professionals is to subscribe to Webdesigner News or check out the site regularly. However, in case you missed a day this week, here’s a handy compilation of the top curated stories from the last seven days. Enjoy!

The Pros and Cons of Tailwind CSS

19 Examples of Beautiful Blog Layout Designs

21 UX Laws Used by the Most Successful Designers

A List of Games for Bored (and Curious) Designers

5 Ways to Make HTTP Requests in JavaScript

On Fire – Free Illustrations for Websites and Apps

GoodBrief 3.0 – Practice your Design Skills with Unique Creative Briefs

The Ultimate Guide to Lean UX Design

How to Create a Typography for your Website Right

15 Signs You Joined the Wrong Company as a Developer

Source

The post Popular Design News of the Week: September 27 2021 – October 3, 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

Feedback is one of the most valuable resources for any business. Informative messages from your customers can tell you a lot about your company. They’re a way to check that your service strategies are paying off and a chance to learn which parts of your product need an upgrade.

Reviews and testimonials can also help you better understand your audience and the kind of solutions they’re looking for with your brand. 

Solid feedback is also how you improve your chances of gaining more customers in the long term. Brands with superior customer service generate about 5.7 times more revenue than their competitors. 

Of course, before you can begin tackling challenges like pulling trends from feedback or using your reviews to upgrade your business, you have one essential task to consider: How are you going to collect the valuable information your customers have to share?

There are a lot of options to choose from. You can reach out to clients individually with email messages or set up a feedback form on your website. You could even consider working with a review site to give your audience more options. 

Today, we will look at the steps you can take to collect customer feedback the right way.

Unlocking the Benefits of Customer Feedback

Customer feedback is the information and input shared by your community. It provides a behind-the-scenes view of people’s interactions with your team and shows you where you need to focus on beginning driving new opportunities. 

Customer feedback becomes a guiding compass for your organization when used correctly. It shows you what you’re getting right and wrong from your customer’s perspective. Positive feedback can even become part of your marketing campaigns. User-generated content in the form of reviews and testimonials makes for excellent tools to encourage new people to purchase your products. 

Case studies and in-depth reviews from your clients can also help generate trust among potential customers, so you’re more likely to earn crucial sales. 

Only around 3% of customers say that they find marketers and salespeople “trustworthy.” This means that no matter how good your marketing messages might be, you’re only going to be able to accomplish so much with the claims you make about your brand. Ultimately, your clients will turn to other customers like them to determine who they should buy from.

On average, buyers read around seven reviews before they’ll even consider trusting a business. 

The good news is that around two-thirds of customers will share their personal information with a brand. Clients are happy to provide feedback in the right circumstances. It’s your job to ensure that the process is as easy as possible for your customers.

So, how do you get customer reviews?

1. Design an Effective Feedback Survey

The most obvious way to encourage feedback from your customers is to ask for it. Unfortunately, designing a good customer survey isn’t always as simple as it seems. 

On the one hand, you’re keen to gather as much information as possible from your customer, which could mean that you want to ask many questions. On the other hand, asking too many questions could easily scare your audience away. 

To improve your audience’s chances of actually sharing information, keep the feedback requests as simple as possible.

One or two questions at a time should be enough to give you some helpful information about customer preferences and expectations. When choosing what to include in your survey, remember:

  • Only ask essential questions: If the answer to a question isn’t going to help you achieve your goals, don’t ask it. You don’t need to know someone’s age if you want to know if they had a good experience with your service reps. Keep it relevant. 
  • Make the questions thoughtful: Yes or no questions are great for collecting quick information. However, if you want more valuable feedback, leave your queries open-ended, and give customers room to explain themselves. 
  • Use rating scales: If your customer doesn’t have time to respond to a question in your survey with a complete answer, a rating scale can give you some helpful insights with minimal effort from the client. 

Ensure none of the questions on your survey are leading or loaded. Customers don’t want to feel like you’re answering questions for them. It might also be worth showing your audience how much you value their data with a quick response. Hilton Hotels always responds to any adverse reactions to surveys within days of receiving the information. 

Customers can even see how their reviews contribute to the overall rating of the business. 

2. Master Your Emails and Customer Contact Forms

Email is one of the easiest and most effective ways to gather customer feedback. Because this is a standard support channel for most businesses, there are plenty of opportunities to generate feedback. 

The first step in using emails for feedback is to send a message thanking your customer for their recent interaction with you. If someone purchased a product from your company, immediately follow up to let them know you appreciate their custom. A couple of days after, when your customer has had a chance to use your product or service, that’s when you follow up with your feedback request. 

Ideally, your email request should be as short and straightforward as possible, with a clear call to action that tells your customer what to do next. This example from Papier keeps things as detailed as possible.

If you want to boost your chances of engagement, you can add elements to your email that might encourage a positive response, for instance:

  • Remind them of what they bought: Remind your customer of the item they purchased with a picture and a bit of information. Highlight the key features and benefits of that product, so they have some inspiration on what to write about in their review. 
  • Offer them a reward: If you want to boost your chances of your customers doing something for you, you need to offer something in return. This could be a discount on their next order, a chance of winning something, or even just free shipping on their next purchase. 
  • Personalize the message: Make your customer feel special by personalizing the message. Use their name and reference their previous interactions with your company. If they’ve been with your business for a while, mention that in the email.  

Remember, many of your customers are likely to check their emails on the go. That means that giving feedback should be as simple as possible, regardless of the tech your customer is using. For instance, in this Zomato example, users can choose to drop an email to the company or send feedback straight from the app. 

3. Create App Usability Tests

If you want some in-depth insights into your company, and your business processes, then a usability test could be the best way to generate valuable feedback. If you have your app, ask your customer to submit some information right there and then, after they’ve finished using the service. The great thing about this kind of input is it’s fresh.

Unlike other customer reviews that might come a day or two after your customer has used a product, usability tests allow you to get feedback at the moment. There’s a much better chance that you’re going to get some relevant and detailed responses here. 

For instance, in this Skype lab feedback request, customers can tick boxes for any video or audio issues they had and leave a starred review. 

If there’s extra information to share, the customer can tap on the comment box to elaborate. However, they don’t need to do this part unless they want to. 

With usability tests, it’s a good idea to focus on a few key things that you want to learn about. For instance, Skype’s example above demonstrates that the company wants to check at least five user experience issues for both video and audio. 

Giving your customers options that they can choose from reduces the amount of work they need to put into leaving a review. It also means that you can get actionable information on which parts of your app or site need the most improvement. 

You can get the same kind of instant feedback on your website, too, mainly if you’re using a live chat app for customer service. 

Live chat is quickly becoming an essential part of the customer experience environment because it’s fast, easy to use, and efficient. It’s also highly affordable for most companies, thanks to evolving technology. Set up your Live Chat app to immediately request a review from your customer when the interaction is over.

For instance, SiteGround asks customers to rate their service provider with a picture of the employee they spoke to. The image lets the customer see that they were talking to a real person, which improves the relationship with the company. The statement about feedback improving the customer service and support that SiteGround can offer shows the customer how valuable their reviews are. 

4. Conduct Customer Interviews

Conducting a customer interview is a lot like sending out a survey. The main difference is that you ask the client to engage in a much more in-depth conversation. Usually, these interviews will be the initial research required for a published case study on a B2B website. 

Reaching out to valuable and loyal customers can give you a fantastic source of in-depth information to learn from. You’ll need to make sure that you have a good relationship with the customer in question before you attempt this, however. Most one-time clients won’t want to get involved with a time-consuming interview. 

Look at your CRM technology and find out who your most impressive VIP customers are. Reach out to them with a request for feedback, and make sure you offer something in return. For instance, tell them that you’d like to interview for a case study that you can display on your website. If they’re happy for you to do this, you can reward them with a discount on their next purchase or some gifts. 

You could also follow up with a customer who recently contacted your team for an interview, like Ticket Arena does here. With this message, they promise the customer that their insights will make the customer experience better for future clients:

When requesting long-form qualitative feedback, remember to think through your questions carefully. In-depth stories from customers bring nuance and color to your quantitative data. They could even guide your business to making some crucial future decisions. 

When talking to your customers:

  • Start with an open-ended dialogue: Remember that open-ended questions are crucial to get as much detail as possible from your customers. These queries give your customers more flexibility to cover the details of their experiences.
  • Get more specific as you go: Start with simple questions, then build on them as your conversation evolves. Use the things you learn from your customers to dive into topics that are relevant to them. For instance, if a customer mentions your live chat app, go into a deeper discussion about the channels they prefer to use. 
  • Practice active listening: Make sure that you’re open and receptive to the information you’re given. Actively listen to customers, even if you’re not in the same room, by acknowledging what they say and providing valuable responses. 

5. Use Social Media

Sometimes, people are reluctant to give feedback for your business on your website because they’re not in the frame of mind. When customers come to your site, there’s a good chance they’re looking for information from you or want to check out a new product. 

They’re probably not in the right mood to start sharing their opinions. 

However, if you capture your customers on social media, there’s a good chance they’ll be feeling a lot more talkative. After all, social media platforms are where most customers discuss their issues with companies, talk about purchases with friends, and make their voices heard. 

Simply paying attention to when people talk about your company on social media can give you a lot of helpful feedback. Social listening tools allow you to collect post information every time someone mentions your business name or product. 

Alternatively, you can actively use the tools on social media to gather data from customers. For instance, Instagram has its own “poll” feature on Stories that allows companies to collect opinions. 

If you’re collecting feedback on social media, remember that you shouldn’t be asking any questions that are too complicated. Although people are more willing to share their opinions on social, they’re still looking for a relatively laid-back and casual experience.

Polls, where people can vote for their preferences with a single click, are more likely to garner engagement than a post asking people to tell you about the best purchasing experience they ever had with your brand. 

If you do want to encourage more in-depth feedback, the best option is to promise a reward in return for your follower’s effort. 

Make the experience fun by transforming it into a competition. 

For instance, ask your customers to share their favorite story involving your brand for a chance to win an impressive prize. You can ask each customer to tag their response with a branded hashtag so that relevant answers are easier to find. You could even add users to tag their friends in their posts too, to increase brand reach while you collect feedback:

With gifts and rewards to incentivize them, people will be much more likely to interact with your brand and put effort into the reviews they leave. You could even gather some user-generated content to put into your subsequent ad campaigns. 

6. Create a Dedicated Website Page

Finally, if you want to make it as simple as possible for people to leave feedback on your website and for you to collect all of that information into one space, then create a review page on your website. This can double up as social proof for people who need additional evidence to buy from your brand. 

A review page could be as simple as a page on your website listing the latest comments that your customers have left. You can include a form at the bottom of the page where people can add their thoughts. Just make sure that you carefully review these posts before they’re submitted to your website if you want to prevent spam from getting through. 

You could also create a case study or portfolio page that showcases the work you’ve done with other companies like Fabrik Brands does here:

At the bottom of each case study, give your customers a unique email address they can reach out to if they want to be featured as your following case study. Or include a contact form where people can get in touch to discuss their own experiences. 

Having a dedicated review, case study, or testimonial page on your website could be enough to inspire more feedback from your customers. It’s also a fantastic way to demonstrate how credible your company is to potential buyers. 

Still, Struggling? Take the Customer Out of the Equation

If, even with all the suggestions above, you still can’t seem to convince your audience to give you some decent feedback, then take them out of the equation. You can learn things about your audience without asking them for information. Google Analytics and other tools will give you valuable insights into which of your blog pages get the most engagement and how many people click on individual buttons throughout your site. 

These fundamental insights might not be as good as valuable, contextual feedback from your audience, but they’re an excellent way to start figuring out how to invest in your future growth. 

Remember, feedback of any kind – even if it’s just statistics and numbers – gives your business the ability to grow and make informed decisions.

Gather as much feedback as you can, and make sure you use it!

 

Featured image via Pexels.

Source

The post 6 Tips for Collecting Customer Feedback (The Right Way) first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.

The best way to keep up with the most important stories for web professionals is to subscribe to Webdesigner News or check out the site regularly. However, in case you missed a day this week, here’s a handy compilation of the top curated stories from the last seven days. Enjoy!

Kraken – High-Performance Web Rendering Engine

Brands Change Their Logos To Terrible New Designs

10 Web Design Trends and Predictions for 2022 and Beyond

18 Designs That Made a Big Impact in 2021

Awful Web Designs From 18 of MMA’s Top Fighters

Don’t Get Left Behind by the No-Code Wave

The Top 7 Websites to Learn Web Development Online

Xata – Database Service for Serverless Apps

How To Optimize CSS for Peak Site Performance

21 Exceptional Google Fonts You Probably Haven’t Discovered Yet

Source

The post Popular Design News of the Week: September 20, 2021 – September 26, 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

Thinking of building the next big mobile application? The time to market of a mobile application is critical in the current fast-paced industry. Deciding if it’s an Android or an iOS application is just one part of the problem. Most of today’s applications need a backend system to carry out their operations. Features like remote data storage/syncing, authentication, and user communication require a set of backend services to be available.

So, how can we develop these backend systems for mobile applications? There are two main patterns for doing this. The first is to do direct integration.

Source de l’article sur DZONE

As a utility-first CSS framework, Tailwind has rapidly become popular among developers. With its fast styling process and the freedom it offers when designing a website, it’s really no wonder why.

But how can you make sure this is the right CSS framework for your upcoming development projects? In this blog post, you’ll learn what Tailwind is, and how it differs from other frameworks like Bootstrap, or Foundation.

In addition, we will highlight the main advantages and disadvantages of the framework. By the end, you will be able to make an honest and objective assessment as to whether Tailwind is the right framework for you. So without further ado, let us dive deeper into it. 

What is Tailwind CSS?

First released in May 2019, Tailwind CSS is a front-end CSS framework. It is currently at version 2.2. Since its release, Tailwind has created quite a following. More than 260k developers have used it to enhance their design systems.

Stats like these make Tailwind one of the most popular CSS frameworks on the market, and all in less than two years. There are many reasons for this. Primarily, because its features make it the ideal choice for a wide variety of projects. Tellingly, most developers prefer it to create React projects.

The main difference between Tailwind and its competitors is that it gives developers complete control over the styling of a web application. So, is it the right CSS framework for you? To answer this question, let us take a look at Tailwind’s advantages and disadvantages.

Tailwind CSS: Pros and Cons

Tailwind CSS: Advantages

1. Control Over Styling

Tailwind is a unique CSS framework when it comes to styling web applications, meaning that Tailwind does not have a default theme that you have to use like other CSS frameworks.

For example, you can give each project a different look even if you use the same elements (color palette, size, etc.). Therefore, it’s one of the few CSS frameworks that is not opinionated on how you should style your project. 

2. Faster CSS Styling Process

There is no faster framework than Tailwind when it comes to styling HTML. As a result, you can easily create good-looking layouts by styling elements directly. This is possible because Tailwind offers thousands of built-in classes that do not require you to create designs from scratch.

Therefore, you do not have to write CSS rules yourself. These CSS classes are the main reason why building and styling with Tailwind is so fast. 

3. Responsiveness and Security 

With Tailwind’s pre-built classes, you can design the layout directly in an HTML file. This makes it a very responsive, mobile-friendly CSS framework. Apart from that, Tailwind has proven to be a stable framework since its initial release.

The framework was developed by top-notch engineers, which is why bugs and breaks are rare. 

4. Additional Features 

Tailwind CSS works in the front end of a website. For this reason, it is reasonable for developers to demand ultimate responsiveness. Well, Tailwind provides the ability to create responsive themes for your web applications and remove all unused CSS classes. With PurgeCSS, Tailwind helps you keep your final CSS as small as possible.

Tailwind CSS: Disadvantages

1. Styling and HTML are Mixed

Because you do not have to write CSS rules yourself, Tailwind works differently than most CSS frameworks. While this is great for those unfamiliar with CSS, it also means that Tailwind mixes style rules in with your HTML files.

This goes against the principle of the “separation of concerns.” Many developers prefer to separate page structure and style, claiming that classes make the Tailwind markup process verbose. 

2. It Takes Time to Learn 

Because of the built-in classes, Tailwind CSS is quite learning-intensive. Even for experienced developers, it can be a challenge to learn how to use and fully utilize the pre-built classes. But, of course, as with any other development task, practice makes perfect.

However, if you are confident and quick when it comes to writing CSS classes, Tailwind may not be the best choice for you. Even if that’s true, Tailwind generally makes CSS styling faster in the long run.  

3.  Lack of Important Components

Unlike Bulma and Bootstrap, Tailwind does not have many significant styling components. Unfortunately, this means you have to manually add features like headers, buttons, and navigation bars for web apps.

This is not a significant drawback, as experienced developers can implement these features quickly. However, you will need to spend some time doing so. 

4. Documentation 

Although Tailwind CSS has made great strides when it comes to adding guides and video tutorials, it still lags behind competitors like Bootstrap. Of course, you can always contact the developers if you have a problem.

However, keep in mind that this may take some time. For this reason, you may need to customize the framework to your needs manually.

Is Tailwind Worth Trying?

In a few words, working with Tailwind is quite different from other CSS frameworks. We have identified its main advantages and disadvantages. Based on these features, we can easily say that Tailwind is:

  • An excellent solution for developers familiar with CSS who want to speed up the creation and design process in the long run.
  • Not such a good idea if you are not familiar with CSS or do not want to spend time learning a new CSS framework. 

It becomes clear that it all depends on your personal needs and preferences. However, if saving time on CSS styling is a priority for you, you should definitely give Tailwind a try.

Regardless of whether you choose to use Tailwind or not, it’s evident that many developers use it for good reasons. Since it offers a faster styling process and is a responsive and stable framework, it’s here to stay.

Tailwind can help you save time and change the way you design websites, and so taking the time to test it out is worthwhile.

Source

The post The Pros and Cons of Tailwind CSS first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

Dans notre précédent article intitulé « Et si l’avenir de la fiscalité passait par le système d’information ? », nous mettions en avant les besoins grandissants en termes de contrôles autour des fonctions fiscales. En effet, les entreprises sont soumises à de nombreuses réglementations ainsi qu’à une complexification de leur système d’information. Il devient donc nécessaire pour beaucoup d’entre elles de mettre en place des outils de « Tax Compliance ». Ils permettent de supporter les équipes fiscales et d’assurer le respect des obligations. Dans ce second article, nous illustrerons au travers des fonctionnalités offertes par un des outils du marché, SAP Tax Compliance, la valeur apportée par cette démarche d’outillée.

Que peut-on attendre d’un outil de Tax Compliance ?

De nombreux outils de Tax Compliance sont aujourd’hui présents sur le marché français et mondial. Ceux-ci diffèrent en fonction de la cible visée, de la PME nationale à la multinationale implantée dans de nombreux pays. Ils offrent des fonctionnalités plus ou moins avancées ainsi qu’une complexité de mise en œuvre plus ou moins lourde.

Néanmoins, nous pouvons regrouper les fonctionnalités offertes en deux grandes catégories :

  • L’aide à la conformité des déclarations (a priori) :
    • l’optimisation de l’élaboration de la liasse fiscale (élaboration, vérification et dématérialisation),
    • la détermination de taux,
    • la conformité de la facturation électronique,
    • La déclaration de TVA (soumission, reporting et contrôles).
  • La mise en place de contrôles afin de s’assurer de la conformité (a posteriori) :
    • l’analyse du FEC,
    • les contrôles sur les référentiels (fournisseurs, articles, etc.),
    • les contrôles sur les transactions effectuées.

En complément, nous devons également prendre en compte le fait que les gouvernements exigent de plus en plus de données en temps réel, la qualité des données devient un prérequis clé pour la gestion des processus fiscaux et cela peut être amélioré en mettant en œuvre des contrôles fiscaux et en abordant les problèmes à la source, comme nous allons le voir avec l’outil SAP Tax Compliance.

Quels critères prendre en compte dans le choix de son outil de Tax Compliance

 

Le choix d’une solution doit être fondé sur les critères tant fonctionnels que techniques, pour répondre aux besoins suivants :

  • Facilité d’installation et d’exploitation de la solution: évaluer le degré d’autonomie sur l’installation et le paramétrage du logiciel, ainsi que le degré d’intégration dans le paysage SI existant. Il est en effet important que les utilisateurs métiers aient un degré d’autonomie suffisant sur l’exploitation de l’outil pour ne pas avoir de besoin de solliciter les équipes IT pour la moindre opération dans l’outil
  • Réponse aux besoins métier au travers de la couverture et richesse fonctionnelle: il est nécessaire d’évaluer la couverture d’un maximum de fonctionnalités et de contrôles standards, ainsi que la couverture géographique au travers d’une gestion multi-pays. Assurance de la facilité de prise en main par l’utilisateur final ou l’auditeur externe au travers d’une ergonomie conviviale et intuitive
  • Exploitation des résultats simple et accessible : évaluer la facilité de compréhension et d’interprétation des résultats de contrôles, la facilité d’export sur des outils bureautiques, ainsi que la capacité de génération des rapports d’anomalie sous format.doc ou .pdf avec explication des résultats, annotations utilisateurs, etc.,
  • L’intégration dans le paysage applicatif de l’entreprise est également primordiale dans le cas très fréquent où plusieurs ERP ou systèmes comptables cohabitent. Devoir multiplier les outils de Tax Compliance pour adresser les différents systèmes serait en effet contre-productif.

Présentation d’un outil : SAP TAX Compliance

SAP Tax Compliance propose une approche centralisée des contrôles de conformité, couvrant tout l’ensemble du processus, de la détection à la correction, en passant par le reporting et l’audit. À l’aide de l’apprentissage automatique à l’échelle de l’entreprise et de contrôles automatisés, l’application permet aux utilisateurs de détecter systématiquement les problèmes de conformité. Mais aussi d’améliorer la qualité des données fiscales, de rationaliser les corrections et d’atténuer rapidement le risque de non-conformité.

L’automatisation des processus de contrôle fiscal en temps quasi réel permet aux organisations de passer à des modèles de travail en continu. Elle permet aussi de résoudre les problèmes dès le début des processus ce qui est essentiel pour éviter de lourdes charges de travail à la fin de la période. Mais également de se conformer aux mandats les plus exigeants que les gouvernements introduisent dans le monde entier. En fait, avec l’introduction de la conformité numérique, la qualité des données fiscales est plus importante que jamais.

SAP Tax Compliance est une solution agnostique qui peut être intégré à SAP S/4HANA ou facilement déployé côte à côte. Elle peut aussi intégrer des données issues d’autres systèmes ERP (SAP ECC ou non SAP) ou spécialisés métiers (MDM, facturation, site de vente en ligne…). Cela offre ainsi la possibilité de capturer simultanément de gros volumes de données à partir de plusieurs systèmes. La solution offre également un apprentissage automatique natif et une intégration avec le workflow SAP. L’intérêt est de permettre l’automatisation et l’orchestration transparente des tâches de correction.

 

SAP Tax Compliance en un coup d'œil
SAP Tax Compliance en un coup d’œil

SAP Tax Compliance est fourni avec des règles de contrôles préconfigurées pour vous aider à démarrer et à améliorer immédiatement la qualité des données fiscales.

Par exemple, cela vous permet d’identifier et de corriger facilement les immatriculations de TVA manquantes sur les transactions intracommunautaires de l’UE ou les factures enregistrées sans code TVA. Vous pouvez également utiliser le moteur de détection pour faciliter l’examen des factures avec un montant de TVA très élevé. Ceci, permet de générer une réserve de travail pour examiner efficacement les exceptions sans avoir à identifier manuellement les éléments sur l’ensemble des transactions commerciales.

Il est également très flexible et permet d’enrichir facilement l’ensemble des règles de contrôles de la TVA aux droits de douane et autres taxes. Il permet également de relever constamment la barre en matière de conformité en développant vous-même des règles de contrôles fiscaux supplémentaires. Ou bien encore en intégrant le contenu prêt à l’emploi de notre partenaire Mazars.

Ces règles peuvent être facilement créées en définissant de nouvelles vues sur les données. Une fois celles-ci en place, le reste de la configuration peut être facilement complété via une assistance numérique fourni en tant qu’application Fiori qui guide l’utilisateur dans ses choix. Il s’agit de limiter l’implication du service informatique au développement réel des vues. Mais aussi de permettre aux utilisateurs métier d’adapter les contrôles, de réorganiser les listes de travail, de configurer le Machine Learning lorsque les données historiques sont suffisamment significatives. Ainsi que d’adapter les plannings en fonction des besoins de l’entreprise. Les utilisateurs métiers peuvent également gérer les tâches et les groupes d’utilisateurs correspondants responsables de l’achèvement. L’objectif est de garantir que la configuration en cours peut être facilement adaptée à mesure que l’entreprise évolue sans avoir recours à des experts informatiques qui sont toujours très demandés.

La solution permet également des simulations de paramétrages des règles de contrôle fiscal pour optimiser les contrôles et réduire les faux positifs.

SAP Tax Compliance fournit un tableau de bord centralisé pour obtenir des informations en temps réel sur l’état de conformité dans le monde entier. Il devient également un référentiel central de problèmes et de solutions qui peuvent être exploités pour conduire des améliorations en continu des processus. De plus, il permet d’empêcher les problèmes de se produire en premier lieu.

SAP Tax Compliance intègre des mécanismes d’apprentissage automatique

SAP Tax Compliance automatise au-delà de la détection, rationalisant l’ensemble du processus de correction. Il intègre des mécanismes d’apprentissage automatique prêt à l’emploi pour augmenter l’efficacité. De plus, il propose des modèles de workflow natifs pour orchestrer efficacement les tâches entre la myriade d’équipes qui doivent être impliquées dans le processus de correction.

Ces fonctionnalités d’apprentissage automatique peuvent être activées et maintenues par les utilisateurs métiers. Le but étant de libérer la puissance des données sans avoir besoin du support du département IT.

Comment réussir son projet de mise en place ?

Bien qu’il s’agisse d’un projet de mise en place d’outil, celui-ci ne doit pas être considéré comme un projet purement technique mais bien un projet global impliquant les acteurs métiers dès les premières phases. Il s’agit d’être sûr de ne pas se tromper d’objectif. Mais également de réellement apporter la valeur attendue pour toutes les parties prenantes.

C’est pour cela que nous préconisons la mise en place d’une équipe projet pluridisciplinaire. Une équipe qui regroupe les compétences financières, fiscales, juridiques, comptables et IT. Celle-ci est capable de cerner les besoins de la façon la plus exhaustive possible. Mais aussi de mettre en place une cartographie des risques et d’identifier les contrôles afférents.

Au-delà du module Tax compliance il peut être intéressant de disposer d’une solution complète pour la gestion fiscale de bout en bout qui couvre :

  • Contrôles fiscaux pour améliorer la qualité des données fiscales et éviter les interruptions d’activité.
  • Rapports électroniques en temps réel avec rapprochement complet pour une mise en conformité efficace.

SAP Tax Compliance offre une intégration transparente avec la nouvelle solution SAP Document and Reporting Compliance. Cette solution regroupe les anciennes solutions SAP pour la facturation numérique en temps réel (SAP Document Compliance) et la gestion des déclarations périodiques (SAP Advance Compliance Reporting ACR). Elle garantit que les problèmes identifiés soient rapidement suivis, que l’origine de ces déficiences soient analysées et résolues afin d’empêcher les interruptions d’activité.

Ces solutions SAP pour la facturation numérique en temps réel et la gestion des déclarations périodiques proposent déjà plus de 300 modèles pré-configurés de déclaration pour plus de 50 pays.

En synthèse, l’automatisation des contrôles et de la fonction fiscale devient de plus en plus nécessaire. L’obligation de bien s’outiller devient incontournable.

Vincent DOUX – SAP +33 6 03 43 72 95 v.doux@sap.com
Jérôme HUBER – Mazars +33 6 67 51 13 38 jerome.huber@mazars.fr
Vincent THEOT – Mazars +33 6 60 47 46 64 vincent.theot@mazars.fr
Heyfa LIMAM – Mazars +33 6 66 90 10 81 heyfa.limam@mazars.fr
Nicolas RICHARD – Mazars +33 6 66 61 91 35 nicolas.richard@mazars.fr

The post SAP Tax Compliance, un outil de transformation digitale des fonctions fiscales appeared first on SAP France News.

Source de l’article sur sap.com