Articles

Image CDNs: How Edge Computing Provides a Faster Low Code Image Solution

,

Many websites today use some type of traditional Content Delivery Network (CDN), which means improvements in website load times, decreases in bandwidth, and better redundancy and security. But not everything is optimized, specifically when it comes to images, and image CDNs can help with that! 

Traditional vs. Image CDNs

A traditional CDN treats images as static. If you want to tailor images to better match various mobile device types, then you need to create many variants of each image and upload them to your web server. It also means you must develop responsive code that will tell the server and CDN which image variant to deliver. This is clunky, time-consuming, and inefficient. For a large website, the amount of code needed can be astronomical. Using this static image model, there’s just no realistic way for each image to be effectively sized and compressed for every possible device model – at this point, there are thousands of them. The combination of these two unfortunate factors leads to potentially slow load times and poor UX caused by oversized images delivered to mobile devices.

So what is an image CDN? An image CDN builds on the traditional CDN model with the addition of device detection and image optimization. Instant detection of the device model and browser requesting the images is done right at the device-aware edge server (true edge computing!) Additional information, including screen resolution and dimension, pixels per inch, and support for next-gen image formats (such as WebP, JPEG 2000/JP2, and AVIF), provides even more details crucial for superior image optimization. Using this information derived from device-aware edge servers, the image CDN optimizes each image and serves the perfect version for each device and resolution, meaning users get the finest webpage experience faster.

A Bit About the Edge (Whoa, Living on the Edge?)

With a single server website, a web request would have to travel from the requestor, back to the origin server (wherever that was geographically located), be processed, and then travel back to the requestor. Depending on the physical distance between the requestor and the origin server, this could introduce a great deal of latency, which means lag time on page loads. 

A traditional content delivery network (CDN) is a global network of servers that optimizes web performance by using the node geographically closest to the user for faster delivery of assets. It takes static content like images and stores them on the edge. But usually, these edge servers are relatively simple in terms of their role in business processes. They mostly index, cache, and deliver content. And traditional CDNs like to keep edge servers simple because of concerns over CPU usage, storage, and scalability.

But what if these edge servers could also provide computing power that enhances performance and business processes? This is called edge computing. Slowly, CDNs are starting to open their edge servers to allow enterprises to deploy apps/services on the edge. Likewise, Cloud computing networks (e.g., AWS, Azure, Google Cloud) provide virtualized server capacity around the world for those who want to use geographically distributed servers. In a sense, Edge Computing is a marriage of the CDN (where edge servers synchronize/work with each other) and Cloud computing (where servers are open to applications). 

Edge computing is a fascinating concept, but what is the killer app that will enhance business processes and improve website performance? The addition of device detection to edge computing provides the ability to transform from delivery of static images to a new model where images are dynamic and tailored exactly to devices. 

Edge computing is computing that is done in a geographically distributed space, with many servers located at or near the source of the web request. This reduction in bandwidth and latency leads to fast processing times, increased site speed, and improved customer experience. And edge computing doesn’t require new infrastructure — it leverages the networks of existing providers to create Points of Presence (POP) around the globe. 

The Edge Servers are…Aware?

Device-aware edge servers, like those used by the ImageEngine image CDN, take edge computing to a new level. Device detection is actually one of the use cases where edge computing really shines. Normally, the edge server would have to send a Javascript query to the device to figure out any information about a requesting device’s model, browser, operating system. But with a device-aware edge server, the User Agent string is captured and decoded. This contains all of the information necessary for device detection without the need for any back and forth – a definite speed improvement. So you’re starting ahead of the game! 

Each time a new request comes to the device-aware edge server, the image is processed by that server (meaning optimized for that specific device parameters) and stored right there in cache, primed for future use. This is done in three stages: changing image size based on device resolution, compressing the image using an image optimization tool, and selecting the most efficient file format for the device. 

If the device-aware edge server has already processed a request from a similar device model before, then it can serve the device-optimized image from its edge cache, leading to a lightning-fast server response — and ImageEngine’s device-aware edge servers can serve up cached images 98% of the time! Not only is there geographical proximity because of the distributed global POP network, but the smaller size of the optimized image compared to the full-sized original cuts up to 80% off the image payload. This can cut up to several seconds off page load times. When almost 70% of people say that page speed influences their likelihood of making a purchase, every single second counts! 

Some image CDNs detect the device information and group the devices into “buckets” of similar types and serve an image based on that type. While this is certainly an advancement over a traditional CDN, and works passably well for some common devices, it still isn’t a truly optimal solution. There are so many variants of browser, screen size,  resolution, etc., even among very similar devices, that images are still often oversized (too large payloads) and lead to poor load speed. A true image CDN, such as ImageEngine, serves the perfect image for every device, every time.

