Articles

Diageo, Maersk, Versuni et Fitcoin choisissent les innovations clés en main de SAP pour révolutionner leur business model et accélérer la transformation.

SAPPHIRE Barcelone — Mercredi 24 mai 2023 – Aujourd’hui, à l’occasion du salon SAP SAPPHIRE à Barcelone, en Espagne, SAP SE (NYSE : SAP) a dévoilé une série de partenariats stratégiques avec des entreprises internationales illustrant la manière dont SAP transforme leurs modèles d’entreprise, améliore la qualité de l’expérience client, crée les fondations pour l’innovation et la croissance, et promeut positivement le bien-être physique et mental grâce au lancement d’une plateforme de bien-être en entreprise.

Vous trouverez ci-dessous un résumé des annonces.

 

Diageo réalise son plus gros investissement technologique pour standardiser ses pratiques dans le monde entier 

Diageo, producteur de Guinness, Smirnoff et Johnnie Walker, s’est associé à SAP et IBM Consulting dans le cadre d’un programme de plusieurs millions de dollars. Cela constitue le plus gros investissement de Diageo dans sa technologie et ses services à ce jour.

Le programme pluriannuel aidera Diageo à :

  • Améliorer l’interaction entre les clients et les fournisseurs, grâce à la mise en œuvre de solutions d’automatisation et de flux de travail avancés.
  • Transférer l’organisation mondiale vers une plateforme opérationnelle unique, en améliorant l’efficacité de l’architecture informatique et de son modèle de soutien technologique.
  • Transformer les rapports de performance, afin d’obtenir une meilleure vision pour maximiser les opportunités commerciales.
  • Poursuivre la numérisation de son environnement de contrôle et de conformité, afin de rendre l’entreprise plus robuste et plus résistante.
  • Adopter des modes de fonctionnement standardisés permettant une plus grande agilité et une plus grande flexibilité dans la manière dont Diageo répond aux tendances émergentes du marché.

 

Diageo mettra en oeuvre le nouveau modèle basé sur le cloud, RISE with SAP S/4HANA Cloud, dans 180 pays, en veillant à ce que son infrastructure informatique soit simplifiée et prise en charge de manière unifiée.

Ce programme de transformation positionnera Diageo à la pointe des prestations de services clients et améliorera sa résilience dans un contexte où les attentes des consommateurs mutent et où le contexte économique est en évolution constante, créant les bases d’une entreprise prête à faire face aux défis d’avenir. Cet effort de normalisation et d’automatisation permettra à Diageo de suivre les commandes de ses clients en temps réel à l’échelle mondiale, et d’identifier de nouvelles opportunités commerciales dans les secteurs on trade et off trade.

IBM Consulting, partenaire de longue date de SAP et de Diageo, a été sélectionné pour diriger la mise en œuvre de RISE avec SAP S/4HANA Cloud.

 

Maersk utilise SAP Business Technology Platform pour accélérer sa transformation stratégique

La plus grande société de transport maritime par conteneurs au monde a réalisé des progrès significatifs dans sa transformation numérique en utilisant SAP Business Technology Platform pour accélérer son orientation stratégique ainsi que pour automatiser, accroître l’efficacité et la facilité d’utilisation des processus de gestion.

Avec un large éventail de domaines d’activité, notamment le transport maritime par conteneurs, les terminaux portuaires, la logistique et la chaîne d’approvisionnement, Maersk, dont le siège est au Danemark, exploite plus de 700 navires et couvre environ 343 ports dans plus de 100 pays à travers le monde. D’un point de vue stratégique, Maersk est en train de passer du statut de compagnie maritime à celui de fournisseur de chaîne d’approvisionnement de bout en bout.

Concrètement, Maersk a utilisé SAP BTP pour développer et mettre en œuvre des applications et des solutions dans des domaines tels que :

  • Gestion du crédit client : Auparavant, le processus comportait beaucoup d’activités manuelles, ce qui pouvait entraîner des erreurs et des retards. Désormais, Maersk utilise SAP BTP pour automatiser et personnaliser son processus de gestion du crédit client.
  • Rapprochement des comptes fournisseurs : Maersk a utilisé la plateforme d’automatisation de SAP BTP et l’automatisation intelligente des processus robotiques (SAP iRPA) pour effectuer des actions automatisées telles que l’analyse des courriels et l’extraction des pièces jointes, la conversion des données non structurées en données structurées et l’intégration d’une logique de validation dans les procédures au sein de la plateforme SAP BTP, réduisant ainsi les processus manuels dans les centres de services partagés de Maersk.
  • Garanties de trésorerie : Auparavant, ce processus nécessitait beaucoup de papier et pouvait entraîner des problèmes de qualité des données, ce qui entraînait des retards. Désormais, grâce à SAP BTP, Maersk a automatisé le processus et créé deux rôles spécifiques : le demandeur de garantie bancaire et l’approbateur. La solution comprend également l’intégration avec des banques externes.
  • Libération du fret par le client : Maersk a également des clients qui sont des clients de fret, c’est-à-dire qu’ils paient avant que le fret ne soit libéré. Cela nécessite un processus très délicat pour s’assurer que le paiement ait été reçu avant que la cargaison ne soit libérée. Le processus est déclenché par plusieurs systèmes back-end. Grâce à l’IA intégrée et à l’automatisation des processus dans SAP BTP, le paiement est associé à la facture, au document de transport et aux opérations de dédouanement du conteneur. Maersk a créé un quota de confiance IA qui autorise automatiquement si tout est correct à 100 %.
  • Planification et analyse : L’ensemble de la finance, de la planification et de l’analyse de Maersk est en train d’être transféré vers SAP Analytics Cloud. Cela permet à Maersk de fournir une planification et une analyse financières de bout en bout, y compris la budgétisation et les prévisions.

 

Versuni crée une base solide pour l’innovation et la croissance avec SAP et TCS

Versuni, qui regroupe les marques d’appareils électroménagers les plus renommées au monde, s’est engagé dans la refonte de son architecture technologique en 18 mois. Avec RISE with SAP et Tata Consultancy Services (TCS) comme partenaire stratégique, Versuni a migré vers un environnement SAP complet dans 55 pays et dans les temps impartis, et ce, avec SAP S/4HANA comme base pour l’innovation et la croissance.

Versuni a été confronté à un défi de taille. En l’espace de 18 mois seulement, il fallait créer une base solide – un “minimum viable product” – pour les opérations et la croissance de l’entreprise. Pour y parvenir, Versuni a lancé le programme Exuviate. Il s’agit d’une référence au processus par lequel les animaux tels que les insectes, les reptiles et certains mammifères se débarrassent de leur vieille peau ou coquille trop étroite pour les laisser se développer. Le programme était basé sur les principes “SAP, unless” et “cloud, unless”, et utilisait RISE with SAP pour faire la transition vers l’ERP dans le cloud. L’objectif est de créer une entreprise axée sur le numérique, qui stimule l’innovation et la croissance grâce à une prise de décision fondée sur les données.

