Articles

La crise sanitaire a appris aux entreprises combien il est essentiel de savoir s’adapter rapidement. Que ce soit en termes de production, de sourcing ou encore de distribution. En adoptant un modèle plus durable, il est possible de garantir la continuité de l’activité, même en cas de changement inattendu et massif de la demande.

L’économie d’expérience s’est imposée comme la thématique clé de l’année 2019. Ce concept a toutefois été éclipsé en 2020 par un invité inattendu, la résilience. Les PRA et autres plans de préparation aux risques ont en effet été confrontés à une réalité de terrain : une crise sanitaire et économique, doublée de schémas de consommation et de distribution profondément perturbés.

Défi 1 : éviter la rupture d’activité

Les moins chanceuses des entreprises sont celles pour lesquelles le confinement a enlevé toute possibilité d’activité. Au plus dur de la crise sanitaire, certaines ont dû ainsi purement et simplement fermer leurs portes. Mais d’autres ont su également rebondir, au travers de la distribution multicanale, de l’innovation métier, ou de la saisie de nouvelles opportunités de marché.

Les industriels qui ont su rediriger rapidement leur production vers de nouveaux produits (masques, respirateurs, gel hydroalcoolique, repas à emporter…) ont pu tirer leur épingle du jeu. Avec les crises économiques, sanitaires et climatiques qui s’annoncent, il faut s’attendre à une multiplication de ces défis de flexibilité, et s’y préparer.

Défi 2 : le télétravail

Dans l’absolu, beaucoup d’entreprises pourraient poursuivre leur activité avec une majorité de leurs salariés en télétravail. Mais peu étaient prête à travailler de la sorte, du fait d’un back-office inaccessible hors des murs de l’organisation et manquant de flexibilité opérationnelle. Des solutions cloud, comme Teams ou Zoom, ont pu compenser en partie ce manque. Mais ce n’est pas suffisant.

Il faut maintenant mettre en place des systèmes plus agiles et intelligents, capable de mieux analyser et prévoir, mais aussi de mieux s’adapter à une forte volatilité de la demande. Ceci doit d’accompagner d’infrastructures ouvertes vers l’extérieur et sécurisées, mettant en œuvre des technologies comme des équipements informatiques mobiles, des solutions informatiques en mode cloud, des systèmes de communication unifiée, de la blockchain, etc.

Défi 3 : se rapprocher du consommateur

Qui dit télétravailleur dit consommation à distance. Les entreprises se doivent donc d’aller vers le consommateur, en privilégiant le B2C, par exemple au travers de l’e-commerce. Mais aussi en transformant le B2B en B2B2C ou encore le Direct Selling en Social Selling.

Cela induit des changements profonds dans la structure logistique, avec une nécessité d’optimiser à la fois la production et la chaîne de distribution, afin de desservir un maximum de clients en un minimum de fret. Nous retrouvons ici une problématique que nous avions déjà rencontrée avec la montée de l’économie d’expérience. Celle-ci se traduit en effet par une hyper-personnalisation des produits, qui doivent être directement livrés au client, sans délai.

La solution est donc peut-être de combiner ces deux problématiques, afin de les transformer en opportunité : savoir combiner l’impératif de résilience imposé par la situation économique et sanitaire à la volonté d’expérience portée par les consommateurs et partenaires.

The post Logistique : quelles leçons tirer de la crise ? appeared first on SAP France News.

Source de l’article sur sap.com

WALLDORF, Allemagne 14 octobre 2020 SAP SE (NYSE : SAP) a annoncé aujourd’hui le lancement mondial de SAP® Customer Data Platform, une plateforme de données client (CDP) de nouvelle génération qui vise à permettre aux entreprises de redéfinir l’expérience client à chaque interaction, du commerce au marketing, en passant par les ventes et les services. L’annonce a été faite lors de l’événement SAP Customer Experience LIVE, qui s’est tenu en ligne les 14 et 15 octobre.

À mesure que l’expérience client devient un facteur de différenciation de plus en plus important pour les marques du monde entier, de nombreuses entreprises se tournent vers les CDP afin de créer des expériences uniques et personnalisées pour diverses utilisations marketing. Pourtant, cette approche marketing restrictive a trop souvent entravé le véritable potentiel d’une CDP performant. SAP Customer Data Platform est conçue pour aller au-delà du marketing en ajoutant un contexte riche aux expériences commerciales, de vente et de service, avec un marketing pertinent et opportun. Ce faisant, l’objectif de SAP Customer Data Platform consiste à proposer une personnalisation basée sur sa capacité à collecter et à gérer les données client. Cela permettra aux entreprises de connaître le client à chaque point de contact, de mener efficacement des conversations pertinentes et de fidéliser durablement le client.

Connecter, respecter, comprendre et personnaliser les données pour réussir

