Articles

Over the years, experts have repeatedly discussed the possible impact of mixed realities on web design. Concepts like AR and VR are expected to have the potential to change the way that we interact with websites on a fundamental level.

Now that we’re in the year 2021, however, discussions about AR aren’t just observational anymore. The age of mixed-reality interfaces is here, in everything from Pokémon Go, to Snapchat filters.

The question is, how do web designers create incredible user experiences in a world where there are now multiple digital realities to consider?

The Benefits of Experimenting with AR

Before we look at some of the steps that web designers can take to enhance their projects with AR, it’s worth examining the benefits of interacting with augmented reality in the first place. 

While virtual reality replaces the typical world around us completely with digital components, AR augments it. This means that developers and designers need to learn how to thrive in an environment where the real world and the digital one work together. 

The most common AR application for website owners is to provide a solution for real-time and remote product visualization. Imagine being able to try on a pair of shoes before you buy them online. That’s a service that the Vyking brand can deliver by creating technology that “reinvents” the digital shopping experience. 

This test functionality plays a massive role in purchasing decisions. In a world where people can’t see a shade of make-up in person when they’re shopping online, or check how an item of furniture looks in their home, AR has a crucial role to play. 

In simple terms, AR helps shoppers to make more informed purchases. 

Here’s how you can use augmented reality to deliver incredible UX. 

1. Focus on Real-Time Feedback

Augmented reality is all about connecting the real world to the virtual world. 

Doing this provides users a unique experience – one that’s filled with real-time feedback that can deliver crucial and insightful information. For instance, an augmented reality system in a GPS app can calculate the average time before reaching a destination based on previous trips.

Another option is for an augmented reality to use solutions like face-mapping to help customers determine how a certain makeup product will look before they buy it. For instance, that’s the case for the Mary Kay Mirror Me app, which simplifies the process of shopping for make-up. 

When designing for AR, experts need to consider how they can provide customers with real-time information that they can use to make better purchasing decisions. 

2. Define input and output

Although you’ve probably performed similar exercises when designing for traditional websites and applications in the past, defining inputs and outputs of UX in AR environments can be tough.

Defining inputs and outputs allows you to determine which elements of an interface your user can actually interact with, in your interface. This gives you a better idea of what to “augment.” For instance, you might decide that physical gestures like a swipe of the hand will be essential for AR inputs. However, you’ll also need to consider how each mobile device offers different input possibilities. 

Outputs are a little simpler. For instance, you could offer a three-dimensional model of a product that your customers are interested in. Once you have that output, you can think about how the customer will interact with it by changing colors or position.

3. Embrace Customer-Friendly Performance

Another feature at the heart of AR applications is interactivity. 

Good designs in the augmented reality world need to be simple to access and use, otherwise customers will end up avoiding them. For instance, 60% of customers say they want to use AR when they’re shopping for furniture. However, they’re only going to use your app if it actually works. 

The Décor Matters website and app mix gamification with home decorating features that help customers get a better view of the home goods they’re planning on buying. The website even has inspiration pages available to help users find and try new design options with their AR technology. 

When designing for AR, think about how you can make your applications or technology as simple to use as possible, so customers actually want to interact with it. 

4. Address the Environment

In augmented and virtual reality applications, it’s important to remember that interfaces aren’t bound by physical screens. The viewport will move with the user, shifting perspectives in response. Most AR designers will use four different signifiers to describe AR environments:

  • Public environment: The entire body of the user is involved as a controller, like with the Xbox Kinect or Nintendo Wii;
  • Intimate environment: Where a user can be seated – often in a desktop environment;
  • Personal environment: AR on smartphones, mobile devices, and tablets, like Pokémon Go;
  • Private environments: Completely private spaces, such as with wearable technology like the Google Glass solution.

The environment that you’re designing for will be crucial for your project outcomes. Remember, spatial considerations need to be carefully considered when accounting for how users will interact with objects in a frame. 

5. Remember User Fatigue

Another thing to keep in mind when designing for AR technology is that user fatigue is likely to be a much more significant consideration. After all, people interact with websites and applications in a much more intimate and in-depth way when AR is involved. 

AR applications can often use the entire body of a customer as a controller. Because of this, designers need to be careful about exhausting interactions. High-effort and repetitive interactions could tire the user out mentally and physically, causing them to give up on the interaction. 

When designing, you’ll need to consider how you might over-stimulate the user with too many interaction-focused elements at once. Keep it simple.

6. Remember the Essential Principles of UX Design

Remember, just because you’re tapping into a relatively new technology doesn’t mean that you should abandon all the basic tenets of user experience design that you’ve come to understand over the years. Although UX is constantly evolving and changing, it’s always going to keep a few fundamental principles in mind. 

For instance, you’ll always strive to give users the best digital experience in exchange for the lowest amount of effort on their part. Additionally, you’ll need to think about how you can make end-users as comfortable as possible when they’re interacting with new types of technology on websites and apps. 

For instance, since AR is most commonly associated with gaming in the current environment, it might be a good idea to implement gamification concepts into your AR design. What can you do to make sure your customers are having fun?

For instance, Inkhunter is an app that allows users to try on tattoos just like using a filter on Snapchat. The experience feels familiar, comfortable, and exciting.

Unlocking the Potential of AR Web Design

Augmented Reality technology has come a long way over the years. Today, developers and designers can access simple plug-in tools like WordPress VR, allowing designers to upload 360-degree videos into WordPress sites and other unique web extensions. 

Augmented reality is becoming much more readily available on sites and apps of all shapes and sizes. Additionally, customers are accessing more ways to unlock AR’s power through everything from headsets to mobile interfaces. 

