What is Jamstack?

The post Is it Time to Transition to JAMStack? first appeared on Webdesigner Depot.

25 novembre 2021/par Service comm.

Live Now: Top 10 Black Friday 2021 Deals for Designers and Agencies

It’s that time again. Black Friday. November 26, to be exact. And the many enticing deals you’ve been looking forward to at this time of the year are here as well.

There are three types of Black Friday shoppers. Those who are successful because they have prepared. Those who are successful because they got lucky. And, those who let some good deals simply slip away.

Your best bet, of course, is to be prepared, which is the purpose of this guide.

As you go down this list, you’ll find discounts, some pretty amazing offers, a few surprises perhaps – and plenty of inspiration.

We’ve been keeping close tabs on the various Black Friday discounts and promotions, and we’ve corralled the best of the bunch for you.

Starting with:

1. Brizy – The No-Code Website Builder For Non-Techies

Brizy is a fast and easy-to-use website builder for designers and agencies. Take advantage of Brizy’s Black Friday special and tap into the skills of a team that has been creating website-building tools for over 11 years.

This premier website builder gets better with each update.

Web designers can choose between Brizy for WordPress and the Brizy Cloud website builder, which includes hosting;
Agencies can choose among several white-label options;
Brizy brings power to the novice; use the pre-made designs or start with a blank page and let the imagination be the guide.

Black Friday is a time to take advantage of great deals, and this year is no different.

Big discounts are available on Brizy’s white label agency plans;
Participate at no cost to win a MacBook PRO;
Partner perks and discounts;
And exclusive new designs.

Design or coding experience is not a requirement to use Brizy’s drag and drop visual builder.

Click on the banner to take advantage of these great Black Friday specials.

2. Portfoliobox

A 50% discount on any portfolio website builder would seem like a good deal. On the other hand, getting one at 50% off that enables you to quickly create a portfolio website that reflects your creative personality and will truly set you apart from the crowd is definitely worth taking advantage of.

Portfoliobox offers:

Mix and match templates to help achieve a unique look;
Powerful eCommerce functionality built right into the platform;
Safe and secure private client galleries;
An included Domain (custom domain with Pro plans);
Fantastic 24/7 support to keep problems to a minimum;
Affordable, transparent pricing plans that let you know what you are getting before you buy.

Click on the banner to find out more about this fast, affordable, and easy to work with a portfolio website builder for creatives.

3. wpDataTables

wpDataTables is a popular, power-packed plugin that can manage vast amounts of data in seconds and organize it to build a table or chart the way you want.

wpDataTables and charts are responsive, customizable, and easy to edit and maintain;
wpDataTables readily accepts data from a variety of data sources, from multiple database connections, and in the most used formats;
Tables and charts can be configured to nicely blend in with other website content and a website’s overall design, plus it is easy to add spice to a table or chart by using colors, adjusting font sizes, and highlighting key data using conditional formatting.

wpDataTables features Elementor and Gutenberg integration, provides the ability to connect WordPress tables with Google API, allows cascade data filtering, and much more.

Click on the banner to take advantage of the 30% off Black Friday special.

4. Amelia WordPress Booking Plugin

Amelia can be a genuine time and money saver for a variety of business types. Amelia automates and streamlines a business’s booking process.

Amelia relieves business owners and managers from the task of managing multiple appointments and events;
Clients and customers love the ability to make and manage their appointments 24/7;
Bookings and events are managed from a single platform, even when multiple locations are involved.

Annual and lifetime subscriptions are available.

5. Mobirise Free Website Builder

As it is an offline builder, Mobirise does not tie you to any platform, you can host it anywhere, and you have total control over creating the website you have in mind.

Mobirise:

is drag and drop and easy and simple use;
is based on the latest Google AMP or Bootstrap 5, so your site will be mobile-friendly and crazy fast;
comes with eCommerce, huge selections of themes, blocks and templates, and a shopping cart.