SAP Customer Data Platform a été spécialement conçue pour exploiter quatre opportunités clés visant à accroître la portée et l’efficacité de la marque :

  • Connecter chaque source de données de l’entreprise. Lorsque plusieurs sources de données stockent individuellement les données des clients, les silos de données se multiplient et la vue client est fragmentée. Avec SAP Customer Data Platform, les données client peuvent être ingérées et résolues par toutes les sources de l’entreprise, y compris les données CRM internes, les données de seconde partie, de tiers et hors ligne, les événements et flux d’activités, ainsi que les données transactionnelles, comportementales, d’expérience et de back-office. Quelle que soit la source, les données sont conservées, avec leur contexte, en plus des données opérationnelles, pour connecter des systèmes qui nécessitent un degré élevé de confiance dans la qualité des données. Cela se traduit par des profils client unifiés, vivants et dynamiques, mis à jour en temps réel et au moment opportun.
  • Respecter les données des clients en adoptant une stratégie globale en matière de confidentialité des données. Dans le paysage actuel de la confidentialité des données, les marques doivent comprendre comment, quand et où les données clients peuvent être utilisées. En comprenant l’objectif principal de la collecte des données, SAP Customer Data Platform peut aider à l’adoption d’une stratégie de confidentialité plus globale, en fusionnant les données entrantes dans un profil uniquement après obtention des autorisations requises. Cela permet d’introduire plus de transparence dans les pratiques de collecte de données et les raisons pour lesquelles les données sont traitées, ce qui contribue à réaffirmer l’engagement d’une marque à respecter la confidentialité des données de ses clients.
  • Comprendre les grands volumes de données. SAP Customer Data Platform offre une segmentation puissante et des indicateurs d’activité calculés en temps réel pour aider à comprendre réellement les préférences et le comportement des clients. Cela sert de base de données pour la croissance du public et l’incitation, qui est essentielle pour offrir des interactions pertinentes et personnalisées sur tous les canaux. En centralisant la gestion du public, les marques peuvent proposer des expériences cohérentes sur toutes leurs solutions marketing, de personnalisation, commerciales, de service et de vente, ce qui est essentiel dans une stratégie axée sur le client.
  • Hyper-personnaliser les engagements grâce à une vue complète du client. SAP Customer Data Platform permet d’unifier de grandes quantités de données opérationnelles de back-office avec des données de front-office et d’expérience. Les solutions d’engagement sont ainsi alimentées à l’échelle de l’entreprise grâce à des informations clients exploitables, basées sur les autorisations, en temps réel, ce qui permet d’obtenir des interactions pertinentes au bon moment et au bon endroit, sur le canal préféré du client et selon ses conditions.

« Aucun client n’est identique et aucun client n’est parfaitement prévisible », a déclaré Trond Anderson, responsable de la stratégie et de l’architecture informatique chez Elkjøp Nordic AS, l’un des plus grands détaillants spécialisés dans l’électronique grand public des pays nordiques. « Grâce à SAP Customer Data Platform, nous pouvons créer une vue contextuelle du client et l’associer à un profil unifié, afin de mieux anticiper ses besoins et désirs lorsqu’il les exprime. L’efficacité de notre engagement est améliorée par la gestion des données en temps réel et nous nous assurons de traiter les données de manière conforme et respectueuse. »

S’appuyer sur une base solide
SAP Customer Data Platform repose sur les solutions SAP Customer Data Cloud, elles-mêmes basées sur la technologie Gigya. Les solutions SAP Customer Identity and Access Management et SAP Enterprise Consent and Preference Management sont intégrées pour garantir un profil digital sécurisé et conforme. SAP Customer Data Platform sert de tissu conjonctif du profil en temps réel, ce qui permet d’établir une base de données sur le client et d’engager une conversation pertinente chaque fois que le client souhaite interagir avec la marque.

« Nous n’avons pas inventé la CDP, mais SAP Customer Data Platform ouvre la voie à un nouveau monde d’opportunités », a déclaré Bob Stutz, président de l’expérience client de SAP. « SAP Customer Data Platform est l’une des CDP les plus sophistiqués pour les entreprises. Elle peut véritablement offrir des expériences personnalisées qui permettent aux utilisateurs anonymes de se transformer en clients connus et fidèles, en utilisant les canaux préférés du client, en unifiant de grandes quantités de données de front-office, de back-office et d’expérience, comme seul SAP peut le faire. »

The post SAP lance SAP® Customer Data Platform pour permettre aux entreprises de connaître le client au moment opportun appeared first on SAP France News.

Source de l’article sur sap.com

Plugins offer a ton of benefits to developers and website administrators; from flexibility, to saving time in development, the right plugin is priceless to a project.

In this article, we’ll cover a list of the best new plugins for October 2020. You’ll find useful plugins for WordPress, Craft, Shopify, and Joomla.

Let’s get started.

WordPress

Sticky Post Expire

Sticky Post Expire is a simple plugin for WordPress that allows you to add an expiration date to your sticky posts. When the expiration date you set on a post expires, the post will automatically no longer be sticky. All you need to do is install/enable the plugin and a meta checkbox will appear in your posts admin area. It’s in this checkbox you will set the post’s expiration date.