However, just like any new technology in the web design world, designers need to think carefully about how they will overcome the challenges in user experience that AR can present. For instance, though AR can offer more information for a customer and help them make purchasing decisions faster, there are also risks. For instance, add too many interactive features to a single website or application, and you could scare users off with too much information. 

In the short-term, web designers need to explore the new tools that are available to them and think about the customers they’re designing for. Only this way will we be able to make any considerable advances in the possibilities of AR. 

Are You Ready to Embrace AR?

Designing for augmented reality applications and websites can be an intimidating concept – even for seasoned designers. However, this is just another technology that creatives can use to drive better experiences for end-users. 

Learn how the latest technology works and get an insight into your customers’ needs, and you’ll be amazed at what you can accomplish in the AR world.

Source


Source de l’article sur Webdesignerdepot

2020 has been one of the most memorable years in our history. Few of us have been alive long enough to experience a more turbulent time. But throughout the year, we saw design respond to challenging events with positivity, color, and a desire to elevate those people and projects working to make the world better.

As we head into 2021, there’s no denying that 2020 has changed our outlook on life and marked a major turning point in web design trends.

Here’s a collection of the websites we loved the most this year. Enjoy!

Looks Like You Need Iceland

On Looks Like You Need Iceland, you are invited to record a scream, which will then be broadcast into the Icelandic wilderness. It’s meant as a form of therapy. The idea is that you will one day visit Iceland in person. That might still be some way off for most of us, but we could certainly use a good therapeutic scream.

Black Lives Matter

Across 2020 there were major protests around the world in support of Black Lives Matter. The movement’s website is a central hub for news, resources, and civil rights information in 38 countries.

2º Earth

2ºC Earth takes the user to 5 locations worldwide and shows what will happen there if global temperatures rise by 2ºc. Sound is used really well here to create an immersive experience, along with some beautiful photography.

Github

Along with some new features announced earlier this month, GitHub has a glossy new homepage. It has a clean feel, with some nice scrolling animation and sparing but effective use of illustration.

I Weigh Community

Political and social initiatives were big in 2020, and non-profit activism initiative I Weigh Community is the brainchild of actress Jameela Jamil. It’s devoted to radical inclusivity, communicated with bold, expressive graphics.

UNREAL

Back in January, we clicked around UNREAL’s site for hours, enjoying the sharp transitions. The Swiss agency produced a wonderfully chaotic love letter to web animation.

Delassus

Delassus grows fruit, from citrus to avocados. The Moroccan company employs a cornucopia of 3D design to make its site bold, fun, and practical.

Lynn Fisher

We loved everything about Lynn Fisher’s site back in May. The homepage illustration was awesome. It was a humorous approach to RWD that we really appreciated. The site has since changed, with tons more to explore.

Minervo

The Minervo site feels distinctly Latin, with the hot pinks and sun-blasted desaturation feeling suitably South American. We love the cropping on the custom typeface.

Babord

Norwegians have an almost mystical connection with the sea, which is evident in the site for Babord, a Norwegian seafood supplier. We loved the brand font too.

Calexo

Calexo makes THC-infused beverages, and back in April, we loved the color and positivity of the site. The animated hamburger menu was a hit too.

Moooi

Moooi’s site layers illustration with a maximal effect that makes you feel like you’re chasing a white rabbit. There are tons of great UI details here, especially the bar that reveals the product videos.

Blind Barber Anniversary

The Blind Barber celebrates 10 years of success with this microsite. A deconstructed grid and an entirely black and white design, but with color photos, create energy and a sense of joy.

Zand Harirchi Architects

Zand Harirchi is an architecture firm based in Tehran, Iran. Its site features subtle references to architecture, like the delightful thumbnails reminiscent of small windows.

WFN

The WFN (Women’s Funding Network) is an international alliance supporting women’s foundations and gender justice funders. The sophisticated color palette and clean type are both confident and feminine.

Nathan Taylor

We loved exploring Nathan Taylor’s playful site all the way back in January. The different lighting modes were a firm favorite.

Käthe Kollwitz Memorial

A tribute to the life and work of Käthe Kollwitz, an Expressionist printmaker. There’s a catalog of her work, presented alongside large type and splashy color transitions.

Emotive Feels

Emotive Feels is a design manifesto from the Emotive Brand agency that illustrates an A–Z of potential brand emotions with simple animations that we likened to a Blue Note release.

A. N Other

A.N Other’s site for perfume highlights quality ingredients, materials, simplicity, craftsmanship, and the environment; in the process, it cleverly invokes a sense of luxury.

Playtype

Danish type foundry Playtype’s site fits its name perfectly. The playful site with bright blocks of color and the occasional animation shows off some pretty nice typefaces.

Feijoo Montenegro

All-text sites are always a thrill, and back in June, we were treated to this simple one-pager by Feijoo. Details like the numerals being replaced by words are delightful.

Wavering Stripes

Although this site’s subject matter is harrowing, it is presented in a very beautiful, thoughtful manner.

The Oyster & Fish House

Sophisticated typography, the wave textures, the nostalgic feel of the photography, and even the cookie notice’s on-brand styling all show attention to detail, which gives this site its appeal.

Who Cares

Find and ‘photograph’ the endangered species to learn about them in this delightfully illustrated game.

Curbed

When Curbed came under the umbrella of New York magazine earlier this year, it got a makeover. Neon highlights and a distorted grid give an edge to the classic magazine layout.

Yolélé

The carousel of fonio (it’s a West African grain) products on Yolélé’s landing page is a good example of horizontal scrolling that works well. There are some great page transitions too.

Pantheone Audio

Pantheone Audio’s site employs elegant scrolling to enable seamless navigation of an extremely luxurious site, underpinned by a complex grid.

Aelfie

