Articles

Comment se démarquer lors d'entretiens comportementaux en ingénierie

Comment se démarquer lors d’entretiens comportementaux en ingénierie

,

Pour se démarquer lors d’un entretien comportemental en ingénierie, il est important de se préparer et de montrer ses compétences. Faites une bonne impression et démontrez vos capacités !

## Comment utiliser le format STAR pour répondre aux questions comportementales

Après avoir mené des entretiens avec des centaines d’ingénieurs et de gestionnaires d’ingénierie chez Meta, Twitter et d’autres entreprises, j’ai remarqué des modèles communs dans la façon dont les candidats abordaient les questions d’entretien comportemental. Alors que de nombreux candidats se sont bien débrouillés sur le plan technique, ils ont souvent eu du mal à articuler leur travail, leurs réalisations et leurs défis lors d’un entretien, ce qui a entraîné des refus.

Cet article aborde les conseils pour utiliser efficacement le format STAR largement connu pour répondre aux questions comportementales. Il aborde les pièges courants et fournit des exemples illustratifs pour aider les candidats à comprendre comment utiliser le format STAR pour communiquer clairement et se démarquer. C’est le cadre qui m’a aidé à passer avec succès des entretiens de direction technique chez Databricks, Twitter, Airbnb, Plaid, Notion, Uber et d’autres entreprises.

Le format STAR est une méthode très utile pour répondre aux questions comportementales lors des entretiens. Il permet aux candidats de structurer leurs réponses et de fournir des informations complètes et précises. La méthode STAR est basée sur quatre étapes : Situation, Tâche, Action et Résultat. Chaque étape est essentielle pour répondre à une question comportementale et fournir une réponse complète.

Lorsque vous répondez à une question comportementale en utilisant la méthode STAR, vous devez commencer par décrire la situation ou le contexte dans lequel vous avez travaillé. Vous devez ensuite expliquer la tâche à laquelle vous avez été confronté et comment vous l’avez abordée. Ensuite, vous devez expliquer les actions que vous avez prises pour résoudre le problème. Enfin, vous devez expliquer les résultats obtenus grâce à votre travail. Il est important de se rappeler que les résultats doivent être quantifiables et mesurables.

Par exemple, si un recruteur vous demande comment vous avez contribué à améliorer la base de données d’une entreprise, vous pouvez utiliser la méthode STAR pour répondre à cette question. Vous pouvez commencer par expliquer la situation : «J’ai été embauché par une entreprise pour améliorer sa base de données.» Vous pouvez ensuite expliquer la tâche : «Ma tâche consistait à analyser la base de données existante et à identifier les lacunes.» Ensuite, vous pouvez expliquer les actions que vous avez prises : «J’ai analysé la base de données et j’ai identifié plusieurs lacunes. J’ai ensuite mis en œuvre des modifications pour améliorer la qualité et la performance de la base de données.» Enfin, vous pouvez expliquer les résultats obtenus : «Grâce à mes modifications, la base de données a été améliorée de 10 % en termes de qualité et de performance.»

En conclusion, l’utilisation du format STAR est un excellent moyen pour les candidats de structurer leurs réponses aux questions comportementales lors des entretiens. Il permet aux candidats de communiquer clairement leurs réalisations et leurs

Source de l’article sur DZONE

/par

Albéa digitalise la maintenance de ses sites industriels avec SAP Asset Manager

, , ,

Avec l’aide de TeamWork, Albéa a adopté les solutions SAP Asset Manager et SAP Plant Maintenance, afin d’équiper ses techniciens de maintenance d’une solution moderne et mobile. Ce core model sera prochainement déployé sur l’ensemble des sites industriels du groupe.

 

Leader mondial des tubes et emballages pour les produits cosmétiques et parfums. Albéa adresse un large panel de clients, dont des marques prestigieuses comme L’Oréal et Clarins. L’industriel dispose de 43 sites répartis dans 15 pays, où travaillent plus de 12 500 employés. Albéa a réalisé un chiffre d’affaires 2021 de 1,2 milliard de dollars.

La plupart des usines d’Albéa ne disposent pas d’outil dédié pour suivre les activités de maintenance. « Notre objectif était de mettre en place un outil commun pour gérer la maintenance et accompagner les techniciens avec des processus digitalisés et automatisés, tout en favorisant leur mobilité au sein de leur lieu de travail », résume Émilie Ganot, Business Relationship Manager, Supply Chain & Manufacturing, Albéa.

Un premier site pilote a été désigné pour accueillir cette solution, l’usine Albéa Argonne de Sainte-Menehould, le principal site industriel du groupe en France.

SAP Asset Manager : une offre mobile et ergonomique

Les usines d’Albéa, dont celle de Sainte-Menehould, travaillent la plupart sur un ERP SAP ECC. Certains utilisateurs étaient toutefois réticents à l’idée d’adopter SAP Plant Maintenance (SAP PM), jugé trop peu ergonomique et trop coûteux à maintenir. Plusieurs offres de GMAO ont été étudiées au fil des ans, mais elles restaient complexes à intégrer avec la gestion des stocks et le contrôle de gestion.

« Lors d’une démonstration de SAP Asset Manager (SAP AM), nous avons découvert un outil ergonomique, qui permet aux opérateurs de maintenance d’utiliser une tablette pour saisir leurs opérations et faire remonter des informations dans SAP PM. Nous avons alors validé l’utilisation de SAP AM, avec SAP PM en back-end, » témoigne Astrid Chauvin, Business Relationship Manager, Supply Chain & Manufacturing, Albéa.

Premier avantage, la solution s’interface nativement avec SAP ECC et ses différents modules (stocks, achats et finance). L’interface repose sur la technologie Fiori, qui permet de proposer une expérience utilisateur optimisée, compatible avec les terminaux mobiles. Enfin, l’application offre la capacité de saisir des données hors connexion, ce qui peut être très utile en environnement industriel.