Versuni, qui s’appuie sur SAP depuis plus de 30 ans en utilisant la suite d’applications de SAP, a bénéficié de processus intégrés de bout en bout, d’une gestion robuste des données et d’analyses avancées et d’intelligence artificielle. Ces composants sont essentiels pour stimuler l’innovation, l’efficacité opérationnelle et offrir de meilleures analyses.

Le plus grand défi consistait à établir les fondations nécessaires à la gestion et à l’expansion de l’entreprise dans un délai très serré de 18 mois. Versuni a remplacé ou supprimé tous les systèmes, de la messagerie électronique à la comptabilité, du marketing à la production et de la chaîne d’approvisionnement aux services de relation avec les clients. Il s’agissait du plus grand programme de ce type, où que ce soit et dans n’importe quel secteur d’activité.

Le programme comprenait la mise en œuvre de 40 nouveaux réseaux, le remplacement de 4 700 ordinateurs portables et de bureau, plus de 60 nouvelles applications dans le cloud, la migration de plus de 300 objets de données, la refonte de 400 rapports et de 3 500 processus. Versuni a réussi à passer à la SAP Best of Suite dans les délais impartis. Le 1er mai 2023, Versuni a mis en service ce nouvel environnement à l’échelle mondiale en une seule fois.

 

Fitcoin lance un projet pilote avec l’Université de Californie

Fitcoin a lancé une plateforme de bien-être développée sur la base de la technologie SAP qui permet de gagner une monnaie virtuelle en pratiquant une activité sportive. Cette monnaie est échangeable contre des récompenses destinées à améliorer la santé de ses usagers. La plateforme de bien-être  Fitcoin business, qui promeut positivement le bien-être physique et mental, démarre un projet pilote avec l’UC Davis, qui fait partie de l’université de Californie.

Le concept de Fitcoin est intelligent et innovant. Les utilisateurs épargnent une monnaie numérique (Fitcoins) via une application sur leur smartphone, accumulable en réalisant des exercices sportifs comme de la marche et du vélo. Les utilisateurs peuvent ensuite échanger les Fitcoins épargnés contre des récompenses saines qu’ils choisissent eux-mêmes dans le catalogue Fitcoin en ligne sur leur smartphone.

 

Christian Klein, PDG de SAP, conclut : “Partout dans le monde, la réussite de nos clients dépend de leur capacité à innover pour surmonter les bouleversements de marché, l’évolution des cadres réglementaires et les pénuries de compétences. Les partenariats que nous avons dévoilés à l’occasion de SAP SAPPHIRE illustrent le rôle que notre technologie révolutionnaire joue chaque jour pour aider nos clients à prospérer. Qu’il s’agisse d’automatisation axée sur la connaissance, de simplification de plateforme technologique, d’amélioration de l’expérience client ou de celle des employés, nous sommes là pour aider nos clients à relever les défis auxquels ils sont confrontés”.

 

Guide des actualités SAP SAPPHIRE 2023

Plus de détails sur les nouveautés, les lancements et les annonces dans le Sapphire News Guide.

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

FIN

A propos de SAP en France

La stratégie de SAP est d’aider chaque organisation à fonctionner en « entreprise intelligente » et durable. En tant que leader du marché des logiciels d’application d’entreprise, nous aidons les entreprises de toutes tailles et de tous secteurs à opérer au mieux : 87 % du commerce mondial total est généré par nos clients. Nos technologies de Machine Learning, d’Internet des objets (IoT) et d’analyse avancée aident nos clients à transformer leurs activités en « entreprises intelligentes ». SAP permet aux personnes et aux organisations d’avoir une vision approfondie de leur business et favorise la collaboration pour qu’ils puissent garder une longueur d’avance sur leurs concurrents. Nous simplifions la technologie afin que les entreprises puissent utiliser nos logiciels comme elles le souhaitent, sans interruption. Notre suite d’applications et de services end-to-end permet aux clients privés et publics de 25 secteurs d’activité dans le monde entier, de fonctionner de manière rentable, de s’adapter en permanence et de faire la différence. Grâce à un réseau mondial de clients, de partenaires, d’employés et de leaders d’opinion, SAP aide le monde à mieux fonctionner et à améliorer la vie de chacun.

 

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

Contact presse – Sylvie Léchevin – sylvie.lechevin@sap.com – sap@the-arcane.com

 

# # #

This document contains forward-looking statements, which are predictions, projections, or other statements about future events. These statements are based on current expectations, forecasts, and assumptions that are subject to risks and uncertainties that could cause actual results and outcomes to materially differ. Additional information regarding these risks and uncertainties may be found in our filings with the Securities and Exchange Commission, including but not limited to the risk factors section of SAP’s 2022 Annual Report on Form 20-F.

© 2023 SAP SE. All rights reserved.
SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE in Germany and other countries. Please see https://www.sap.com/copyright for additional trademark information and notices.

 

The post SAP présente une série de partenariats mondiaux avec des clients qui accélèrent la transformation appeared first on SAP France News.

Source de l’article sur sap.com

Déboguer des sites web avec les outils de développeur Safari

Déboguer des sites web peut être une tâche difficile, mais en utilisant les outils de développeur Safari, cela devient plus facile et plus rapide !

Safari : le navigateur par défaut sur les iPads, Macbooks et iPhones

Je suis un scientifique excité qui vient de faire une découverte sensationnelle : Safari est le navigateur par défaut sur les iPads, Macbooks et iPhones. Il se classe deuxième dans les préférences des navigateurs, juste après Chrome. Ses plus de 250 fonctionnalités offrent aux utilisateurs des avantages remarquables qui le distinguent des autres navigateurs les plus populaires tels que Chrome et Firefox. De plus, la popularité de l’iPhone a entraîné une part de marché mondiale des smartphones de 53,6 % pour Safari.

L’année dernière, le nombre d’appareils actifs d’Apple a connu une augmentation significative à 1,5 milliard. Puisque la base d’utilisateurs continue de croître, Apple s’assure constamment d’une expérience utilisateur presque parfaite et d’une performance optimisée sur tous ses appareils.

Pour répondre à ces exigences, Apple a mis en place une base de données qui stocke des informations sur les performances et les préférences des utilisateurs. La base de données est mise à jour en permanence pour s’adapter aux changements des appareils et des systèmes d’exploitation. Elle permet également aux développeurs de créer des applications plus rapides et plus fiables qui s’adaptent aux besoins des utilisateurs. La base de données est également utilisée pour surveiller les performances des applications et des services afin de garantir une expérience optimale pour les utilisateurs.

Grâce à cette base de données, Apple est en mesure d’offrir une expérience utilisateur exceptionnelle et une performance optimale sur tous ses appareils. Les développeurs peuvent également créer des applications plus rapides et plus fiables qui s’adaptent aux besoins des utilisateurs. La base de données est donc un outil essentiel pour Apple pour offrir une expérience utilisateur optimale à ses utilisateurs.

Source de l’article sur DZONE