Product page shipping calculator for WooCommerce

The Product Page Shipping Calculator plugin allows your customers to calculate the cost of shipping before adding the product to their cart. The plugin also allows customers to see the available shipping methods for their area. If the product cannot be shipped to the customer’s location, the plugin will notify the customer. All calculations are done using Ajax, so you don’t have to worry about the plugin slowing down your site.

Payment Page

Payment Page makes it easy to collect payments on your WordPress website. The plugin allows you to connect to any payment gateway platform of choice. You can also receive one-time or recurring payments using Payment Page. The plugin comes with beautifully designed templates that you can customize to fit your brand and style. The form builder helps you increase your sales and conversions. You can collect payment in any currency. After payment, customers will also receive a confirmation message.

WP Roadmap

Wp Roadmap is a product feedback board for WordPress. The plugins allow you to display your company’s product roadmap on your WordPress website or blog. The plugin will display your new products, business developments, upcoming events, achievements, awards, and future projects on your site. WP Roadmap also gives you the option to collect and create feedback boards. The plugin comes with an intuitive interface and works with any WordPress theme.

LiveSession

LiveSession is a session replay plugin for WordPress. The plugin allows you to record everything happening on your site, including clicks, scrolls, and mouse movements. This plugin helps you understand how your visitors interact with your website. You can rewatch the videos as many times as you like. Instead of recording every single visitor on your site, LiveSession will record visitors with a high engagement score.

The plugin also comes with a feature called Rage Clicks. This feature helps you identify when visitors encounter Javascript errors. The plugin also has a beta feature called Clickmap. It helps you identify the specific elements on your site that visitors clicked and how many times. There is also a heatmap feature that identifies which pages on your site get the most interaction. The plugin is very useful in improving your user experience (UX) and conversion rates. It easily integrates with Google Analytics, Segment, Intercom, LiveChat, HelpScout, Olark, Wix, Shopify, and WooCommerce.

Auction Feed

Auction Feed makes it easy to display eBay items on your WordPress website. Visitors to your website will be able to search and buy products directly from your site. The plugin comes with a variety of styles to fit any WordPress theme. You can also add a product description above or below the product image. Customers won’t have to leave your website before making their purchases. The plugin is also free to use.

Floating Related Posts

Floating Related Posts is a WordPress plugin that allows you to display a banner with a list of related posts on your website. The banner can appear at the top or bottom of the web page. You can set the banner to pop up using a time filter or scroll trigger. The plugin is also compatible with Google Analytics. You can customize the banner background color, font size, button style, and text color. The plugin can be translated into any language.

Simple Restrict Content

The Simple Restrict Content plugin allows you to restrict the content that visitors can access on your WordPress site. You can choose who can access content on your website by setting up roles. The simple lightweight plugin restricts different content types, including, posts, web pages, and WooCommerce products. The plugin is available in Spanish and English.

Easy Video Publisher

Easy Video Publisher is a WordPress plugin that allows you to easily publish YouTube videos on your website. You can import YouTube videos from multiple channels. You can also schedule the YouTube videos to automatically upload to your website. Note that a YouTube API key is needed to import multiple videos at a time from a specific channel. The plugin allows you to use multiple API keys.

Preloader Awesome

Preloader Awesome is a preloader plugin for WordPress that allows you to create a page preloader interface while the rest of the webpage is still loading. Preloaders are interface elements that notify visitors that your website hasn’t crashed, just processing before serving content. Some of the features of the plugin include 14 page transition styles, progress bar, GIF support, 10+ default CSS loader, progress status counter, unlimited color, and counter font size options. The plugin is responsive and works on all modern browsers.

Menu Hover Effect

The Menu Hover Effect plugin allows you to add hover effects to the menu bar on your website. With this plugin, you don’t need to learn CSS. This plugin gives you 20 CSS menu hover options to choose from. It is a lightweight plugin and won’t affect your website speed.

Better Comments

The Better Comments plugin allows WordPress users to easily customize the comment section of their website. With the plugin, you can customize the look of your comment form fields, match the submit button with the colors of your site, and hide the comment’s date. The plugin also allows you to create a comment policy section. You can further customize the comment fields to highlight when they are selected and typed in. If you find rounded avatars common, the plugin also offers a hexagonal avatar option.

WP Pocket URLs

WP Pocket URLs is a handy WordPress Plugin that helps you manage your affiliate links. The plugin allows users to automatically shorten and track any affiliate link on their website. You can also manually shorten the links on your website. Each time a visitor clicks on a link you get access to information like click date/time, country, IP address, etc. You can also categorize your links and also create custom permalinks. There is also a dashboard widget that displays your top 10 links. On the “Reports” page, you can generate clicks reports. You can filter the reports by Month/Year, link category, country, and link title.

Craft CMS

Formie