So Now You Want To Get Started (Don’t Worry, It’s Really Simple)

One of the best things about the ImageEngine image CDN is the ease of integration – and it can integrate into any platform that supports a 3rd-party CDN. All you need is to sign up for an account and receive a delivery address during your two (yes, 2!) minute signup process. This delivery address is used to redirect image traffic for optimization and superior delivery performance. Next, you’ll have to make some slight adjustments to img tags on your website, but that’s really all the work you’ll need to do. There are no DNS changes during a standard (generic delivery address) integration. You read that right, none at all. Contrast that to a traditional CDN integration, where there is just no way around some messing around in the DNS – in fact, usually some fairly extensive DNS changes. 

This low-code, virtually no code, integration saves you time. It saves you money. It saves you the hassle of putting multiple team members on a new project. And it means that you can be up and running in about 15 minutes with a standard install. You can be serving optimized images to your site visitors at blazing fast speeds before lunch! And don’t worry, ImageEngine has an experienced integration support team available to answer any questions you might have. 

There’s also no issue with adding the ImageEngine image CDN on top of an existing CDN. Traditional CDNs may have security features that you may prefer to keep for your site. It requires slightly more integration but provides the same benefits of a solo ImageEngine implementation — screaming fast image load times and perfectly optimized images from device-aware edge servers. All that is recommended is that the ImageEngine image CDN actually serve the images directly, not simply process them, to get maximum benefits.

Adopt an Image CDN and See The Benefits

We’ve learned that image CDNs bring numerous benefits to your site AND your business. Using device-aware edge servers, image CDNs provide measurably better UX to your visitors. Pages load potentially seconds faster with perfectly optimized images, meaning your customers get to the heart of your message right away, and you don’t lose potential sales. 

Image CDNs are actually 30%+ faster than most traditional CDNs, improving site speed accordingly. From an SEO perspective, that’s huge! And your SEO gets an additional boost from the improvement to your Largest Contentful Paint scores (which can help you gain valuable rank on Google’s SERPs). Implementation is simple and fast. You get all this, plus cost savings: since you have smaller payloads because of the fully optimized images, you’re delivering fewer gigabytes of data.

Source

The post Image CDNs: How Edge Computing Provides a Faster Low Code Image Solution first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

SAP lance une nouvelle solution pour accélérer l’économie circulaire

, ,

SAP lance une nouvelle solution pour accélérer l’économie circulaire

WALLDORF, Allemagne – le 9 novembre 2021 – SAP SE (NYSE : SAP) annonce aujourd’hui la disponibilité de SAP Responsible Design and Production, une solution permettant de concevoir des produits de manière durable et de passer à une économie circulaire. Il s’agit de la dernière offre d’un portefeuille croissant de logiciels spécifiques au développement durable qui aide les entreprises à accroître leurs capacités de mesure et de gestion des données.

À l’heure où des réglementations relatives au développement durable, telles que des taxes sur le plastique, sont mises en place, la solution SAP Responsible Design and Production permet aux marques d’accélérer leur transition vers des pratiques commerciales d’économie circulaire. Cette nouvelle solution aide les entreprises à avoir une meilleure visibilité sur les flux de matériaux à travers leurs processus, notamment en assurant le suivi et la conformité aux réglementations qui évoluent rapidement, en particulier celles qui concernent les emballages de produits et les plastiques. Alors que les entreprises développent de plus en plus de produits durables, la gestion des matériaux et des données réglementaires devient aujourd’hui l’un des défis les plus complexes de l’industrie de la consommation.

« L’économie circulaire repose sur trois principes, portés par la conception – éliminer les déchets et la pollution, faire circuler les produits et les matériaux, et régénérer la nature. Les solutions numériques jouent un rôle important dans la transition vers une économie circulaire« , a déclaré Andrew Morlet, PDG de la Fondation Ellen MacArthur. « Elles permettent aux entreprises d’intégrer des pratiques circulaires dans l’ensemble de leurs activités, de la conception de produits visant à réduire les déchets dès le départ au suivi du cycle de vie des matériaux qu’elles utilisent. »

Avec la nouvelle solution de SAP, les entreprises peuvent intégrer les principes de circularité dans leurs processus de gestion de base, ce qui permet d’éliminer les déchets et de dégager une nouvelle valeur en concevant des produits durables dès leur conception. À titre d’exemple, le responsable d’une marque de shampooing dispose d’une visibilité sur le cycle de vie complet du produit, y compris sur ses obligations en matière de responsabilité élargie des producteurs (REP) et sur les taxes sur les plastiques des différents marchés. Cette visibilité aide le responsable de la marque à apporter des modifications à la conception pour réduire les déchets et à prendre des décisions sur la manière de réduire les coûts du système de déchets en aval.