Websites haven’t always been as adaptable as they are today. For modern designers, “responsivity” is one of the most significant defining factors of a good design. After all, we’re now catering to a host of users who frequently jump between mobile and desktop devices with varying screen sizes. 

However, the shift to responsive design didn’t happen overnight. For years, we’ve been tweaking the concept of “responsive web design” to eventually reach the stage we’re at today. 

Today, we’re going to take a closer look at the history of responsive web design.

Where Did Web Design Begin?

When the first websites were initially created, no one was worried about responsivity across a range of screens. All sites were designed to fit the same templates, and developers didn’t spend a lot of time on concepts like design, layout, and typography.  

Even when the wider adoption of CSS technology began, most developers didn’t have to worry much about adapting content to different screen sizes. However, they still found a few ways to work with different monitor and browser sizes.

Liquid Layouts

The main two layout options available to developers in the early days were fixed-width, or liquid layout. 

With fixed-width layouts, the design was more likely to break if your monitor wasn’t the exact same resolution as the one the site was designed on. You can see an example here

Alternatively, liquid layouts, coined by Glenn Davis, were considered one of the first revolutionary examples of responsive web design. 

Liquid layouts could adapt to different monitor resolutions and browser sizes. However, content could also overflow, and text would frequently break on smaller screens. 

Resolution-Dependent Layouts

In 2004, a blog post by Cameron Adams introduced a new method of using JavaScript to swap out stylesheets based on a browser window size. This technique became known as “resolution-dependent layouts”. Even though they required more work from developers, resolution-dependent layouts allowed for more fine-grained control over the site’s design. 

The resolution-dependent layout basically functioned as an early version of CSS breakpoints, before they were a thing. The downside was developers had to create different stylesheets for each target resolution and ensure JavaScript worked across all browsers.

With so many browsers to consider at the time, jQuery became increasingly popular as a way to abstract the differences between browser options away.

The Rise of Mobile Subdomains

The introduction of concepts like resolution-dependent designs was happening at about the same time when many mobile devices were becoming more internet-enabled. Companies were creating browsers for their smartphones, and developers suddenly needed to account for these too.

Though mobile subdomains aimed to offer users the exact same functions they’d get from a desktop site on a smartphone, they were entirely separate applications. 

Having a mobile subdomain, though complex, did have some benefits, such as allowing developers to specifically target SEO to mobile devices, and drive more traffic to mobile site variations. However, at the same time, developers then needed to manage two variations of the same website.

Back at the time when Apple had only just introduced its first iPad, countless web designers were still reliant on this old-fashioned and clunky strategy for enabling access to a website on every device. In the late 2000s, developers were often reliant on a number of tricks to make mobile sites more accessible. For instance, even simple layouts used the max-width: 100% trick for flexible images.

Fortunately, everything began to change when Ethan Marcotte coined the term “Responsive Web Design” on A List Apart. This article drew attention to John Allsopp’s exploration of web design architectural principles, and paved the way for all-in-one websites, capable of performing just as well on any device. 

A New Age of Responsive Web Design

Marcotte’s article introduced three crucial components developers would need to consider when creating a responsive website: fluid grids, media queries, and flexible images. 

Fluid Grids

The concept of fluid grids introduced the idea that websites should be able to adopt a variety of flexible columns that grow or shrink depending on the current size of the screen. 

On mobile devices, this meant introducing one or two flexible content columns, while desktop devices could usually show more columns (due to greater space). 

Flexible Images

Flexible images introduced the idea that, like content, images should be able to grow or shrink alongside the fluid grid they’re located in. As mentioned above, previously, developers used something called the “max-width” trick to enable this. 

If you were holding an image in a container, then it could easily overflow, particularly if the container was responsive. However, if you set the “max-width” to 100%, the image just resizes with its parent container. 

Media Queries

The idea of “media queries” referred to the CSS media queries, introduced in 2010 but not widely adopted until officially released as a W3 recommendation 2 years later. Media queries are essentially CSS rules triggered based on options like media type (print, screen, etc), and media features (height, width, etc). 

Though they were simpler at the time, these queries allowed developers to essentially implement a simple kind of breakpoint – the kind of tools used in responsive design today.  Breakpoints refer to when websites change their layout or style based on the browser window or device width.

Viewport Meta tags need to be used in most cases to ensure media queries work in the way today’s developers expect. 

The Rise of Mobile-First Design

Since Marcotte’s introduction of Responsive Web Design, developers have been working on new ways to implement the idea as effectively as possible. Most developers now split into two categories, based on whether they consider the needs of the desktop device user first, or the needs of the mobile device user. The trend is increasingly accelerating towards the latter. 

When designing a website from scratch in an age of mobile-first browsing, most developers believe that mobile-first is the best option. Mobile designs are often much simpler, and more minimalist, which matches a lot of the trends of current web design.

Taking the mobile first route means assessing the needs of the website from a mobile perspective first. You’d write your styles normally, using breakpoints once you start creating desktop and tablet layouts. Alternatively, if you took the desktop-first approach, you would need to constantly adapt it to smaller devices with your breakpoint choices.

Exploring the Future of Responsive Web Design

Responsive web design still isn’t perfect. There are countless sites out there that still fail to deliver the same incredible experience across all devices. What’s more, new challenges continue to emerge all the time, like figuring out how to design for new devices like AR headsets and smartwatches. 

However, it’s fair to say we’ve come a long way since the early days of web design. 

 

Featured image via Pexels.

Source

The post A Brief History of Responsive Web Design first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

The underlying theme of this month’s collection of new tools and resources is development. Almost every tool here makes dev a little easier, quicker, or plain fun. There are a few great tutorials in the mix to help you get into the spirit of trying new things and techniques.

Here’s what is new for designers this month…

Cryptofonts

Cryptofonts is a huge open-source library of icons that represent cryptocurrencies. There are more than 1,500 CSS and SVG elements in the collection. Cryptofonts includes all scalable vector icons that you can customize by size, color, shadow, or practically anything else. They work with Sketch, Photoshop, Illustrator, Adobe XD, Figma, and Invision Studio, and there’s no JavaScript.

 

Reasonable Colors

Reasonable Colors is an open-source color system for building accessible and beautiful color palettes. Colors are built using a coded chart. Each color comes in six numbered shades. The difference between their shade numbers can infer the contrast between any two shades. The differences correspond to WCAG contrast ratios to help you create an accessible palette. This is a smart project and a valuable tool if you work on projects where color contrast and accessibility are essential (which is all of them).

 

Chalk.ist

Chalk.ist is a fun tool to make your code snippets look amazing. Add your code (there’s a vast language selector), pick some colors and backgrounds, and then download it as a shareable image. Your code has never looked so beautiful!

 

WeekToDo

WeekToDo is a free minimalist weekly planner. Improve productivity by defining and managing your week and life easily and intuitively. Plus, this tool is focused on privacy with data that is stored on your computer (in your web browser or the application). The only person who has access to it is you.

 

Bio.Link

Bio.Link is a tool that collects all your links – from social media to blog posts to any other kind of link you want to share. It’s free to use, includes 15 design themes, visitor stats, and is super fast.

 