Formie is a Craft CMS plugin that allows you to create user-friendly forms. The plugin comes with a drag and drop builder for creating forms. You can store user form submissions in your control panel in case you want to review them later. When a user submits a form, you will get an email notification. Formie also has an in-built keyword blocking feature to protect you from spam. The plugin has several integrationS: API for Elements, Address Providers, Captchas, CRM tools, Webhooks, and Email Marketing software. You can also create your custom integration. You can add over 25 fields to your forms using Formie.

Craftagram

Craftagram is a Craft CMS plugin for adding any Instagram feed to your website. Since the plugin uses the official Instagram API, you don’t have to worry about your website getting blacklisted. Craftagram also handles pagination for your Instagram feed. 

Shopify

We’re Open

We’re Open is a handy plugin for Shopify users. The plugin lets your customers know when you are open to receive new orders. Once your business hours are close, customers won’t be able to make new orders. A message will be displayed in your store that you are closed. The plugin ensures that you only receive orders when you are open. It works in any time zone and the API easily integrates with mobile apps.

Punch Metrics

Punch Metrics is a Shopify Plugin that helps you track your store’s visitors and also analyze their behavior. The plugin offers real-time data on your site’s visitors, the pages that see the most engagement, and which devices are the most popular. You can also record and replay visitors’ sessions so you can know exactly what they did on your site. Punch Metrics also has a heatmap tracking feature to understand which elements on your site get the most clicks.

Joomla

Simple Sliders

Simple Sliders is a content plugin for Joomla. The plugin allows users to easily create accordion sliders in their articles. You can add the sliders to your Joomla articles by adding this code:

{s​lider title="Slider 1 Title" class="blue"}
Slider 1 content.
{s​lider title="Slider 2 Title" class="red"}
Slider 2 content.
{/s​liders}

Jitsi Conferencing

Jitsi Conferencing is a video conferencing plugin for Joomla. The plugin will allow you to host meetings and easily connect with your clients. The module is simple and effective to use.

 

Featured image via Unsplash.

Source


Source de l’article sur Webdesignerdepot

Dans le cadre de son plan A2P 2020, Agromousquetaires a créé une société dédiée à la logistique. AgroM Transport s’appuie sur SAP TM 9.5 pour assurer la planification et l’exécution des opérations de transport. Une solution mise en place par itelligence.

Agromousquetaires est le pôle agroalimentaire du groupe Mousquetaires. Avec 4,03 milliards d’euros de chiffre d’affaires annuel, 11.000 collaborateurs, 19.700 partenaires agricoles, 62 usines en France et 10 filières, Agromousquetaires est un poids lourd du secteur. La société est en effet le leader français des marques de distributeur, mais aussi le 4e groupe agroalimentaire et le 1er armateur de pêche de l’Hexagone.

Dans le cadre de son plan Agro Performance Plus 2020 (A2P 2020), Agromousquetaires souhaite réduire ses coûts de production au travers de l’innovation. La société passe d’un réseau de PME à une logique de filière, plus efficace. L’un des volets de ce plan prévoit la mise en place d’un pôle logistique dédié.

Le choix de SAP TM et itelligence

En avril 2017, Agromousquetaires a décidé de transférer l’activité logistique de ses filières bœuf et porc vers une nouvelle société, AgroM Transport. Avec comme date butoir le premier janvier 2019.

L’utilisation de SAP Transportation Management (SAP TM) est rapidement apparue comme une évidence pour le groupe. Car le SI d’AgroM Transport mise sur d’autres solutions SAP pour la comptabilité, la finance, le contrôle de gestion et les achats non marchands. Le choix de SAP TM va donc dans le sens d’une cohérence du SI de la nouvelle entreprise.

L’intégrateur itelligence a été choisi pour sa taille rassurante (plus de 7900 consultants présents dans 27 pays) et sa connaissance étendue des solutions SAP (activité 100 % SAP et 30 ans d’expertise). Il a su également convaincre avec sa méthodologie pragmatique, consistant à proposer une solution fonctionnelle le plus tôt possible. Les utilisateurs ont ainsi pu faire remonter leurs recommandations rapidement, l’objectif étant de bâtir une offre de transport moderne : cartographie, diagrammes de Gantt, échanges informatisés avec les partenaires transporteurs, suivi des camions, etc.

Un planning serré

Le projet a démarré en septembre 2017, le pilote devant impérativement être achevé un an plus tard, pour une mise en production le premier janvier 2019. Dans la pratique, le prototype de la solution SAP TM 9.5 a été mis en fonction en mai 2018, avec une phase de stabilisation se terminant en septembre 2018, puis un déploiement progressif jusqu’à la fin de l’année. SAP TM se charge de la planification et de l’exécution des opérations de transport, la gestion des données de base (fournisseurs, clients, articles…) et de la facturation étant prise en charge par S/4HANA Finance.