« Chaque année, nous utilisons presque deux fois plus de ressources que la planète ne peut en régénérer. Les entreprises peuvent jouer un rôle crucial en conservant plus longtemps la valeur de nos systèmes grâce à une conception de produits intelligente et responsable qui réutilise les ressources au lieu de les éliminer« , a déclaré Scott Russell, membre du Conseil d’Administration et Responsable de la Réussite Client chez SAP. « La conception de produits qui éliminent les déchets et utilisent des matériaux responsables présente une complexité inhérente, mais la solution SAP Responsible Design and Production s’attaque à cette complexité et offre une solution de référence à nos clients, ce qui les aide à fournir des produits circulaires et à mettre en place une économie régénérative. »

SAP Responsible Design & Production, une solution du Cloud co-développée avec Accenture sur SAP Business Technology Platform, fournit des informations sur mesure qui permettent aux entreprises de suivre le rythme des réglementations REP et des taxes sur le plastique, d’intégrer les principes de circularité dans les processus de gestion de base et d’optimiser la conception pour une activité durable.

Pour en savoir plus sur le thème « Aider les entreprises à prospérer dans une économie circulaire », cliquez ici.

Depuis plus de dix ans, SAP montre l’exemple en tant qu’entreprise durable. En plus d’avoir été nommé leader de l’industrie du logiciel dans le Dow Jones Sustainability Indices (DJSI) pendant 14 années consécutives, l’adhésion de SAP à la Value Balancing Alliance et le SAP Integrated Report illustrent son engagement à intégrer les performances économiques, environnementales et sociales pour guider les décisions commerciales.

Pour en savoir plus, consultez SAP Sustainability Solutions et suivez SAP sur Twitter à l’adresse @SAPNews.

À propos de SAP

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

Contacts presse :

Mathilde Thireau : mathilde.thireau@publicisconsultants.com

Robin Legros : robin.legros@publicisconsultants.com

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 presse-sap@publicisconsultants.com et écrire Désabonnement dans la ligne Objet.

 

The post SAP lance une nouvelle solution pour accélérer l’économie circulaire appeared first on SAP France News.

Source de l’article sur sap.com

/par

Protect Your Design Clients From These 6 Easy Mistakes

,

As a web designer, you’re responsible for a lot of things. Your client is relying on you to ensure that their website is user-friendly, accessible, eye-catching, and even good enough on the back-end to capture the attention of the search engines. 

However, what many business leaders and clients don’t realize is that they also have a part to play in ensuring that they get the right results from their site; there’s more to the client and contractor relationship than an exchange of funds. 

Today, we’re going to examine some of the most common mistakes that clients make when they begin working with a website designer for the first time. After all, when a client makes a mistake, it’s up to you to show them how to get back on track. 

Client Mistake 1: Providing Minimal Insight

Creativity, for the most part, is the responsibility of the designer in any web-building project. You know best what you can do for a client. 

When you’re discussing an upcoming project with a business owner, you can walk them through concepts like dark mode design or strategies for digital accessibility. However, you’re still reliant on your client to let you know if there’s anything specific they need. 

An insufficient brief in a web design project usually means that you waste time on a project because you have to go back and forth multiple times, making updates and edits. Getting a brief ironed out properly from day one can reduce misunderstandings and mistakes. 

To get your client started, ask them to share some details like:

  • Who’s the target audience? Do they have a user persona they can share?
  • What specific features does the site need? Landing pages, forms, widgets, etc.?
  • Competitor sites they like: What do they appreciate about those designs?
  • Brand colors and assets: What kind of hues and shades should you use?
  • Technical feature requirements: Does the site need to have its own app, integrate with APIs, or have a checkout solution, for instance?

Client Mistake 2: Underestimating The Workload

Perhaps one of the most common mistakes that clients make when seeking help from a designer is that they have no idea how much work it will take to create the kind of site they want. If they haven’t provided a great brief in the first place, they might not have had a chance to see all the work they’re asking for written down. Walking your client through the brief process can help here. 

On the other hand, if your client has already provided a brief, along with an unrealistic deadline for completion, you might need to have a discussion with them about what you need to do. Walking your client through some of the processes involved in creating their website could give them an insight into how long it will realistically take to bring their ideas to life. 