Spacers

Spacers are a set of three-dimensional space characters that you can use in projects. Characters are in multiple poses and ultra high-def formats to play with.

11ty

11ty is a super simple, static website generator. Try it for small projects and read the documentation to see everything you can do with this tool.

Scrollex

Scrollex is a react library that lets you build beautiful scroll experiences using minimal code. You can create scroll animations in all kinds of combinations – vertical, horizontal, almost anything you want to try. The documentation is fun and easy to understand if you’re going to see how it works.

GetCam

GetCam is an app that lets you turn your smartphone into a webcam for your computer. It works with any iPhone and a Mac or Windows computer. It works with most video conference and streaming tools as well as browser-based apps.

Flatfile

Flatfile is a data onboarding platform that intuitively makes sense of the jumbled data customers import and transforms it into the format you rely on. You won’t have any more messy spreadsheets or have to build a custom tool.

Loaders

Loaders is a collection of free loaders and spinners for web projects. They are built with HTML, CSS, and SVG and are available for React and copypasta.

Lexical

Lexical is an extensible JavaScript web text-editor framework emphasizing reliability, accessibility, and performance. It’s made for developers, so you can easily prototype and build features with confidence. Combined with a highly extensible architecture, Lexical allows developers to create unique text editing experiences that scale in size and functionality.

Picture Perfect Images with the Modern img Element

This tutorial is a primer on why the img element is such a powerful tool in your development box. Images are so prominent that they are part of the most important content in over 70% of pages on both mobile and desktop, according to the largest contentful paint metric. This post takes you through how to better optimize and improve core web vitals simultaneously.

Building a Combined CSS-Aspect-Ratio-Grid

Building a Combined CSS-Aspect-Ratio-Grid provides two solutions for creating the title effect. You can define an aspect ratio for the row or use Flexbox with a little flex grow magic. Learn how to try it both ways.

QIndR

QIndR is a QR code generator made for events and appointments. The form is designed to capture your event information so you can quickly build and use a QR code for listings and even allow users to add it to their calendars! It’s super quick and easy to use.

On-Scroll Text Repetition Animation

On-Scroll Text Repetition Animation shows you how to create an on-scroll animation that shows repeated fragments of a big text element. This is a fun and easy lesson that you can use right away.

Eight Colors

Eight Colors won’t do anything for your productivity, but it is a fun game that you may not be able to stop playing. It is a block-shifting game with the goal to shift circular blocks to reach the target given.

Creative Vintage

Creative Vintage is a pair of typefaces including a thin script and vintage slab serif (with rough and smooth styles). The pair is designed to work together for various uses or can be used independently.

Hardbop

Hardbop is a vintage-style typeface with a lot of personality. It would work great for display, and the family includes seven full-style character sets.

Kocha

Kocha is a funky ligature-style typeface perfect for lighter design elements, including logos or packaging. It includes clean and rough versions.

Magnify

Magnify is a large font family with 16 styles and plenty of fun alternates. You can use it straight or with the more funky styles that create less traditional character forms.

Stacker

Stacker is a fun and futuristic style font with a triple outline style. Use it for display when you really want to make an impression.

Source

The post Exciting New Tools for Designers, May 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Designing for user experiences is what all designers do. UX is often thought of as the preserve of app or web designers; however, even a print designer laying out a magazine anticipates reader reaction to the scale of type, the placement of adverts, and the art direction of successive stories.

Because all designers design user experiences, the role of UX Designer has come to mean someone focused on creating a product or service utilizing research and testing to guide decision-making.

To research and test anything, you need metrics: a baseline and a target against which to measure. No one set of metrics is suitable for all projects, but because UX tends to be for financial profit, the Pirate Metrics Framework — Acquisition, Activation, Retention, Referral, Revenue — is a good starting place.

You might seek out very different metrics in some cases. For instance, a museum might measure the success of its education program based on how many students go on to study paleontology. However, those types of metrics are notoriously difficult to quantify. Excepting a few niche cases, successful UX increases user productivity, decreases errors, reduces the cost of support, and increases sales.

So if it’s as easy as counting dollars, why does UX go bad?

UX vs. Design Principles

To understand what UX is, you need to understand what UX is not.

One of the most straightforward design principles to understand is hierarchy: bigger is more important, i.e., a heading is visually stronger than a sub-heading, a sub-heading is visually stronger than the body text.

Design principles stem from one thing: human-centered design. At the most basic level, bigger is more important because the bigger a saber-toothed tiger appears, the more likely it intends to eat me.

The evolution of human beings is so slow that had a smartphone existed at the time, a neanderthal would have been able to tap a button with the same level of precision as me. Prehistoric man shares the same minimum button size as modern man: 48 x 48px. Design principles don’t change, don’t require research, and don’t need verifying with tests.

On the other hand, a neanderthal would not have understood a smartphone, let alone an app. You only need to step back by a single generation to find perfectly intelligent people baffled by a commonly employed design pattern.

Unlike design principles, user experience is a house built on sand. When the sand shifts, the walls crack. The bricks are still solid, but the rain gets in.

Because effective UX is temporary, so is the ROI.

Technology Breaks UX

Technology unfolds at a rapid pace. As technology develops, the user experience defined by that technology changes.

The classic example is the mobile revolution, but technological change does not necessarily mean hardware. One of the most significant shifts in UXD (User Experience Design) in my career has been the popularisation of AJAX — the process of using JavaScript to load new data without refreshing the page. This seamlessness has been around since the early 2000s, but it’s only in the last ten years, as the code to achieve it has simplified, that it’s been widely used.

Jakob’s Law states that users spend most of their time on other sites and, as a result, prefer your site to function like other sites by following familiar design patterns.

Even if your UX is rigorously tested and optimized, when other sites and services carry out their own research, they are testing against the background of younger technology, and the “other sites” Jakob Nielsen refers to begin to change. As a result, the UX of your site is gradually eroded.

The consequence of continual technological change is that user research is constantly invalidated. The UX of an app, site, or service begins to degrade as soon as it is created.

User-Experience Lifecycle

Human beings have two deep-seated motivations: survival and procreation. The most important, survival, depends on discovery — new food sources, new routes through dangerous territory, new ways to skin a mammoth. We are biologically programmed to seek out the new.

A typical user passes through three phases of a relationship with a site, app, or service: discovery > comfort > boredom. Churn, or drop-off, tends to occur in the discovery phase (if the comfort phase is too slow in developing) or the boredom phase. The sweet spot is the comfort phase. That’s the part of the business-customer relationship in which the customer requires minimal support and is least likely to drop off.

The most effective form of UX — meaning the one that satisfies most metrics — rapidly moves a user from discovery to comfort and then continually eases the user back to the start of the comfort phase without tipping back into discovery.

This can be achieved with numerous micro-discoveries, tiny chunks of new experience, from simple functionality tweaks to style revisions.

Summary

All UXD, regardless of the quality, level of investment, and skill of the practitioner, begins to degrade the moment it is created.