TeamWork a assuré, en collaboration avec Albéa, l’intégration de cette solution. « TeamWork est un partenaire de confiance avec lequel nous aimons travailler, poursuit Astrid Chauvin. La force de TeamWork est de savoir aborder les sujets tant sur leurs aspects fonctionnels que techniques, le tout avec une forte connaissance métier. De plus, c’est une structure à taille humaine, très accessible. »

Une solution bien acceptée

« Le site Albéa Argonne est une grosse usine, comprenant 20 lignes de fabrication et 550 salariés, dont 20 techniciens de maintenance travaillant en 24/7, détaille Émilie Ganot. Nous avons décidé dans un premier temps de déployer la solution sur deux lignes pilotes. Le core model que nous allons mettre au point sera ensuite déployé sur le reste de l’usine, puis sur les autres sites industriels du groupe. »

Dans l’absolu, le déploiement de SAP AM reste un projet assez simple. Albéa a dû toutefois déployer simultanément SAP AM et SAP PM. De plus, l’intégration mobile – native dans SAP S/4HANA – a nécessité la mise en place d’un add-on spécifique sous SAP ECC. Enfin, la solution SAP AM repose sur des services mobiles de la SAP Business Technology Platform, qu’il a donc fallu aussi mettre en place et configurer. Au final, 5 mois ont été nécessaires entre le kick off du projet et le go live de la solution.

« Notre plus grande surprise a été l’adhésion des utilisateurs, note Astrid Chauvin. Ils ne voulaient initialement pas utiliser la solution SAP PM. En leur proposant SAP AM, nous avons donc eu l’impression de jouer à quitte ou double. Mais, dès que les utilisateurs ont entamé le projet avec nous et vu comment l’outil se présentait sur des tablettes, l’enthousiasme a été immédiat. Ceci nous a confortés dans l’idée que nous avions fait le bon choix. »

Reste que la solution n’est pas sans défauts. Si son cœur ne connaît qu’une grosse mise à jour par an, cette mise à jour peut avoir des implications aussi bien sur SAP AM, SAP PM que la SAP BTP. Quant à l’application mobile, elle est mise à jour bien plus fréquemment. Les équipes ont donc dû apprendre à gérer une solution hybride, mêlant on premise, cloud et mobilité.

La satisfaction prévaut toutefois depuis le go live. Prochaine étape sur le court et moyen terme, le déploiement de ce core model sur les autres lignes de production du groupe. À plus long terme, Albéa espère tirer profit du couple SAP AM / SAP PM pour se lancer dans la maintenance prédictive de ses outils de production.

The post Albéa digitalise la maintenance de ses sites industriels avec SAP Asset Manager appeared first on SAP France News.

Source de l’article sur sap.com

/par

5 Ways That UX Developers Influence SEO 

, ,

User Experience is a crucial consideration for any web developer or designer; the only way to ensure that you’re delivering a successful website is to ensure that the end-user or customer will feel comfortable using it. 

A strong user experience increases your client’s chances of successful audience engagement and conversions.

What you might not realize, however, is that the strategies you use to enhance UX as a web developer or designer can also influence how the search engines respond to a website. 

Though many designers assume that SEO (Search Engine Optimization) is the work of a copywriter or content producer, there are design elements to consider too. 

After all, the definition of optimization is “the action of making the best version of a resource.”

So, how are UX and SEO connected?

Adding UX to a Successful SEO Strategy

SEO used to be easy. To stand out on the search results, you just needed to stuff a page full of as many keywords and phrases as possible. Now, it’s a little more complicated. 

Leaders in search engine development, like Google and Bing, know that they need to offer their customers excellent experiences to keep them. In this new experience-focused landscape, SEO and UX share common goals. 

Search engines don’t just want to provide customers with any answers to their questions. Instead, Google and its competitors are using everything from artificial intelligence to machine learning algorithms to ensure that search results are accurate, relevant, and engaging. 

In the same way, user experience is about providing users with easy access to the information and resources they want. 

Now that SEO is a multi-disciplined approach, UX is just one of the essential tools that makes it possible for developers to optimize their websites properly. 

Where UX Developers Influence SEO 

There are plenty of connections between UX and site indexability. 

We all know that since 2018, site speed has become a crucial ranking factor for companies in search of better search results. As a developer, it’s up to you to ensure that there aren’t too many elements weighing a website down that would prevent it from delivering fast results. 

Bounce rate is another critical factor in search engine ranking algorithms. When customers click on a website, Google wants to see that they get the answers they want. If your navigation is difficult to understand, or the correct information isn’t easy to see on a page, end-users will just hit the back button. 

Let’s take a closer look at how developers can influence SEO with their UX strategies. 

1. Site Navigation and Ease of Use

It’s no secret that today’s digital consumers crave easy-to-use sites.

A complex website with pages ranking for different terms might seem like an excellent idea for SEO. However, from a UX perspective, the easier it is to navigate your website, the more your end-users will benefit. 

According to a study from Ahrefs, well-optimized pages that rank for several keywords can be more beneficial than dozens of pages ranking for similar terms. At the same time, if the search engines have difficulty crawling all your pages due to a poor site navigation strategy, then some pages won’t get indexed. 

So, how do you improve navigation and SEO at once? Follow the proper structure for your site first, categories and subcategories on the retail page help customers find exactly what they need. A solid internal linking structure allows the crawlers to examine your website and index each essential page individually.

Keep navigation simple when designing a website for both UX and SEO potential. 

2. User-Friendly Page Layouts