Additionally, ensuring that your customers fully understand the amount of work you’re taking on could also mean that they can better grasp why you’re charging a certain price for your services. That brings us neatly to the next mistake…

Client Mistake 3: Not Having The Right Budget

Pricing your design services can be a complicated process for web designers. You need to make sure that you’re charging enough to cover the cost of things like essential software and hardware for your company. At the same time, with so many other designers out there, you also need to ensure that your costs are competitive. 

After you’ve gone through the hard work of figuring out what your pricing structure should be, you also need to be capable of justifying that expense to your client. It’s common for many customers to go into their work with a web designer expecting that they’ll be able to get an entire website, blog, and app for less than a couple of hundred dollars. 

Make sure that your client is aware of your pricing immediately to avoid any confusion. If possible, have a pricing page on your website or portfolio which highlights the cost of different packages and precisely what your clients are going to get. 

If your customers can see the value in your services and even equate to an hourly workload or skillset, they might be better equipped to set the proper budget. 

Client Mistake 4: Making Too Many Technology Decisions

You’ll find that you work with many different types of client during your time as a web designer. Sometimes, you’ll have people who come to you not really knowing what they want or need. This means that you may need to spend some time speaking to them about their expectations and discussing what’s possible. 

On the other hand, there’s always a chance that you could work with a client who thinks that they should be making all of the decisions themselves. While it’s true that your client should have some control over things like the style of their website and what features it has, it’s up to you to make technical decisions like what kind of tools you’re going to use. 

If your client tries to dictate everything you do and how you’re going to do it, this could make it difficult for you to deliver your best work. Explain your processes to your customer in advance and find out why they want you to use specific technology. 

For instance, if your client wants to use a specific kind of website builder because they’ve heard it’s “the best,” you can explain what you like most about the product you’re already using. 

Client Mistake 5: Being Too Attached To An Idea

This is a problem that happens in a lot of creative industries. A client goes out and finds something that they like on another website. It might be an attractive landing page or a specific checkout process. They’re so excited by what they see there that they refuse to compromise on that idea when working with their designer – even if the concept isn’t suitable. 

For instance, your client might come to you wanting a website that’s full of dynamic animations and videos. However, if they only have a limited amount of bandwidth from their hosting provider, this could mean that they end up with a slow site that aggravates their customers. 

The best thing you can do when this happens is to present the issue to your client in a way that they can understand. For instance, if you’re worried something will slow down their website, talk to them about how speed is essential to good customer experience. You could even share some page speed stats like: if a page takes more than 3 seconds to load, over half of all visitors will abandon it. 

Seeing the stats for themselves could mean that your clients are more likely to change their minds. 

Client Mistake 6: Working With The Wrong Designer

Finally, one of the biggest mistakes any client can make is working with the wrong website designer. There are a lot of professionals out there, each with their unique skills to offer in things like UX design, ecommerce page creation, and so much more. However, it’s not always easy to know what you need as a business owner getting online for the first time. 

The good news for web design clients is that there’s a lot of information out there that you can use to get informed fast. The bad news for designers is that this means you’re going to need to work at keeping your skills on the cutting edge if you want to attract the widest selection of customers. 

To ensure that you’re more likely to be the right designer for your customers, stay up to date with the latest web design standards, and check out what’s trending in your industry. Webinars, articles, and even TED talks can be an excellent way to brush up your knowledge and make your portfolio much more appealing. 

Strengthen Your Client/Designer Relationships 

Succeeding as a web designer isn’t just about building a robust portfolio full of excellent websites where you can showcase your skills. While it’s true that you need to stay on the cutting edge with your design talents, you also need to make sure that you can create positive relationships with every client that comes to you. 

Like designers, clients can make mistakes too, but not knowing what they want, trying to take too much control, or simply failing to understand the scope of a product. Rather than letting those mistakes hold you back, prove your mettle as a designer by helping your clients navigate these issues. The result will be more streamlined project experiences, happier customers, and better reviews for your company. 

 

Featured image via Unsplash.

Source

The post Protect Your Design Clients From These 6 Easy Mistakes first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

Everything You Need To Know About the Benefits of Hyperautomation

,

Automation wasn’t well-received when it was first introduced among the different industry verticals. Most companies were hesitant in employing this new technology simply because they feared what they didn’t fully understand.

As time went on, automation technology slowly became accepted until it turned into the norm. New trend, especially such as hyperautomation is being pushed forward with a growing number of businesses changing their ways to a more “people-centric” approach.

Source de l’article sur DZONE

/par

Popular Design News of the Week: November 1, 2021 – November 7, 2021

