Articles

Imagine walking into this: « About 4 million lines of PHP code, written by underpaid, sometimes not well-meaning, freelancers and students over the span of 8 years. The CEO wrote a large part, but stopped learning new techniques around 2004. »

That’s how bad tech debt can get when a startup is run without considering that all of those messy shortcuts will eventually have to get cleaned up.

Source de l’article sur DZONE

This article is an excerpt from the book Machine Learning with PyTorch and Scikit-Learn from the best-selling Python Machine Learning series, updated and expanded to cover PyTorch, transformers, and graph neural networks.

Broadly speaking, graphs represent a certain way we describe and capture relationships in data. Graphs are a particular kind of data structure that is nonlinear and abstract. And since graphs are abstract objects, a concrete representation needs to be defined so the graphs can be operated on. Furthermore, graphs can be defined to have certain properties that may require different representations. Figure 1 summarizes the common types of graphs, which we will discuss in more detail in the following subsections:
Common types of graph

Source de l’article sur DZONE

Acquiring a new customer is difficult, but retaining an existing one is even more challenging. Yet, statistics show that efforts focused on retention bring way more value. 

For instance, according to SmallBizGenius, 82% of companies agree that customer retention is cheaper than acquisition. Apart from that, 65% of a company’s revenue comes from existing clients, and increasing the investment in retention by only 5% already gives you a boost in profits by 25% to 95%. Impressive, right?

So what should you do to reach such results? 

One component that impacts brand-client relationships is website design. This article will give you three design tricks that will encourage your customers to come back to your site more and more. 

1. Rethink Your Website Structure

It is hard to imagine a website visitor who would spend more than five minutes (usually it’s way less) trying to figure out the navigation system on your website. If you have a loaded, complex site structure, you will not retain a customer. 

Take Craigslist, for instance. Its navigation is not user-friendly, not to mention that it took over 30 seconds to load when the acceptable average load time should be no more than 1.7 seconds:

Here’s what proper website navigation presupposes:

  • Subordination should not go deeper than three levels.
  • A website should include eight horizontal categories max. 
  • The structure should be symmetrical. 
  • The menu should not be overstuffed with too many locations. 

Since we mentioned Craigslist, let’s take a look at its competitor AdPost, which has a better website structure:

Instead of listing all the product categories on the front page, like Craigslist, AdPost added them to the search menu, thus making the design more user-friendly and making the navigation cleaner. 

2. Make Your Site Multilingual

If you have visitors coming to your website from around the world, you should not assume they know English. A survey by Weglot found some interesting results regarding the attitude of buyers to shopping on international websites:

  • 52% of websites are in English, but English reaches only 25% of global users.
  • 56% of visitors say the website information in their language is more important than the price.
  • 73% of customers say they prefer to shop on sites in their own language. 

So, there is no doubt that having your website localized to several languages can increase customer retention, especially considering the last stat. 

To understand the proper practices of making a website multilingual, look at the examples of the best language learning apps. For instance, Preply has a drop-down menu where you can choose from multiple language options, including Polish, Ukrainian, German, and many more:

Translating your website to different languages will help the visitor understand the value of your product better. However, before you invest in localization, make sure you study the data on customer behaviors to understand which languages your audience speaks. 

3. Invest in Custom Illustrations

Some companies don’t bother much with designing their websites, especially when it comes to custom elements, such as visuals. However, research has shown that the focus on branding in website design increases customer commitment and e-loyalty, as a result. 

Moreover, in the world of billions of websites, you need something that would help your business stand out. And custom illustrations are among those features that contribute to your site’s uniqueness. 

Just take a quick look at the Emiozaki Web site. It includes personalized illustrations and animation created in the form of a tablet that substitutes the navigation menu:

This website reflects the brand’s tone and style, and animation adds emotion to UX. Apart from that, it’s also an excellent example of structuring a website. 

Or, if you would like an example of a less loaded design, take a look at this personal portfolio by Victoire Douy. It also includes animations that add interactivity to the design. For instance, you can play with the shadow of the girl’s hand:

So, if you want your website to attract more customers and encourage them to hang out for longer, take the creative approach. Hiring an illustrator is, of course, costly, but it will help your site stand out. 

Wrapping Up

As you can see, you’ll have to put in a lot of work to bring forward website design that increases online customer retention. You just have to employ our three best practices. Let’s quickly recap them:

  • Rethink your website structure; it should make the navigation easier. 
  • Consider making your site multilingual; you’ll retain more international visitors. 
  • Invest in custom illustrations to help consumers differentiate your brand from your competitors. 