There are countless cases where poor layout design and formatting disrupts SEO potential. For example, cluttering a page with too much information makes it tougher to read and index. At the same time, if your pages aren’t attractive and easy to navigate, customers are more likely to hit the back button. 

If customers come to a website and immediately leave it again, this tells the search engines that they’re not finding what they need on those pages. That means Google will bump you to a lower position on the SERPs. 

So, how do you make your layouts more UX and SEO-friendly?

  • Get your category pages right: Say you’re creating a blog page for your client. They want to list all of their blogs on one main page while linking to separate locations for each article. A design that puts a large chunk of content from each blog on the main page can be problematic for UX and SEO. It means your customers have to scroll further to find what they need. At the same time, the search engines never know which words to rank that main page for. On the other hand, listing blogs on smaller cards, as Fabrik does in this example, makes sorting through content easier. 
  • Leverage headers and tags: Your customers and the search engines habitually “scan” your pages. When trying to improve UX and SEO simultaneously, you must ensure that it’s easy to find crucial information quickly. Header 1 or H1 tags can help by showing your audience your website’s critical sections. Title tags also give search engines more information on the term you want to rank for. Organizing your content into a structure that draws the eye down the page also means your customers are more likely to stay on your website for longer. That shows the search engines that you have quality, relevant content. 
  • Make the most of images and videos: Visual media isn’t just an excellent way to engage your audience. With videos and pictures, you can convey more vital information in a quick and convenient format. This leads to greater satisfaction from your audience from a UX perspective. However, visual content is also great for SEO. You can optimize every image with alt text and meta descriptions. That means you have a higher chance of ranking both in the main search results and the image searches on Google. 

3. Using Search Data to Inform Site Architecture

Today, SEO is less about building hundreds of landing pages for individual queries. Now, it’s more important to take a simple, de-cluttered approach with your website. SEO can determine what kind of architecture you need to create for a successful website. 

For instance, say you wanted to rank for eCommerce SEO. There are tons of related words that connect to that primary search term. Rather than making dozens of different pages that try to rank for distinct phrases, you can cover a lot of other ideas at once with a larger, more detailed piece of content. 

If a topic is too big to cover everything on a single page, then you might decide to create something called “pillar” content out of your main terms. This involves using one main page where you discuss all of the topics you will cover. Then, you design several smaller sub-pages that link back to that central pillar. 

Once again, this helps the search engines to navigate your website and index your pages while assisting the customers in finding the correct information. At the same time, you combine more pages on a website and remove anything that might be detracting from your site’s authority or not offering enough value. 

4. Improving Website SERP Listings

It’s easy to forget as a developer that a customer’s first experience with a website won’t always happen on that site’s homepage. Usually, when your customers are looking for solutions to a problem, they’ll find your website on the search engine results instead. 

This means that you need to ensure that you make the right impression here:

There are a few ways that developers can ensure the search engine listings they create for their clients are up to scratch. For instance, a reasonable title tag for each page that includes appropriate keywords is excellent for SEO and UX. A title tag lets your customers know they’re in the right place and helps them find the information they need. 

Remember, around eight out of ten users on search engines say that they’ll click a title if it’s compelling. 

Another component you have control over as a developer or designer is the “rich snippet.” Rich snippets are the informative chunks of content that Google adds to a search listing to help it stand out. You can use rich snippet plugins on a website to tell Google what kind of extra information you want to include on a page. 

For instance, you might want a company’s ratings to show up on your search results, so customers can see how trustworthy they are:

5. Local Business Rankings

When you’re creating a website for a company, it’s easy to forget about local rankings. We see the digital world as a way of reaching countless people worldwide. Local orders are easier to overlook when you have a global scope to work with. 

However, as a developer, you can boost a company’s chances of attracting the right local audience and boosting its credibility. For instance, you can start by ensuring that the correct directory information appears on your client’s website and social media profiles.

Another option is to create dedicated location pages for each area the company serves. This will make it easier for clients to find the contact details they need for their specific location. 

At the same time, pages that have been carefully optimized to rank for specific locations will earn more attention, specifically from search engines. The more of the search engine landscape your client can cover, the more chances they have to attract new customers and leads. 

Combing SEO and UX

In a world where experience is crucial for every business, it’s no wonder that UX and SEO are blending more closely together. There are a lot of areas where SEO and UX work in harmony together if you know where to find them. Improving your client’s SEO ranking with UX doesn’t just mean ensuring that their pages load quickly anymore. 

Simple strategies, like making sure a call-to-action button is clickable on a mobile page, can simultaneously boost a website’s UX potential and SEO performance. At the same time, adding images and alt text to a website provides search engines with more information while adding context to your content. 

The key to success is understanding how SEO and UX work together. If you look at SEO and UX as part of the same comprehensive strategy to give end-users a better online experience, achieving the right design goals is much easier. 

Of course, just like any strategy, it’s also worth making sure that you take the time to track the results of your UX and SEO campaigns. Examine which systems help you, and examine customers from an SEO perspective with design and development strategies.

 

Features image by gstudioimagen on Freepik

Source

The post 5 Ways That UX Developers Influence SEO  first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

How to Measure Live Chat Performance

,

Live chat is one of the most powerful tools for customer experience in the current marketplace. 

In a world where customers are constantly connected to the online world, online chat is a reliable way of getting quick solutions to common problems. 

Today’s consumers prefer talking to an agent over chat to calling a contact center, and they often feel that live chat is less frustrating than waiting for the right person to answer the phone. 

Of course, like any digital tool, live chat is only effective when using it correctly. Today, we’re going to show you the crucial KPIs you need to consider if you want to ensure that your chat strategy is delivering a tangible return on investment. 

The Most Important Metrics to Measure for Live Chat

These days, implementing live chat tools is easier than ever. 