Mobirise is free for both personal and commercial use.

6. Slider Revolution

There is a difference between an “interesting” website and one whose WOW effects cause it to stand far above the competition.

Slider Revolution specializes in WOW effects that can take any website to the next level, and it can be yours on Black Friday at a 33% discount on all licenses.

The Slider Revolution package includes:

Innovative templates and add-ons;
Advanced automation and special effects tools.

Grab the Black Friday offer now.

7. Getillustrations Bundle – Commercial illustrations for the web

Digital illustrations help attract attention to and pique interest in your website.

Getillustrations.com features a package of more than 9000 commercial web and app illustrations in a wide range of topics.

This package features all the design formats you’re likely to need, e.g., Ai, SVG, PNG, Figma, Sketch, and more;
Great illustrations to spice up landing pages are included.

The package is available at a 25% discount. Use coupon code EliteDesingers25.

8. Litho – Multipurpose Elementor WordPress Theme

Litho is a creative, modern, and highly customizable theme that can be used for any type of business niche as well as for creating eCommerce, blog, and portfolio websites.

This multipurpose Elementor WordPress theme’s features include –

36+ ready home pages, 200+ creative elements, and a 300+ template library;
One-click demo import;
Top loading speed and SEO result capabilities.

Litho also features detailed online documentation and top-of-the-line customer support.

9. 8bio – Linktree Alternative

Instagram and TikTok enthusiasts, take note!

With the 8bio tool at your fingertips, you can add a clickable URL to your social media platform profiles so visitors can visit your website, product page, or any other important page.

8bio offers:

Beautiful skins and catchy animated backgrounds;
The ability to link to your own domain or to *.8b.io;
Powerful SEO and tracking options.

The 8bio tool can also be used for your Twitter, Facebook, and YouTube posts.

10. XStore – Highly Customizable WordPress WooCommerce Theme

XStore is designed to work with the best page builders on the market and is fully compatible with the Elementor and WPBakery builders.

The XStore package includes

$510 worth of carefully handpicked Premium Plugins for WooCommerce;
More than 110+ awesome Prebuilt Shops;
A built-in AMP for WooCommerce, a Full Ajax Shop, multi-vendor support, and much more.

Become one of XStore’s more than 60,000+ happy customers by taking advantage of the Black Friday special.

Knowing that it’s the early bird that gets the worm, we’ve worked hard to place before you and your fellow website designers and agencies this enticing selection of the best Black Friday offers.

You will no doubt find some of the products familiar. A few might not be. In either case, the opportunities are here for you to get some great deals on some premier products.

Happy shopping!

The post Live Now: Top 10 Black Friday 2021 Deals for Designers and Agencies first appeared on Webdesigner Depot.

23 novembre 2021/par Service comm.

20 Best New Websites, November 2021

Welcome to this month’s round up of what has caught our eye on the web. As it’s November we’re going to help chase those winter blues away with some color.

Color does so much of the heavy lifting in visual design. It can create a mood, reinforce a brand identity, establish a hierarchy, differentiate sections, highlight type or reduce it; color even makes a statement by its absence.

Good use of color isn’t just about getting the most appropriate color scheme for the subject, it’s also about how much color to use, and where to use it. In this collection we’ve included a range of use examples from bright and full of color, to restrained with subtle tones. Enjoy!

Toboggang

There’s a pleasing UPA cartoon feel to the colors and type in this compact portfolio site.

On

On digital technology studio keep things simple with a black on light blue, and infinite scrolling.

re_

A pleasing mix of reds, greens, pinks, and golds liven up a simple grid layout for re_ package free grocery store.

LA Art Box

This site for LA Art Box makes great use of horizontal scrolling and animated transitions.

JYZ Design

Strong color and geometric shapes create a vibrant feel for JYZ Design’s company site.

Hyperframe