Bright color, an irregular grid, illustrations, and a display type that feels almost hand-drawn perfectly captures the aesthetic of this NY-based home furnishing brand.

Highcourt

This site for private membership leisure club Highcourt uses subtle background color changes and simple line illustrations to create a sense of calm. Black and white are softened to dark blue and ivory, and gentle animation adds interest.

Kate Jackling

Kate Jackling’s site takes a step back and allows the content to bask in the glow of attention, placing her photography at center stage.

Treaty

While there is less hustle and bustle outside than we were used to pre-pandemic, we could certainly all use some calm. Treaty’s site for CBD oils reflects that calm with a combination of video, whitespace, and botanical drawings.

Ukrainian Railroad Ladies

Ukrainian Railroad Ladies is a book of photographs of women, and some men, who work on the Ukrainian railways. The site is basic, even brutalist, but it has charm, and the photographer’s fascination with his subject comes through.

Year & Day

Year & Day is an ecommerce site that sells tableware, from glassware to ceramics. The colorful collection is designed to complement different types of food, and the site’s color scheme reflects that perfectly.

Juan Mora

Juan Mora’s ‘under construction’ holding page has probably been crafted with more care than many full-blown sites. This showcase cleverly manages to demonstrate its subject’s skills without showing a single piece of work.

Lucciano’s

Lucciano’s homepage hero video alone will have your mouth watering for some of their gelato. Much of the appeal of food is visual, and the photography here does not disappoint. Circular text boxes in ice cream colors complement the product shots nicely.

Bored Solutions

Back in April, we were already a little weary of lockdown — if only we’d known how long it would last! The amazing color blobbing of bored.solutions was the ideal distraction.

Grand Matter

Grand Matter is an artist agency representing illustrators. There is a wealth of talent on show here and a broad enough range of styles to keep the web interesting for a good while.

Dunderville

This site for Dunderville motion design studio features a paper fold detail, which adds tactility to the virtual. Some superb type and vector animations showcase an impressive portfolio.

Album Colors of the Year

Album Colors has taken the covers from 150 albums released this year and arranged them by dominant color. The hex code for each color is provided if you want to copy it.

Mammut Expedition Baikal

Mammut uses stunning photography and a strong narrative to present its Eiger Extreme outdoor clothing. Longing for the great outdoors will either be alleviated or exacerbated by this one.

808303

808303.studio is a virtual Roland TR-808 drum machine and TB 303 bass synthesizer. You can program, record, and share your very own 80s techno masterpiece.

Bliss

Humor can be hard to get right, especially when you want to be taken seriously at the same time. Here, it works, and the result is a memorable site, oozing with confidence.

Jazz Keys

Type your message into Jazz Keys, and you’ll hear it in sound. You can send the message to anyone and let them hear your words — the web lives for side-projects like this.

Érika Moreira

The fabulous, simple site for Sao Paulo-based Érika Moreira has some awesome big type and creative case studies. It’s an excellent example of a non-visual portfolio.

G.F Smith

Earlier this year, the site for leading paper supplier G.F Smith got a redesign. It is a simpler design than the previous site and keeps the visual focus on the products and the colors.

Abbotsford Convent

Abbotsford Convent is a creative arts venue in Melbourne, Australia, based in a former convent. The UI for its site blends architectural forms to acknowledge the building’s heritage.

Waka Waka

Waka Waka designs and builds wooden furniture. The mid-century typography and the noise textures transport the site to the last century’s radical graphic design. There’s some clever disruption to the typical thumbnail approach.

Cone

Sites advertising apps always seem to want to box the design into a hastily de-branded mock-up. Cone takes a daringly refreshing approach by depicting a more expansive mobile experience.

Ride Out

Amsterdam’s Ride Out bike store teases the content with an intriguingly masked video. Plus, we love the wheel-inspired spinning links.

Puddle Sound

This site is a model of minimalism. Beautiful photographs and very little text, there is nothing to distract from the product on display.

Source


Source de l’article sur Webdesignerdepot

User experience is one of the most important aspects of web design, but many experts overlook that UX doesn’t just apply to web pages. User experience as a concept encompasses all aspects of end-user interaction with a company.

That means you need to discover the right UX strategies for everything from your homepage to your email marketing and even your listings on Google.

Today, we’re going to explore some of how you can apply UX principles to your client’s image on search engines.

Why Your Search Engine Listing Matters

Let’s start with the basics: 89% of customers start their purchasing process with a search engine. That means that whether you’re creating a portfolio to sell your services or building a website for a client, the first connection a customer has with your design isn’t on the homepage.

Most of the time, you’re driving a specific experience for an end-user before you even realize it. Before you can wow an audience with a beautiful site design or an amazing CTA offer, you need to convince them to click on your Google link.

When you invest in user experience, you think carefully about the journey that an end-user goes through when interacting with a brand. This often means considering things like the user’s intent, their needs, and their pain points.

Those same principles apply to create an impressive search engine listing.

UX on a website is all about giving your audience what they need in an informed, and strategic manner; UX in the search engine results works the same way.

How to Make Your Search Listing Stand Out with UX

So, how do you begin to apply the principles of UX to your Google Search results?

It’s much easier than you’d think.

Step 1: Show Immediate Value

Delivering an excellent experience on a website often means providing end-users with the information they need as quickly as possible. Imagine designing a landing page; you wouldn’t want your audience to scroll forever to find what they need. Instead, you’d make sure that the value of the page was immediately obvious.

When creating an image for your search engine listing, you’ll need to take the same approach. This often means thinking carefully about two things: your headline and your meta description.

Around 8 out of 10 users say that they’ll click a title if it’s compelling. That means that before you do anything else to improve your SEO strategy, you need to make sure that your web page’s title is going to grab your audience’s attention.