You don’t necessarily need to hire a professional developer unless you want a specialist widget with specific functions and unique branding. Many plugins and tools for sites built on Shopify and WooCommerce allow you to instantly access chat functions. 

However, just because implementing live chat is easy doesn’t mean that there aren’t countless ways for your strategy to go wrong. Keeping an eye on these crucial KPIs and metrics ensures you’re making the right impression with your chat strategy. 

1. First Response Time

First response time is a crucial live chat metric. This measures how long customers need to wait before someone responds to them. Technically, this metric only refers to how quickly an actual agent responds to your customer, so automated “thanks for getting in touch” messages don’t count. However, immediately responding with one of those messages can convince your audience to stick around for a little longer. 

The faster your agents can respond to messages and solve problems, the better your brand reputation becomes. The good news is that a good live chat strategy can lead to pretty quick response times. The average time for an agent to see a live chat message is around 2 minutes and 40 seconds.

To improve your FRT statistics, make sure you:

  • Invest in chatbots: AI chatbots can support customers 24/7 with handy, self-service functionality. These tools will also filter out the customers waiting for an agent who can find a solution to their problem on your FAQ page.
  • Prepare canned responses: Quick responses to common queries can help you to address a problem much faster. In addition, preparing canned responses will ensure that your team members can quickly respond to more customers. 
  • Increase your resources: Ensure you have the right hand and enough agents to handle peak demand.

2. Average Resolution Time

The first response rate only looks at how quickly someone responds to a customer’s message for the first time. However, it doesn’t show how rapidly you deal with client problems. Average Resolution Time is the metric that helps to measure customer satisfaction by seeing how long it takes to get to a point where your customer can close the chat. 

If it takes too long for your employees to solve problems, there’s an increased risk of your customers becoming annoyed and frustrated. Additionally, the longer agents take dealing with each individual chat, the more other consumers will have to wait for someone to become available. Finally, the longer it takes to resolve an issue, the more customer satisfaction decreases.

The key to success is ensuring that the right agent deals with the correct customer and that everyone on your team is empowered with the appropriate tools and information. Boost resolution time by:

  • Giving customers a quick self-service solution: For common questions, make sure that you have an FAQ section that you can direct your customers to. In addition, a chatbot that can offer quick canned responses to regular queries can save time. Plus, they’re great for reducing the pressure on your agents’ shoulders. 
  • Integrate CRM tools with live chat: Make sure your agents have access to information about each customer as soon as they start the conversation. This information should include the customer’s name, what they’ve purchased before, and if they’ve issued any support tickets. Integrating with the CRM makes it easier for agents to jump straight into the action without needing the customer to explain everything first. 
  • Keep resources handy: Your team members should have instant access to all the information they need to answer customer questions. Ensure that searchable data repositories are available for everyone on your live chat team. 

Remember, routing tools that automatically send customers to the agent with the proper knowledge or skills will also improve response times and reduce the number of times a customer needs to repeat themselves. 

3. Chat to Conversion Rate 

Live chat tools aren’t just an avenue for problem resolution. Although customers can get excellent service through live chat, they also look to chat to collect information before a potential purchase. Around 38% of customers say that they end up purchasing a positive live chat experience. 

The live chat app on your website can provide real-time assistance for sales queries, converting leads, and maximizing your return on investment. However, to determine how successful your chat system is at encouraging sales, you must look at the chat to conversion rate metric. 

Essentially, you measure the number of chats your company has been involved in, then compare that number to the total number of conversions from those customers. It might be helpful to narrow down your results here by using your data and analytics tools to separate your total number of live chats into those intended for sales information and those requiring assistance. 

If your chat to conversion rate isn’t as high as you would like, there are lots of things you can do to start making a positive impact:

  • Automatically launch a chat: As soon as someone comes to your website, launch a chat window with a bot that asks whether you can help your customer. You can even include a list of commonly asked questions so your customer can get help faster. 
  • Follow up on chat conversations: Make sure you follow up on any questions that customers ask on your chat widget with an email. This is a great way to reach out to customers that may have been distracted and ended up abandoning their cart.
  • Personalize suggestions: Use AI insights and information from your customer management tools to determine which products are most likely to appeal to each customer, then suggest those items. Remember to ensure that your tone of voice in the chat matches your brand too. 

Remember, the faster you can answer customer queries and address their concerns with your live chat strategy, the more likely the chat will lead to a sale. Ultimately, customers are convinced to purchase when they believe they can trust your business to deliver excellent experiences. 

4. Customer Satisfaction Score

The customer satisfaction score is probably one of the most critical metrics in any customer experience strategy. It directly measures customer satisfaction levels and gives you an insight into how well you’re doing from the perspective of your target audience. 

The best way to measure CSAT through live chat is to add a survey to the end of the chat session. For instance, you could ask, “How would you rate this session on a scale of 1 to 10”. Then, based on the score, you’d calculate a “Net Promotion Score.” Each score falls into one of three categories: “Detractors 0-6”, “Passives 6-8,” and “Promotors 9-10”.

The more information you collect about your CSAT score, the easier it will be to determine where you’re going wrong with your live chat strategy. On the other hand, if the score is pretty good after a chat session, you’re probably on the right track. To improve your overall score:

  • Encourage feedback: Getting people to leave feedback, even on a live chat app, can be difficult. Offering customers the chance to win something in exchange for their insights could help you to get more data. 
  • Follow up: Connect with your “detractors” to find out what you did wrong. Follow up in the live chat session by asking if they’d like to leave a more comprehensive review. Alternatively, you can send an email asking for additional information. 
  • Reach out to promotors: Connect with the people who give you the most favorable scores to ask them for their insights. Find out what they enjoyed most about the experience and request a review that you can place on your website for social proof. 