,

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

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

Fresh Resources for Web Designers and Developers

The Metaverse is BS

8 JavaScript Set Methods You Should Master Today

7 Web Design Tips To Improve Your Site

Visual Git

Nazca – New GUI for the Web

Dashana – Visualize your Data in Less than a Minute

Color Peeker – Color Code in the Menu Bar

Bootstrap V4.6.1

Why We Love FIFA’s New Women’s World Cup 2023 Logo

Source

The post Popular Design News of the Week: November 1, 2021 – November 7, 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

How To Improve UX With Sketching

,

Is sketching essential to UX and UI designers? Well, if you think of sketching as a way to explore problems and record potential solutions, then yes, it absolutely is.

One of the most challenging tasks of any design process is capturing the initial idea. We’ve all spent countless hours thinking through an innovative solution to a project, only to lose the idea again. It turns out that sketching is a brilliant solution to this problem.

In this guide, you’ll learn how to improve your UX designs using sketching as a tool. First, we’ll answer the question of how sketching benefits design, then we’ll look at the tools you need, and finally what an efficient sketching process looks like. By the end of this 3-minute read, you’ll have valuable new knowledge that will help you as a designer.

Why Sketching Is Important For Designers

When you start working on a project, it’s tempting to jump straight into high-resolution wireframes. But in doing so, you run the risk of spending hours on each little detail, only to discover that the overall concept doesn’t work.

Sketching — unlike drawing, which is about communicating an idea — is a free-flowing, process that allows you to get your ideas down on paper (yes, paper!) fast.

If there’s one thing you take away from this guide, let it be this: sketches aren’t for clients, or colleagues, or Dribbble, sketches are just for you. They’re a non-written way of rapidly making notes. Sketches will help you recall all the possible routes to consider.

Sketching is all about visualizing your ideas quickly and efficiently. When you’re sketching, you don’t have to worry about details, and you don’t have to worry about communicating with anyone else.

By sketching ideas without detail, you can quickly explore numerous solutions for a project. It’s fascinating how sketching can help you visualize an idea and revise it again and again along the way with minimal effort.

So, what revolutionary new tools do you need?

What Tools Do You Need For Sketching?

Designers love new tools, but when it comes to sketching there are relatively few, and you probably already have them to hand.

First, you’re going to need paper. A notebook is fine, it doesn’t have to be high-quality paper; in fact, you will probably feel freer and less restrained if you make sure that it is cheap.

You’ll need something to make a mark on the paper. A pencil is fine, as is a pen, a biro, and just about anything else. Don’t worry about an eraser, sketching isn’t about correcting mistakes, but you will need a sharpener if you’re using a pencil — never draw with a blunt pencil!

Whatever implement you choose, it’s a good idea to have a heavy marker, like a Sharpie, to pick out an important detail, and perhaps a fine pen to add small detail (if required).

Finally, make sure you have a timer to hand. A chess clock is perfect for an old-school aesthetic, but a timer on your phone is perfectly fine. The timer is to make sure you don’t spend too long on one sketch, so you don’t have time to get wrapped up in perfecting the details.

Sketching 101: A Step-by-Step Process

When you’ve been sketching for a while, you’ll discover your own process, and preferred methods. But for anyone new, here’s how to get started.

1. The Initial Idea

As with designing a wireframe, the most challenging step is getting started. Usually, at the beginning of a project, we are overwhelmed. This is because there are so many ideas, and we do not know where to start. For this reason, a detailed analysis of the project is essential.

You can start by thinking about the most important interactions you need to create. This way, you will find out the most important and exciting aspects of the project.

Since most of us get caught up in the fine details, it is beneficial to think of sketching as a brainstorming session. This session is simply about coming up with an innovative solution for a project and visualizing it.

It’s fine to have an idea that you’ll ultimately disregard. This is not the time to edit yourself.

2. Start Sketching

Take a piece of paper and use your sketching tool to divide it into six sections. Set your timer for 5 minutes and start drafting mockups for the first interaction.

Often, designers struggle with this step, and fall back on what they’re used to, i.e. wireframing and high-res mockups. If you find that you’re struggling to start sketching, start by making a mark on the paper; any mark at all. Then, make a second mark. With the third mark, try to position it in a way that says something to you about the project, by its size, weight, position — anything at all. Keep going, and before you know it you’ll have a complete sketch.

It’s vital that you do not exceed the time you give to yourself because sketching is not about fine details. The time is better spent exploring multiple ideas, even if those ideas only serve to confirm that the first idea was the most promising.

Repeating this step can be very valuable. Once you are happy with the results, you can move on to the next and final step.