Hyperframe’s site takes on board the ‘show, don’t tell’ theory by cleverly using on scroll animation to demonstrate its product’s major selling point.

Rebecca Atwood

Rebecca Atwood’s site combines product shots with a color scheme that reflects the aesthetic of her designs.

Natural Paint Co.

For any paint company, displaying the available colors is a central function of their site. Natural Paint Co. do a really nice job of this with an interactive picker that changes the background color of the window.

Piaule Catskill

Beautiful photography and minimal text do a great job of selling the experience of Piaule Catskill cabins, and the horizontal scrolling on desktop adds extra focus. I found myself looking up flights to New York…

Rose Delights

There is a vintage, hand made quality to the mix of video and photographs on Rose’s home page, that creates a sense of warmth. The transparent mail list sign up is nicely non-invasive.

Voila

This site for Voila instant coffee creates a modern feel with fresh pastel colors balanced by a grounding dark blue.

Chiwawa

Wrestling masks, skeletons and lots of tone on tone color makes this a lively and appealing site for Chiwawa cantina.

HI(NY)

Keeping the rest of the design elements minimal here allows the movement of content areas not become cluttered and fussy feeling.

Think Tank Team

The divided square motif on the Think Tank Team homepage is a nice visual metaphor for building blocks coming together to create a whole.

Just Egg

Lots of yellow, and food close ups in the what part of Just Egg’s site is bold and confident. But the how section with its scrolling animation is the really good bit.

Moooi Paper Play

Although not a standalone site, this is a very pleasing animation centred around a particular product from Moooi.

Maersk Upside

Logistics giant Maersk have added a more user-friendly and visually engaging section to their corporate site, with use cases and real case studies.

Sol’ace

The color palette for Sol’ace furniture is has been carefully chosen to reflect the idea of luxury and natural materials.

Terra

A good mixture of standalone product shots and styled photographs works well here. The navigation options–shop by type, material or collection–have been well thought out too.

Thanxiety

And finally, for our readers in the US, Thanxiety is a carefully chosen collection of conversation topics to help avoid any uncomfortable silences, or family rows, around the dinner table at Thanksgiving. (And maybe the rest of us could use it on other holidays…)

The post 20 Best New Websites, November 2021 first appeared on Webdesigner Depot.

22 novembre 2021/par Service comm.

Exciting New Tools For Designers, December 2021

With the holidays fast approaching, there are plenty of fun gifts for you in this roundup of new tools and resources for web designers. Make sure to share anything you find helpful with others to spread additional holiday cheer.

Here’s what is new for designers this month…

Volley

Volley, billing itself as Snapchat for work, is a new way to collaborate with remote teams. The tool addresses the two main problems of remote teams (lack of communication and loneliness) with an async video messaging app with interactive transcriptions neatly organized into workspaces. Volley emphasizes talking over typing (76% of volleys sent are video), doesn’t require you to coordinate schedules (it’s 100% asynchronous), and lives in a threaded conversation with context that’s neatly organized. Plus, the tool is free to use.

Upnext

Upnext is a new type of reading list. It’s designed to help you save, organize, and focus on fantastic content while expanding your knowledge on your favorite topics. You can create playlists with almost any type of content that you can refer to later and follow “thinkers” that you love. Search and filter content, focus on reading, integrate videos, and even highlight and note specific content in your customized library. This brand-new web app has a waitlist that you can join to get access soon.

Startup 5

Startup 5 is a new version of the popular website builder, and it’s a perfect tool to create your online presence. With Startup, it’s fast and easy to get your business online with pre-designed blocks. It includes a visual editor with 150+ blocks with pre-designed and pre-coded elements and styles you can easily customize in a drag and drop interface. It’s an easy tool for building a website quickly without a coding background. Most users can publish a website quickly and easily.

Flatmap