The best titles deliver instant value. These titles tell the audience exactly what they’re going to get when they click onto the page. The promise drives action, while clarity highlights the informed nature of the brand.

The great thing about using an excellent title for a page is that it doesn’t matter where you’re ranked on the search results. Whether you’re number 2 or number 5, your customers will click if they find something they want.

It’s just like using a CTA on a landing page. Make sure your titles are:

  • Informative — show your audience value immediately;
  • Optimized for mobile — remember, your audience might not see your full title on some screens; this means that you need to make the initial words count;
  • Easy to read — keep it short, simple, and clear, speak the end-users’ language.

Step 2: Build Trust with Your URLs

Trust factors are another essential part of good UX.

When you’re designing a website for a new brand, you know that it’s your job to make visitors feel at ease. Even in today’s digital world, many customers won’t feel comfortable giving their money or details to a new company.

Within the website that you design, you can implement trust symbols, reviews, and testimonials to enhance brand credibility. On search engines, it all starts with your URL.

Search-friendly URLs that highlight the nature of the page will put your audience’s mind at ease. When they click on a page about “What is SEO” in the SERPs, they want to see an URL that matches, not a bunch of numbers and symbols

Use search-friendly permalink structures to make your listing seem more authoritative. This will increase the chances of your customer clicking through to a page and make them more likely to share the link with friends.

Once you decide on a link structure, make sure that it stays consistent throughout the entire site. If a link doesn’t appear to match the rest of the URLs that your audience sees for your website, they may think they’re on the wrong page. That increases your bounce rate.

Step 3: Be Informative with Your Meta Description

To deliver excellent UX on a website, you ensure that your visitor can find all of the answers to their most pressing questions as quickly as possible. This includes providing the right information on each page and using the correct navigational structure to support a visitor’s journey.

In the SERPs, you can deliver that same informative experience with a meta description. Although meta descriptions often get ignored, they can provide a lot of value and help you or your client make the right first impression.

To master your meta descriptions:

  • Use the full 160 characters — make the most of your meta description by providing as much useful information as you can within that small space;
  • Include a CTA — just as CTAs help to guide customers through the pages on a website, they can assist with pulling in clicks on the SERPS; a call to action like “read about the” or “click here” makes sense when you’re boosting your search image;
  • Focus on value — concentrate on providing your customers with an insight into what’s in it for them if they click on your listing.

Don’t forget that adding keywords to your meta description is often helpful too. Keywords will boost your chances of a higher ranking, but they’ll also show your audience that they’re looking at the right result.

Step 4: Draw the Eye with Rich Snippets

You’ve probably noticed that the search engine result pages have changed quite a bit in the last couple of years. As Google strives to make results more relevant and informative, we’ve seen the rise of things like rich snippets. Rich snippets are excellent for telling your audience where to look.

On a website, you would use design elements, like contrasting colors and animation, to pull your audience’s attention to a specific space. On search engines, rich snippets can drive the same outcomes. The difference is that instead of telling a visitor what to do next on a page, you’re telling them to click on your site, not a competitor’s.

When Google introduced rich snippets, it wanted to provide administrators with a way of showcasing their best content. Rich snippets are most commonly used today on product pages and contact pages because they can show off reviews.

Install a rich snippet plugin into your site if you’re a WordPress user or your client is. When you enter the content that you need into the website, use the drop-down menu in your Rich snippet tool to configure the snippet.

Ideally, you’ll want to aim for the full, rich snippet if you want to stand out at the top of the search results. Most featured snippets have both text and an image. It would help if you aimed to access both of these by writing great content and combining it with a relevant image.

Step 5: Provide Diversity (Take Up More of the Results)

As a website designer or developer, you’ll know that different people on a website will often be drawn to different things. Some of your visitors might immediately see a set of bullet-points and use them to search for the answer to their question. Other visitors will want pictures or videos to guide them. So, how do you deliver that kind of diversity in the SERPS?

The easiest option is to aim to take up more of the search result pages. Google now delivers a bunch of different ways for customers to get the answers they crave. When you search for “How to use Google my Business” on Google, you’ll see links to blogs, as well as a list of YouTube Videos and the “People Also Ask” section.

Making sure that you or a client has different content ranking pieces for the same keywords can significantly improve the experience any customer has on the search engines. Often, the process of spreading your image out across the SERPs is as simple as creating some different kinds of content.

To access the video’s benefits, ask your client to create YouTube videos for some of their most commonly asked questions or most covered topics. If you’re helping with SEO marketing for your client, then make sure they have an FAQ page or a way of answering questions quickly and concisely on articles, so they’re more likely to appear in “People Also Ask”:

Step 6: Add Authority with Google My Business

Speaking of Google My Business, that’s another excellent tool that’s perfect for improving UX in the search results. GMB is a free tool provided by Google. It allows business owners to manage how information appears in the search results.

With this service, you can manage a company’s position on Google maps, the Knowledge Graph, and online reviews. Establishing a company’s location is one of the most important things you can do to help audiences quickly find a business. Remember, half of the customers that do a local search on a smartphone end up visiting the store within the same day.

Start by setting up the Google Business listing for yourself or your client. All you need to do is hit the “Start Now” button and fill out every relevant field offered by Google. The more information you can add to Google My Business, the more your listing will stand out. Make sure you:

  • Choose a category for a business, like “Grocery store”;
  • Load up high-quality and high-resolution images;
  • Ensure your information matches on every platform;
  • Use a local number for contact;
  • Encourage reviews to give your listing a five-star rating.

Taking advantage of a Google My Business listing will ensure that your audience has all the information they need to make an informed decision about your company before they click through to the site. This means that you or your client get more warm leads and fewer people stumbling onto your website that might not want to buy from you.