Design principles like simplicity are good indicators of successful UID (User Interface Design) and are timeless; comprehensive design systems, brand assets, and content offer good ROI.

The most effective UX is broadly familiar and continually refreshed in small ways, allowing users to enjoy the comfort of the familiar while also experiencing the excitement of discovery again and again.

 

Featured image uses photos by Wolfgang Hasselmann & Shainee Fernando.

Source

The post When UX Goes Bad (and How to Fix It) first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

“Minimum Viable Product,” or “MVP,” is a concept of agile development and business growth. With a minimum viable product, you focus on creating the simplest, most basic version of your product, web application, or code possible.

Minimum viable products include just enough features to attract early adopters and validate your idea in the early stages of the development lifecycle. Choosing an MVP workflow can be particularly valuable in the software environment because it helps teams receive, learn from, and respond to feedback as quickly as possible.

The question is, how exactly do you define the “minimum” in MVP? How do you know if your MVP creation is basic enough while still being “viable”?

Defining the Minimum Viable Product: An Introduction

The concept of “Minimum Viable Product” comes from the Lean Start-up Methodology, introduced by Eric Ries. The purpose of MVP is to help companies quickly create versions of a product while collecting validated insights from customers for each iteration. Companies may choose to develop and release minimum viable products because they want to:

  • Introduce new products into the market as quickly as possible;
  • Test an idea with real users before committing a large budget to product development;
  • Create a competitive product with the use of frequent upgrades;
  • Learn what resonates with the target market of the company;
  • Explore different versions of the same product.

Aside from allowing your company to validate an idea for a product without building the entire concept from scratch, an MVP can also reduce the demand on a company’s time and resources. This is why so many smaller start-ups with limited budgets use the MVP and lean production strategy to keep costs as low as possible.

Defining an MVP: What your Minimum Viable Product Isn’t

When you’re building a Minimum Viable Product, you’re concentrating on developing only the most “essential” features that need to be in that product. For instance, you might be building a shopping app for a website. For the app to be “viable,” it would need to allow customers to search through products and add them to a basket or shopping cart. The app would also need a checkout feature and security components.

However, additional functionality, like the ability to send questions about an item to a customer service team or features that allow clients to add products to a “wish list,” may not be necessary straight away. Part of defining a minimum viable product is understanding what it isn’t. For instance, an MVP is not:

  • A prototype: Prototypes are often mentioned alongside MVPs because they can help with early-stage product validation. However, prototypes are generally not intended for customers to use. The “minimum” version of a viable product still needs to be developed enough for clients and users to put it to the test and provide feedback.
  • A minimum marketable product: An MVP is a learning vehicle that allows companies to create various iterations of an item over time. However, a minimum marketable product is a complete item, ready to sell, with features or “selling points” the company can highlight to differentiate the item from the competition.
  • Proof of concept: This is another similar but distinct idea from MVP. Proof of concept items test an idea you have to determine whether it’s attainable. There usually aren’t any customers involved in this process. Instead, companies create small projects to assess business solutions’ technical capabilities and feasibility. You can sometimes use a proof of concept before moving on to an MVP.

Finding the Minimum in your MVP

When finding the “minimum” in a minimum viable product, the primary challenge is ensuring the right balance. Ideally, you need your MVP to be as essential, cost-effective, and straightforward as possible so that you can create several iterations in a short space of time. The simpler the product, the easier it is to adapt it, roll it out to your customers, and learn from their feedback.

However, developers and business leaders shouldn’t get so caught up focusing on the “Minimum” part of Minimum Viable Product that they forget the central segment: “Viable”; your product still needs to achieve a specific purpose.

So, how do you find the minimum in your MVP?

1. Decide on Your Goal or Purpose

First, you’ll need to determine what your product needs to do to be deemed viable. What goal or target do you hope to achieve with your new product? For instance, in the example we mentioned above, where you’re creating an ecommerce shopping app, the most basic thing the app needs to do is allow customers to shop for and purchase items on a smartphone.

Consider the overall selling point of your product or service and decide what the “nice to haves” are, compared to the essential features. For instance, your AR app needs to allow people to interact with augmented digital content on a smartphone, but it may not need to work with all versions of the latest AR smart glasses.

2. Make a List of Features

Once you know the goal or purpose of your product, the next step is to make a list of features or capabilities you can rank according to importance. You can base your knowledge of what’s “most important” for your customers by looking at things like:

  • Competitor analysis: What do your competitors already offer in this category, and where are the gaps in their service or product?
  • User research: Which features or functionalities are most important to your target audience? How can you make your solution stand out from the crowd?
  • Industry knowledge: As an expert in your industry, you should have some basic understanding of what it will take to make your product “usable.”

3. Create Your Iterations

Once you’ve defined your most important features, the next stage is simply building the simplest version of your product. Build the item according to what you consider to be its most essential features and ask yourself whether it’s serving its purpose.

If your solution seems to be “viable,” you can roll it out to your target audience or a small group of beta testers to get their feedback and validate the offering. Use focus groups and market interviews to collect as much information as possible about what people like or dislike.

Using your feedback, you can begin to implement changes to your “minimum” viable product to add more essential features or functionality.

Understanding the “Minimum Viable Product”

Minimum viable products are evident throughout multiple industries and markets today – particularly in the digitally transforming world. For instance, Amazon might be one of the world’s most popular online marketplaces today, but it didn’t start that way. Instead, Jeff Bezos began purchasing books from distributors and shipping them to customers every time his online store received an order to determine whether the book-selling landscape would work.

When Foursquare first began, it had only one feature. People could check-in at different locations and win badges. The gamification factor was what made people so excited about using the service. Other examples include:

  • Groupon: Groupon is a pretty huge discount and voucher platform today, operating in companies all around the world. However, it started life as a simple minimum viable product promoting the services of local businesses and offering exclusive deals for a short time. Now Groupon is constantly evolving and updating its offerings.
  • Airbnb: Beginning with the use of the founders’ own apartment, Airbnb became a unicorn company giving people the opportunity to list places for short-term rental worldwide. The founders rented out their own apartment to determine whether people would consider staying in someone else’s home before eventually expanding.
  • Facebook: Upon release, Facebook was a simple social media tool used for connecting with friends. Profiles were basic, and all members were students of Harvard University. The idea quickly grew and evolved into a global social network. Facebook continues to learn from the feedback of its users and implement new features today.

Creating Your Minimum Viable Product

Your definition of a “minimum viable product” may not be the same as the definition chosen by another developer or business leader. The key to success is finding the right balance between viability – and the purpose of your product, and simplicity – or minimizing your features.

Start by figuring out what your product simply can’t be without, and gradually add more features as you learn and gain feedback from your audience. While it can be challenging to produce something so “minimalistic” at first, you need to be willing to release those small and consistent iterations if you want to leverage all the benefits of an MVP.

Suppose you can successfully define the meaning of the words “Minimum” and “Viable” simultaneously with your new product creations. In that case, the result should be an agile business, lean workflows, and better development processes for your entire team.

 