Flatmap generates Mapbox Vector Tiles from geographic data sources like OpenStreetMap. It is memory-efficient so that you can build a map of the world in a few hours on a single machine without any external tools or database. Vector tiles contain raw point, line, and polygon geometries that clients like MapLibre can use to render custom maps in the browser, native apps, or a server. Flatmap packages tiles into an MBTiles (SQLite) file that can be served using tools like TileServer GL or even queried directly from the browser.

Cleanup.Pictures

Cleanup.Pictures is a web-based tool to remove objects, people, text, or other defects from your images before using them in projects. It’s an AI-based alternative to other photo-editing software.

Linkz.ai

Linkz.ai helps you make smart link preview popups for your website to help encourage greater engagement and interaction for links. It works with a line of code you can install quickly and easily, and then you get smart link previews (in two style options) for every link on your site.

Llline

Llline is an SVG generator that helps you create smooth and organic lines and strokes with plenty of customization options for almost any application. This tool helps create graphic elements in just a few clicks, allowing you to add a few points to a canvas and then draw a smooth curve using these points. You can then tweak the resulting SVG graphic by rotating it, changing its color, giving it a gradient, making it a dashed line, and then you can download or copy the SVG markup.

Lorem.Space

Lorem.Space is a valuable placeholder image tool. With just a little bit of code, you can pop cool placeholder images – from movie posters to shoes – right in your website mockup so that the design is easier to visualize. It’s a great solution that’s fun and keeps you from having to put empty boxes throughout the design. And everything can be randomized, so you don’t spend time looking for placeholders.

Huetone

Huetone can help you create more accessible color palettes by making use of the Advanced Perceptual Contrast Algorithm. The contrast ratios and color combinations show on one screen to help you quickly develop palettes and combinations. Plus, the tool has hotkeys that make it easy to change hues, toggle, and adjust quickly. Then you can export everything to Figma.

Rowy

Rowy is an open-source tool to build on the Google Cloud Platform. You can manage Firestore data in a spreadsheet-style user interface, write Cloud Functions in the browser, and connect to third-party platforms.

AdCreative.ai

AdCreative.ai uses artificial intelligence to help create better ad creative. To get started, you upload logos and color files, connect social and other accounts, pick the sizes you need, write text, pick a background, and upload product images, and let the AI do the work. Once you have the creative you like, you can connect to your online ad accounts for easy use. This is a premium tool that’s free to try.

Flowrift

Flowrift is a tool to browse and then copy and customize Tailwind CSS blocks in groups of collections. Filter by block type and then experiment with the options. It even has e-commerce blocks.

Layout Patterns

Layout Patterns is a collection of layout patterns built using modern CSS APIs to help you build common interfaces such as cards, dynamic grid areas, and full-page layouts.

You.com

You.com is a new private search engine that summarizes the web. The tool is in open beta and includes superior privacy choices, actionable results, extensible apps, and personalization through preferred sources.

3D Icons

3D Icons is a fun set of three-dimensional, full-color icons that are free for all uses. (Donations are accepted.) They integrate with pretty much any web design tool you are using and come in four color styles – clay, gradient, color, and premium – so you can get just the right look for your project. Each icon also includes three rendering views – dynamic, side, and isometric.

Arco Design

Arco Design is a comprehensive React UI components library based on the Arco Design system. It includes a customizable theme and more than 60 crafted components that you can use out of the box.

Seekvectors.com

Seekvectors.com is a search tool to find free resources in five different formats, PNG, SVG, JPG, EPS, and AI.

Outline to Single Stroke

Outline to Single Stroke is a tool in the Figma community that works just like the name implies. Select a filled vector on the canvas, and then you can outline it to a single stroke and adjust the line weight if you like.

Codeamigo

Codeamigo is a new self-paced platform to help you learn coding skills. It’s packed with various lessons for different languages and templates and has something for every level from beginner to advanced.

Sizze

Sizze is a Figma to React Native export tool to create app prototypes and instantly export to code.

CodingFont