3. Self-Editing

Unfortunately, you can not take away every concept you have outlined. This step is about choosing your most effective ideas and expanding on them.

Most designers want to create top-notch, detailed designs, and that’s fine. However, sketches are only really helpful for the early stages of a project, and creating perfect sketches in the first stages of a project may not be productive — in fact, it can be restrictive.

It’s often a good idea to combine some of your designs. Redraw them together, and once you’ve done that expand and refine them.

Improve Your Design With Sketching

It doesn’t matter if you think you’re bad at sketching — no one is going to see your sketches except you. Many of us would struggle to sing in public, but are absolutely fine singing in the shower.

Remember that sketching is not about your artistic skills; it’s about capturing an idea and expanding on it. After all, once you have your final design, you will recreate it digitally.

You don’t have to be an artist to be a designer. And since sketching can improve your UX designs, there are many reasons you should give it a try.

Once you’re comfortable with sketching, you’ll find it an invaluable tool for identifying sticking points in a project, and solving them before you reach the wireframe stage.

 

Featured image via Pexels.

Source

The post How To Improve UX With Sketching first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

Quelles sont les attentes des 15-25 ans pour leurs déplacements en train ?

, ,

Imaginez:

… Vous êtes tranquillement installé à bord d’un Paris-Lyon et une classe de neige débarque dans votre wagon…

… Vous avez pris le dernier train pour prolonger au maximum votre weekend et rien dans le frigo à la maison quand vous rentrez à 23h

Ces expériences, nous les avons tous vécues et cela ne nous encourage pas toujours à voyager davantage en train. A l’occasion de l’année européenne du Ferroviaire et alors que la transition écologique devient plus que jamais une nécessité, SAP France a mené une étude auprès des 15-25 ans avec le média JAM pour mieux comprendre leurs attentes et besoins en termes d’expérience et de services.

En effet, cette Génération Z façonne les comportements de demain et apparaît particulièrement sensible aux enjeux d’une mobilité raisonnée pour lutter contre les effets du changement climatique.

Quelles sont les attentes des 12-25 ans pour les voyages en train ?

Click the button below to load the content from YouTube.

Always allow YouTube

Quelles sont les attentes des 12-25 ans pour les voyages en train ?

FOCUS #1: 79% des jeunes interrogés seraient prêts à rallonger leur temps de trajet pour réduire leurs émissions de CO2.

Cette tendance rejoint l’étude SAP EMEA South menée auprès de consommateurs espagnols et italiens. Plus intéressant encore 23% seraient prêts à le faire mais sous l’exigence d’avoir le confort nécessaire pour passer du temps utile.

Et dans cette lignée, ils sont prêts de 2 jeunes sur 3 à trouver le principe d’éco-fidélité ”carrément” intéressant et 96% à y voir de l’intérêt. Cumuler des points échangeables contre réduction et cartes cadeaux « éthiques » pour chaque trajet effectué en train, scooter ou voiture électrique, vélo en libre service, à pied, … semble répondre à une attente de gamification mais aussi de mesure tangible de son impact environnemental.

FOCUS #2: 66% des 15-25 ans interrogés déclarent mettre à profit le temps utile pendant leur voyage en train

Parce qu’adopter le train ce n’est pas seulement réduire son empreinte carbone mais c’est aussi avoir du temps « utile » – lire, regarder une série, travailler – nous avons exploré l’impact de cette dimension pour les 15-25 ans.

Le reste déclare ne pas le faire vraiment mais seulement 7% d’entre eux ne le font pas du tout.

Ce qui peut laisser entendre qu’avec davantage de connectivité et de services, les jeunes profitant du #tempsutile seraient plus nombreux. A l’heure du slow travel, c’est un différentiateur fort du train par rapport aux autres modes de transport. C’est un nouveau champ des possibles à explorer sous l’angle des services connectés et en temps réel.

FOCUS #3: 60% des jeunes interrogés seraient prêts à payer pour avoir accès à des services de voyage connecté comme l’upgrade en 1ère ou davantage de services #TempsUtile

L’option la plus populaire est la possibilité de payer un prix fixe auquel on agrège des options selon les trajets : une opportunité pour générer de nouveaux revenus tout en améliorant le confort et l’expérience des passagers !

Retrouvez prochainement l’analyse de nos experts SAP pour décrypter les nouveaux leviers à actionner pour répondre à ces attentes des 15-25 ans et plus largement du marché passager en France !

Contactez-moi directement sur LinkedIn pour échanger et avoir accès aux vidéos en avant-première

Méthodologie de l’étude