Le premier janvier 2019, la société AgroM Transport a été lancée avec 331 collaborateurs transférés, 331 cartes grises, 135 transporteurs partenaires, 17 sites gérés et 12 entrepôts frigorifiques. 130.000 ordres de fret sont prévus sur l’année, pour un chiffre d’affaires estimé à 72 millions d’euros. Une grosse volumétrie que SAP TM a su prendre en charge.

Une deuxième phase déjà démarrée

Les enjeux sont atteints à 100 % sur de nombreux critères :

  • mise en place d’un plan de transport efficace ;
  • optimisation du réseau de transport ;
  • exploitation centralisée ;
  • cartographie, GIS et diagrammes de Gantt ;
  • communication avec les partenaires par voie électronique ;
  • intégration avec l’ERP SAP…

Le tout pour un budget maitrisé.

À ce jour, Agromousquetaires n’a migré que deux de ses filières vers la nouvelle société. Une seconde phase programmée sur deux ans est toutefois annoncée. À terme, le choix de SAP TM permettra également de faire remonter des informations vers les outils de Business Intelligence (BI) d’Agromousquetaires.

The post Agromousquetaires adopte SAP TM pour sa nouvelle filiale transport appeared first on SAP France News.

Source de l’article sur sap.com

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

34 Impressive Examples of Fullscreen Navigation Menus

 

Radix Icons – An Open Source Crisp Set of 15×15 Icons

 

Nocode – Turn Google Docs into a Website

 

How to Design a Great Dashboard for your UI

 

The Most Futura. Ever.

 

5 Mistakes to Avoid When Designing your Nonprofit Website

 

UCalc – Functional Calcs and Forms

 

AreYouInterested – A Super-Simple Landing Page Builder for Bulk Idea Validation

 

Unlearning to Learn Design

 

Just FYI: Acronyms are Hurting your UX and ROI

 

3 Concrete Steps to Learning a Programming Language

 

MathJax – Beautiful and Accessible Math in all Browsers

 

What is a WordPress Child Theme?

 

How to Create a UX Writing Portfolio

 

A Step-By-Step Guide to User Experience Research

 

5 Most Common Mistakes in FinTech Design

 

31 Ways to Improve your Web Design Skills

 

Designing the Ada Lovelace Hashflag Emoji

 

Powered by Buttons – An Acquisition Channel Nobody is Talking About

 

Top 10 Tools for Managing Remote Teams Efficiently

 

Email Design Accessibility: Why it is Important to Improve it

 

Why Web Design Client Referrals Aren’t a Slam-Dunk

 

Host Rider: A Game for Learning CSS Flexbox

 

Stanza – Learn Coding Concepts Faster

 

How to Present your Logos to the Client

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

Source


Source de l’article sur Webdesignerdepot

Dark themes are everywhere these days. 

As human beings continue to spend more of their time interacting with technology, dark themes provide a more relaxing way to engage with the digital world. More often than not, these themes are easier on the eyes, more attractive, and perfect for the dedicated user

Throughout 2020, countless leading brands have debuted their own version of the dark theme. Google has a solution for your Drive, while Apple and Android have built dark theme performance right into their operating systems. 

If you haven’t learned how to make the most out of dark mode yet, then you could be missing out on an excellent opportunity to differentiate your design skills, and earn more clients going forward. 

Why Dark Mode?

Before we dive too deeply into the possibilities of creating your own dark theme, let’s examine what dark mode is, and why it’s so effective. 

Ultimately, dark themes are created to reduce the amount of luminance emitted by everything from your desktop and laptop, to your smartphone and smartwatch. Dark themes help to improve the visual ergonomics of design, by reducing eye strain, adjusting brightness to suit current lighting conditions, and more. Additionally, many dark mode offerings are also fantastic at conserving battery life. 

Here are some of the main benefits of adding dark themes to your design portfolio

  • Better user experience: A focus on user experience is one of the most important trends of the digital age. You need to be willing to deliver incredible experiences to everyone who visits your website if you want to stand out today. Dark mode reduces everything from eye strain, to battery power consumption. This helps to keep customers on a website for longer.
  • Innovation and cutting edge appeal: Most companies want to prove that they can stay on the cutting edge of their industry. The ability to offer an opt-in dark mode version of a website theme or appearance can help your clients to stand out from the crowd. As the environment becomes more mobile-focused, more companies will be looking for designers that can provide the best mobile experiences. 
  • Support for universal design: Dark mode isn’t just great for people who have light sensitivity at night. This solution could be more comfortable for visually-impaired users who would struggle with eye strain when visiting your websites otherwise. If you want your content to be more inclusive for a wider range of viewers, then learning how to design for dark mode is a good way to start.

Best Practices When Designing for Dark Mode

Designing for dark mode is easier than you’d think. Most of the time, it involves simply thinking about how you can replace some of the brighter, more overwhelming aspects of your site, with something deeper and darker. 

Here are some useful tips that will get you moving in the right direction. 

1. Experiment with Colors