5. Missed Opportunities

The longer someone waits for you to answer their question in a live chat or respond to their initial message, the more likely they’ll give up on the conversation. Unfortunately, this means that your company ends up with missed opportunities. You lose the chance to potentially make a sale, delight a customer, and strengthen your brand reputation.

While you might assume that your customers will know you can’t be available to answer all of their questions immediately, that’s not the case. INC tells us that 51% of consumers believe a business should always be open. So every missed chat is another negative mark against your reputation. 

If you discover that your team is missing a lot of chat chances, this could be a sign that you don’t have enough resources available in this area. However, there are a few ways that you can reduce your chances of missed opportunities, such as:

  • Hiring more team members: If you know that there are times of the year or week when you have peaks in demand, ensure that you have the correct number of staff members available. 
  • Using chatbots: Chatbots won’t be able to answer all customer questions, but they can deliver quick responses to commonly asked queries and reduce the risk of lost opportunities.
  • Provide alternative forms of communication: if your customer can’t reach you on live chat, make sure that there are other options available, like a phone number and email address or a form where your customer can automatically submit a ticket. 

6. Total Number of Chats and Tickets

Keeping track of the total number of tickets your customers submit, alongside the number of chats your employees engage in, will give you helpful information. First, the total number of conversations shows how many customers are taking advantage of your live chat function on the website. 

You’ll also be able to compare your total number of chats to the number of resolved problems you deal with for your customers. For example, comparing your total number of chats to an unlimited number of tickets shows you how many customers have been left to rely on other sources of communication. You can also see how good your employees are at following up with tickets issued by customers. 

When you’re analyzing your number of tickets and chat sessions, you might notice that many of the queries you dealt with were connected to specific questions or topics. If that’s the case, you might be able to create a new FAQ page for your customers or provide your chatbot with extra information that it can use. 

If you’re getting more support tickets through alternative means than live chat, it might be time to ask yourself what’s wrong with your live chat performance and why your customers choose not to use it. 

Improving Live Chat CX for Your Business

Live chat can be a powerful tool for improving customer experience and an excellent way to strengthen your relationship with existing and potential clients.

Step into the shoes of your customer and discover what it feels like to walk through the whole live chat experience, from the moment that you send a request to the live chat team to the moment when you close down the chat with a solution to your problem. Other quick tips include:

  • Getting the software right: Make sure your live chat app is easy for your end customers and your employees. The chat app you use should be convenient and suit your brand. It also needs to collect information effectively without causing problems like GDPR and regulations. Get a developer involved if you think you have a problem with your chat functionality. 
  • Guide your team: Remember that your team needs to know how to use the live chat tools available effectively if they’re going to deliver the best results to your customers. Make sure you give your employees scripts to deal with problems if needed. In addition, chatbots that can quickly grab information from integrated CRM tools and other solutions could make your agents’ lives much more manageable. 
  • Pay attention to feedback: Ask your customers for feedback on their live chat experiences whenever you can. Ensure you pay attention to what they say they like and dislike about the encounter. If you can listen to your customer’s opinions, they’ll give you a lot of helpful information to work with when you’re enhancing and optimizing your live chat strategy. In addition, listening to your audience shows that you have their best interests at heart.

Remember, as well as customer feedback; you might be able to ask your employees for their insights into how you can improve live chat performance too. Employees also work with these tools regularly, so they know which features are more problematic than others. 

Measuring and Improving Live Chat

Live chat functionality isn’t something that you implement into your website and forget about. Instead, like any form of customer service or engagement tool, your live chat solution should be something you test regularly and constantly update to suit your customers’ needs. 

Knowing which metrics to measure when examining live chat functionality and performance will boost the experience you can give your audience and even open the door for better relationships with clients in the long term.

Source

The post How to Measure Live Chat Performance first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

20 Best New Websites, July 2022

,

Welcome to our guide to the best new websites this month. If subtle, minimal sites are your thing, either look away now or prepare to have your preconceptions challenged because this month, we are going maximalist.

Lots of elements fill up the screen, lots of color, lots of big fonts, lots of illustration, and plenty of in-your-face personality. This is a tricky style to get right: if elements are not chosen and placed well, the result is simply annoying clutter. If done well, the result can be impactful and memorable.

[And Happy Independence Day to all of our American readers!]

screenagers & the incredible machine

screenagers & the incredible machine’s site puts illustration front and center, creating a look that evokes various mystic ideas. It sounds strange, but it works.

Anna Jóna

This prelaunch teaser site for Anna Jóna café and cinema has an elegant yet modern feel.

Hardpops

This site for Hardpops (alcoholic) ice pops takes its cue from the product flavors, and the bright, fruity colors give it a real zing.

Daniel Spatzek

Daniel Spatzek’s portfolio site takes the rules-are-made-to-be-broken approach. The result has attitude and a nice touch of humor.

Ander Agency

Plenty of color, large type, and illustration make a bold statement for Ander Agency’s single-page site.

Pretty Damn Quick

Colorful illustration on this site for Pretty Damn Quick’s Shopify app creates an impression of friendliness about the company and ease of use of the product itself.

Know Your Beetle

Know Your Beetle is a showcase page for Kaploom creative studio. Color and type combinations make a big impact.

WTFFF

While many of the sites featured here have a sense of fun about them, WTFFF tackles a somber subject: online sexual abuse and harassment. Artwork and audio create an immersive experience in which five young people share their experiences with the aim of helping others.

BelArosa Chalet

Full-screen illustrations with a hint of vintage style create an ideal impression of what future guests can expect from the currently under construction BelArosa Chalet.

Paradam

The color scheme on the Paradam site is on the pastel end of the scale, but there is still lots going on to entrance the eye.

Tilton Group