Step 7: Use Structured Data Markup to Answer Questions

If you’re already using things like rich snippets in your Google listings, you should also have a structured schema markup plan. Schema markup on Google tells the search engines what your data means. This means that you can add extra information to your listings that will guide your customers more accurately to the support they need.

Providing additional schema markup information to your listings gives them an extra finishing touch to ensure that they stand out from the competition. You might add something like a “product price” to a product page or information about the product’s availability.

Alternatively, you could provide the people who see a search result with other options. This could be an excellent option if you’re concerned that some of the people who might come across your listing might need slightly different information. For instance, you can ask Google to list other pages along with your search results that customers can “jump to” if they need additional insights.

Baking structured data into your design process when you’re working on a website does several positive things. It makes the search engine’s job easier so that you can ensure that you or your client ranks higher. Additionally, it means that your web listings will be more thorough and useful.

Since UX is all about giving your audience the best possible experience with a brand, that starts with making sure they get the information they need in the search results.

Constantly Improve and Experiment

Remember, as you begin to embed UX elements into your search engine listings, it’s important to be aware of relevant evolutions. Ultimately, the needs of any audience can change very rapidly. Paying attention to your customers and what kind of links they click on the most will provide you with lots of valuable data. You can use things like Google analytics to A/B test things like titles, pictures, featured snippets, and other things that may affect UX.

At the same time, it’s worth noting that the Google search algorithms are always changing. Running split tests on different pages will give you an insight into what your customers want. However, you’ll need to keep an eye on the latest documentation about Google Search if you want to avoid falling behind the competition.

Like most exceptional UX aspects, mastering your SERP position isn’t a set it and forget it strategy. You’ll need to constantly expand your knowledge if you want to show clients that you can combine UX and SEO effectively.

It’s easy to forget that there’s more to UX than making your buttons clickable on mobile devices or ensuring that scrolling feels smooth. For a designer or developer to deliver wonderful UX for a brand, they need to consider every interaction that a company and customer have. Most of the time, this means starting with the way a website appears when it’s listed on the search engines. Getting your SEO listing right doesn’t just boost your chances of a good ranking. This strategy also improves your reputation with your audience and delivers more meaningful moments in the buyer journey.

 

Featured image via Unsplash.

Source


Source de l’article sur Webdesignerdepot

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

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

The Best Design Tool of 2020 is not What You Expect

 

14 Top Design Trends to Watch Out for in 2021

 

UI Trends for 2077

 

Firefox was Always Enough

 

Wavelry – Create & Customise Wavey Svg and Png Backgrounds

 

Design Documentation

 

The Best 25 Black and White Web Design Inspiration

 

2020 Design Tools Survey

 

Web Design in 2021 – What to Expect

 

How to Accelerate your Online Presence Using SEO

 

Email Signature Design Guide, Best Practices, and Examples

 

Lavender – Write More Confident, Effective, and Thoughtful Emails

 

Buy Don’t Build

 

Glorify 2.0: Create High-Quality Product Images at Low Cost

 

5 WooCommerce Design Mistakes to Avoid

 

15 Best Free Christmas Fonts to Design Gift Cards

 

How to Create a Full Width Page in WordPress (Beginner’s Guide)

 

For the Fans: How to Make and Sell your own Merch

 

How to Build a Strong Design Team Structure

 

A Designer’s Guide to Receiving Criticism and Managing Feedback

 

It’s Always Year Zero

 

How to Design Better Pinterest Graphics and Attract Clicks

 

Dropover – Easier Drag & Drop on your Mac

 

7 Fantastic Youtube Videos on Web Typography

 

Colour Contrast Checker – Check the Contrast Between Different Colour Against WCAG

 

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

Source


Source de l’article sur Webdesignerdepot

WALLDORF, Allemagne – 18 décembre 2020 – SAP SE (NYSE : SAP) a dévoilé la solution SAP® SuccessFactors® Time Tracking. Cette nouvelle solution cloud offre aux entreprises des outils simples et innovants pour enregistrer, approuver et contrôler le temps de travail de leurs collaborateurs. Dotée d’une interface utilisateur intuitive, la solution SAP SuccessFactors Time Tracking améliore l’expérience des collaborateurs et permet de s’assurer que les salariés sont payées avec précision, dans les délais et conformément aux réglementations locales.

Grâce à des fonctionnalités avancées de gestion du temps et des présences, SAP SuccessFactors Time Tracking offre une vue en temps réel de la saisie des temps du personnel, ce qui permet une plus grande transparence des rémunérations et un meilleur contrôle des horaires et des heures supplémentaires. Les dirigeants peuvent suivre et minimiser les coûts de main-d’œuvre grâce à des informations et des tableaux de bord intégrés, ce qui contribue à améliorer la productivité de l’ensemble du personnel. La solution s’intègre aux solutions SAP SuccessFactors Employee Central, SAP SuccessFactors Employee Central Payroll ainsi qu’aux solutions de paie SAP classiques. La solution s’intègre également avec les badgeuses du marché. Les entreprises peuvent ainsi partager des données pertinentes entre plusieurs systèmes afin de garantir l’exactitude des paiements. En outre, la solution SAP SuccessFactors Time Tracking est une solution internationale conçue pour prendre en charge les spécificités locales notamment les fuseaux horaires, les langues, les calendriers de vacances, les règlementaires de paie spécifiques à chaque pays.

« La solution SAP SuccessFactors Time Tracking offre aux employés la personnalisation et la simplicité qu’ils sont en droit d’attendre d’une expérience de site internet grand public », a déclaré Amy Wilson, vice-présidente senior, HXM Product & Design, SAP SuccessFactors. « En même temps, elle apporte l’innovation dont nos clients ont besoin pour gérer des effectifs diversifiés et mondiaux et leur offre une plus grande flexibilité dans leur démarche vers le cloud ». 