A big issue for a lot of web designers when it comes to developing a dark mode solution is that they get too caught up with things like pure white text against pure black backgrounds. However, this high-contrast option can be a little much after a while. 

It’s often much easier to use a dark grey as your primary surface color, instead of a true black. Additionally, rather than using bright white, think about slightly off-white alternatives that will be warmer to the eye.

Experiment with surfaces and color combinations that are unlikely to cause too much eye strain. Dark grey foundations often offer a wider range of depth, too, because you can demonstrate shadows on grey. 

Additionally, when you are experimenting with colors, remember that saturated colors often vibrate painfully against very dark surfaces, making them harder to read. Desaturating your colors will help to reduce the contrast and make your websites more welcoming. 

Lighter tones in the 200-50 range will have better readability on dark themes. However, you can always experiment with your choices. Google Material Design recommends using a contrast level of around 15:8:1 between your background and text. 

2. Consider the Emotional Impact

Much of the effort involved with dark mode design is figuring out how certain colors work together. It’s easy to get carried away with stark contrasts, particularly when you’re used to working with a white background. However, you need to remember that you’re designing for a user that’s primarily looking for an easier and more subdued browsing experience.

While you’re working, remember to consider the emotional aspect of the design too. The emotion in colors can make or break a buyer’s journey in any environment. However, an often overlooked-aspect of color psychology, is that people perceive shades differently when they’re on a black background

For instance, think of the color green. On a light background, it conveys nature and even financial wealth. However, on a dark background, the same green could come across as something venomous, toxic, or even sickly. It’s important to think about the kind of impressions end users are going to get when they arrive on your site.

3. Give Users the Freedom to Choose

One of the biggest mistakes you can make when you begin designing for dark mode, is thinking that you should focus entirely on your dark themes, and nothing else. This lines you up for a problem if you interact with users who want the best of both worlds. If you’re designing for apps in particular, you’re going to need web pages that can switch naturally between light and dark themes. 

Learning how to implement both a dark mode and a light mode option into the desks you create will help you to reach a wider selection of customers. Remember, you’ll need to test the performance and impact of your designs in both themes, to check that they deliver the same kind of experience, no matter how your user chooses to browse. 

Although dark mode should offer a different experience to end-users, it still needs to feel as though they’re browsing on the same website. That means that you’re going to need to experiment with the most natural combination of light and dark mode options.

4. Remember the Basics

Remember, although the three tips above will help you to get on the right path for dark mode design, you’ll also need to consider the opportunities and limitations of the platforms that you’re designing for. The kind of dark mode experience you can deliver for Google Chrome websites is going to be very different to what you can create for something running on iOS.

Examining the documentation provided by the system that you’re designing for will help you to develop something with a close insight into what’s actually possible. 

Other top tips for dark mode design include:

  • Focus on your content: Make sure that your content stands out on the page, without being too overwhelming. 
  • Test your design: In both light and dark appearances, you need to make sure everything is working as it should be.
  • Adopt vibrancy for your interfaces: Vibrancy helps to improve the contrast between your background and foreground. 
  • Use semantic colors: Semantic colors adapt to the current appearance of a website automatically. Hard-coded color values that don’t adapt can seem more aggressive. 
  • Desktop tinting: Try experiment with things like transparency and filters to give your websites and apps a slightly warmer tint – ideal for late-night browsing
  • Icons: Use individual glyphs and icons for dark and light modes if necessary. 

Ready to Design for Dark Mode?

Preparing your web development and design portfolio for an era addicted to dark mode can be a complex experience. You need to think carefully about how people are going to browse through your websites and apps when they’re searching for something more subtle, and less visually overwhelming than the websites that we’re used to making. 

The most important thing to remember is that everything on your website or application should look just as beautifully tailor-made in dark mode as it does in light mode. Simply adding a dynamic black background when people want to switch settings in an app isn’t enough. You need to go in-depth with your designs and examine how different fonts, colors, and images work together.

Source


Source de l’article sur Webdesignerdepot

This month’s collection of new tools, resources, and freebies for designers is a smorgasbord of sorts. You’ll find everything from useful APIs to icons to tutorials to fonts.

Let’s get right into it, here’s what new for designers this month:

Tooltip Sequence

Now that your app or website is ready, you might need to help users engage with it. Tooltip Sequence is a simple JavaScript package that helps you create a series of small tooltips that will guide users through product features with a small description of what they need to know. It looks great and the best part is this tool saves you from having to create each tooltip description manually on each page and link them together.

Serenade

Serenade allows you to free up your hands with voice coding technology. Use natural speech and stay productive with this tool that allows you to code without typing. It works across multiple coding languages and platforms. It’s as easy as “add function hello” and the tool knows what syntax to use.

Gazepass

Gazepass, which is still in beta, is a nifty API that allows for passwordless multi-factor authentication for any website or mobile app. It uses biometrics on any device or platform to make getting into apps or websites easier for users.

Filters.css