Source

The post 3 Quick Tricks to Boost Customer Retention first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Whether you are a CSS expert or a front-end beginner, using the right CSS framework is crucial for your daily tasks. There are numerous frameworks whose ultimate goal is the same: helping developers target multiple screens, in the simplest possible way.

This is why Bootstrap is by far the most popular framework on the market. All developers have heard of Bootstrap, and more than 80% of them say they are happy using it.

But that doesn’t mean that there aren’t some great alternatives if you’re willing to shop around. Bootstrap won’t be top dog forever, and there are numerous new lightweight and powerful CSS frameworks.

If you are bored of coding with Bootstrap and Foundation and tired of using complex CSS rules, this list is for you. 

From frameworks that take a pure CSS approach to minimalist frameworks with fully customizable themes, nothing is left out. Let’s get started…

1. Bulma

Bulma is one of the most popular alternatives to Bootstrap and Foundation. It is an entirely free, open-source CSS framework that does not have a steep learning curve. No prior CSS knowledge is required to use Bulma.

When you add the variety of colors, responsiveness, and clean flexbox-based grid it offers, it’s no wonder Bulma is becoming more popular every day. Bulma is a well-documented framework that you should definitely try out.

2. UIkit

If you’re looking for a lightweight yet powerful CSS framework that can be wired with HTML and JS, Ulkit is for you. It fully supports right to left languages and has one of the best icon libraries out there.

Keep in mind that Ulkit is also easy to use. All in all, Ulkit is an excellent Bootstrap alternative that is perfect for designing web layouts for desktop and mobile screens.

3. HTML5 Boilerplate

Even though Bootstrap is relatively easy to learn, it is much more than just a front-end template. So what if you need a fully compatible JavaScript, CSS3, and HTML5 template? In this case, HTML5 Boilerplate is a good choice.

Of course, since it’s a template, this framework does not include layouts and component modules. However, if you need a reliable CSS template that offers extensive documentation, HTML5 Boilerplate is a great solution.

4. Metro UI

Metro UI is one of the most flexible CSS frameworks on the market. This front-end framework can be easily combined with JavaScript-based frameworks like Angular, React, etc.

We found Metro UI to be an excellent open-source CSS framework and a great alternative to Foundation during our testing.

5. Skeleton

As a two-in-one solution, Skeleton quickly made it on our list. This is both a boilerplate and a comprehensive CSS framework. We enjoyed customizing its 12-column grid during our testing, and we found out that it has virtually no learning curve. 

The automatic width resizing works like a charm, and the syntax is fully responsive. This is why we consider Skeleton to be an excellent Bootstrap alternative.

6. Bootflat

If you are looking for a quick way to create a web app, Bootflat is the framework you need. Bootflat’s components are built with CSS3 and HTML5, and the framework offers a comprehensive panel of color schemes for you to choose from. 

Bootflat looks and acts like a simplified version of Bootstrap. However, that doesn’t mean that this CSS framework isn’t scalable and robust. On the contrary, you can fully manipulate the size and performance of the web designs you create. 

7. Semantic UI

If you exclude the fact that Semantic UI doesn’t have the utility classes Bootstrap offers, it is a comprehensive CSS framework that you should try. The best Semantic feature allows you to write HTML code without using BEM methodologies. 

So, if you need a framework that will help you write readable codes in minutes, Semantic is the one for you. 

8. Susy

We know that most developers nowadays use flexbox and native CSS grids. Still, there’s nothing better than Susy if you need a grid system that supports legacy browsers. Although Susy is no longer maintained, it is one of the most flexible old-school grid systems. 

9. Materialize

Like most CSS frameworks on this list, Materialize is built with HTML, CSS, and JavaScript. 

It’s specifically designed to help you develop faster using a standard template and customizable components. As the name suggests, Materialize is based on the basic principles of Material Design.

10. Kickstart

If you need a lightweight alternative to Bootstrap, Kickstart is the CSS library for you. A great thing about Kickstart is that it doesn’t require jQuery which makes it very small. 

Of course, like a pruned version of Bootstrap, this CSS framework isn’t as robust. Still, this is an excellent choice for those who need a UI framework and a comprehensive boilerplate library. 

11. Tailwind CSS

With a fast styling process and the ultimate freedom it provides, Tailwind is extremely popular among some developers. This is a utility-first, front-end framework that is fully responsive and stable. 

Unfortunately, Tailwind CSS requires some time to learn, and it is not the most flexible choice when it comes to revising CSS rules.