Les principaux avantages et caractéristiques prévus pour la solution SAP SuccessFactors sont les suivants :

  • Une plus grande flexibilité pour les employés : Pour aider les employés à gérer leur équilibre entre vie professionnelle et vie privée, les salariés éligibles peuvent choisir soit d’être payés pour leurs heures supplémentaires, soit de les utiliser pour prendre des congés supplémentaires. La gestion des horaires flexibles permet aux employés de déterminer le rythme de travail qui leur conviennent le mieux dans le respect des règles imposées par l’employeur.
  • Gestion simplifiée des horaires de travail : Le suivi intelligent des horaires permet aux collaborateurs de pointer à l’entrée et à la sortie et de suivre leur temps de travail au cours de la journée. Il permet aux RH de définir des alertes automatiques pour rappeler aux employés et aux responsables de remplir les feuilles de présence et les pointages de sortie. Les alertes de temps fournissent des avertissements et des messages d’erreur qui permettent aux administrateurs d’examiner et de corriger les problèmes de gestion et de pointage, tels que les heures supplémentaires excessives. En outre, la fonction de suivi de la valorisation des temps fournit des informations détaillées sur chaque étape de valorisation pour un employé, en montrant comment les saisies de temps spécifiques sont calculées. Cela permet aux RH de répondre rapidement et facilement aux questions des collaborateurs concernant leur rémunération.
  • Amélioration de la transparence des processus de rémunération : Grâce à des flux d’approbation intelligents, les RH peuvent définir des règles pour automatiser l’approbation des feuilles de temps par lots. Grâce à l’approbation d’un seul enregistrement, les gestionnaires peuvent pré-approuver des demandes spécifiques, telles que le temps de déplacement associé au temps de travail effectif.
  • Une visibilité accrue sur l’ensemble des effectifs : Les responsables disposent d’une parfaite visibilité sur les coûts salariaux, y compris les feuilles de temps planifiées et enregistrées, sur les heures de travail et les coûts associés. Cela permet de connaître les coûts de main-d’œuvre, le suivi des congés et de la productivité, et ainsi de prendre de meilleures décisions.

« La nouvelle solution SAP SuccessFactors Time Tracking est un ajout important à la suite SAP SuccessFactors Human Experience Management« , a déclaré Steve Goldberg, vice-président et directeur de recherche de Ventana Research Inc. « L’automatisation et l’activation de ces processus peuvent être ardues, voire complexes, et les limites des solutions existantes sur le terrain n’ont pas aidé. Cette solution de gestion du temps basée sur le cloud offre un large éventail de fonctionnalités essentielles et innovantes, associées au type d’interface utilisateur moderne que les clients attendent des solutions SAP SuccessFactors ».

La disponibilité de la solution SAP SuccessFactors Time Tracking est prévue pour janvier 2021. Pour en savoir plus sur la solution, consultez le site sap.com/time-tracking.

Visitez le SAP News Center. Suivez SAP sur Twitter @SAPNews.

The post SAP SuccessFactors Time Tracking : une nouvelle solution cloud pour simplifier les processus RH et améliorer l’expérience des salariés appeared first on SAP France News.

Source de l’article sur sap.com

De la conception à l’utilisation, le numérique permet de suivre l’ensemble du cycle de vie d’un produit. Mais aussi de transformer la relation entre le fournisseur et ses clients, en proposant des innovations comme le Product as a Service.

Le jumeau numérique est une réplique numérique d’un objet, processus ou système. Alimenté en temps réel par des données venant de son jumeau physique, le jumeau numérique permet de disposer d’informations clés sur le dispositif ou service simulé. L’apport de techniques de Machine Learning ouvre même les portes du prédictif.

De la simulation classique au jumeau numérique

L’utilisation de la simulation numérique et de modèles 3D n’est pas nouvelle, mais cet usage était auparavant limité aux bureaux d’études.

« Le jumeau numérique existe dans l’ingénierie depuis une bonne vingtaine d’années », confirme Denis Goudstikker, en charge du Business Development du PLM et du SLM chez Siemens Digital Industries Software. « Dans l’industrie automobile, la simulation numérique a permis de raccourcir le temps de mise sur le marché d’un nouveau véhicule. Il y a trente ans, on jetait 100 véhicules contre un mur pour pouvoir assurer un certain niveau de sécurité. Il y a vingt ans, on n’en jetait plus que 5, après en avoir jeté 5000 dans un autre mur… virtuel. » Une avancée qui s’est traduite par un meilleur niveau de sécurité et une accélération du processus de conception des voitures.

Avec le jumeau numérique, les barrières sont éliminées entre l’ingénierie, la production et la maintenance. Et même au-delà, puisque cette continuité numérique peut se prolonger hors des murs de l’entreprise.

« Le constructeur nous fournit des définitions numériques de son produit », témoigne Eric Miralles, CIO de SNOP, équipementier automobile de premier plan. « À partir de cette définition, nous fabriquons les outils qui vont nous permettre d’emboutir les tôles suivant ce cahier des charges. Il faut pour cela que la chaîne allant de la conception à la production soit numérisée. La modélisation numérique de l’ensemble de la chaîne permet d’avoir une maîtrise globale des processus. »

Le jumeau numérique offre également des opportunités après la phase de fabrication.

« Si le jumeau numérique est né dans le milieu industriel, la capacité de connecter de façon massive des objets distribués aux clients, au travers de l’IoT, permet de développer de nouveaux services, mais aussi de redéfinir la relation entre client et fournisseur », analyse Luca Ammassari, Group Deputy Chief Information Officer in charge of Applications chez Engie.