Filters.css is a CSS-only library to apply color filters to website images. Installation only takes three steps and includes a variety of filers, such as blur, grayscale, brightness, contrast, invert, saturate, sepia, and opacity.

Sidebar Webring

Sidebar Webring is a collection of blogs and websites that are focused on web design. The curated list is handpicked for superb content for designers and developers. But, what’s a webring? It’s a collection of linked websites in a circular structure that are organized around a theme. The term is a throwback to the early days of the web in the 1990s and 2000s.

Wicked Templates

Wicked Templates is a set of responsive HTML templates made with Bulma and Tailwind CSS that you can style and use as you wish. Use these templates to jumpstart projects. Free and paid options available.

WP Umbrella

WP Umbrella will help you keep sites running in a healthy and safe manner on WordPress. Monitor uptime and performance, PHP errors, and keep up with hundreds of websites from one dashboard.

Servicebot

Servicebot helps you create customer-facing embeddable billing pages that work with Stripe payments. This premium tool is quite user-friendly and works with websites or SaaS.

Custom, Accessible Checkboxes with Perfect Alignment

Create custom, accessible checkboxes with perfect alignment every time. This walkthrough shows you how to use CSS to align elements and labels.

Sombras.app

Sombras.app is a nifty tool that creates 3D object shadows. Use the easy on-screen controls to get just the right orientation and shape.

urlcat

Urlcat is a tiny JavaScript library that helps you build URLs with dynamic parameters and without mistakes. The friendly API has no dependencies, includes TypeScript types, and is just 0.8KB minified and gzipped.

Reacher

Reacher is a real-time email verification API that lets you check the validity of an address before you send the email. Reduce bounce rates in an instant. (The personal version is free.)

Swell

Swell is a most powerful headless ecommerce platform for modern brands, startups, and agencies. Create fast and flexible shopping experiences with the API and headless storefront themes. This is a premium tool but does have a free trial.

No Code Founders 2.0

No Code Founders 2.0 is a platform for discovering the latest startups built with no-code and the tools used to build them. Browse startups, tools, perks, interviews, jobs, meetups, posts, and more as part of the no-code movement. The community engages on Slack and requires an email to sign up.

How to Pick More Beautiful Colors for Your Data Visualizations

Beautiful color choices will make your data visualizations that much more impactful. This tutorial by Lisa Charlotte Rost will help you make better color choices on the way to better infographics and charts. Plus, it’s well developed, designed, and packed with useful information.

IconPark

IconPark is a collection of more than 1,200 high-quality icons with an interface that allows you to customize them. It uses a single SVG source file that can be transformed into multiple themes. The library includes cross-platform components and is free to use.

Mono Icons

Mono Icons is a simple and consistent open-source icon set that uses mono spacing. The collection includes 136 icons.

BGJar

BGJar is a free SVG background generator for digital projects. Pick a category and customize the result to fit your project or needs.

HitCount

HitCount is almost too simple to be true. This tiny tool lets you add a hit counter to your website that’s as easy as adding an image. Copy the code and make any customizations you want. Then paste it to your design. That’s it!

Blacklight

Blacklight is a real-time website privacy inspector. The tool by Surya Mattu scans any website you enter in the scan bar and shows what user-tracking technologies are used on the website. This allows you to see who might be gathering data about your visit.

Alter

Alter is a customizable – and experimental – three-dimensional typeface that you can experiment with. It’s as fun to play with as use.

Autobus Omnibus

Autobus Omnibus is a simple all capitals font with new wave styling. The character set has 96 glyphs that are perfect for display use.

Deathmatch

Deathmatch is a seasonal blackletter font that’s ideal for the upcoming Halloween holiday. The character set includes plenty of options and there’s a full version (paid) for commercial use.

Futura Now

Futura Now is a premium typeface and update to a font you may already know and love. The new version has 107 styles in a massive family.

Pumpkin Soup

Pumpkin Soup is a fun almost handwriting style typeface with a cartoonish vibe. It includes a regular and italic style and is most appropriate in limited use.

Source


Source de l’article sur Webdesignerdepot

Stephen Hawking a défini l’intelligence comme « la capacité à s’adapter au changement ». En ce sens, 2020 peut être vu comme un test de QI géant pour les entreprises. La pandémie mondiale, le Brexit, les attentes croissantes des clients, la hausse des cyberattaques, la volatilité de l’activité et les exigences de conformité du XXIe siècle ne sont que quelques-uns des changements que les organisations doivent savoir intégrer intelligemment – non seulement maintenant, mais aussi sur le long terme.

La résilience est désormais associée à la survie des entreprises. Selon McKinsey, « votre contexte commercial est et restera incertain. Mais si vous bougez maintenant, vous pourrez surfer sur les vagues d’incertitude au lieu d’être maîtrisé par elles. »

Nous partageons cette analyse. Mais nous ne pensons pas que vous devriez avoir à tout gérer par vous-même. Lors du confinement, la réponse de SAP a consisté à aider ses clients. Nous offrons maintenant des ressources pour aider les entreprises à revenir à leur meilleur niveau.

SAP aide les organisations à être mieux gérées en devenant des entreprises intelligentes. Une démarche dont le cœur est l’ERP Intelligent SAP S/4HANA. C’est pourquoi nous avons créé un programme pour aider les entreprises à basculer vers SAP S/4HANA.

Comme l’explique Christian Klein, CEO de SAP : « plus qu’une transformation technologique, le passage à SAP S/4HANA est une véritable transformation métier. » C’est pourquoi nous vous proposons de vous aider à rédiger votre business case de migration en vous faisant découvrir les capacités intelligentes qui apporteront de la résilience à votre organisation. Nous vous aidons à mener votre projet à bien en utilisant notre expertise, nos outils spécialisés et nos partenaires. Le tout en tant qu’équipe unie : vous, nous et notre écosystème. Nous vous assistons également tout au long de votre projet, en vous accompagnant à chaque étape.

Comment ? Grâce à notre Digital Forum en trois parties : « Construire la résilience avec un ERP intelligent ». Cet événement prépare le terrain en apportant des conseils, des réponses aux questions courantes, des ressources, des outils, des informations et des éléments concernant le temps nécessaire pour construire un business case qui transformera tous les domaines de votre organisation, de la finance à la supply chain et l’informatique, en passant par les ventes et le marketing.

Les 20, 21 et 22 octobre de 10h00 à 11h30, nous vous livrerons les six ingrédients clés qui vous aideront à construire votre business case SAP S/4HANA, notamment :

  1. Des retours en live de la part d’experts SAP
  2. Des orientations métiers
  3. Des présentations client significatives
  4. Des conseils en provenance de nos partenaires les plus expérimentés
  5. Du chat et des sessions dédiées aux spécialistes
  6. Des questions-réponses et des téléchargements sur notre Digital Hub

Des clients tels que Vodafone, Naturipe Farms ou Enexis expliquent comment ils ont construit leurs propres business cases spécifiques et quel support s’est révélé déterminant. Ils livrent leurs expériences et conseils, afin de vous permettre de viser résilience et intelligence. Des partenaires tels que Deloitte, Capgemini et Delaware partagent leurs idées, expertise et conseils afin d’aider des organisations comme la vôtre à devenir des entreprises intelligentes.

Et parce que nous voulons que vous fassiez l’expérience de la première suite ERP Intelligente au monde, nous avons créé un jeu de simulation en temps réel, qui vous permettra d’acquérir une expérience pratique de SAP S/4HANA, les après-midi des 20 et 21 octobre. Cette expérience divertissante et ludique permettra à des groupes de joueurs de se mesurer entre eux, dans le cadre de décisions clés et de transactions dans la planification, les ventes, le marketing, les achats, la production, les finances et plus encore. Tout ceci dans un environnement métier fidèle à la réalité. Préparez-vous à gagner et adoptez ce jeu de simulation en prélude à votre passage à SAP S/4HANA.

Nous savons que chaque organisation est à une étape différente de son parcours, avec ses propres spécificités. C’est la raison pour laquelle nos « champions SAP S/4HANA » régionaux fournissent un support au cas par cas, vous montrant comment et par où commencer, en vous aidant à rédiger un business case pour votre organisation.

Que vous soyez une grande multinationale ou une petite entreprise, nos capacités et processus spécifiques à l’industrie, nos traitements en temps réel et notre automatisation intelligente de pointe vous permettent de vous adapter et d’évoluer avec confiance, agilité et résilience.

Les anciens systèmes ERP sont confortables et fonctionnels, mais ils ne vous mettront pas sur un pied d’égalité avec des concurrents qui ont pris en compte de nouvelles attentes client dépassant votre portée organisationnelle. La résilience des entreprises nécessite plus qu’une simple transformation du cœur technologique. Elle requiert une véritable transformation vers une entreprise intelligente. Transformation qui s’étend à tous les domaines de l’organisation.

En moyenne, les clients SAP S/4HANA constatent des gains métiers significatifs et transformateurs, comme :

  • Une augmentation des ventes de 30 % ;
  • Un coût total de possession réduit de 20 % ;
  • Une réduction des retours sous garantie de 40 % ;
  • Une réduction des coûts d’inventaire et des défauts de 20 % ;
  • Une augmentation de la vitesse de génération des rapports de 30 % ;
  • Une réduction de 50 % du temps passé sur la clôture d’exercice ;
  • Une création de devis 60 fois plus rapide.

Vous trouverez d’autres ingrédients pour votre business case sur le SAP S/4HANA Digital Forum : « Construisez la résilience avec un ERP intelligent ». Démarrez votre business case SAP S/4HANA. On se voit là-bas ! Inscription.

The post Devenir résilient avec un ERP Intelligent : les six ingrédients pour construire votre business case SAP S/4HANA appeared first on SAP France News.

Source de l’article sur sap.com