12. Pure CSS

Yahoo specially developed Pure CSS to help developers create fully responsive web pages. 

We consider Pure a minimalist alternative to Bootstrap that offers every module a beginner needs (navigation menu, grid, tables, etc.).

13. PowertoCSS

PowertoCSS is on this list for a good reason. This is an ultimately responsive CSS framework that you can use to create grids and scale web apps on any platform. 

PowertoCSS is based on Modular Architecture and Scalable when it comes to design.

Unlike other CSS frameworks, PowertoCSS is very lightweight, beginner-friendly, and comes with detailed documentation. 

The coding process is simple, and we found the learning curve to be shallow.

14. Spectre

Spectre is one of the most flexible and lightweight CSS frameworks we tested for this article. 

It has a modern (flexbox) layout system; it is fully customizable and allows you to get quick, attractive results. 

15. Primer

Our last suggestion is Primer, a great open-source CSS framework. 

To be precise, Primer is more of a design system that lets you use a BEM CSS framework and create your projects quickly and efficiently.

So, even though Primer is not a CSS framework in the strict sense, it will help you use React and Figma components, icons, and advanced documentation to unify all of that.

Wrap Up

Choosing the right CSS framework is not easy. It all depends on your personal needs and preferences as a front-end developer. 

Although Bootstrap and Foundation are still the most popular frameworks, many of the alternatives presented above will continue to gain popularity for good reasons.

Source

The post 15 Best CSS Frameworks: Professional Bootstrap and Foundation Alternatives first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Java for a lot of time has been accused and mocked for its verbosity. Even the most passionate Java developers have to admit that it felt ridiculous to declare a bean class with two attributes. If you follow the right recommendations, you end up adding not only getters and setters, but also the implementations of toString hashcode and equals methods. The final result is a chunk of boilerplate that invites you to start learning another language. 

Java

 

import java.util.Objects; public class Car { private String brand; private String model; private int year; public String getBrand() { return brand; } public void setBrand(String brand) { this.brand = brand; } public String getModel() { return model; } public void setModel(String model) { this.model = model; } public int getYear() { return year; } public void setYear(int year) { this.year = year; } @Override public String toString() { return "Car{" + "brand='" + brand + ''' + ", model='" + model + ''' + ", year=" + year + '}'; } @Override public boolean equals(Object o) { if (this == o) return true; if (o == null || getClass() != o.getClass()) return false; Car car = (Car) o; return year == car.year && Objects.equals(brand, car.brand) && Objects.equals(model, car.model); } @Override public int hashCode() { return Objects.hash(brand, model, year); }
}

Source de l’article sur DZONE

Nous sommes entrés dans une ère de transformation numérique en accélération constante dans un monde des affaires très concurrentiel, et cela ne devrait qu’augmenter avec le temps.

Chaque entreprise travaille ardemment à la mise à jour de ses processus. Cependant, pour que les entreprises puissent soutenir ces évolutions rapides, leurs collaborateurs doivent constamment affiner leurs compétences pour répondre aux besoins technologiques croissants. Pour rester à la pointe des changements et des enjeux auxquels seront confrontés tous les secteurs d’activité dans les prochaines années, il est essentiel que les employés aient accès à une formation continue et à une évolution de carrière intéressante, pour parvenir à la fois à la rétention des talents essentiels et à une culture d’entreprise de l’innovation continue.

Pour relever ces défis, de nombreuses entreprises et personnes se tournent vers des ressources, des cours et des certifications facilement accessibles sur le site SAP Learning afin de combler leur déficit de compétences. SAP est classée parmi les leaders dans le rapport d’Évaluation des prestataires de formation informatique de l’IDC MarketScape U.S. et MarketScape Europe. Cette recherche porte sur l’analyse des entreprises de formation informatique les plus connues, dotées de portefeuilles de formation adaptés aux entreprises qui envisagent d’importantes initiatives de transformation.

Les formations SAP favorisent l’acquisition de compétences innovantes