Quels usages clés pour les jumeaux numériques ?

De la conception d’un produit à son utilisation, en passant par la production, le jumeau numérique permet de suivre l’ensemble du cycle de vie d’un produit. Mais également de réduire le time to market de nouvelles offres, la simulation numérique permettant d’accélérer la conception, le test et l’industrialisation des produits.

« Le jumeau numérique permet de répondre à des enjeux économiques et de recherche d’efficacité dans la production, analyse Eric Miralles. Sa mise en place nécessite toutefois une transformation numérique, mais aussi une transformation des organisations et des hommes. Il faut savoir saisir cette nouvelle opportunité par étapes et accompagner les équipes dans ce changement. »

« Le jumeau numérique est également important pour identifier et comprendre le comportement du matériel, poursuit Denis Goudstikker. Et ainsi optimiser son design et sa maintenance. Analyser le comportement acoustique d’une turbine permet par exemple de détecter tout changement dans son fonctionnement. Des modèles prédictifs vont alors déterminer si et quand elle tombera en panne. »

Les usages dans le secteur de la maintenance commencent à devenir communs, « mais il y a une chose à laquelle on s’attendait moins : le packaging d’objets et de services, explique Luca Ammassari. Le constructeur d’une turbine va proposer avec son équipement des services prédictifs basés sur l’utilisation d’un jumeau numérique. Il va s’appuyer sur les informations issues de turbines installées dans le monde entier qui seront comparées en temps réel au comportement de votre turbine, pour vous donner des probabilités de défaillance ou de perte de performance. »

Oser le passage au jumeau numérique

Construire le jumeau numérique de l’ensemble d’une ligne de production n’est pas toujours possible. Certains équipements anciens, amortis sur des dizaines d’années, ne sont en effet pas équipés de capteurs et ne peuvent parfois pas l’être.

La bonne pratique consiste à avancer par étapes, sur des projets ciblés, au fort ROI. « Il faut mener ses projets selon une approche agile, par petits pas et construire ainsi progressivement de la compétence en interne, explique Luca Ammassari. Certains projets auront des résultats décevants, mais cela ne doit pas remettre en cause la démarche. »

Difficile de savoir de quoi demain sera fait en matière d’innovation, constate Luca Ammassari, « c’est pourquoi notre objectif est d’accompagner les entreprises en leur fournissant des fondations capables d’intégrer ces innovations. Notre but n’est pas de proposer des offres clé en mains, mais une plate-forme permettant de sortir de la supply chain classique pour créer un nouvel écosystème. »

Une logique de partenaires qui est essentielle pour Eric Miralles. « C’est cet assemblage de partenaires qui nous permettra de digitaliser l’ensemble de notre supply chain », confirme-t-il. Et de conclure : « La crise que nous traversons aujourd’hui est un accélérateur et il y a beaucoup d’opportunités, très positives, qui nous permettent d’accéder à ces innovations. »

The post Le jumeau numérique, facteur d’optimisation du cycle de vie des produits appeared first on SAP France News.

Source de l’article sur sap.com

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

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

Web Typography Rules: What You Need to Know

 

How Microsoft Crushed Slack

 

Graphic Design Trends for Social Media in 2021

 

UX Christmas

 

Traxr – Monitor Links with 100% Accuracy

 

Hexometer 2.0: Monitor Website Issues and Performance Actively

 

Designing Data Science Tools at Spotify

 

Cow Pilot – The Deadline Driven To-Do List

 

Roy – A Simple & Delightful Color Picker for Designers

 

5 New SEO Tools for Marketers

 

21 Unique Web Design Trends for 2021

 

Newsletter Spy – A Database of 20,000+ Substack Newsletters

 

Visme 2.0 – All-in-one Design Platform

 

2020 Year in Review

 

How to Build a Web App: Key Steps for Starters

 

How to Create a Style Guide to Enhance your Brand’s UX

 

WordPress 5.6: New Features, Changes, and What Else to Expect

 

The Dos and Don’ts of Creating your Product Roadmap

 

Pantone Reveals Two Choices for its Colour of the Year 2021

 

Headlime 2.0 – Professional Marketing Copy for Anyone

 

Design for Sales: 10 Creative UI Designs for Ecommerce

 

How to Build a Strong Mobile App Brand

 

10 New Rules of Design

 

Remake 2.0: Make Web Apps with Just HTML and CSS

 

A Step-by-step Guide to Designing a New Feature for a Popular Product

 

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

Source


Source de l’article sur Webdesignerdepot

Developers who tried to build at least one product for an end-user know how many things are essential in a product: thoughtful UX, friendly UI, good performance and stability, security and data consistency, logging and maintenance, etc.
Multiply this to the number of platforms that you have to support. Add marketings and licensing, client support and bug reports, new feature requests, and competitive product pressure.

It’s hard to track everything in one head, and it is even harder to be perfect at every job. That’s why we work in teams. That’s why we use project management processes.

Source de l’article sur DZONE

SAP, société du logiciel la plus durable et partenaire des organisations pour atteindre leurs objectifs climatiques, dévoile les résultats du Baromètre* du développement durable SAP/Odoxa. Un nouvel indicateur visant à mesurer l’intérêt des Français pour l’environnement et l’avenir de la planète. Cinq ans après l’adoption des accords de Paris pour le climat, les résultats révèlent que l’action environnementale est au cœur des préoccupations des Français, qu’elle agit sur leurs comportements de consommation mais aussi sur leurs perceptions des entreprises. Le Baromètre SAP/Odoxa décode l’état d’esprit des Français vis-à-vis des progrès réalisés en matière d’environnement par les gouvernements, les entreprises ou encore par eux-mêmes dans leurs quotidiens.