The scrolling color panels on the Tilton Group site are a thing to behold.

Fresco

Fresco uses a standard layout design, but the colors and quarter-circles instantly lift it.

Museum of Pink Art

Museum of Pink Art is an immersive experience celebrating the color pink. Undoubtedly worth a virtual wander around.

Icons by Menu

OK, this somewhat more minimalist site slipped through the net, but Icons by Menu is so pleasing to look at and use that we had to include it.

GlareDB

With an illustration that could be ideally at home on an Arthur C. Clarke book jacket and that rich, deep red background, this site for Glare DB is a world away from what might be expected.

Alex Beige

While the overall style and accent illustrations are pleasing on Alex Beige’s site, the Our Team section is guaranteed to raise a smile and stick in the user’s mind.

Snickerdoodle

Careful spacing means busy elements (like on scroll animated illustrations) don’t become overwhelming on the Snickerdoodle site.

Grisly’s Cosmic Black

The site for Grisly’s Cosmic Black is fun, bright, and joyful. Plus, it’s nice to see an alcohol site going a bit further than the usual ‘drink responsibly’ and actually providing helpful links.

The Perennial

Not just floorplans and (lots of) images, but virtual walkthroughs too. The Perennial doesn’t feel like a standard office building.

Source

The post 20 Best New Websites, July 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

7 UX Laws You’Re Probably Getting Wrong

,

UX laws are an invaluable tool, providing guidelines for designers that ensure we don’t have to continually reinvent the wheel when crafting experiences for the web.

However, UX laws tend to be devised by scientists and psychologists — people who are more than comfortable with the exceptions and allowances of academic language. By the time they filter down to us in the trenches, the language has invariably been over-simplified, and the wisdom behind the idea diluted.

Today we’re going to look at seven well-known and commonly cited rules of UX design that too many designers get wrong.

1. Jakob’s Law

Jakob’s Law, named for the UX researcher Jakob Nielsen, states that users spend most of their time on other sites and as a result prefer sites that work the same way as the sites they already know.

Jakob’s Law has often been used to limit experimentation and encourage the adoption of common design patterns in the name of usability.

However, the word ‘prefer’ is hugely loaded. While it’s true that a user will more easily understand a familiar design pattern, they do not necessarily prefer familiar experiences.

It has been widely proved that new experiences boost our mood and that new experiences improve our memory. If your goal is a memorable site that leaves users with a positive impression, introducing novelty is a sound decision.

2. Goal Gradient Hypothesis

The Goal Gradient Hypothesis assumes that the closer users are to their goal, the more likely they are to complete it.

It’s an attractive theory, especially in e-commerce, where it is often used to justify simplifying the initial purchase process and postponing complexity to move users along the funnel — a typical example is leaving shipping charges until the final step.

However, anyone who has studied e-commerce analytics will know that cart abandonment is a huge issue. In North America, shopping cart abandonment is as high as 74%.

We don’t always know what the user’s goals are, and they may not match ours. It may be that users are treating your shopping cart as a bookmark feature, it may be that they have a last-minute change of heart, or they may be horrified by the shipping charges.

While providing a user with an indication of their progress is demonstrably helpful, artificially inflating their proximity to your preferred goal may actually hinder conversions.

3. Miller’s Law

Never in the whole of human history has any scientific statement been as misunderstood as Miller’s Law.

Miller’s Law states that an average person can only hold seven, plus or minus two (i.e., 5–9) items in their working memory. This has frequently been used to restrict UI navigation to no more than five items.

However, Miller’s Law does not apply to items being displayed. While it’s true that too many options can lead to choice paralysis, a human being is capable of considering more than nine different items.

Miller’s Law only applies to UI elements like carousels, which have been widely discredited for other reasons.

4. Aesthetic-Usability Effect

Edmund Burke once said, “Beauty is the promise of happiness.” That belief is central to the Aesthetic-Usability Effect, which posits that users expect aesthetically pleasing designs to be more usable.

Designers often use this as a justification for grey-on-grey text, slick animations, and minimal navigation.

Critical to understanding this is that just because users expect a design to be usable does not mean that it is or that they will find it so. Expectations can quickly be dashed, and disappointment often compounds negative experiences.

5. Peak-End Rule

The Peak-End Rule states that users judge an experience based on how they felt at the peak and the end, rather than an average of the experience.

Designers commonly use the Peak-End Rule to focus design resources on the primary goal of each experience (e.g. adding an item to a cart) and the closing experience (e.g. paying for the item).

However, while the Peak-End Law is perfectly valid, it cannot apply to open experiences like websites when it is impossible to identify a user’s starting or ending point.

Additionally, it is easy to see every interaction on a website as a peak and even easier to make assumptions as to which peak is most important. As such, while designing for peaks is attractive, it’s more important to design for exceptions.

6. Fitts’ Law

In the 1950s, Paul Fitts demonstrated that the distance to, and size of a target, affect the error rate of selecting that target. In other words, it’s harder to tap a small button and exponentially harder to tap a small button that is further away.

UX designers commonly apply this law when considering mobile breakpoints due to the relatively small viewport. However, mobile viewports tend not to be large enough for any distance to affect tap accuracy.

Fitts’ Law can be applied to desktop breakpoints, as the distances on a large monitor can be enough to have an impact. However, the majority of large viewports use a mouse, which allows for positional corrections before tapping.

Tappable targets should be large enough to be easily selected, spaced sufficiently, and tab-selection should be enabled. But distance has minimal impact on web design.

7. Occam’s Razor

No collection of UX laws would be complete without Occam’s Razor; unfortunately, this is another law that is commonly misapplied.

Occam’s Razor states that given any choice, the option with the least assumptions (note: not necessarily the simplest, as it is often misquoted) is the correct choice.