CodingFont is an excellent game that can help you pick a font to use for coding that you like! If you spend a lot of time looking at code each day, the right font can help reduce eye strain and make the work a little easier to see.

Christmas Revue

Christmas Revue is the first in a trio of holiday typefaces that you can use this season. This SCG color font is fun and perfect for the holidays with exciting glyphs. It is free for personal use only.

Hotsnow

Hotsnow is a fun display font that has interesting fills and shapes in an all-caps character set. It is free for personal use.

Marlwich

Marlwich is a feminine handwriting-style typeface that has the feel of signing a holiday letter or card. It contains upper- and lower-case characters and is only for non-commercial use for free. (A paid option is available for commercial projects.)

The post Exciting New Tools For Designers, December 2021 first appeared on Webdesigner Depot.

15 novembre 2021/par Service comm.

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.

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

Actualités, Méthodes et organisation des process IT

10 novembre 2021/par Service comm.

How to handle hypergrowth like Grammarly

Grammarly has a simple but ambitious goal: turn all of its users into great writers.

Their product has become synonymous with quality and working professionals the world over depend on the digital writing assistant to improve their grammar, catch spelling mistakes and write engaging content.

Source de l’article sur DZONE

6 novembre 2021/par Service comm.

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

Actualités, ERP & Applications, SAP

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.

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.

Source de l’article sur sap.com

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

4 novembre 2021/par Service comm.

5 Tips for Designing Great Website Navigation

Navigation is one of the most essential elements of a website.

It provides a high-level overview of what visitors will find there (which also happens to be good for SEO). It helps visitors orient themselves so they can get around the site quickly. Plus, it enables them to take quick action like visiting their cart or searching the site.

As a web designer, you have to make sure the website navigation is designed so that visitors can get the most from it.

Today, we’re going to look at five things to keep in mind when you’re designing website navigation. We’ll include examples from BeTheme so you can see what these best practices look like.

How to Design Great Website Navigation (With Examples)

It’s easy to take the website navigation for granted. So long as it appears at the top of the site, contains the links to your most important pages, and is uncluttered, that’s all you need to worry about as a designer. Right?

Not really.

Because navigation has such an important job to play, it has to be designed with care. Here’s what you need to know:

Tip #1: Make the Logo Prominent

The logo is essentially the digital face of a company. Not only does it represent them on their website, but it also represents them on other platforms — social media, online forums, email signatures, and so on.

Because of this, the logo plays a vital role in building brand recognition, trust, and loyalty.

To maximize the brand-building powers of the logo, it needs to be correctly placed, sized, and spaced in the header of the website. Here are some general rules to follow:

1. Link: Link the logo to the Home page.

2. Placement: Place it in the top-left corner whenever possible (according to research from NNG). If you want to place it in the center, make sure there’s a Home link in the top-left corner.

The BeBaker 3 pre-built site uses this alternative logo placement:

3. Size: Size it so that every detail is easy to see and read. The ideal sizes are 250px x 100px for rectangular logos and 160px x 160px for square ones, though it all depends on how much room you want to give your navigation links to breathe.

For instance, the BeDentist 4 logo is 166px x 60px:

Making the logo any bigger than that without increasing the font size of the header would create too much space around the navigation. So, it’s a bit of a game of balance. If you go with a bigger logo, make sure it doesn’t create so much space that your links drown in it.

Tip #2: Make the Header Sticky

Websites often have a lot to share with visitors. So as not to overwhelm them with content that reads like pages from a book or magazine, we design them in sections and with plentiful white space in between.

As such, web pages can grow quite long.

That’s not the problem, though. So long as the information shared is relevant, visitors will gladly comb through it. The issue is the effort required to scroll back to the top when they’re done — especially if they’re viewing the site on a smartphone.

The sticky header offers a solution to this problem. It doesn’t just stick to the top of the page, either. Watch how the title on the BePizza 5 one-page site transforms:

As the visitor scrolls down the page, the uniquely designed navigation bar shrinks up. Although it’s much smaller, it’s still usable.

As an alternative, you can use sticky left-aligned navigation as the Cottage 2 pre-built site does:

The logo is still in a good spot, the navigation links remain visible at all times, and it doesn’t take away too much space from the main content.

Tip #3: Highlight the Current Page the Visitor Is On

Even if you’re designing a smaller website, it’s always helpful to let visitors know what page they’re looking at.

The top of the page may provide clues as to where they are, but a visible marker in the navigation would offer a quicker reference point. And the more quickly they figure out where they are, the faster they can visit unexplored areas of the site.

There are several ways to highlight a visitor’s location in the navigation. It depends on what your branding and design style calls for.

With BeTheme, you have plenty of options. For instance, you can see here in the Be Ebook 3 navigation that the text color changes from black to blue for the current page:

Another way to add a subtle highlight to the navigation would be to place a colored line beneath the current page.

The Nursing Home pre-built site, on the other hand, uses a more prominent highlight style:

For a site targeted at older users, placing a block of color around the current page links makes a lot of sense as it’ll be impossible to miss.

Tip #4: Only Use Recognizable Icons

Iconography can be a useful element in web design. Usually, we pair it with text labels to visually communicate or explain what the particular point is about. However, we can also use icons as standalone elements in place of text labels.

Designers have to be careful when using standalone icons in the navigation, though. There are only a couple dozen icons that are universally recognizable — most of which have no place in the navigation.

The ones you can place up there can more or less be found in the BeDietShop pre-built site:

There are four navigation icons here:

User profile for account settings
Heart for likes or favorites
Shopping bag for the cart/bag page
Magnifying glass for search

There are some other icons you use in the navigation, but they tend to be on more specialized sites (like ecommerce and international).

Icons can provide a tremendous navigational shortcut. Just be careful which ones you use. If the majority, if not all, of your visitors, know what they are, it could make your navigation harder to use.

Tip #5: Organize Mega Menus, So They’re Easy to Peruse

Larger websites, in general, can take some time to organize. The website navigation needs to reflect this careful system of organization, too.

The mega menu has long been the navigation design used on websites with more than a dozen links and numerous levels of pages. And it’s effective, just so long as it’s well-organized.

To organize a mega menu, you can use design tactics similar to the ones you’d use to organize your web pages:

Bolded headers
Columns for related pages
Images to highlight important pages

You can see some of these tactics used in the Betheme Store mega menu:

The headers and columns make it easier for visitors to scan through the various categories and pages available.

If a mega menu feels too cumbersome for your site, that’s okay. Websites with thousands of pages might be difficult to keep organized, even with a mega menu structure.

As an alternative, you can design a more traditional single-level navigation and then turn the search page into a navigational tool through the use of filters and sorting as BeClothingstore does:

This type of website “navigation” can reduce the overwhelm or anxiety people feel when too many options are displayed at once.

Make Navigation Work for Your Visitors with BeTheme

Without website navigation, visitors would have a lot of work to find pathways to the other information and conversion points on your site. That said, putting a row of navigation links at the top (or on the side) of your site isn’t enough.

Take time to design your navigation so that it improves the discovery of your content and speeds up visitor movement around your site.

The easiest way to get great-looking and highly usable navigation up and running is to start with one of BeTheme’s pre-built sites. Not only are they built using the best practices mentioned above, but they’re also customizable, so you can mix-and-match styles and make them totally your own!

This is a sponsored post on behalf of BeTheme

The post 5 Tips for Designing Great Website Navigation first appeared on Webdesigner Depot.

2 novembre 2021/par Service comm.

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.

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

1 novembre 2021/par Service comm.

Qu’est-ce que l’analytique augmentée ?

Actualités, ERP & Applications, SAP