Featured image via Pexels.

Source

The post What is the “Minimum” in Minimum Viable Product? first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

There are a lot of factors that contribute to a better user experience on a website. Pages need to load quickly to give users peace of mind and efficiency. Navigation must be clear and straightforward, with direct pathways for visitors to follow when finding your contact pages, blog posts, and products. Your colors need to work seamlessly together while providing just enough contrast in the areas that need it most.

Excellent user experience needs to be considered for every part of your website that acts as a touchpoint with a potential customer or user.

One of the most significant touchpoints of all is your forms.

All websites need some form of interactive content to thrive. Users need to be able to do something with the site, whether it’s looking for information with a search bar, contacting a team for a quote, making a booking, or completing a purchase. Forms power the majority of the interactive activities available on websites.

If you know how to master great UX on a form, you can contribute to more meaningful interactions between your brands and their customers. But not all web forms are the same. Here are some of the top types of forms you need to master and how you can optimize them.

The “Opt-In” Form

The Opt-in Form is probably the best-known form in the digital landscape. It’s essentially a form that asks visitors to “opt-in” to a specific offer. Sometimes, this means signing up for a webinar; other times, it’ll be agreeing to an email newsletter or a regular series of blog updates.

Opt-in forms grab attention quickly and ask for something specific from the audience. For instance, this example from HuffPost encourages visitors to “Subscribe to the Morning Email.”

Opt-in forms are all about generating action.

Sometimes, they’re placed at the bottom of a landing page after a company has had a chance to explain precisely what they’re offering. Other times, you’ll find the opt-in form situated on a sidebar of a website, constantly enticing people to “sign up” if they like what they see on a blog post or article.

It’s also common for opt-in forms to appear as pop-ups and exit pop-ups on modern websites. For example, a brightly colored opt-in form that promises an immediate benefit to a customer could encourage them to hand over their details before they abandon your website.

How to Design a Great Opt-In Form

So what kind of best practices go into an excellent opt-in form?

  • Start with simplicity: If you’re asking your visitors to do something, don’t overwhelm them with too big of a request straight away. Keep the form short and simple, so it doesn’t seem like too much extra work for the visitor. Something like “Subscribe to our newsletter” should ask for nothing more than an email. 
  • Highlight the benefits: Most customers won’t want to give you a place in their inbox or the opportunity to interact with them further unless you can offer something in return. Even if you’re asking for something small, like an email address, let the customer know what’s in it for them. In the HuffPost example above, the company highlights that you can wake up to the day’s “most important news.” 
  • Give the visitor the power: Let your visitor know they’re in control here. They want to see that they’re getting exactly what they need from you in exchange for their contact details. This means reassuring them that their email address won’t be used for spam, like H&B Sensors does here: 

The Contact Form 

The Contact Form is another crucial part of building an effective UX for your website – but it’s also an element that web designers and business owners often overlook. When customers decide they want to learn more about a business, they need a quick and easy way to get in touch.

Contact forms need to be easy to find and use on any website. Usually, your user will expect to see a link to the contact form situated somewhere at the bottom of your webpage. It might be called “Contact Us” or “Customer Support.” Avoid anything that would go over the user’s head.

Aside from being easy to track down, your contact form also needs to reassure an audience that they’re making the right decision by getting in touch. Therefore, the content needs to be short, sweet, and authoritative—highlight why the user might contact your company and how they can do so.

Avoid any unnecessary information in the contact form. For example, you don’t need to know your client’s age and their job to answer a question about where their nearest physical branch is. Keep form fields to the point, or you’ll chase customers away.

How to Design a Great Contact Form

Design something personalized but straightforward to make the most of your contact form. Use features like smart content and conditional logic, if possible, to adapt the page to the user’s needs. Dynamic content is becoming increasingly valuable these days. Other best practices include:

  • Set the right expectations: Let your customers know how active you are and how quickly they can expect to hear back from you. Imagery and the right fonts can also set expectations about the kind of communication your audience can expect. For example, this contact page from the Marvel app is fun and playful, like the company itself:

  • Provide multiple options: If your customer doesn’t want to use your contact form, give them another way to get in touch. Ensure the contact page includes information like where to find you on social media and your professional phone number. 
  • Simplify things on your end: To ensure that you can contact your audience as quickly as possible, allow your customers to choose a specific subject that their query is connected to. Allowing them to choose “Sales” or “Order issues” means you can automatically direct the message to the right team member on the back-end. 

The Online Payment Form 

Sometimes, when your customers have seen what you have to offer and they’ve checked out the competition, they decide to go ahead with their purchase. To facilitate this, you’re going to need an online payment form. Online forms ensure that your customers can safely enter their credit or debit card details to purchase whatever you have to offer.

Most payment processing companies like PayPal, Square, and Stripe come with payment forms included, so you can easily embed them into a website in minutes. However, there’s always the option to customize those payment forms.

For instance, ideally, you’ll need a payment form that keeps your customer on the same page, so they don’t have to log into another browser to make their purchase. The fewer transitions your client has to make, the safer they’ll feel.

How to Design a Great Payment Form

When designing any payment form, simplicity and security are the two most important factors. Your customer should be able to enter their information quickly and easily and get through the transaction process without worrying about their details.

Remember to:

  • Keep it simple: The fewer fields the visitor has to fill out, the better. Customers still feel uncomfortable sharing personal information and payment details online. Make the experience as painless as possible. If your client already has an account with your business, you might create a system that automatically fills some of the fields, such as their email address, name, and billing address. 
  • Offer the right integrations: The proper payment forms will integrate with the payment services your customers prefer to use. Options include PayPal, Stripe, Square, Verified by Visa, and Mastercard. Get a developer to integrate the right APIs with your form to give your customers the broadest range of options. 
  • Ensure security: Give customers peace of mind by providing as much security evidence as possible. An SSL certificate that places the padlock on the top of the browser next to the URL is a great way to make customers feel more secure. Integrating verification options so your customers can avoid fraud issues is another significant step. Sometimes just putting logos from the card types you accept on the page will make a customer feel more secure. 

Support Forms

Some companies bundle the contact form and the support form together. Others have a separate support form to get their queries routed directly to the people most capable of helping them. If you want to take the second route, it might be a good idea to design a “help” section on your website where you can locate the support form.

The “Help” section on a site often appears alongside other links on the footer. For instance, it could appear alongside “About” links and “Contact” options. Here’s an example of Hubspot’s Customer Support options:

The best customer support pages come with various ways for clients to help themselves and find answers to their most pressing questions. For example, you might have a search bar where your audience can search for the answers to their queries or a knowledge base full of helpful blogs.

Hubspot allows users to choose between a blog, knowledge base, academy training center, community forum, developer discussion board, and assistance from a certified partner.

How to Design a Great Customer Support Form