Etude menée auprès de 1000 jeunes représentatifs de la population des 15-25 ans en France selon les quotas de l’INSEE (juillet à septembre 2021) avec le média JAM

Voilà à quoi elle ressemblait :

Étude SAP et Jam sur Messenger

Click the button below to load the content from YouTube.

Always allow YouTube

Étude SAP et Jam sur Messenger

 

The post Quelles sont les attentes des 15-25 ans pour leurs déplacements en train ? appeared first on SAP France News.

Source de l’article sur sap.com

/par

80% des français considèrent que l’action internationale face au réchauffement climatique est un échec selon un baromètre ODOXA/SAP  

, ,

80% des français considèrent que l’action internationale face au réchauffement climatique est un échec selon un baromètre ODOXA/SAP

Paris, le 29 octobre 2021 – À l’occasion du lancement de la COP26 qui se tiendra du 31 octobre au 12 novembre à Glasgow, ODOXA et SAP révèlent les résultats de leur Baromètre du développement durable. Ce baromètre est basé sur une enquête d’octobre 2021 issue de questions posées à un échantillon de 3 010 Français âgés de plus de 18 ans.

Le constat est sans équivoque. La perception des Français en ce qui concerne la lutte contre le réchauffement climatique est très claire : de nombreux efforts restent à fournir, la mission est loin d’être accomplie et les citoyens attendent des dirigeants à la COP26 des actions fortes et immédiates.

Parmi les résultats les plus importants de ce baromètre du développement durable, nous pouvons notamment y trouver :

  • Pour 8 Français sur 10, jusqu’à présent l’action de la communauté internationale pour lutter contre le réchauffement climatique est perçue comme un échec. En effet, seulement 20 % des interrogés considèrent que les efforts consentis depuis l’accord de Paris sont une réussite. Parmi les personnes interrogées, la majorité des convaincus a entre 18 et 24 ans (33%), alors que les employés représentent les plus sceptiques face à ce résultat avec seulement 20%. De plus, on remarque un régionalisme de ce constat : en Nouvelle Aquitaine, 86% des interrogés soulignent ce constat d’échec, alors que la Normandie atteint 75%, le taux le plus bas en France métropole.

 

  • La politique environnementale est l’un des enjeux décisifs dans les intentions de vote à l’élection présidentielle. Le baromètre souligne que 69% Français ont à cœur de considérer les politiques environnementales parmi les sujets clés qui aiguilleront leurs intentions de vote. Cette perspective est partagée par 78% des étudiants et 74% des cadres. Notons que la Bretagne ressort avec 77% alors que le Centre Val de Loire partage cet intérêt à 67%.

 

  • La confiance en la COP26 pour prendre de grandes décisions est hétérogène au sein des populations interrogées. Parmi les plus optimistes, les 18-24 ans pensent à hauteur de 64% que la COP26 sera bénéfique. De l’autre côté du panel, les 50-64 ans sont les plus sceptiques avec 66% de l’échantillon. Si la moyenne nationale est à 59%, 6 régions sont en dessous, les Hauts-de-France au plus bas avec 53%. La Nouvelle Aquitaine est encore une fois en haut du classement avec 68%.

 

“À la veille de la COP26, nous voulions comprendre davantage la perception des français autour du réchauffement climatique. Cette étude démontre plus que jamais l’intérêt grandissant de tous autour des problématiques environnementales. Chez SAP, nous sommes persuadés que les entreprises ont également un rôle à jouer dans la lutte contre le réchauffement climatique, que ce soit dans la gestion de leurs activités, les efforts nécessaires pour réduire l’empreinte carbone de leurs produits et des services qu’elles proposent, mais aussi pour apporter plus de transparence envers les consommateurs.”, déclare Pascal Le Nahédic, Head of Green Line SAP France.

 

Gaël Sliman, président d’Odoxa, affirme que : « Pour 6 Français sur 10, les questions d’environnement et de développement durable sont insuffisamment évoquées dans la campagne présidentielle. C’est bien dommage car l’environnement est l’une des trois priorités majeures des Français, après le pouvoir d’achat, mais devant l’emploi ! Or, les Français n’opposent plus la fin du monde et la fin du mois. Pour eux, il faut poursuivre les politiques environnementales audacieuses car pour 6 Français sur 10 les politiques environnementales ne sont pas incompatibles avec la croissance et l’emploi. Une leçon à méditer pour nous gouvernants et les candidats. »

À propos de SAP

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

Pour plus d’informations, visitez le site www.sap.com.

Contacts presse SAP :

Mathilde Thireau : mathilde.thireau@publicisconsultants.com