L’action environnementale est au centre des préoccupations des Français depuis la COP21.

Cinq ans après la COP21, l’action environnementale apparaît plus centrale pour les Français. En effet, 60% des Français ont le sentiment que l’action environnementale n’est pas incompatible avec la croissance et l’emploi. Ils ont cependant le sentiment, depuis 2015, que l’action menée contre le réchauffement climatique par la communauté internationale est un échec (78%) et attendent beaucoup de l’engagement de Joe Biden sur ce sujet. En effet, 77% d’entre eux pensent que le retour des Etats-Unis dans l’accord de Paris permettra à la communauté internationale de lutter plus efficacement contre le réchauffement climatique.

Les Français sont de plus en plus vigilants sur leur mode de consommation pour limiter leur impact environnemental au quotidien.

Les Français sont préoccupés par l’avenir de la planète puisque 9 répondants sur 10 (87%) se disent concernés par l’avenir de la planète. Cependant, 66% d’entre eux sont pessimistes sur le sujet et l’inquiétude domine. Dans la pratique, les Français sont assez vigilants au quotidien pour limiter l’impact de leur mode de vie puisqu’ils sont 86% à limiter leur impact environnemental ou sociétal de leur mode de vie au quotidien mais seuls 21% le font systématiquement.

Bien ancré dans les mentalités, 8 Français sur 10 (82%) pratiquent le tri sélectif systématique. Ils confirment leur intérêt pour la question des déchets, puisque 51% des répondants disent acheter des produits sans emballage ou avec moins d’emballages, et 35% disent vouloir adopter ce comportement. Le deuxième éco-comportement familier des Français est la consommation de produits de saison, adopté par 77% des répondants. Par ailleurs, 51% des répondants disent déjà privilégier les petits distributeurs et les circuits courts, et 35% disent avoir l’intention de le faire. Les investissements énergétiques restent quant à eux en retrait puisque 65% des Français ne semblent pas prêts à installer des panneaux solaires ou une éolienne chez eux, et 61% ne souhaitent pas remplacer leur voiture à essence par une voiture électrique.

Le baromètre révèle également que les Français sont très critiques à l’égard de leurs concitoyens : seuls 47% estiment que les habitants de leur région ont cette préoccupation, les habitants de PACA se montrant les plus critiques sur ce point (35%). Pour agir en faveur de la protection de la planète, si les Français ont fortement confiance dans les associations (77%), leurs communes (67%) et leurs régions (67%), ils sont plus réservés envers les citoyens (56%)et les entreprises (53%) et ont très peu confiance dans l’Etat (40%) et le Gouvernement (37%).

Les Français plébiscitent davantage les entreprises engagées en faveur du développement durable et cela se reflète sur leurs achats.

Les Français sont de plus en plus sensibles à l’engagement des entreprises pour le développement durable. Ainsi, 6 salariés sur 10 considèrent que leur entreprise investit pour protéger la planète et 8 Français sur 10 peuvent être séduits par les entreprises engagées en faveur du développement durable, cet engagement leur donnant envie d’acheter leurs produits (83%) ou d’y travailler (80%).

Les Français sont également de plus en plus attentifs aux actions des entreprises sur l’environnement lors de leurs achats. 72% des répondants privilégient les entreprises engagées en matière de réduction des emballages et 58% celles qui veillent à limiter les déplacements pour les livraisons d’achats en ligne. 62% des salariés estiment que leur entreprise veille à limiter l’impact environnemental ou sociétal de son activité, un sentiment encore plus présent dans les secteurs les plus exposés que sont les transports (70%) et l’industrie (62%). L’énergie (45%), l’agroalimentaire (37%) et les transports (23%) sont les secteurs d’activité considérés comme les plus engagés en faveur du développement durable. Quelle que soit leur taille et leur statut, les Français souhaitent voir l’ensemble des organisations (collectivités, administrations publiques) et des entreprises (PME, grands groupes, startups…) se mobiliser en faveur du développement durable.

SAP est un acteur exemplaire de la transition écologique et moteur de la transformation des organisations pour lutter contre le changement climatique.

SAP entend montrer l’exemple en se fixant pour objectif d’atteindre la neutralité climatique d’ici 2025 et s’engage à atteindre des objectifs de réduction des émissions de 1,5 °C fondés sur des données scientifiques en adéquation avec l’objectif à long terme de neutralité carbone. 100% d’énergies renouvelables alimentent le cloud de SAP et 94 % des employés de l’entreprise sont engagés en faveur du développement durable. L’entreprise est également signataire du Pacte mondial de l’ONU et membre d’associations partageant des valeurs communes, dont le CDP, la Value Balancing Alliance et la Fondation Ellen MacArthur. Par ailleurs, SAP est le premier éditeur de logiciels figurant en tête des indices Durabilité Dow Jones (DJSI).

SAP accompagne les organisations à atteindre leurs objectifs climatiques notamment via le programme Climate 21 et l’application SAP Product Carbon Footprint Analytics qui permet à aux entreprises utilisatrices d’analyser leurs émissions de gaz à effet de serre afin de réduire leur empreinte carbone et de contribuer au 13ème objectif des Nations Unies pour le développement durable : la lutte contre le changement climatique.

Retrouvez l’intégralité de l’étude :

.

*Baromètre réalisé par Odoxa sur un échantillon de 3 003 personnes représentatif de la population française âgée de 18 ans et plus entre le 13 et le 19 novembre 2020.

The post 5 ans après la COP21 : 87% des Français se disent concernés par l’avenir de la planète appeared first on SAP France News.

Source de l’article sur sap.com