Designing a good customer support form is about getting your audience the information they need as quickly as possible. Once again, you’ll need to stick to as few form fields as possible here to avoid angering an already frustrated customer. Also, remember to:

  • Ask for the right information: Find out what the query is about by giving the customer a drop-box menu full of possible topics to choose from. If you need a product reference number or something similar, ask for that at the top of the form, then allow the customer to provide extra information about their query underneath. 
  • Set expectations: Let your customers know when they can expect to get a response to their concerns and provide them with advice on what to do next. For instance, you could invite them to check out your knowledge base while they wait for a response. 
  • Keep it simple: Avoid using technical jargon on your support request forms. Be direct in your requests for summaries of the issue at hand, contact information, and other supplemental data. 

Customer Feedback Forms

According to Microsoft, around 96% of customers say that customer service is crucial in determining their loyalty to a specific brand. Another 52% of global customers believe that companies need to respond to the feedback provided by customers.

To ensure your customer service strategies are on-par with what your customers expect, you need to get feedback from your audience. That’s where a feedback form comes in. Customer feedback forms often appear after a client has finished purchasing on the “thank you” screen. They may also occur after a customer has completed a service interaction online.

Here’s an example of an Apple feedback form:

How to Design a Great Customer Feedback Form

By leaving you feedback, your customer is doing you a massive favor. They’re giving you a chance to learn from your mistakes and improve the service you can give next time around. Feedback is one of the best tools for any business that wants to grow and thrive.

If you want your customers to use your feedback forms, you’ll need to make them as simple as possible. Your customers don’t have time to waste on a complex form.

  • Don’t make any fields mandatory: Don’t stop your customers from submitting a form unless they’ve completed every field. Allow them to enter the information they consider to be the most important, and that’s it. You can even fill some of the form out for your customer, if possible, by entering their name and email address if they’re already a member of your site.
  • Make it mobile responsive: Remember there are around 3.5 billion smartphone users worldwide. You can’t afford to lose feedback because your form isn’t responsive. Every form should look and feel incredible on any device. 
  • Include a rating option: If your customers don’t have much to say about your service, or they’re not wordsmiths, they might prefer a rating option instead. A one-to-five rating system that allows your customer to judge your product or service on a scale of poor to wonderful is a great way to gain quick information. Check out the Uber Engineering example here:

Though you can pre-enter some information on a feedback form to make your customer’s life easier, don’t overstep your bounds. Adding your customer’s email address to the form is fine if they’re already a customer with you. Pre-selecting the “very satisfied” rating above would look presumptuous.

Top Tips to Improve Every Form Design

The online form is an essential part of any web design project, but it’s also frequently overlooked. Unfortunately, without a good set of forms, your customers will struggle to interact with your company in a meaningful way.

When creating any form, remember:

  • Reduce friction: Reduce the friction for your customers by asking as few questions as possible. The less your customer has to answer, the better. If you can pre-populate forms with information like your customer’s name and email address, this could help. 
  • Keep it simple: Make sure that the form is clean and easy to use. Your customers shouldn’t be confused about where to click or how to submit their information. A single-column design is often better than a multi-column option.
  • Be clear in error messages: Don’t just tell your visitors that something has gone wrong. Let them know what they need to do to submit the form successfully. If possible, use inline validation with real-time feedback to let your audience know that you recognize the information they’ve submitted.
  • Keep data secure: Make sure your audience feels safe by letting them know how you will use this information and why you’re asking for it. If you’re asking for an email address, make the benefits of entering that information clear. 
  • Make fields optional: Allow your audience to add more information to a form if they want to – but don’t demand it. Give some freedom to the visitor. 

The better your forms are, the more effective your interactions with customers will be. Remember, it’s not just the face-to-face interactions that your customers judge when making decisions about your business and whether to trust you. Today’s digital world has prompted a new demand for more meaningful virtual experiences.

Your form could be the first interaction you have with a client, whether it’s a contact form, a booking form, or something else entirely. Get that right, and you can improve your chances of your customers coming back to interact with you again later.

 

Featured image via Pexels.

Source

The post The Top 5 Form Types to Use in Your Web Design  first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

AR (Augmented Reality) continues to build as one of the most exciting technology innovations to appear in recent years. More accessible than virtual reality experiences, since no specialist headset is required, AR has quickly emerged as a crucial tool for building unique experiences.

Although interest in AR as a tool for customer interaction and experience has been growing, demand has skyrocketed in recent years. In addition, since the pandemic of 2020, companies no longer have the same in-person opportunities available to create meaningful relationships with customers.

To ensure a client is fully invested in your brand today, you need to find a new way of building that emotional link. As an immersive, experience-led solution for brand building, AR can improve a company’s chance of earning brand loyalty. What’s more, around 71% of consumers say they would shop more often if AR technology were available.

The question is, how do you develop your own AR branded experiences?

Creating Branded Experiences in AR

For an augmented reality experience to be effective, you need more than just the right technology; you need a strategy for how you’re going to engage, empower, and support your target audience.

The best AR branded experiences aren’t just multi-dimensional advertisements; they’re tools intended to engage, inform, and entertain your audience in a new, highly immersive realm. Before you can begin to work on your AR app, you need to think about what kind of branded experience you want to develop. Here are some excellent examples to get you started.

AR Try-Before-You-Buy Interactions

Globally, ecommerce sales are growing at an astronomical pace. Going forward, there’s no question that the digital landscape will become the new platform for shopping and transactions. But, unfortunately, there are some limitations when it comes to shopping online.

While the right website developer or designer can create a stunning site packed with information about a product or service, there’s only so much that a webpage can do. Delivering a truly immersive user experience for your target audience involves replicating the kind of in-person experiences they would get in a digital format.

The best example of this is the “try-before-you-buy” AR app. Most commonly seen in the clothing and beauty industries, this app allows customers to use AR filters to see what everything from a new hair color to a shade of lipstick might look like on them. The experience is highly accessible and engaging because it builds on customers’ familiarity with filters and similar effects on social media channels like TikTok and Instagram.

A popular example of an AR try-before-you-buy experience comes from Sephora, with the “Virtual Artist” application. Originally installed within the Sephora app in 2016, the technology uses Modiface to scan and track the eyes and lips of the customer using a smartphone camera. After that, the system can overlay eye-shadows, lipsticks, and other products, to give the customer idea of what they might look like in real-life.

As AR applications become more mainstream, new solutions are emerging for companies concerned about things like privacy. Consumers who don’t want to load their image into a system for try-before-you-buy experiences can still access the benefits of AR with the right tools.

For instance, ASOS created the new “See My Fit” service in 2020 to help customers shop for clothing during the pandemic. The solution allows users to see what clothing will look like on a model with a similar body type to their own. This helps to show shoppers how products realistically look in similar bodies while reducing the risk of returns.

ASOS certainly saw the benefit of this innovation, with an increase in revenues of around 24% in the six months leading to the end of February 2021.

AR for Product Catalogs and Visualization

We all remember what it was like to flick through the glossy pages of a magazine or catalog for our favorite stores. Unfortunately, in today’s digital age, these paper brochures are far from the most efficient tool for shopping. We need a more digital experience that allows us to select products, see what they will look like, and add them to our virtual baskets.