Robin Legros : robin.legros@publicisconsultants.com

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 presse-sap@publicisconsultants.com et écrire Désabonnement dans la ligne Objet.

The post 80% des français considèrent que l’action internationale face au réchauffement climatique est un échec selon un baromètre ODOXA/SAP   appeared first on SAP France News.

Source de l’article sur sap.com

/par

3 Essential Design Trends, November 2021

,

As the year begins to wind down, there are still plenty of new and evolving website design trends going strong. Much of what you’ll see this month carries over from things we’ve been seeing all year but with fresh touches.

From peek-a-boo designs with neat animated elements to vertical bars to brutalist blocks, there are a lot of highly usable trends to work with.

Here’s what’s trending in design this month.

Peek-a-Boo with Animation

Designers have been experimenting with cut-out and layering elements with animation for some time, which has evolved into full peek-a-boo styles with a lot of visual interest.

How each design comes together is a little different. Some have the animation in the back, others in the front, and some include text as part of the style. There’s almost no set of actual rules to how to make this design trend work.

Each of the examples below does it somewhat differently with varying degrees of success. The commonality here is that it is almost one of those visuals that you either see and love or hate.

Jatco Insurance is the most stunning example here, with a bold color choice and a peek-a-book element inside the oversized “J.” The overall effect is soothing and interesting and naturally draws the user across the screen from the top left to the background video layer. The small tagline, “Individual attention you deserve,” is perfectly placed.

Liron Moran Interiors takes a different approach with the peek-a-boo concept with the letters peeking out from behind an image. The animation is restricted to a hover and scroll effect that adds a liquid element to the image as well as changes to the image and color background. The challenge here is in readability. More of the words show on wider screens, but is it enough?

Melon Fashion also layers text and animated effects for a neat peek-a-book style that almost seems cut out from the background. The overall look appears to have three layers: background video, middle layer for the yellow color block, and text on top. The opacity of text elements with the peeking video is interesting and well pulled together without sacrificing too much readability.

Vertical Bars

Vertical color bars are a design element that keeps popping up in different ways. Designers can use it as a standalone element or container for content, such as navigation or other click actions.

Vertical elements are helpful because they can help create a more consistent and unified user experience from desktop to mobile screens. This shape can also be somewhat disruptive because you don’t see it featured that often. (Although with this style trending that might become less true over time.)

New Classrooms uses a vertical color bar on the left to help you move through the design. The color actually changes as each slide progresses on the homepage.

Serving uses multiple vertical bars as links to different content entry points. Clickability is emphasized with a change from a red overlay to a full-color image. The navigation is also tucked inside a white bar on the left side of the screen with a hamburger menu therein.

TechnoAlpin goes with a skinny vertical navigation menu on the right side of the screen. The icons with menu elements make navigation highly visual and intuitive. The color, which significantly contrasts with the rest of the design, also helps.

Brutalist Blocks

Not many people thought brutalism would stick around when it started trending. Elements of brutalism keep sneaking in, though, although they are much less stark and harsh than some of those original trending website designs.

This version of brutalism focuses on block elements that contain images or text and often click to other pages in the design. The blocks themselves are essentially the buttons that help you navigate to additional content.

The critical question about this design technique is whether this click action is intuitive enough. Will users interact without buttons?

The answer likely depends on your audience base, but if you opt for a style like this, it is essential to keep a close eye on analytics to ensure that users know and understand how to engage.

Milli Agency might be the most intuitive example of the brutalist blocks trend. The homepage is essentially a giant navigation menu. Each block changes from white to yellow on hover and expands, further encouraging clicks.

Sick Agency uses brutalist blocks with experimental typefaces and bold color for an in-your-face design. You can’t help but look at all the different things happening here. The biggest question might be, where should you focus and click next? The cursor provides some visual cues, but it’s not quite as intuitive as you might want it to be.

Mawo mixes brutalist blocks with a big blue cursor to help users click through the design to see more clothing options. Even the images here have a rather stark feel, which isn’t typical for e-commerce. Every block element above the scroll on the homepage includes a click action from the navigation blocks across the top to the “Shop Women” and “Shop Men” images. Further, the blue cursor dot helps show where users can click, and text buttons change to blue on hover as well.

Conclusion

Most of the examples here show trends as homepage elements, but you aren’t limited to that application. Try some of these techniques on landing pages or interior pages that you want to add a little something special to.

This can be an excellent way to test the design and see if your users like the style and know-how to interact with it. If it works, then you can extend the aesthetic to more of the design.

Source

The post 3 Essential Design Trends, November 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par