Le portefeuille de formations SAP Learning aide à répondre aux besoins de formation individuels et à renforcer les aptitudes technologiques des entreprises. SAP estime que les ressources de formation et de certification sont de plus en plus nécessaires dans l’environnement de travail actuel. Selon le rapport d’Évaluation des prestataires de formation informatique de l’IDC MarketScape U.S. les points forts de l’offre SAP sont les suivants :

  • Les clients apprécient les services de formation supplémentaires.
  • Les clients apprécient l’offre de préparation des tests de certification.
  • Les clients disent qu’ils l’utiliseront plus souvent l’année prochaine.
  • Elle peut aider les clients à personnaliser le contenu ou les parcours.
  • Elle a un point de vue important sur l’utilité de la formation.
  • Elle dispose d’un excellent processus d’actualisation et de mise à jour de son contenu.
  • Elle contient des exemples concrets d’amélioration des processus client.
  • Elle intègre des travaux pratiques dans une bonne partie de son contenu.
  • Elle propose une gamme intéressante de tarification et de packages.
  • Les apprenants apprécient l’utilisation des quiz pour valider les apprentissages.

Prenons l’exemple de Neils Wijsbeek, spécialiste chez Deloitte Consulting B.V. Malgré ses sept années d’expérience des solutions SAP, Wijsbeek continue de se former en permanence et valide ses compétences en passant régulièrement les certifications sur les solutions SAP SuccessFactors. Wijsbeek constate que le fait de continuer à mettre à jour ses certifications est important pour sa carrière et permet de démontrer son expertise de manière très visible. «Le processus de certification, notamment sa préparation, vous oblige à approfondir le contenu et à développer rapidement vos compétences », dit-il. À une époque où il n’a jamais été aussi crucial de rester à l’avant-garde des évolutions dans le secteur numérique, il a également déclaré que le contenu delta obligatoire de la certification SAP exige des utilisateurs qu’ils se forment sur les nouveautés des versions et les derniers développements, ce qui implique un accroissement de l’expertise tant individuelle que de son entreprise auprès des clients.

Notre équipe chez SAP se consacre à la création d’expériences de formation épanouissantes telles que celles de Wijsbeek, qui permettent aux collaborateurs d’approfondir facilement et souvent leurs compétences. Les responsables de recrutement sont actuellement confrontés à des défis de fidélisation des collaborateurs, ce qui limite considérablement la croissance de leurs entreprises. Avec l’avancée rapide des progrès technologiques, les meilleurs talents sont constamment sollicités et débauchés, ce qui crée des ruptures au niveau des compétences et des collaborateurs surchargés de travail. Par exemple, bien que la plupart des entreprises soient devenues multi-cloud, 86 % des professionnels de l’informatique pensent qu’un manque de compétences ralentira les projets Cloud.

Chez SAP Learning, nous veillons à ce que les entreprises puissent facilement transformer et perfectionner leurs compétences, ce qui donne aux collaborateurs des opportunités de développement de leur carrière et participe grandement à leur motivation. Pour aider les entreprises à accomplir cette tâche et rencontrer les besoins des individus à chaque étape de leur parcours d’apprentissage, nous avons lancé un nouveau site SAP Learning qui devient le point d’accès unique et simplifié à l’ensemble des ressources de formation SAP.

 

Formation SAP disponible pour les apprenants quelque soit leur niveau

SAP Learning offre à tous des opportunités de perfectionnement, de reconversion et de validation de compétences SAP. Par exemple, avec notre récente version du site SAP Learning, nous offrons un accès gratuit à plusieurs contenus pour la mise à niveau des compétences sur la plateforme SAP Business Technology Platform (SAP BTP), y compris un tout nouveau parcours de formation axé sur le développement d’applications Low-code/No- code. Cela permet de garantir que des apprenants, quelque soit leur niveau, depuis les développeurs débutants jusqu’à ceux qui occupent déjà un poste de développeur confirmé, peuvent facilement acquérir des compétences SAP dans des domaines d’innovation clés et se préparer à une certification SAP gratuitement.

Afin de soutenir l’effort des entreprises pour consolider les compétences d’innovation de leurs employés, SAP fournit les ressources d’apprentissage nécessaires, permettant d’accroître la compétitivité globale de leur business. La mise à disposition de formations et de certifications SAP dans une organisation est devenue un élément essentiel d’atteinte des objectifs stratégiques.

Les solutions SAP Learning aident à valider les compétences et l’expérience SAP des utilisateurs et permettent aux apprenants tout au long de leur vie professionnelle, comme Wijsbeek, de rester à la pointe de l’évolution du secteur et de se présenter, ainsi que leur organisation, comme des leaders de l’innovation. « La façon dont les programmes de formation ont évolué au fil des années permet de trouver très facilement les supports nécessaires, notamment pour maintenir sa certification à jour grâce au contenu delta », explique Wijsbeek.

Alors que SAP Learning continue d’évoluer pour satisfaire les besoins des apprenants partout dans le monde, je suis extrêmement enthousiasmé par le dévouement de notre équipe pour faciliter la progression des compétences et de la carrière des apprenants SAP, alors que nous entamons cette année supplémentaire de transformation de nos formations en mode digital.