La définition la plus simple de l’analytique augmentée ? C’est une analytique qui est « améliorée » par des technologies d’intelligence artificielle (IA), notamment par le machine learning et le traitement du langage naturel (NLP).

Le machine learning automatise les processus analytiques complexes, comme la préparation des données et la génération d’informations. Le traitement par le langage naturel permet à tout utilisateur, même non formé, de poser des questions sur ses données et d’obtenir des réponses de manière simple sous forme de phrases.

Le terme « Augmented Analytics » a été inventé par Gartner en 2017 et est désormais largement considéré comme l’avenir de la business intelligence (BI) et de l’analyse de données – y compris l’analyse prédictive.

Pourquoi l’analytique augmentée est-elle importante ?

Exploiter les possibilités offertes par le Big Data

Les données représentent la plus grande opportunité de l’économie moderne. Grâce à elles, les entreprises peuvent savoir quoi produire et quand, à qui s’adresser, comment évoluer, et bien plus encore. Mais le volume de données est aujourd’hui trop important pour que les collaborateurs puissent les interpréter seuls – ou sans parti pris – et l’exigence de réponses immédiates est tout simplement impossible à satisfaire. Des technologies comme l’IA et l’apprentissage automatique sont nécessaires pour découvrir des informations significatives dans un océan de Big Data. C’est l’une des raisons pour lesquelles les analyses augmentées sont si importantes : elles combinent la datascience et l’intelligence artificielle pour aider les entreprises à analyser des ensembles de données massifs en temps réel.

Réduire la dépendance à l’égard des data scientists

Le processus d’analyse est une série d’étapes manuelles et chronophages, si compliquées qu’en général seuls les data scientists peuvent les réaliser. Ces analystes professionnels doivent :

Collecter des données à partir de sources multiples
Les préparer pour l’analyse
Effectuer l’analyse
Trouver des insights utiles
Visualiser les résultats
Partager les résultats d’une manière convaincante
Créer un plan d’action

Le problème, c’est qu’il y a une grande pénurie de data scientists dans le monde – et les embaucher coûte cher. Si l’analytique augmentée ne remplace pas ces professionnels, elle peut réduire votre dépendance à leur égard en automatisant des processus tels que la collecte, la préparation, le nettoyage et l’analyse des données.

En plus de libérer le temps des data scientists pour des tâches plus importantes, comme l’interprétation des résultats, l’analytique augmentée peut améliorer la valeur que ces analystes apportent à votre organisation. Les analyses optimisées par l’IA et l’apprentissage automatique les aident à établir des liens qu’ils auraient autrement manqués – et à trouver des informations pertinentes en moins de temps. Ces technologies peuvent également aider des collaborateurs qui occupent d’autres fonctions analytiques – des analystes commerciaux aux analystes métier – en améliorant leurs connaissances et en les aidant à faire le travail qui était auparavant réservé aux data scientists experts.

D’ici 2025, la rareté des data scientists ne sera plus un frein à l’adoption de la science des données et du machine learning dans les organisations.

Gartner, 2018

Démocratiser l’analytique pour les utilisateurs non formés

Une autre raison pour laquelle l’analytique augmentée est si importante est qu’elle permet aux « explorateurs de données » non formés d’entrer en jeu. En automatisant les processus analytiques complexes et en permettant aux utilisateurs d’interroger les données simplement en posant des questions, les collaborateurs qui n’ont pas de compétences en datascience peuvent quand même tirer parti des analyses avancées. L’apprentissage automatique peut guider ces explorateurs de données en leur proposant des questions/réponses pré remplies – et en leur suggérant où creuser davantage.

Avec l’analytique augmentée, les réponses aux requêtes se présentent sous la forme de visuels prêts à l’emploi, comme des diagrammes, des graphiques et des cartes, de sorte que les utilisateurs n’ont pas à les créer eux-mêmes. Ces visualisations peuvent être analysées à l’aide de commandes simples, rassemblées dans des récits de données et facilement partagées avec d’autres équipes et la direction.