One excellent example of how companies can use AR to improve the overall shopping and visualization experience for customers comes from Home Depot. The brand was one of the first to upgrade its user experience strategy with a new Project Color application in 2015. Although this app might seem a little outdated by today’s standards, it’s still an excellent insight into what companies can do to improve their customer’s brand experience.

The Home Depot app used AR to scan a room and implement the color a customer chose for their walls into that space, considering things like furniture, shadow, and lighting, to allow for a more realistic insight. The app has updated significantly over the years to become increasingly immersive.

Visualizing products in a real, contextual space is hugely beneficial for a customer’s purchasing experience and perception of a specific brand. If your customer sees buying the right product from you as simple and convenient, they’re more likely to stick with your organization long-term.

The product catalog and visualization approach to AR in brand development has grown increasingly popular in the last two years, perhaps driven by the demand for more online shopping opportunities. In 2020, Wayfair announced the release of an updated version of its “View in Room” app, which now uses LiDAR technology to provide enhanced utility when shopping for home products.

According to Wayfair, the LiDAR technology and “RealityKit” software give customers a more authentic and realistic view, so they can make better decisions about what they want to buy. According to Apple, customers are 11 times more likely to buy an item of furniture if they have seen how it looks in their home using AR.

Creating Unique Brand Experiences

AR is one of the technology innovations in our current landscape, helping blur the lines between digital worlds and reality. In a future defined by the rise of the metaverse, AR could have a significant impact on how we spend our time in a more virtual world.

Already, companies are taking advantage of this, with things like virtual pop-up shops and temporary experiences intended to differentiate their brands. For instance, Machine-A, a London-based concept store, is usually committed to showcasing contemporary fashion designs.

When it became apparent that London fashion week for 2020 would be virtual, Machine-A came up with a virtual boutique enabled by AR. By scanning a QR code embedded into billboards and posters across London, users could enter the boutique virtually from their phones and experience the designs themselves.

The concept created by Machine-A has opened the minds of countless business brand teams and marketers to new methods of increasing engagement and awareness among customers. In a world where you can’t necessarily interact with your top customers in person, providing them with a new and immersive experience can be a great way to generate loyalty.

The companies more willing to invest in innovative solutions like AR are also more likely to stand out as innovators in their field. Other companies have experimented with similar “pop-up” experiences and unique ways to capture audience attention. For example, Burberry placed a QR code in a Harrods store, which customers could scan to visit a branded experience, where an Elphis statue walked around in their surroundings through the lens of their smartphone camera.

It’s even possible to use AR experiences to attract the attention of new audience groups. For instance, the retail brand, Pull & Bear launched an AR game created with Facebook to help the company reach the 90% of Gen Z customers who identify as “gamers.”

Provide New Levels of Customer Support

As many of today’s businesses know, memorable branding isn’t just about having the right image or website; it’s also about providing the correct level of customer service and support. Most purchasing and brand loyalty decisions made today are based on customer experience.

Providing customers with unique experiences to improve their shopping journey is sure to make your company stand out in the new digital age. But it’s also possible to go even further with AR in your brand CX strategy too.

Amazon Salon, for instance, the first bricks-and-mortar hair salon created by Amazon, was partially established to test new technology. The “point and learn” service, for example, allowed customers to point a product they were interested in on a display or shelf and immediately access educational content. Users could also scan QR codes to visit the product page on the QR site.

This helps customers immediately get to the product they want to buy without relying on input from human services agents. In a similar vein, AR could be an excellent way to onboard a customer, learning how to use a new product for the first time.

Imagine having a user’s manual your customer can enjoy scanning through, thanks to AR technology. All your customer needs to do is scan the QR code on the back of a product, and they can see the item they need to build or install coming to life in front of them. This reduces the risk of customers having to call for help from tech support and means clients can see the value in their purchases a lot faster.

Companies can embrace AR as a virtual learning experience, helping users collect information and learn how to do things through an immersive first-hand experience. This kind of immersive technology could help to make any brand stand out as more user-experience-focused. Even car companies could essentially provide their customers with a complete virtual HUD showing them how each button and dial on their dashboard works.

Upgrade Website Design

Perhaps the most common way companies will be using AR to create branded experiences today is by updating their website. You’ve probably already seen examples of AR being used in a host of retail sites, with new experiences designed specifically for the age of augmented reality.

360-degree images, for instance, allow customers to essentially “look around” a product, and see it from different angles, just like they would if they were looking at the item in-store. We can see an excellent example of this on the BMW build-your-own web page, where vehicle browsers can see their vehicles from every angle.

The 360-degree product viewing experience lets you check everything from the side molding to the sculpted edges in perfect detail.  

QR codes and app downloads can also allow customers to take their AR experience even further, looking at things like what life would be like behind the wheel of one of these virtually augmented vehicles.

As AR becomes more commonplace and the tools available for designers in this arena continue to expand, there will be even more opportunities available to bring AR into the website experience. Even essential website upgrades today might include allowing customers to upload pictures of themselves or their homes, then using augmented reality technology to implement parts of a product catalog into the space.

AR Virtual Events

Finally, when it comes to exploring all the unique ways you can build a better brand experience and excellent customer relationships with AR, it’s worth looking at the event space. The event landscape has struggled significantly over the last couple of years. The pandemic forced most live events to be canceled, and although the post-pandemic era holds new hope for upcoming in-person experiences, the landscape will be very different.

Going forward, most companies plan to avoid a complete shift back to in-person events by creating “hybrid” experiences and augmented reality events instead. Augmented and virtual reality tools allow customers to step into an event arena from wherever they are.

For instance, the Pot Noodle Unilever brand hosted a virtual alternative careers fair in AR, where people could use their phones to navigate through a range of graduate employer booths. The unique career fair experience was designed to replace the more common in-person interactions graduates might have as they approached the end of their education.

The custom-developed 3D booths featured a range of different employers, and students could tap on the booth screen they were interested in to see a video from each employer. As an added bonus, the connection to the Pot Noodle AR careers fair website meant that students could also instantly apply for any of the jobs they were interested in.

Similar events could help brands recreate some of the meaningful experiential experiences that their customers have been missing out on in the last couple of years. They could also act as a valuable tool for bringing together people in a hybrid event, where someone visiting an in-person demo table could scan a QR code to send virtual demonstrations of a product back to their team.

This would reduce the number of people who needed to be present in an event environment at any given time, reducing the risk of health issues.

Bringing Brands to Life with AR

In the new consumer landscape, brand relationships are more important than ever. As a result, customers are making more careful choices about who they purchase from, based on their understanding of that company’s values and differentiators.

Now that you won’t always have an opportunity to interact with customers in-person to earn their trust, AR could be the solution for a lot of companies in search of new engagement tools. All you need to do is figure out how you’ll leverage all the benefits AR can offer.

Will you be creating an app, building a new website with enhanced 360-degree photos, or designing in-person experiences? Hopefully, these examples have inspired you to start exploring your options.

 

Featured image via Unsplash.

Source

The post How to Use AR in Brand Experiences first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot