Web Design for Seniors: UX From a Mature Perspective

It’s no secret that the senior population is growing. By 2030, people over the age of 65 are predicted to make up 20.6% of the population of the US. 

Around the world, people are living longer and remaining more active in the later years of their lives. What’s more, despite what you might have heard in the past, seniors aren’t as wary of the internet as they used to be. In 2019, the Pew Research institute revealed that 73% of people over the age of 65 were connected to the web. 

So, what does that mean for web designers?

your main focus needs to be on ability…people age differently

Well, first of all, it’s time for all of us to start thinking about user experience from different perspectives. We need to stop expecting our audiences to be made up entirely of iPhone-using millennials and start thinking about the needs of seniors too. After all, designing websites for seniors opens you up to a wide selection of potential visitors in the future.

What’s more, according to the US Census Bureau, people over the age of 65 generally have the highest household wealth figures of any age group. That’s a big deal. 

So, how do you adapt UX for seniors?

Creating Senior-Friendly Web Designs

When it comes to designing websites and applications for seniors, your main focus needs to be on ability. Age is just a number, and people age differently. 

That means that one person in their 70s might have no problem browsing through Netflix to watch the latest shows, while someone else wouldn’t be able to tell you what ‘streaming’ means. 

Rather than worrying specifically about age, think about how different people in older age groups might have different requirements when it comes to things like movement control, hearing, vision, and even device bias. 

Get the Visual Elements Right

Vision loss is by far the most common disability reported by elderly individuals in the US. Around one in six people over the age of 70 have some manner of visual impairment. That’s why UI designers need to think carefully about visual accessibility when creating the right websites. 

For instance, text and button sizes should always be kept large. Anything that needs to be read or clicked needs to be scaled up, to ensure that everyone can see the information clearly. For instance, on the website, you’ll find clear typography, combined with big buttons that tell you to “Start Here” so you know exactly what to do next.

Remember to stick to icons that are clearly labelled wherever possible. Stay away from anything that your customers might not understand. “Start Here” is easier to read and understand than “Submit”. 

It’s also worth sticking to the color and contrast guidelines laid out by basic UX design when you’re creating something for optimal visibility.  Colors that are too close together might create a nice pastel or gradient effect on a website – but they’ll also make things difficult to read. 

Concentrate on Usability

Over the age of 55, motor skills and coordination can begin to decline for some people. These changes make it harder for people to interact with complex UIs. The mouse on a computer can be a particular problem for people with diminishing motor skills – as can the touchscreen of a tablet or smartphone. 

When you’re working on the perfect UX, think about how you can make things as easy to click as possible for people who have a hard time hitting their targets. For instance, in this website for people traveling over the age of 50, you’ll see not only fantastic large font choices but big buttons that are descriptive and easy to understand too: “Click here to start planning your trip”:

The scrollbar can also be a bit of a problem for people with impaired motor skills. Because of this, it’s best to keep your focus on designing above the fold. Make sure that users don’t need to scroll far to find the information that they need and keep scrollbars simple in terms of their look and feel.

While you’re working on usability, remember that it will be important to keep interactions to a minimum wherever possible. Where you can engage younger audiences with double-taps, swiping and scrolling, it’s much easier to connect with seniors through simple one-tap interactions. The less actions your user needs to take to reach their goals, the better. 

Deliver Smooth Navigation 

Navigating from point A to B on your website needs to be as simple as seamless as possible. Remember, crowded pages on your websites and apps are often overwhelming – even for younger browsers. Seniors are generally just searching for “must know” information, so they don’t want anything to get in their way as they navigate through their website. 

As you work on your site or app design, ask yourself if every element on the page absolutely has to be there. If it doesn’t deliver value, then get rid of it. 

Additionally, remember that seniors don’t always have the best memories and concentration levels. That means that they need your navigation experience to be as simple as possible. Basic horizontal menu bars that show everything at once are often a good idea – even if they’re not very exciting.

Look at this helpful navigation experience from, for instance. Everything you need is located at the top of the page, and you can even just enter your postcode to get started:

Cognitive decline happens regularly with age. Although not all older adults will have issues with their memory and concentration, it’s important to be prepared for an audience that might process information a little more slowly. It’s worth double-checking that your viewer’s attention isn’t being diverted to multiple parts of the page at once.

Get to the Point Quickly

While younger generations have quickly implemented technology into every aspect of their lives, older consumers use tech a little differently. These people don’t want to spend forever fiddling around with different parts of your website. They want to get the answers to their questions as quickly and easily as possible. 

Applications that are complicated or difficult to access are usually instantly rejected by seniors. Even if you’ve offered everything that we’ve covered above, from seamless navigation to minimalist design, you still won’t get the interactions you’re looking for if older adults don’t consider your design to be useful. 

Because of this, you need to highlight the point of a website or application to your seniors as quickly as possible. Avoid worrying about things like gifs, animations and gamification. Instead, focus on making sure that your designs are useful and simple. 

For instance, from the moment your senior user arrives on a web page, they should have instant access to clear instructions on how to use the application or service, and what they need to do next. Keep in mind that this is particularly important when you’re creating mobile apps, as apps are still a relatively new concept to older generations. 

On the “When They Get Older” website, you can instantly find the information you need in a well-organized navigation bar that’s labelled clearly:

A clear interface like this, combined with simple, step-by-step guidance that shows elderly individuals how to get the information that they want is the key to keeping these users coming back for more. 

Bringing a Mature Perspective to Web Design

These days, most designers focus heavily on younger audiences when creating websites and apps. After all, it’s these users that allow us to experiment more with the latest tools and concepts, like augmented reality, artificial intelligence, and robust animations. 

However, there’s still a market out there for the seniors of the world that want more opportunities to get online. This audience often goes ignored and under-served. However, as the value of older consumers grows, and their ability to interact online increases, you’ll find that more businesses begin to search for web designers who can provide immersive experiences for a more mature audience. 

The steps above will give you an excellent insight into how you can start designing for a different kind of customer base. However, remember that the best way to make sure that you’re delivering the right solution for any customer, is to test. User testing will provide you with the exclusive insights that you need to determine whether your senior UX is really working, or whether you’re still struggling to get into the shoes of an older user. 


Featured image via Unsplash.


Source de l’article sur Webdesignerdepot

SAP aide à faire face à la crise grâce à la localisation

Avec la propagation du coronavirus, un effet domino fait des ravages sur les entreprises et les employés . Les chefs d’entreprise ont été contraints de fermer leurs portes ou de couper les services, ce qui a menacé leurs propres moyens de subsistance et ceux de leurs travailleurs.

Pour atténuer l’impact économique et humain, de nombreux pays ont adopté des lois qui doivent être mises en œuvre rapidement afin de protéger les emplois des citoyens les plus démunis.

Les entreprises étaient sous pression pour se conformer rapidement à ces nouvelles obligations légales et réglementations fiscales. Étant donné que de nombreux changements fiscaux et juridiques influencent la manière dont les entreprises rémunèrent leurs employés, les applications de paie et autres solutions de gestion de l’expérience humaine (HXM) ont été fortement impactées par la législation.

Les entreprises du monde entier se sont donc tournées vers SAP pour les aider à se conformer rapidement aux changements en mettant à jour leur logiciel.

80 mesures juridiques accélérées pour aider les clients

SAP dispose d’une stratégie de localisation solide, conçue pour de telles urgences inattendues. Qu’il s’agisse de mettre en œuvre la conformité légale liée à la sécurité des revenus, de réserver des billets aller-retour pour les employés expatriés bloqués ou d’accorder des allègements fiscaux aux petites et moyennes entreprises, l’équipe des services de mondialisation est là pour vous aider.

Pour relever le défi, il a fallu redistribuer les équipes, mobiliser des ressources supplémentaires et continuer à faire appel à des experts internes et externes.

«Nous n’avons épargné aucun effort pour proposer plus de 80 mesures juridiques accélérées qui aideront les clients à relever les défis actuels du marché», déclare Stefan Steinle, responsable des services de mondialisation chez SAP. «Et en plus de tous les changements juridiques liés au COVID-19, nous continuons également à fournir des mises à jour régulières et des changements juridiques.»

Les services de mondialisation travaillent en étroite collaboration avec les clients et les partenaires afin de fournir une solution pour chaque changement pertinent aussi rapidement et efficacement que possible et de mettre ces informations à la disposition du public. Nestlé est une entreprise mondiale qui s’appuie fortement sur la localisation soutenue par SAP, quel que soit le lieu d’activité de ses clients.

«C’est une excellente idée d’avoir un guichet unique pour tous les changements juridiques liés au COVID-19», déclare Mukesh Kumar Rai, SAP Total Quality Manager chez Nestlé pour l’Asie, l’Océanie et l’Afrique subsaharienne. «C’est encore plus utile pour un client mondial comme Nestlé avec plusieurs versions nationales.»

SAP maintient cette vue d’ensemble des annonces légales pertinentes pour les localisations SAP Payroll Processing et SAP SuccessFactors Employee Central Payroll. Trois exemples en Espagne, en Italie et en Autriche montrent l’étendue des changements légaux que SAP a mis en œuvre dans les solutions HXM pendant la pandémie.

Rallye en Espagne

L’Espagne fait partie des pays les plus durement touchés par le COVID-19 . Les autorités gouvernementales y ont publié six bulletins juridiques contenant jusqu’à quatre changements chacun. Ces changements affectent les paiements et les impôts de la sécurité sociale et nécessitent des modifications d’algorithme des données de base, du calcul de la paie et des rapports juridiques.

Comme l’analyse et la mise en œuvre de ces changements devaient être effectuées rapidement, Gema Moraleda, chef de produit chez SAP Espagne, et Carlos Moehlecke, propriétaire du produit de développement, ont organisé des réunions de groupes d’utilisateurs pour partager les détails des solutions SAP et ont utilisé plusieurs canaux de communication pour tenir les clients informés.

La contribution de SAP a été reconnue par les représentants du groupe d’utilisateurs, les clients et les partenaires. En mars, Juan José Díaz Vázquez de Barrahache , un partenaire SAP, a écrit : «Tout comme il y a des moments de critique, nous de Barrahache pensons également qu’il y a des moments de gratitude, et dans ce cas, nous applaudissons la façon dont SAP Espagne a intensifié ses dons. réponses aux utilisateurs espagnols de la paie en ces temps compliqués que nous vivons. »

Aider l’Italie à guérir

Mi-mars, le gouvernement italien a promulgué le décret-loi Cura Italia (« Guérir l’Italie »), qui contient des mesures telles que le report du paiement des impôts, un traitement spécial des absences, des primes supplémentaires et des allocations pour soutenir les familles. Le plus grand défi était de mettre à jour le logiciel en ligne et en temps voulu, compte tenu de la nature dynamique des annonces. SAP a utilisé tous les canaux de communication possibles pour aider à minimiser tout manque de clarté auquel le client était confronté.

Adaptation au modèle autrichien de travail à court terme

L’Autriche a adopté un modèle de chômage partiel , qui s’appuie sur les allocations de chômage fédérales. Bien que le programme ait nécessité des modifications très complexes du logiciel géré par les entreprises et les institutions, l’équipe régionale des services de mondialisation a terminé l’analyse et la mise en œuvre des changements requis en une semaine.  Dès la deuxième semaine d’avril, plus de 600 000 citoyens avaient demandé une indemnisation dans le cadre du programme, ce qui a incité le gouvernement autrichien à décupler les fonds disponibles pour soutenir le programme de chômage partiel, qui sont passés de 400 millions à 5 milliards d’euros.

Steinle résume la réponse de son équipe à la crise mondiale : « Notre contribution va au-delà de l’expertise en matière de solutions, de l’agilité et de la mise en place de solutions sur mesure. Nous nous sommes distingués non seulement en répondant rapidement aux opportunités du marché, mais aussi en proposant des solutions concrètes qui ont un impact socio-économique énorme sur les citoyens, les entreprises et les gouvernements ».

Tags: COVID-19 , HXM , paie

Article posté pour la première fois en anglais sur

The post SAP aide à faire face à la crise grâce à la localisation appeared first on SAP France News.

Source de l’article sur

Deploy Friday EP — 16 Micronaut: A Modern Full-Stack Framework for Building Microservice and Serverless

A Question and Answer session with guests: 

Micronaut is an open-source, JVM-based framework for building full-stack, modular, easily testable microservice and serverless applications. Unlike reflection-based IoC frameworks that load and cache reflection data for every single field, method, and constructor in your code, with Micronaut, your application startup time and memory consumption are not bound to the size of your codebase. Micronaut’s cloud support is built right in, including support for common discovery services, distributed tracing tools, and cloud runtimes. 

Source de l’article sur DZONE

Deploying a Django Application to AWS EC2 Instance With Docker

In AWS, we have several ways to deploy Django (and not Django applications) with Docker. We can use ECS or EKS clusters. If we don’t have one ECS or Kubernetes cluster up and running, maybe it can be complex. Today, I want to show how deploy a Django application in production mode within a EC2 host. Let’s start.

The idea is create one EC2 instance (one simple Amazon Linux AMI AWS-supported image). This host doesn’t initially have Docker installed. We need to install it. When we launch one instance, when we’re configuring the instance, we can specify user data to configure an instance or run a configuration script during launch.

Source de l’article sur DZONE

Why Builder Is Often an Antipattern and How to Replace it With Fluent Builder

The Builder Pattern is extremely popular in Java applications. Unfortunately, it’s often misunderstood and incorrectly applied, which results to runtime errors.

Let’s remember the purpose of Builder: set only necessary fields in some object and keep remaining fields set to default values. For example, if we’re preparing a configuration object, then it’s convenient to change only the necessary parameters and keep other parameters set to default values. 

Source de l’article sur DZONE

Adveo opte pour SAP Commerce pour développer son activité et répondre à la demande croissante des consommateurs

Levallois, le 15 juillet 2020 – SAP France annonce qu’Adveo, l’un des leader européen en matériel de bureau, matériel scolaire et fournitures, utilise la solution d’ecommerce SAP Commerce pour renforcer sa croissance. Avec 345 collaborateurs et un réseau de 1500 distributeurs indépendants dont une grande partie regroupée autour des trois enseignes CALIPAGE, Plein Ciel et Buro+ répartis entre la France et le Benelux, l’entreprise rencontrait plusieurs challenges : l’évolution de la demande des professionnels et du grand public, le développement du e-commerce, et, plus récemment, la crise du Covid-19.

Pour répondre à ses nouveaux enjeux, Adveo a massivement investi dans le numérique pour renforcer son expérience réseau et client final. L’objectif : améliorer la traçabilité des produits, faciliter les échanges d’informations avec son réseau, mise en place de contenus et de solutions au service de ses distributeurs pour développer l’e-commerce en parallèle des points de vente physiques… Pour gagner en agilité sur l’e-commerce, l’entreprise a misé sur la solution SAP Commerce hébergée sur le cloud Microsoft Azure et intégrée par Delaware. Le déploiement a été effectué en un temps record entre mars et mai 2020, en pleine crise sanitaire.

Gagner en agilité pour booster la croissance

En quelques années, Adveo est passée d’une offre traditionnelle (papiers, stylos, archivage, impression…), à une offre élargie couvrant les besoins des professionnels et du grand public. L’entreprise est passée en quelques années de 10 000 à 25 000 références et ambitionne d’atteindre 45 000 d’ici fin 2022.

« SAP Commerce est un choix stratégique de croissance misant sur une plus grande flexibilité pour nous adapter rapidement aux évolutions de la demande, à la transformation du commerce et ainsi réduire le time to market des nouvelles offres ou encore tracer de nouveaux flux logistiques », explique Philippe Guillotin, président d’Adveo.

Adapter l’offre pour dynamiser les ventes en pleine crise sanitaire

« Le déploiement de la solution nous a ainsi permis d’être extrêmement réactifs pendant la période de confinement et de créer rapidement des gammes spécifiques (plexiglas, masques et gels hydroalcooliques) pour répondre aux besoins liées au Covid-19 en référençant rapidement plusieurs centaines de distributeurs. Elle nous a permis de répondre aux problématiques logistiques liées à l’augmentation de la demande sur certaines gamme de produits », ajoute Philippe Guillotin.

Adveo simplifie ainsi son activité, avec le développement de ventes profitables pour les distributeurs, et une vraie bonne expérience d’achat pour le client final.

SAP Commerce pour plus de flexibilité et de réactivité

L’hébergement sur le cloud nous a permis d’intégrer rapidement la solution au sein de l’entreprise et d’extraire facilement les données pour les transférer de notre ancienne plateforme vers SAP Commerce. Plus des deux tiers du projet se sont déroulés pendant le confinement, et nous n’avons rencontré aucune difficulté d’accès à la solution. Le cloud nous apporte une flexibilité et une forme de garantie de fonctionnement : nous n’avons aucune limite de capacité », explique Alexandre Rochereau, DSI d’Adveo. « Combinée avec l’ERP SAP, nous disposons d’une solution complète, intégrée et automatisée qui nous a permis d’éliminer de nombreuses contraintes manuelles. »

Créer de nouvelles expériences

Avec la nouvelle version de SAP commerce, Adveo a pu enrichir l’expérience interne, améliorant le pilotage et facilitant la publication des nouvelles références sur leur solution logistique, directement intégrée à la solution SAP. Les utilisateurs sont devenus responsables de leur catalogue et peuvent publier eux même les nouveaux produits grâce à une ergonomie optimisée, leur permettant de réduire les dépenses liées à l’intervention d’experts IT.

Enfin, SAP Commerce a permis à Adveo d’atteindre son objectif de devenir conforme avec les nouvelles normes RGPD, assurant ainsi la confidentialité des données des 1 500 distributeurs de l’entreprise. A court terme l’entreprise va généraliser les échanges digitaux avec ses fournisseurs et déployer de nouvelles solutions d’e-procurement au service de l’ensemble de ses distributeurs.

À propos de SAP

SAP est le leader du marché des applications d’entreprise : 77% des transactions financières mondiales passent par un système SAP. L’entreprise accompagne les organisations de toute taille et de tout secteur à mieux opérer. Nos technologies de machine learning, d’Internet des objets (IoT), d’analytique avancée et de gestion de l’expérience aident nos clients à transformer leur activité en « entreprise intelligente ». SAP dote les professionnels d’une vision approfondie sur leur activité et favorise la collaboration pour garder une longueur d’avance sur leurs concurrents. Pour les entreprises, nous simplifions la technologie afin qu’elles puissent utiliser nos logiciels comme elles le souhaitent, sans interruption. Notre suite d’applications de bout en bout et nos services permettent à plus de 440 000 clients d’opérer 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’information, visitez le site

The post Adveo opte pour SAP Commerce pour développer son activité et répondre à la demande croissante des consommateurs appeared first on SAP France News.

Source de l’article sur

Design a Real-Time ETA Prediction System Using Kafka, DynamoDB, and Rockset

These are strange times. Cities are in lockdown, and few are venturing outside. Therefore, the increased use of on-demand logistics services, like online food delivery, doesn’t come as a surprise.

Most of these applications provide a near real-time tracking of the ETA once you place the order. Building a scalable, distributed, and real-time ETA prediction system is a tough task, but what if we could simplify its design? We’ll break our system into pieces such that each component is responsible for one primary job.

Source de l’article sur DZONE

8 Design Secrets of B2B Vs B2C Websites

Web design clients come from a wide variety of backgrounds. One day, you’ll be designing a portfolio website for a voiceover artist, the next you’ll be creating a comprehensive ecommerce site for a leading retailer. In an ideal world, you’ll get to a point where you eventually specialize in a niche. However, you’ll need to master both avenues first.

The more time you spend in this industry, the more you’ll learn that every client comes with their own unique requirements and challenges to consider. However, there’s a particularly huge divide between the kind of web design projects you do for B2B clients, and the ones you do for B2C customers.

Both B2B (Business to Business) and B2C (Business to Consumer) websites need to be clear, concise, and aesthetically pleasing. They should always have a strong focus on user experience, and they need to work consistently across devices. However, being aware of the difference between B2B and B2C projects will help you to deliver better results to your customers.

Defining the Differences Between B2B and B2C Sites

Some web design trends remain consistent in any environment.

Whether you’re creating a site for a hairdresser, or a leading SaaS company, you’ll need to deliver responsive design, intuitive navigation, and excellent site security.

Your process is unlikely to differ from B2B to B2C much in terms of project milestones, phases, prototyping and wire-framing. The differences that arise between B2B and B2C projects often come in the approach you take to building certain elements.

Let’s take a closer look at the things you might need to consider:

1. The Target Audience

In any design project, it’s always important to keep the end customer in mind. Knowing your client’s target audience will help you to create both an image and a tone of voice that appeals to the right people.

B2B Websites

With B2B websites, you’ll be speaking to a range of highly-educated individuals who already have a general knowledge of your service. The aim here will be to show the end-user how you can help them achieve better results. For instance, highlights “syncing communication” so you can “effortlessly chat” with your team.

The language and content of the website is all about highlighting the key benefits of the products, and the kind of outcomes that they can deliver. The Nielsen Norman Group reports that there’s often a lot of discussion between decision-makers when they’re checking out a B2B website.  

Designers need to work harder at convincing B2B buyers that they’re making the right decision. This is particularly true when you’re selling something like a software subscription that requires a lot of long—term investment.

B2C Websites

On the other hand, while B2B customers make decisions based on logic, information, and well-explained benefits, B2C customers are more influenced by emotion. They want quick solutions to their problems, and the opportunity to purchase from a brand that “understands” them.

Look at the Firebox website, for instance. It instantly highlights an ongoing sale at the top of the homepage, addressing any concerns a customer might have about price. That combined with a quirky layout full of authentic photos and bright colors means that customers are more inclined to take action.

2. The Purpose

Another factor that can vary from B2C to B2B websites, is the motive behind a customer’s purchase. Knowing what’s pushing a target audience to interact with a brand will help you to create a website that appeals to specific goals.

B2B Websites

B2B websites often aim to solve expensive and time-consuming problems for companies. To sell a decision-maker on the validity of a solution, it’s important to thoroughly explain what the solution is, how it works, and how it addressees a specific pain point.

Look at the Zoom website for instance, they don’t just tell people that they offer video conferencing, they address the practical applications of the platform:

B2C Websites

Consumers are a lot easier to appeal to in terms of emotional impact, because many of them come to a website looking to fulfill an urgent need. Because of this, many web designers can take advantage of things like urgency and demand to encourage conversions. For instance, look at this website from TravelZoo. It takes advantage of a customer’s desire to get away:

A B2B website needs to focus on providing information that helps companies to make more confident decisions. What’s more, with B2B sites, decisions are often made by several stakeholders, while B2C sites ask a single person to make a choice. A B2C website needs to address immediate concerns and connect with customers on an emotional level. B2C buyers still want to do their research on products or services, but the turnaround is much quicker, and often requires less information.

3. The Design Elements (Visual Appearance)

Just as the focus of your website design and the audience that you’re creating the experience for can differ from B2B to B2C websites, the visual elements of the design might change too.

B2B Websites

In most cases, B2B websites are all about presenting a highly professional and respectable image. You’ll notice a lot of safe and clear choices when it comes to typography and imagery. It’s unusual to see a B2B website that takes risks with things like illustrations and animations.

Look at the Green Geeks website for instance. Everything is laid out to encourage clarity and understanding. Information is easy to find, and there are no other issues that might distract a customer.

B2C Websites

On the other hand, B2C websites can be a little more daring. With so many different options to choose from, and most customers buying out of a sense of urgency or sudden demand, designers are under pressure to capture attention quick. This means that it’s much more likely to see large pieces of eye-catching imagery on B2C sites, with very little text.

Movement, like slideshows and animations often play more of a role here. Additionally, there’s a good chance that you’ll be able to experiment more aggressively with color. Take a look at the Yotel website, for instance. There’s very little textual information here, but the appeal of the website is conveyed through sliding images:

4. Website Content

The way that information is conveyed on a B2B website is very different to the messages portrayed on a B2C site. Usually, everything from the language, to the amount of content that you use for these projects will differ drastically.

B2B Websites

When designing for a B2B website, you’ll need to be careful with content, as you’ll be speaking to a very mixed audience. If your site caters to different industries, you’ll need to ensure that you show authority, without using too much jargon. Some companies even create different pages on their site for specific customers. The website covers the benefits from a company, sale and integration perspective:

Rather than try to talk to all business owners about their differing communication pains, G-Suite anticipates its audience and creates pages for each.

B2C Websites

Alternatively, B2C websites can make things a little simpler. For instance, on, there’s no need to provide a ton of information for different types of shopper, designers can appeal to one audience, i.e. the “beauty addict”:

In both B2B and B2C websites, the aim of the content should always be to answer any questions that the end user might have.

5. CTA Buttons

Call to Action buttons are often a crucial part of the web design journey. However, it’s sometimes difficult to determine where they should be placed, or how many buttons you need.

B2B Websites

Because the decision to buy something won’t always happen immediately with a B2B website, these kinds of sites often use a variety of CTAs. For instance, you might have a “Request a Quote” button at the top of a page, as well as a Sign in button.

On the Klaviyo site, for instance, you can request a demo, sign up or log in:

You can place CTAs lower on the page with B2B websites too, as it’s more likely that your customers will be scrolling through the site to collect more information before they decide to buy.

B2C Websites

On the other hand, with B2C websites, you usually don’t need to give your visitors as many options. A single option to “Add to Cart”, or perhaps an extra choice to “Add to Favorites” is all your user will need. Customers need to instantly see what they need to do next as soon as they arrive on a page:

On the Evil Hair website, you immediately see how to add a product to your cart.

Remember, the sales process is a lot quicker with B2C customers. This means that you need your CTA buttons to be front and center as soon as someone clicks on a page.

6. Contact Forms

In a similar vein, the way that you design your contact forms will also depend on the end-user that the website wants to appeal to. There’s a very different process for getting in touch on a B2B website, compared to a B2C site.

B2B Websites

B2B websites often require longer contact forms, as clients need to collect additional information about a prospect’s position in a company, and what that company does. B2B companies need to share things like what they’re looking for in a service, and how many users they have, so a sales team knows what kind of demonstration to give.

As with any strategy for contact form design, you should always only include the fields that your client needs and no more. If you demand too much from any client, you could send them running in the opposite direction. Check out this straightforward option from Ironpaper, for instance:

The form addresses as many relevant questions as possible without overwhelming the customer. Because the site handles things like design, it makes sense that they would ask for a link to the company’s existing website.

B2C Websites

On a B2C website, there are very different approaches to contact forms. You may have a dedicated contact form on your website where people can get in touch if they have any questions. A FAQ page where customers can serve themselves is another great way to help your client stand out from the competition. Check out this option from River Island, for instance:

On the other hand, you might implement pop-up contact forms into a website if your client wants to collect emails for email marketing. In that case, it’s important to make sure that you’re only asking for the information you need, and nothing more.

The easier it is to sign up for a newsletter, the more likely it is that customers will do it. Being able to enter their name and email address and nothing else will make the signup seem less tasking.

7. Search Bars and Navigation

Whether you’re designing for B2B or B2C companies, navigation will always be a critical concern. End users need to find it easy to track down the information that they need about a company, whether they’re looking for a particular product or a blog.

B2B Websites

On a B2B website, the search bar often takes up a lot less prominence than it does on a B2C site. That’s because all of the information that a client needs, and the buttons they need to take their next steps, are already visible front-and-center.

As a designer, it will be your job to push as many people to convert as possible, by making the purchasing journey the most appealing path for visitors. For instance, on the Copper website, the “Try Free” buttons are much easier to see than “Continue with Google” or “Login”:

With B2B sites, the focus is on a very specific goal. Although navigation still needs to be available, it doesn’t need to be as obvious as it is on a B2C site.

B2C Websites

On the other hand, most B2C websites offer a wide range of products, and they’re perfectly happy for their customers to purchase anything, as long as they eventually convert. Because of this, they make navigation a much more significant part of the customer journey.

The search bar is often presented at the very top of the screen where customers can see it immediately. Additionally, there may be multiple pages within certain product categories, so that customers can browse through the items they’re most interested in. For instance, look at the homepage on the IWoot website:

The navigation elements in B2C websites need to be a lot more obvious, because consumers are more likely to use them when they’re searching through their options.

8. Social Proof and Testimonials

Finally, social proof is one of the things that will work well for improving conversions on any kind of website. When your customers aren’t sure whether or not they should buy from you, a review or testimonial could be just the thing to push them over the edge.

B2B Websites

On a B2B website, the decision-making process takes a lot longer. Because of this, it’s worth including as much social proof as possible in every part of the website. Client testimonials, reviews and ratings, and even high-profile company logos make all the difference. Many B2B websites include a page dedicated to case studies highlighting the success of other brands.

Your client might even go as far as to ask for a page that highlights their awards and recognition or showcases comparison tables that pit their products against the competition.

For instance, Authority Hacker has a “what the pros say about us” section as social proof:

B2C Websites

With a consumer website, you can include consumer ratings and reviews wherever you like. However, it’s most likely that you’ll want to have a place where customers can see the reviews of other clients on the product pages themselves. On the EMP website the company gives users the option to click on the star review section to jump to a different space on the page where testimonials are listed. This ensures that customers don’t have to scroll through a lot of excess information if they just want to add an item straight to their cart.

Designing for B2B vs B2C

In the world of web design, no two customers are ever the same. While you’ll need to adapt your processes to suit each customer you interact with, you can set your expectations in advance by learning the differences between B2B and B2C strategies.


Featured images by Chris Ross Harris and Mike Kononov.


p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

Source de l’article sur

IBM et SAP annoncent de nouvelles offres pour aider les entreprises dans leur approche Intelligent Enterprise

L’initiative « Evolution Partnership » vise à fournir de nouvelles solutions sectorielles intelligentes offrant des processus de bout en bout qui aident les entreprises à accélérer la modernisation des systèmes et des flux de travail.

ARMONK, N.Y., et WALLDORF — IBM (NYSE : IBM) et SAP SE (NYSE : SAP) annoncent la prochaine évolution de leur partenariat, avec des projets visant à développer plusieurs nouvelles offres créées pour permettre aux entreprises de piloter leur activité par les données et leur offrir un parcours plus prédictible.

Plus de 400 entreprises ont modernisé leurs systèmes et leurs processus d’entreprise grâce au partenariat de transformation digitale d’IBM et de SAP. Alors que la pandémie de COVID-19 continue d’avoir des répercussions importantes sur de nombreux secteurs à travers le monde, les organisations s’aperçoivent qu’elles ont besoin de l’agilité nécessaire pour s’adapter de manière fluide à l’évolution des conditions de marché et à la demande des clients.

« L’avenir à court et à long terme des organisations est défini par leur capacité à répondre de manière proactive aux conditions de marché actuelles, difficiles et sans précédent », a déclaré Adaire Fox-Martin, membre du Conseil d’administration de SAP SE. « Les entreprises acquièrent un avantage concurrentiel en débloquant les données en amont et en aval de leur chaîne de valeur, ce qui leur permet de découvrir de nouvelles opportunités de revenus et de créer des expériences exceptionnelles pour leurs clients et leurs collaborateurs, tout en raccourcissant les délais pour créer de la valeur. Le partenariat de SAP avec IBM réunit la puissance d’applications intelligentes et l’expertise technologique pour permettre aux entreprises de créer de la valeur plus rapidement et d’injecter les transformations nécessaires au soutien de leur activité aujourd’hui et demain. Ce partenariat sera utile à nos clients sur le marché et au niveau de leur bilan. »

La prochaine évolution du partenariat entre IBM et SAP vise à créer de la valeur plus rapidement via la transformation des entreprises, à accélérer l’innovation sectorielle grâce à des offres de données à valeur ajoutée spécifiques à chaque secteur, à dynamiser l’expérience client et collaborateur et à leur offrir une flexibilité et un choix ultimes pour exécuter leurs charges de travail dans des environnements de cloud hybride.

« Pour être compétitives dans un monde bouleversé en profondeur et en évolution rapide, les entreprises doivent être capables de remodeler leur organisation pour créer des processus métiers efficaces et automatisés, en appliquant des technologies avancées pour transformer les processus statiques et cloisonnés en flux de travail agiles et intelligents », a déclaré Mark Foster, senior vice president d’IBM Services. « Les nouvelles solutions dévoilées aujourd’hui marquent une nouvelle étape dans le partenariat entre IBM et SAP qui dure depuis 48 ans tandis que nous aidons nos clients à accélérer leur parcours pour devenir des entreprises cognitives. Notre collaboration avec SAP est conçue pour aider nos clients à accélérer la prise de décisions et à créer des expériences plus significatives pour leurs clients et leurs collaborateurs. »

Cette nouvelle collaboration entre IBM et SAP fournira des solutions conçues pour débloquer une nouvelle valeur pour les clients :

Réinventer les flux de travail avec des processus de bout en bout sectoriels intelligents

Annoncé la semaine dernière, l’Industry Cloud de SAP propose des solutions verticales innovantes pour favoriser une transformation rentable et une croissance durable. Pour répondre à la demande du marché en matière d’innovation sectorielle, IBM et SAP ont commencé à définir et à fournir conjointement des solutions basées sur le cloud avec des flux de travail sectoriels intelligents de bout en bout pour permettre aux clients de prendre des décisions commerciales basées sur les données. La première offre portera sur les processus métiers LTO (Lead-To-Order) et Plan-To-Manufacture pour le secteur des machines et composants industriels, afin d’aider les fabricants industriels à réinventer les processus de flux de travail afin d’accroître la productivité et la satisfaction des clients. IBM et SAP ont fait équipe avec les principales entreprises du secteur des machines et composants industriels pour concevoir et développer les capacités futures. En tant que partenaire de développement du service SAP Model Company, IBM travaille également avec SAP au développement d’un service SAP Model Company for Telecommunications qui aidera les fournisseurs de télécommunications à transformer leurs processus de contact avec la clientèle et de back-office, ainsi qu’à optimiser au maximum le rendement de leurs investissements dans la 5G.