In an industry in which we have numerous options to test, measure, and analyze our user interfaces, you shouldn’t need to make assumptions. Even when we don’t need extensive UX testing, we can make decisions based on other designers’ findings.

Occam’s Razor is a classic design trap: the key to avoiding it is to recognize that it’s not your assumptions that matter, it’s the users’. As such, Occam’s Razor applies to a user’s experience, not a design process.

Source

The post 7 UX Laws You’Re Probably Getting Wrong first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

Exciting New Tools for Designers, May 2022

,

The underlying theme of this month’s collection of new tools and resources is development. Almost every tool here makes dev a little easier, quicker, or plain fun. There are a few great tutorials in the mix to help you get into the spirit of trying new things and techniques.

Here’s what is new for designers this month…

Cryptofonts

Cryptofonts is a huge open-source library of icons that represent cryptocurrencies. There are more than 1,500 CSS and SVG elements in the collection. Cryptofonts includes all scalable vector icons that you can customize by size, color, shadow, or practically anything else. They work with Sketch, Photoshop, Illustrator, Adobe XD, Figma, and Invision Studio, and there’s no JavaScript.

 

Reasonable Colors

Reasonable Colors is an open-source color system for building accessible and beautiful color palettes. Colors are built using a coded chart. Each color comes in six numbered shades. The difference between their shade numbers can infer the contrast between any two shades. The differences correspond to WCAG contrast ratios to help you create an accessible palette. This is a smart project and a valuable tool if you work on projects where color contrast and accessibility are essential (which is all of them).

 

Chalk.ist

Chalk.ist is a fun tool to make your code snippets look amazing. Add your code (there’s a vast language selector), pick some colors and backgrounds, and then download it as a shareable image. Your code has never looked so beautiful!

 

WeekToDo

WeekToDo is a free minimalist weekly planner. Improve productivity by defining and managing your week and life easily and intuitively. Plus, this tool is focused on privacy with data that is stored on your computer (in your web browser or the application). The only person who has access to it is you.

 

Bio.Link

Bio.Link is a tool that collects all your links – from social media to blog posts to any other kind of link you want to share. It’s free to use, includes 15 design themes, visitor stats, and is super fast.

 

Spacers

Spacers are a set of three-dimensional space characters that you can use in projects. Characters are in multiple poses and ultra high-def formats to play with.

11ty

11ty is a super simple, static website generator. Try it for small projects and read the documentation to see everything you can do with this tool.

Scrollex

Scrollex is a react library that lets you build beautiful scroll experiences using minimal code. You can create scroll animations in all kinds of combinations – vertical, horizontal, almost anything you want to try. The documentation is fun and easy to understand if you’re going to see how it works.

GetCam

GetCam is an app that lets you turn your smartphone into a webcam for your computer. It works with any iPhone and a Mac or Windows computer. It works with most video conference and streaming tools as well as browser-based apps.

Flatfile

Flatfile is a data onboarding platform that intuitively makes sense of the jumbled data customers import and transforms it into the format you rely on. You won’t have any more messy spreadsheets or have to build a custom tool.

Loaders

Loaders is a collection of free loaders and spinners for web projects. They are built with HTML, CSS, and SVG and are available for React and copypasta.

Lexical

Lexical is an extensible JavaScript web text-editor framework emphasizing reliability, accessibility, and performance. It’s made for developers, so you can easily prototype and build features with confidence. Combined with a highly extensible architecture, Lexical allows developers to create unique text editing experiences that scale in size and functionality.

Picture Perfect Images with the Modern img Element

This tutorial is a primer on why the img element is such a powerful tool in your development box. Images are so prominent that they are part of the most important content in over 70% of pages on both mobile and desktop, according to the largest contentful paint metric. This post takes you through how to better optimize and improve core web vitals simultaneously.

Building a Combined CSS-Aspect-Ratio-Grid

Building a Combined CSS-Aspect-Ratio-Grid provides two solutions for creating the title effect. You can define an aspect ratio for the row or use Flexbox with a little flex grow magic. Learn how to try it both ways.

QIndR

QIndR is a QR code generator made for events and appointments. The form is designed to capture your event information so you can quickly build and use a QR code for listings and even allow users to add it to their calendars! It’s super quick and easy to use.

On-Scroll Text Repetition Animation

On-Scroll Text Repetition Animation shows you how to create an on-scroll animation that shows repeated fragments of a big text element. This is a fun and easy lesson that you can use right away.

Eight Colors

Eight Colors won’t do anything for your productivity, but it is a fun game that you may not be able to stop playing. It is a block-shifting game with the goal to shift circular blocks to reach the target given.

Creative Vintage

Creative Vintage is a pair of typefaces including a thin script and vintage slab serif (with rough and smooth styles). The pair is designed to work together for various uses or can be used independently.

Hardbop

Hardbop is a vintage-style typeface with a lot of personality. It would work great for display, and the family includes seven full-style character sets.

Kocha

Kocha is a funky ligature-style typeface perfect for lighter design elements, including logos or packaging. It includes clean and rough versions.

Magnify

Magnify is a large font family with 16 styles and plenty of fun alternates. You can use it straight or with the more funky styles that create less traditional character forms.

Stacker

Stacker is a fun and futuristic style font with a triple outline style. Use it for display when you really want to make an impression.

Source

The post Exciting New Tools for Designers, May 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

What’s the Difference Between Good UI and Good UX?

,

User Experience (UX) design and User Interface (UI) design are two terms people sometimes mistakenly use interchangeably. While aspects of each are interconnected, there are distinct differences between UI/UX design.

According to Internet Live Stats, there are over 1.9 billion websites, but not all are active at the same time. No matter how you slice it, there’s a lot of competition to grab and keep user attention. Good UX is just part of the equation. For a genuinely stellar site, you must also offer an excellent interface.