L’évolution de l’analytique

L’Analytique et la Business Intelligence ont beaucoup évolué ces dernières années, passant d’outils sophistiqués destinés aux professionnels des données et de l’analyse à des outils optimisés par le machine learning que tout le monde peut utiliser.

1. Analytique traditionnelle

Impulsée par l’IT
Autonomie de l’utilisateur limitée
Des outils sophistiqués pour les professionnels des données et de l’analyse
Se focalise sur le reporting à grande échelle

2. Analytique en libre-service

Impulsée par les métiers
Plus d’autonomie pour les utilisateurs
Interface conviviale
Se focalise sur la découverte par les utilisateurs

3. Analytique augmentée

Impulsée par l’IA et le machine learning
Une véritable autonomie des utilisateurs
Outils d’IA et processus guidés
Se focalise sur des informations rapides, profondes et précédemment cachées.

Avantages de l’analytique augmentée

L’analytique augmentée offre de nombreux avantages similaires à ceux de la business intelligence, comme l’amélioration du reporting et de la prise de décision, mais elle offre également un niveau de rapidité et de précision impossible à atteindre sans intelligence artificielle et apprentissage automatique. Voici quelques avantages spécifiques à l’analytique augmentée :

Préparation plus rapide des données : Les analystes passent environ 80 % de leur temps à préparer les données pour l’analyse. Ils exportent de grands ensembles de données et les combinent, les nettoient et les structurent avant que l’analyse ne puisse commencer. L’apprentissage automatique de l’analytique augmentée automatise ce processus, libérant les analystes pour des activités plus utiles et réduisant les erreurs par la même occasion.
Analyse automatisée : Les modèles d’apprentissage automatique peuvent automatiser des analyses complexes qui, autrement, prendraient des semaines aux data scientists. Les réponses et les visualisations de données sont immédiatement générées et disponibles pour les utilisateurs, qui peuvent ainsi passer moins de temps à creuser dans les données et plus de temps à interpréter les informations, à raconter des histoires de données aux dirigeants et à provoquer le changement.

Libérer la valeur des données : l’analytique augmentée fait le travail pour vous

Click the button below to load the content from YouTube.

Libérer la valeur des données : l'analytique augmentée fait le travail pour vous

Découvrez comment l’analytique augmentée fournit automatiquement des réponses aux requêtes, afin que les utilisateurs passent moins de temps à explorer les données et plus de temps à agir.

Des insights profonds : Les machines peuvent examiner les données d’une manière qui serait impossible pour les humains. Elles peuvent examiner des ensembles de données beaucoup plus vastes sous plus d’angles et trouver des corrélations, des relations -via des modèles statistiques- invisibles à l’œil humain. Les machines peuvent comprendre les données rapidement et à grande échelle, renforcer l’intelligence humaine par des informations impartiales et indiquer aux utilisateurs où porter leur attention.
L’analyse conversationnelle : Le traitement du langage naturel – la même technologie d’IA conversationnelle qui équipe des assistants numériques comme Siri et Alexa – permet aux utilisateurs professionnels n’ayant aucune connaissance des langages de requête ou du code de poser des questions de manière conversationnelle. Et la génération de langage naturel (NLG) leur donne des réponses sous forme de phrases complètes, écrites ou orales, qui résument ou expliquent les résultats.
Contexte instantané : Les informations sans contexte n’ont aucun sens. En tenant compte de l’intention et des comportements des utilisateurs, les algorithmes d’apprentissage automatique peuvent fournir des informations contextuelles prêtes à être utilisées. En outre, en démocratisant l’analytique, les cadres et les employés expérimentés peuvent enrichir les informations grâce à leurs connaissances et à leur compréhension approfondie des business models et des opérations.

Libérer la valeur des données et de l’analytique : la valeur ajoutée de l’analytique augmentée

Click the button below to load the content from YouTube.