Flexibilité grâce aux solutions de cloud hybride

Selon une enquête récente de l’ASUG (Americas’ SAP Users’ Group), une majorité des personnes interrogées ont déclaré qu’elles utilisent ou prévoient d’utiliser SAP S/4HANA dans un modèle de cloud hybride. Les entreprises continuent à faire évoluer rapidement leurs modèles économiques et à reconfigurer leurs processus afin de mieux accompagner leurs clients et répondre aux nouvelles demandes du marché. Beaucoup se tournent vers une stratégie de cloud hybride pour une approche « Intelligent Enterprise ». Afin de donner aux clients la flexibilité nécessaire pour exécuter les charges de travail dans l’environnement cloud le plus optimal, IBM, Red Hat et SAP collaboreront pour apporter les services gérés de SAP sur site en validant les déploiements privés de SAP Cloud Platform et les services de support connexes sur Red Hat OpenShift. Cette solution, actuellement proposée à certains clients pionniers, devrait permettre aux clients de créer des extensions side-by-side avec la sécurité souhaitée, une exigence essentielle pour les clients des secteurs réglementés.

Réimaginer les expériences des clients et des collaborateurs

Avec Internet, les smartphones et les réseaux sociaux, il n’a jamais été aussi facile pour les clients et les collaborateurs de partager leurs observations sur la qualité de leurs expériences avec les entreprises, les produits, les responsables ou les services partagés. L’étude Global C-Suite d’IBM a révélé que 82 % des chefs d’entreprise croient fermement que les données contribuent à créer un avantage stratégique, en consolidant la confiance des clients et en augmentant les profits. Pour aider les entreprises à accroître la valeur à partir des données, IBM et SAP prévoient de fournir des technologies et des services en s’appuyant sur le portefeuille de SAP Customer Experience et les solutions de gestion de l’expérience de SAP (Qualtrics) pour permettre aux clients de fournir une expérience omnicanal de nouvelle génération et de mesurer et améliorer l’efficacité des expériences des parties prenantes. Cette collaboration est conçue pour contribuer à la fidélisation des clients, à l’engagement des clients et des collaborateurs et à la qualité des marques et des produits dans de nombreux secteurs. IBM prévoit d’intégrer l’utilisation des solutions de gestion de l’expérience de SAP dans la réalisation des projets, dans le cadre de la gestion du changement organisationnel d’IBM, afin d’offrir aux clients une expérience de projet différenciée et optimisée.

Automatisation des processus pour accélérer la transformation

IBM et SAP travaillent ensemble à la mise en place de l’IBM Accelerated Move Center, une usine de migration de nouvelle génération conçue pour automatiser et accélérer encore plus la démarche « Intelligent Enterprise » et donner aux clients plus de prévisibilité sur leur transition vers SAP S/4HANA. Cette nouvelle offre sera une approche d’intégration toute prête qui utilise des modèles sectoriels de base préconfigurés et exploite des outils d’automatisation et de configuration créés en collaboration avec IBM Research.

Ces nouvelles offres seront basées sur l’Intelligent Suite de SAP et les solutions Industry Cloud de SAP. Elles permettront aux clients de bénéficier des technologies de SAP et d’IBM telles que l’IA, l’apprentissage automatique, l’automatisation et l’analytique. Ces offres s’appuieront sur la nouvelle plateforme d’évolution d’IBM, qui offre une vue unique sur les solutions IBM et une préconfiguration de ses Industry Impact Solutions, et qui interagit avec la plateforme technologique d’entreprise de SAP. Celai permet aux entreprises de créer des aperçus avancés, d’intégrer des capacités et de créer, étendre et améliorer les applications SAP. Cette combinaison vise à aider les clients à bénéficier plus efficacement de « l’intelligent Suite » de SAP, à migrer vers le cloud, à transformer les données en valeur commerciale et à utiliser les technologies émergentes pour soutenir les flux de travail intelligents.

Conditions et détails des accords définitifs à finaliser.

À propos de IBM

Pour plus d’informations sur IBM Services, rendez-vous sur
Pour plus d’informations sur les services SAP d’IBM, rendez-vous sur

Les déclarations concernant l’orientation et les intentions futures d’IBM peuvent être modifiées ou retirées sans préavis, et ne représentent que des buts et des objectifs.

À propos de SAP

SAP est le leader du marché des applications d’entreprise : 77% des transactions financières mondiales passent par un système SAP. L’entreprise accompagne les organisations de toute taille et de tout secteur à mieux opérer. Nos technologies de machine learning, d’Internet des objets (IoT), d’analytique avancée et de gestion de l’expérience aident nos clients à transformer leur activité en « entreprise intelligente ». SAP dote les professionnels d’une vision approfondie sur leur activité et favorise la collaboration pour garder une longueur d’avance sur leurs concurrents. Pour les entreprises, nous simplifions la technologie afin qu’elles puissent utiliser nos logiciels comme elles le souhaitent, sans interruption. Notre suite d’applications de bout en bout et nos services permettent à plus de 440 000 clients d’opérer 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’information, visitez le site

Contacts presse :

Daniel Margato, Directeur Communication : 06 64 25 38 08 –
Sylvain Drillon : 06 44 71 35 68 –

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

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 et écrire Désabonnement dans la ligne Objet.


The post IBM et SAP annoncent de nouvelles offres pour aider les entreprises dans leur approche Intelligent Enterprise appeared first on SAP France News.