Learning the ins and outs of good UI and UX requires a bit of knowledge of how the two differ and what works. Although they weave in and out of the same design, they are different.

What Is the Biggest Difference Between Good UX and UI?

UI is the functionality of the design and what users see. How do they interact with various elements? UX is more the way things come together — both visual and interactive features — to create a feel for the user. You can certainly see why people confuse the two as they both apply to interacting with a website or app.

Top design firms often have team members specializing in each discipline. However, UX designers are also aware of UI, and UI designers are also mindful of UX. How can you ensure you’re offering excellent UI/UX design while covering the full spectrum of requirements for each?

Ensuring Effective UX Design

Good UX design increases conversion rates by 400% or more. The site visitor walks away feeling understood and not frustrated. What are some of the most important aspects of good UX design?

1. Create a Good Structure

What is the hierarchy of your site? What is the first thing the user sees when they pull it up? How do they navigate from one page to the next? A well-designed website classifies different aspects of the page, and new content naturally falls into the appropriate category as it grows.

When creating a structure for your site, think about how it might expand in the next five years. You want the hierarchy to work from day one, but you also want to think through significant shifts in the content you might see down the road.

Even your navigational hierarchy should accommodate new areas easily. Plan for the unexpected, so you know how to work it into the overall design when you must.

2. Choose Beautiful Aesthetics

You have a few seconds to make an excellent impression on your site visitors. Take the time to make sure your design functions and is visually appealing. Your color palette should work, images should be crisp and relevant, and typography should be readable and engaging.

Step back from your computer and look at your design from a distance. Does anything stand out that isn’t pleasing to the eye? Get feedback from visitors about what they like and dislike. Since the focus is on user experience, your best source of constructive criticism is from your target audience. Listen to their concerns and ideas.

3. Communicate With Site Visitors

Most experts agree that users want an element of interactivity on sites and apps. People want to know you hear them and get a response. Some ideas include adding a live chat option to your site or engaging in SMS customer support.

Put yourself in their shoes. A customer may visit your site for the first time, having never heard of your brand. They have no reason to trust you or that you’ll follow through on your promises. Potential leads may have a few questions before parting with their hard-earned dollars.

Adding various ways to communicate shows them you’ll be there should they have a problem. It’s much easier to trust a company when you know you can phone, engage in live chat or shoot off an email and get an almost immediate response.

4. Add Clear Direction

Excellent UX is intuitive. You should add calls to action (CTAs) and images pointing the user where they should go next. You can use graphics of arrows, people looking or pointing toward the next step, words, or CTA buttons.

Get feedback on how clear the directions are and tweak them as needed. The user should never have to stop and ponder what to do next. Everything on the page should guide them toward the ultimate goal.

5. Break Down Complex Data

Every industry has complicated data that is difficult for non-experts to understand. Part of good UX is breaking down complex information and sharing it in a simplified way.

One example might be the registration process. Instead of just showing text, a good UX designer would number the steps. Visualizations help add to understanding.

Embracing Effective UI Design

User Interface impacts UX and involves how the design works. The UI designer thinks through visitor expectations and then creates an interface that isn’t frustrating. UI works within the framework of a website to develop functional features. User experience isn’t the complete focus of UI, but it does tie into the planning phases. What are some elements of good UI design?

1. Set Standards

For a design to have good UI, it must perform as expected. Have you ever clicked on a button, and nothing happened? Determine how you want things to work and the minimum acceptable standards for your site.

For example, what happens when someone clicks on a link or button? How does the user know their action created the expected result? Consistency is crucial to how a site performs.

2. Choose the Right Colors

While UX designers look at the emotional impact of various colors, UI designers look at whether the shades match branding and how well the different ones contrast for readability and usability. UI/UX design often bridges a single designer’s work, so the employee ensures everything works as intended, both emotionally and functionally.

You may work with another designer to make the site aesthetically pleasing while also tapping into the emotions driving users. For example, some people love blue, so a blue button can have positive results.

UX and UI designers utilize split testing to see which users respond best to. Then, make adjustments as indicated by how site visitors respond.

3. Focus on Cognitive Matters

According to the Interaction Design Foundation, people can only retain around five things in their short-term memory. Designers should work with recognition instead, as users tend to rely on cues to find what they need.

UI designers may develop an intuitive navigation system and then use the same cues on every page, such as placement, color, and language. Users can then recognize the system without having to memorize it.

4. Prevent Errors

Your job is to ensure errors are kept to a minimum when designing a website or app. One of the most significant parts of a designer’s job is testing and retesting.

Think about all the potential problems a user might run into, such as broken links, images not showing, or incomplete actions. How can you keep those problems from occurring in the first place?

Error prevention is particularly vital when designing software as a service (SaaS) or apps. Users grow frustrated quickly and will find another solution rather than troubleshooting an issue. You’re much better off avoiding the error in the first place.

How Do UX and UI Work Together?

You’ve likely already figured out how closely UX and UI entwine to create a usable experience. The UX designer pays attention to function and interactivity, and the UI designer thinks through how the interface looks.

UX pays attention to the flow of the website and where users start, go next and end up. On the other end, UI figures out how the elements look to the viewer and where everything is placed.

The UX team may decide to add an extra button to the page. The UI team must determine where to place it, if any sizing needs must occur, and how it impacts usability on desktop and mobile devices.

Although each has a different function, user experience and user interface must work together to create a usable site the target audience responds to. You can’t have excellent UX without excellent UI, and vice versa. The best designers consider both and implement them to their fullest potential.

 

Featured image via Pexels.

Source

The post What’s the Difference Between Good UI and Good UX? first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par