Jan Meyer est responsable des systèmes de formation pour SAP Learning.

*IDC MarketScape, Évaluation des fournisseurs de formations informatiques États-Unis 2021 (doc. #US47541121, décembre 2021)
**IDC MarketScape : Évaluation des fournisseurs de formation informatique européenne 2021 (doc. #EUR148400521, décembre 2021)

The post SAP classée parmi les leaders de la formation informatique aux États-Unis et en Europe par IDC MarketScape appeared first on SAP France News.

Source de l’article sur sap.com

For decades Artificial Intelligence has been a focus of best-selling science fiction authors and an antagonist for blockbuster Hollywood movies. But AI is no longer relegated to the realm of science fiction, it inhabits the world around us. From the biggest enterprise companies to plucky startups, businesses everywhere are building and deploying AI at incredible speed. 

In fact, open source allows anyone with a laptop to build impressively good AI models in a day.

Source de l’article sur DZONE

We’re going to have some fun this month. There are so many new tools and resources out there for designers that make life easier, and others are simply enjoyable.

Here’s what is new for designers this month …

Polka Dot Generator

Polka Dot Generator is exactly what you think. Adjust colors, dot size, shadow, and fuzziness, and then export the CSS for use in your projects. This could make for fun effects or backgrounds.

Design Memes

Design Memes is just a lot of fun. It’s a collection of memes based on design culture updated daily. It’s a little silly and a little reflective. Yes, it’s completely ok to laugh at yourself.

Pppointed

Pppointed is an SVG arrow-making tool that helps you create cool pointers without a lot of effort. Just pick a color, shape, and style, and you are ready to go. Save your custom arrows as SVG files or copy the code and use them on the web whenever you want to point at things visually.

Open Source Color System

Open Source Color System is a set of palettes that include carefully picked colors to help you overcome interface challenges. For example, it is one of the only color tools out there that includes palettes for light and dark modes. It’s also designed with accessibility in mind to help you create a complete and usable system.

Cowsay

Cowsay is a nifty little web interface of the same name made with Svelte and HTML Canvas. Play with it and then copy your art as ASCII or an image.

Minze

Minze is a simple JavaScript framework for native web components. It’s tiny and fast, modern, shareable, framework agnostic, and uses TypeScript to scale your component library. Plus, you can get started with it right away.

Tally

Tally is a simple – and free – online form builder. You can use it without coding, and it works like a document file, so there’s no learning curve. You can create unlimited forms, integrate with other tools, set logic, collect payments, and more. There’s a pro version as well if you need even more features.

Hue.Tools

Hue.Tools is another color tool to help you maximize effort when creating palettes. Generate a color you like, see specs and values in all the different color spaces, inspiration from design sites, and colors that work with it. It’s fun and functional.

Sturdy

Sturdy is a low overhead code collaboration platform for fast-moving teams. With Sturdy, you work in the open with your team. Discover and interact with draft code as it is written. Those team drafts are like live pull requests (Figma or Google Docs) but using your local editor.

Mage

Mage is a tool that transforms your data into predictions. Build, train, and deploy predictive models in minutes with no AI experience required. This is a premium tool, but you can try it for free.

Huemint

Huemint is a machine-learning-based color scheme generator for websites, graphics, and branding. There are many options to play with, and you can generate some pretty interesting combinations that ordinarily you might not think of.

CSSUI

CSSUI is another tool you’ll love because it includes pure CSS interactive components without any JavaScript. It’s easy to customize, uses standard HTML, is easy for all levels to use, is tiny and fast, and supports pretty much all modern browsers. It’s an open-source tool that you can download and use immediately.

UI Icons Line – Free

UI Icons Line – Free is a set of 1,000 free vectors for use in your projects. Who doesn’t need a robust set of icons?

Skill Icons

Skill Icons is a set of icons to help you showcase your design and development skills on your resume or GitHub. They all look great and match.

Ambient Design

Ambient Design is a mobile app design market where you can get mobile UI kits for Figma. Purchase kits separately, or buy quarterly or yearly plans to access all current and future UI kits.

TextFrame

TextFrame lets you create animated tutorials for your users to get the help they need. It integrates directly with WordPress or any other website with just a couple of lines of code and includes plenty of customizable options to make it easy for you to help others understand how to use the website. The tool is free for one site and just a few bucks per month for additional sites.

Booqsi

Booqsi is a fun new social media network for book lovers. The platform is still in beta and lets you save and share books, create shelves for reading, and doesn’t force a connection to Amazon. It’s just all about the books. And there’s a bonus: every link from the site goes back to bookshop.org to help you find and support local bookstores.

Stylo

Stylo is an open-source WYSIWYG interactive editor for JavaScript. It is made to bring great user experience and interactivity to the web, for everyone, with no dependencies. It has an interactive design, is customizable, and is future-proof.

Tutorial: How to Favicon in 2022

How to Favicon in 2022 is an excellent lesson on the five icon files every website needs (plus one JSON file). If you are creating more than that, this is a must-read.

Tutorial: Creating Generative SVG Grids

Creating Generative SVG Grids is an in-depth, step-by-step tutorial for anyone who wants to create a more artistic SVG. It uses a handful of tools, including SVG.js, Generative Utils, TinyColor, and GSAP.

Fromage

Fromage is a new and beautiful premium typeface family from Adam Ladd. It includes 14 styles with an interesting serif and alternative sans option. The high-contrast design is great for a variety of projects.

HD Colton

HD Colton is a premium super sans serif typeface with a whopping 91 styles and family package options. It would make a bold statement as a display option.

Source

The post Exciting New Tools For Designers, March 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Micro-interactions effectively communicate brand identity and ethos while strengthening ties with the customer. These habit-forming tools make for a fun and seamless user experience. Facebook’s ‘likes’ and Tinder’s ‘swipes’ are two classic examples. 

Micro-interactions originated with the need to guide customers who had hit a snag while using a service or a product. The goal was to ease customers into being more product-savvy via subtle reassurance and feedback. Micro-interactions are now employed by everything from washing machines, to coffee makers.

Along with feedback, prompts, and recommendations, they can also present customers with an appealing visual reward upon finishing a task. When used optimally, micro-interactions drastically enhance the navigation and simplify how users interact with sites and apps.

How Micro-Interactions Work

Here are the four structural elements to a simple micro-interaction: triggers, rules, feedback, and loops. Every micro-interaction has a significant component to organize the operational cycle. It lets you control feedback and runs, so the users understand the consequences of their performance and feel motivated to follow through.

Triggers

This feature begins micro-interactions of both the user-initiated (prompted by user) and system-initiated (driven by the system) kind. For example, a click, scroll, swipe, tap, and pull are common triggers that users carry out. So making a payment, booking a cab, and clicking or tapping on the hamburger menu all fall under this category. On the flip side, the user’s alert prompt upon entering a wrong password is a classic system-generated trigger. 

Rules

This element determines what happens after the user sets a prompt into motion via tapping, clicking, scrolling, or swiping. Rules refer to the fact that apps decide the triggers that users employ — Tinder’s ‘swipe’ feature illustrates this point. These rules gradually become a habit-forming action that users get accustomed to while regularly engaging with an app.

Feedback

During this process stage, the system informs the user via auditory, visual, or haptic cues. It engages the users and encourages them to proceed further in their process. For example, the progress bar of a download, the visual representation of steps cleared in a circle, or the visual, aural, and tactile indication upon the success or failure of payment are all a part of the feedback mechanism.

Loop/Modes

This final stage entails tiny meta-rules of the process and determines the frequency and duration. A classic example from an ecommerce app is the ‘Buy Now’ transformed to ‘Buy Another’ Before the user loses interest in the app, the app typically uses such a loop to get them to re-engage with the app. 

How to Use Micro-Interactions

We’ve established that micro-interactions are fabulous, but not every UX interaction on your app or site needs one throughout the wireframe. Overusing this tool could saturate the overall creative experience your design may want to offer. Worse, it might even end up confusing the information hierarchy. It undermines the design and unbalances the user experience of discomfort and irritability. So it’s crucial to know when exactly to use them.

Let’s find out how few quick tips on micro-interactions can elevate and humanize your mobile user experience:

  • Swipe right or left: A signature move made entirely on swiping micro-interaction featured in the famous Tinder app. Swiping is an easier action than clicking or tapping.
  • Call-to-action:  As part of the last step during payment or order, place a ‘Confirm Order’ or ‘Book Now’ prompt, which gives the task a sense of urgency. As a result, having acted on it feels like a minor achievement. 
  • System status: Your app user wants to know what’s happening. System status lets them know they are moving in the right direction and helps avoid confusion. Sometimes, users even run out of patience while uploading a picture, downloading a file, or filling up the registration form.
  • Classic notifications: Users need a quick reminder of products selected/wishlist in their abandoned cart with a reduced attention span. A simple notification can nudge them toward finalizing the purchase. 
  • Button animation: Animated buttons are not only cute, but they also help users navigate the mobile app swiftly. Try out attractive colors, fonts, sizes, shapes, and clipart elements corresponding to the animation and create that cool button to pop up when tapped or hovered on. 
  • Animated text inputs:  A simple process of a likable element like zooming in while entering data into a form or filling up card details for payment can enhance the user experience.
  • Reward an achievement:  Especially true for educational and health apps, micro-interactions celebrating big and small milestones with a badge or a compliment of encouragement can strengthen a user’s engagement with the app. 

Benefits of Micro-Interactions

  • Brand communication: A successful brand ensures that the transmission to the buyer is engaging, positive, and hassle-free. When micro-interactions show a process status clearly, it creates and reinforces a positive image for your brand.
  • Higher user engagement: Experts say micro-interactions engage users better. These tiny elements subconsciously create the urge to keep interacting with your app. For example, each push or nudge notification acts toward redirecting your customers back to your app.
  • Enhanced user experience: From shopping to banking to traveling to learning to staying healthy, there’s an app for everything. A wide range of activities elevates the overall user experience and stays ahead in the game. Micro-interactions can work that magic for your brand. 
  • Prompt feedback: It’s frustrating not to know what’s happening behind the blank screen, especially during a purchase. Instant feedback via visual, sound, or vibrating notifications makes for a pleasant user experience. 
  • Visual harmony: Micro-interactions initiated even with a tap, swipe, typing, or scrolling are all a part of the UX design’s overall appeal. The trick is to keep all the interface elements in perfect sync with the app’s visual features.

Micro-Interaction Best Practices

Here are a few basic principles you should follow when you introduce a micro-interaction to the user experience.

1. Keep it simple, stupid (KISS)

KISS is a famous design principle that becomes even more important in the case of micro-interactions. The goal is to make the user journey delightful and not be a distraction.

2. Keep it Short

It has ‘micro’ in the name itself. But, again, micro-interactions aren’t supposed to be show stars, and a lengthy micro-interaction only distracts the user. 

3. Pick the Right Place

You should always consider the options carefully before choosing the spot for any micro-interaction. The widely used user-interaction designs are popular for a reason. Many people have already approved them, so you can safely continue with them. The use of micro-interaction should also sit well with your brand image. 

See also if the placement of a micro-interaction is reaching your ideal customer or not. And even consider whether you need a micro-interaction to begin with. 

And That’s a Wrap!

As UX designers, we can profoundly impact the overall design of sites and apps, the user’s journey, their interactions with our product/service, their connection with the brand, and the ease of doing a transaction.

We want customers to connect to our brand, love our products, and experience our exceptional customer service. But most of all, we want to earn their trust and loyalty.

 

Featured image via Pexels.

Source

The post Using Micro-Interactions to Drive UX first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Paris, le 7 mars 2022 – Afin de répondre aux préoccupations des dirigeants et collaborateurs face à l’augmentation de cyberattaques protéiformes et de plus en plus sophistiquées, SAP SE (NYSE : SAP), Trustpair et Accenture ont mené une étude portant sur la lutte contre les risques de fraude au virement. Cette enquête souligne une importante prise de maturité des entreprises face à la fraude, ainsi qu’une évolution positive de la perception des dispositifs visant lutter contre celle-ci.

Tandis que 95% des entreprises ont fait l’objet d’une tentative de fraude en 2021, dont les trois quarts de ces tentatives ont entraîné une perte financière, 2022 se place sous le signe d’une mise en marche des entreprises, avec une volonté forte de se professionnaliser dans la gestion de la lutte contre la fraude au virement. Les entreprises multiplient ainsi les projets d’envergure et mieux intégrés à leurs systèmes d’information.

Quelques chiffres clés permettent de dresser un diagnostic des risques de fraude auxquels font face les entreprises, mais également les enjeux de sécurisation inhérents :

  • Pour 85% des répondants, la vulnérabilité des entreprises face à la fraude s’explique par la forte augmentation des cyberattaques.
  • Parmi les entreprises victimes de fraude, la fraude au RIB arrive largement en tête (64%), suivie par la fraude au faux fournisseur (43%) et le phishing (40%).
  • Alors que 87% des répondants savent qu’il existe des solutions anti-fraude, 58% des entreprises n’auraient aucune solution technologique dédiée à la fraude au virement. Toutefois, il s’agit d’un enjeu prioritaire, car 67% d’entre elles ont entrepris un projet de lutte contre la fraude au virement en 2021.
  • On apprend également que près d’un quart des répondants souhaitent que les ERP occupent un rôle de conseiller sur la sécurisation de leurs virements. En effet, le rôle d’un ERP est fondamental, car des modules spécifiques dédiés à la lutte contre la fraude sont de plus en plus présents, ainsi que des solutions spécialisées directement intégrées dans l’environnement technique des entreprises.

« L’étude montre une chose : une sensibilité toujours plus grande au besoin de s’équiper d’une solution digitale contre la fraude au virement », déclare Baptiste Collot, Président et co-fondateur de Trustpair. « Ce constat va de pair avec l’évolution des tentatives de fraude, puisqu’il y a quelques années, les corporates avaient essentiellement pour réponses de continuer à mettre en place des processus manuels pour se protéger de ces risques-là. »

« Cette étude met en lumière l’enjeu croissant autour des ERP et de l’automatisation des processus dans la lutte contre les tentatives de fraude. Notre expertise combinée à celle de notre partenaire Trustpair dans la sécurisation des coordonnées bancaires est reconnue (avec une note de confiance à 8,6/10), et il semble, aujourd’hui plus que jamais, indispensable de répondre à la demande d’accompagnement de nos clients, en leur fournissant tous les conseils et ressources nécessaires pour mieux se défendre contre ce type de cyberattaques », selon François Bourgeois, Sales Director Finance & Risk – SAP France.

L’étude a été menée du 1er décembre 2021 au 25 janvier 2022 auprès de 134 Directeurs Financiers et Directeurs Trésorerie d’ETI et de grands groupes français, via un questionnaire par internet et par téléphone.

Pour télécharger l’étude dans son intégralité : lien.

 

À propos de SAP

La stratégie de SAP vise à aider chaque organisation à fonctionner en “entreprise intelligente”. En tant que leader du marché des logiciels d’application d’entreprise, nous aidons les entreprises de toutes tailles et de tous secteurs à opérer au mieux : 77 % des transactions commerciales mondiales entrent en contact avec un système SAP®. Nos technologies de Machine Learning, d’Internet des objets (IoT) et d’analytique avancées aident nos clients à transformer leurs activités en “entreprises intelligentes”. SAP permet aux personnes et aux organisations d’avoir une vision approfondie de leur business et favorise la collaboration afin qu’elles puissent garder une longueur d’avance sur leurs concurrents. Nous simplifions la technologie afin que les entreprises puissent utiliser nos logiciels comme elles le souhaitent – sans interruption. Notre suite d’applications et de services de bout en bout permet aux clients privés et publics de 25 secteurs d’activité dans le monde de fonctionner de manière rentable, de s’adapter en permanence et de faire la différence. Avec son réseau mondial de clients, partenaires, employés et leaders d’opinion, SAP aide le monde à mieux fonctionner et à améliorer la vie de chacun. Pour plus d’informations, visitez le site www.sap.com.

SAP News Center. Suivez SAP sur Twitter : @SAPNews.

À propos de Trustpair

Trustpair est la plateforme de gestion de risque de tiers spécialisée dans la lutte contre la fraude au virement.

Créé en 2017, Trustpair accompagne les Directions financières des grandes entreprises et ETI dans la sécurisation de leurs paiements en vérifiant automatiquement les coordonnées bancaires de leurs tiers. Avec Trustpair, plus de de 150 Directions financières sont déjà dotées d’une solution digitale pour déjouer les fraudes via :

  • Le contrôle automatique des RIB fournisseurs
  • L’audit continu et en temps réel du référentiel tiers
  • La sécurisation de l’ensemble de leurs campagnes de paiements

 

Site web : www.trustpair.fr

Réseaux sociaux : LinkedIn | Twitter | YouTube

 

Contacts presse :

Chloé Jalaguier : chloe.jalaguier@publicisconsultants.com

Robin Legros : robin.legros@publicisconsultants.com

Léonore Brin : lbrin@trustpair.fr

+33 (0)6 88 47 33 95

 

Veuillez tenir compte de notre politique de confidentialité. Si vous avez reçu cette alerte de presse dans votre courriel et que vous souhaitez vous désabonner de notre liste d’envoi, veuillez communiquer avec presse-sap@publicisconsultants.com et écrire Désabonnement dans la ligne Objet.

The post SAP et Trustpair joignent leurs forces dans la lutte contre les risques de fraude au virement appeared first on SAP France News.

Source de l’article sur sap.com