Source de l’article sur

Show Them Your Assets – Tips for Handing Off Designs to Developers

You’ve been working away at your latest design project, and the client has given the go-ahead on your lovingly created digital concepts. Now it’s time to bring those designs to life, and you have a developer queued up to do just that.

So your part’s done, right? Not quite. You’re going to want to make sure your developer has the best head start they can in order to create the site as you imagined.

Below are a few tips to make that handover process a little easier.

Communicate to Make It Great

Get Talking

Scheduling a face-to-face meeting with your developer to talk over your project’s specifics and ambitions will help align your expectations and make the intent behind your concepts more clear. It’s quite likely they’ll even ask questions and request assets you haven’t even thought of yet!

It’s not just a one-and-done thing either, your developer’s going to have questions or requirements that arise as the project progresses. Deciding on a communication channel to allow easy discussion will help you both immensely.

Annotating Your Concepts

Developers might seem like magicians with the way they bring your websites to life, but they’re not clairvoyant! Annotating your concepts where advanced functionality is required reduces ambiguity and makes it more likely that your cool, quirky idea is going to make it to production. If it’s a feature that’s particularly unusual, you might want to find an example of a website or code sandbox that does something similar.

An example of Figma’s comment tool in use to make developer notes.

Figma and Sketch both have comment functionality in order to make annotations a little easier, also allowing multiple parties to comment. If dealing with PDFs, there is also an annotation tool available through Adobe Acrobat.

Specify the Basics

The basis of modern front end development revolves around DRY thinking. Some might argue thinking about code can be pretty dry, but we’re not talking about that – in this case, DRY stands for Don’t Repeat Yourself.  Most developers will tackle a project by starting with defining variables: what colors, font sizes, grid columns… anything that can be reused! Good, consistent design follows this same principle – although it’s a habit that can be hard to get going at first.

Tip: It’s always easier to define variables if this mentality is approached towards the start of the project!  


Make a style guide that specifies the colors you’ve used in your designs. Think about their logical applications to help signpost how they might work as a variable – for example, what colors did you use for paragraph text, hyperlinks and backgrounds? Did you consider colors to convey status messaging, such as successes, warnings and errors?


Which fonts have you used for your project? Is there a consistent set of font sizes you used throughout? If you haven’t already, maybe consider a ratio-based type scale – I like to use ModularScale to help with this.

Basic HTML Elements

Think about general styling for these basic html tags:

  • Paragraphs <p>
  • Headings <h1–h6>
  • Bullet lists <ul> and numbered lists <ol>
  • Emphasized text <b>, <strong> and <em>


How about buttons and links? What should they do when they’re hovered over, focused (using the tab key on a keyboard) or disabled?

Forms Fields and Inputs

What should form fields look like? Is there any validation checking that should occur when a form is submitted?  How about checkboxes and radio buttons?

It’s unlikely that you’re going to be able to cover absolutely every single eventuality – allow your developer to use some common sense to fill in the gaps, and be available to them if they have any questions. In the words of John Maxwell and your aunt’s home office wall sticker, teamwork makes the dream work.

Get Your Favic-on

Favicons are widely recognized as the small icon that appears to the left of the site title on your browser’s tab bar. Nowadays, the application of your site’s favicon is much further reaching, showing up in Google search results and app tiles. There’s also extra theming options available, such as the ability to customize the color of Google Chrome Android’s browser bar color for your site.

Using a generator site such as realfavicongenerator takes the pain out of much of this decision-making, allowing you to upload specific graphics as desired, creating silhouettes of your icon for Windows Metro tiles and macOS Safari pins, and packaging everything into easy-to-use files and code.

 Compress Your Images

Nobody wants to load a 20MB image when they’re on a slow connection or a data plan – it pays dividends to plan ahead and downsize your images so that they’re production-ready for the web. If you’re worried image compression is going to harm your image quality, fear not – you can go a long way with image compression before quality is seriously compromised.

  1. Start by reducing the image resolution – for batch jobs, I use Adobe Photoshop’s image processor script to downsize images to fit 1920 x 1200 pixels
  2. Alternatively, if you’re working on a static project – where specific images will be used only in specific places – you could use your design software (nearly all mainstream UI software allows you to do this now) to export your images at 2x size to support devices with high pixel densities.
  3. I also convert my image color profiles to SRGB to ensure consistency across most modern display types (this one’s optional)
  4. I then take my newly downsized images and run them through imageOptim at 80% quality. Generally I would aim to get my images under 300kb – if there are any that are still significantly over this target once compressed, I’d run these through again at 70% quality (I wouldn’t recommend going lower than this, though).

Don’t forget you can also do this for PNGs! Enabling PNGCrush in imageOptim will let you significantly reduce the size of PNGs… just be ready for it to take a while.

Make Your Vectors SVG-Easy to Use

If your design contains graphics or illustrations you created using vector software, it can be used on the web as an SVG file. Usually, these files will be a lot smaller than JPGs or PNGs. You can export graphics in most (if not all) vector software in this format.

Optionally, you could use imageOptim or SVGOMG to compress the SVG code without sacrificing quality. Your developer might already use a script that does this automatically when processing the site for production, so it may be worth asking ahead.

Get Your Licenses in Check

If you’re using premium fonts, make sure you’ve purchased a webfont license so you can hand over the correct files to the developer. I’d recommend doing this sooner rather than later – although not often, occasionally web versions of fonts can have slightly different bounding boxes to their desktop counterparts, making it a real pain for developers to work with further down the line.

If you’ve been using samples of stock photos (or if you’ve been going crazy lifting whatever you can find on Google Images), make sure everything is kosher before you go live. Make sure you purchase licensed photos, and if certain photos you want to use require attribution, make the developer aware of this.


p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

Source de l’article sur