Articles

The design world fluctuates back and forth, swerving between love and hate for different design trends. Sometimes we see a wide range of approaches, and sometimes designers all hop on the same idea.

This month, the web is dominated by animation. Designers are cramming in motion in unexpected ways. And it’s fun to explore. Here are 20 of the best new sites on the web this month. Enjoy!

Bannach

Bannach is a German furniture brand. Its products are colorful and geometric, so it makes sense that when you scroll down to the collection, the thumbnails begin as pixel blocks and animate into product photography.

Fornasetti Profumi

Fornasetti Profumi takes a different approach to motion. It uses video to emphasize stillness to promote the calming qualities of its candle products.

The Other Side of Truth

The Other Side of Truth is a superb exercise in utilizing the web for a cause. It presents facts on the Russia-Ukraine war, but the standout feature is the toggle switch that, instead of light mode-dark mode, toggles facts and Russian state propaganda.

Glasfurd & Walker

Glasfurd & Walker is a portfolio site for a design agency. So far, so standard. However, it sets itself apart because it’s slightly bigger than the browser and swerves left and right with your mouse movement.

Sirup 5th Anniversary

Sirup is a Japanese singer-songwriter, and to celebrate the fifth anniversary of his first hit single, his record company has put together this awesome maximalist micro-site that uses type, motion, and art direction to capture his style.

Fitzjohn’s

Fitzjohn’s is a slick site for a new apartment complex in the Hampstead area of London. It uses a refreshing modern color palette and calming animation to take the edge off the frankly ludicrous price tag.

Persepolis Reimagined

Persepolis Reimagined is an awe-inspiring WebGL tour through one of the most important cities in ancient Iran. Make sure you tour it on a large screen. It’s hard not to be wide-eyed with wonder.

JaM Cellars

JaM Cellars is a Californian wine brand that’s pitching to bachelorette parties. With names like Butter, and Sugar, it’s not the most sophisticated tipple, but yellow, we love a yellow site.

Danielle Levitt

This portfolio site for film director and photographer Danielle Levitt features samples of her best work scrolling past the viewport. There’s a clever switch of thumbnail and background color when you scroll down to the contact details.

Propel

From total color energy to Apple-levels of minimalism: Propel is a slick, animate-on-scroll site for a marine motor brand selling an outboard and inboard motor. The animated masks on the images are a nice subtle touch.

Standards

Standards is a site for a SaaS that helps organizations create, maintain, and share brand guidelines. It uses subtle animation, video of its UI, and compelling copy to sell its approach.

Chris Carruthers

The portfolio site for Chris Carruthers is deliberately self-indulgent with scrolling text, clipped images, and scroll-jacking, but it’s also delightful to peruse.

Theodore Ellison Designs

We don’t often see colored glass in real life, but the play of light on stained glass is beautiful. This site for Theodore Ellison Designs uses video to bring the effect to the web.

Owomaniya!

The Owomaniya report for 2022 uncovers the state of gender diversity in the Indian entertainment industry. Presented in the style of infographics, the information is brought to life by animation.

Meetings

Meetings is a French events company. Its site uses an animated collage approach to showcase its services, and animated text to pull you into its content.

Blakeney

Blakeney invests in African companies on behalf of institutional investors. Its site is typical of the financial industry, but it uses animation to lift it to a higher level of interest.

Becklyn

Becklyn is a digital design agency. Its portfolio site uses animated text, expanding image masks, and video to guide us through its site and app design approach.

Cabi

Cabi is a brand of Japanese condiments with a typically Japanese feeling site. Bright colors, a slowly scrolling slideshow of dishes, and editorial to pack shot hover effects are a great introduction to the brand.

Slantis

Slantis provides building information modeling to architecture and infrastructure providers. Its site uses animation to showcase the types of content it produces for clients.

July Fund

July Fund is a venture capital project. It takes an entirely different approach than its competitors by adopting a chaotic but enjoyable card-based design.

Source

The post 20 Best New Websites, October 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

User Experience is a crucial consideration for any web developer or designer; the only way to ensure that you’re delivering a successful website is to ensure that the end-user or customer will feel comfortable using it. 

A strong user experience increases your client’s chances of successful audience engagement and conversions.

What you might not realize, however, is that the strategies you use to enhance UX as a web developer or designer can also influence how the search engines respond to a website. 

Though many designers assume that SEO (Search Engine Optimization) is the work of a copywriter or content producer, there are design elements to consider too. 

After all, the definition of optimization is “the action of making the best version of a resource.”

So, how are UX and SEO connected?

Adding UX to a Successful SEO Strategy

SEO used to be easy. To stand out on the search results, you just needed to stuff a page full of as many keywords and phrases as possible. Now, it’s a little more complicated. 

Leaders in search engine development, like Google and Bing, know that they need to offer their customers excellent experiences to keep them. In this new experience-focused landscape, SEO and UX share common goals. 

Search engines don’t just want to provide customers with any answers to their questions. Instead, Google and its competitors are using everything from artificial intelligence to machine learning algorithms to ensure that search results are accurate, relevant, and engaging. 

In the same way, user experience is about providing users with easy access to the information and resources they want. 

Now that SEO is a multi-disciplined approach, UX is just one of the essential tools that makes it possible for developers to optimize their websites properly. 

Where UX Developers Influence SEO 

There are plenty of connections between UX and site indexability

We all know that since 2018, site speed has become a crucial ranking factor for companies in search of better search results. As a developer, it’s up to you to ensure that there aren’t too many elements weighing a website down that would prevent it from delivering fast results. 

Bounce rate is another critical factor in search engine ranking algorithms. When customers click on a website, Google wants to see that they get the answers they want. If your navigation is difficult to understand, or the correct information isn’t easy to see on a page, end-users will just hit the back button. 

Let’s take a closer look at how developers can influence SEO with their UX strategies. 

1. Site Navigation and Ease of Use

It’s no secret that today’s digital consumers crave easy-to-use sites.

A complex website with pages ranking for different terms might seem like an excellent idea for SEO. However, from a UX perspective, the easier it is to navigate your website, the more your end-users will benefit. 

According to a study from Ahrefs, well-optimized pages that rank for several keywords can be more beneficial than dozens of pages ranking for similar terms. At the same time, if the search engines have difficulty crawling all your pages due to a poor site navigation strategy, then some pages won’t get indexed. 

So, how do you improve navigation and SEO at once? Follow the proper structure for your site first, categories and subcategories on the retail page help customers find exactly what they need. A solid internal linking structure allows the crawlers to examine your website and index each essential page individually.

Keep navigation simple when designing a website for both UX and SEO potential. 

2. User-Friendly Page Layouts

There are countless cases where poor layout design and formatting disrupts SEO potential. For example, cluttering a page with too much information makes it tougher to read and index. At the same time, if your pages aren’t attractive and easy to navigate, customers are more likely to hit the back button. 

If customers come to a website and immediately leave it again, this tells the search engines that they’re not finding what they need on those pages. That means Google will bump you to a lower position on the SERPs. 

So, how do you make your layouts more UX and SEO-friendly?

  • Get your category pages right: Say you’re creating a blog page for your client. They want to list all of their blogs on one main page while linking to separate locations for each article. A design that puts a large chunk of content from each blog on the main page can be problematic for UX and SEO. It means your customers have to scroll further to find what they need. At the same time, the search engines never know which words to rank that main page for. On the other hand, listing blogs on smaller cards, as Fabrik does in this example, makes sorting through content easier. 
  • Leverage headers and tags: Your customers and the search engines habitually “scan” your pages. When trying to improve UX and SEO simultaneously, you must ensure that it’s easy to find crucial information quickly. Header 1 or H1 tags can help by showing your audience your website’s critical sections. Title tags also give search engines more information on the term you want to rank for. Organizing your content into a structure that draws the eye down the page also means your customers are more likely to stay on your website for longer. That shows the search engines that you have quality, relevant content. 
  • Make the most of images and videos: Visual media isn’t just an excellent way to engage your audience. With videos and pictures, you can convey more vital information in a quick and convenient format. This leads to greater satisfaction from your audience from a UX perspective. However, visual content is also great for SEO. You can optimize every image with alt text and meta descriptions. That means you have a higher chance of ranking both in the main search results and the image searches on Google. 

3. Using Search Data to Inform Site Architecture

Today, SEO is less about building hundreds of landing pages for individual queries. Now, it’s more important to take a simple, de-cluttered approach with your website. SEO can determine what kind of architecture you need to create for a successful website. 

For instance, say you wanted to rank for eCommerce SEO. There are tons of related words that connect to that primary search term. Rather than making dozens of different pages that try to rank for distinct phrases, you can cover a lot of other ideas at once with a larger, more detailed piece of content. 

If a topic is too big to cover everything on a single page, then you might decide to create something called “pillar” content out of your main terms. This involves using one main page where you discuss all of the topics you will cover. Then, you design several smaller sub-pages that link back to that central pillar. 

Once again, this helps the search engines to navigate your website and index your pages while assisting the customers in finding the correct information. At the same time, you combine more pages on a website and remove anything that might be detracting from your site’s authority or not offering enough value. 

4. Improving Website SERP Listings

It’s easy to forget as a developer that a customer’s first experience with a website won’t always happen on that site’s homepage. Usually, when your customers are looking for solutions to a problem, they’ll find your website on the search engine results instead. 

This means that you need to ensure that you make the right impression here:

There are a few ways that developers can ensure the search engine listings they create for their clients are up to scratch. For instance, a reasonable title tag for each page that includes appropriate keywords is excellent for SEO and UX. A title tag lets your customers know they’re in the right place and helps them find the information they need. 

Remember, around eight out of ten users on search engines say that they’ll click a title if it’s compelling. 

Another component you have control over as a developer or designer is the “rich snippet.” Rich snippets are the informative chunks of content that Google adds to a search listing to help it stand out. You can use rich snippet plugins on a website to tell Google what kind of extra information you want to include on a page. 

For instance, you might want a company’s ratings to show up on your search results, so customers can see how trustworthy they are:

5. Local Business Rankings

When you’re creating a website for a company, it’s easy to forget about local rankings. We see the digital world as a way of reaching countless people worldwide. Local orders are easier to overlook when you have a global scope to work with. 

However, as a developer, you can boost a company’s chances of attracting the right local audience and boosting its credibility. For instance, you can start by ensuring that the correct directory information appears on your client’s website and social media profiles.

Another option is to create dedicated location pages for each area the company serves. This will make it easier for clients to find the contact details they need for their specific location. 

At the same time, pages that have been carefully optimized to rank for specific locations will earn more attention, specifically from search engines. The more of the search engine landscape your client can cover, the more chances they have to attract new customers and leads. 

Combing SEO and UX

In a world where experience is crucial for every business, it’s no wonder that UX and SEO are blending more closely together. There are a lot of areas where SEO and UX work in harmony together if you know where to find them. Improving your client’s SEO ranking with UX doesn’t just mean ensuring that their pages load quickly anymore. 

Simple strategies, like making sure a call-to-action button is clickable on a mobile page, can simultaneously boost a website’s UX potential and SEO performance. At the same time, adding images and alt text to a website provides search engines with more information while adding context to your content. 

The key to success is understanding how SEO and UX work together. If you look at SEO and UX as part of the same comprehensive strategy to give end-users a better online experience, achieving the right design goals is much easier. 

Of course, just like any strategy, it’s also worth making sure that you take the time to track the results of your UX and SEO campaigns. Examine which systems help you, and examine customers from an SEO perspective with design and development strategies.

 

Features image by gstudioimagen on Freepik

Source

The post 5 Ways That UX Developers Influence SEO  first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Doris is an interactive SQL data warehouse based on MPP architecture, mainly used to solve near real-time reporting and multidimensional analysis. Doris’s efficient import and query are inseparable from the sophisticated design of its storage structure.

This article mainly analyzes the implementation principle of the storage layer of the Doris BE module by reading the code of the Doris BE module, and expounds and decrypts the core technology behind the efficient writing and query capabilities of Doris. It includes Doris column storage design, index design, data read and write process, compaction process, version management of Tablet and Rowset, data backup, and other functions.

Source de l’article sur DZONE

Les avancées de la suite SAP SuccessFactors Human Experience Management transforment le développement des talents pour le travail de demain.

A Paris, le 14 septembre 2022 – A l’occasion du salon SuccessConnect, SAP SE (NYSE : SAP) a annoncé de nouvelles avancées dans les fondements de la suite SAP SuccessFactors Human Experience Management (HXM) afin de permettre aux entreprises de mettre en œuvre une stratégie intégrée de développement des talents et de créer une force active prête pour l’avenir.

Les entreprises prospèrent lorsque leurs employés sont engagés dans leur carrière et leur entreprise, qu’ils sont correctement qualifiés, qu’ils perçoivent des perspectives d’évolution adaptées à leur profil et qu’ils ont un fort sentiment d’appartenance. Cependant, de nombreuses organisations ont du mal à avoir une vision d’ensemble des compétences présentes au sein de leurs effectifs ou des ambitions de leurs collaborateurs. Les dernières avancées de la suite SAP SuccessFactors HXM réunissent les données, l’apprentissage automatique et l’IA pour offrir aux organisations une meilleure compréhension des capacités de leur personnel et une intelligence des talents exploitable pour aligner leurs employés sur les besoins de l’organisation.

Les innovations suivantes seront disponibles au deuxième semestre 2022 :

  • Skills ontology utilise le machine learning et l’automatisation pour identifier en permanence les compétences d’un employé en fonction de son poste, de ses responsabilités, de ses expériences et de ses réalisations, offrant ainsi une vision globale des compétences d’une organisation à l’échelle mondiale.
  • Growth portfolio est une source d’information dynamique rassemblant les spécificités de chaque employé : ses compétences, ses points forts, sa manière de travailler, mais aussi ses passions et aspirations.
  • Dynamic teams est une nouvelle fonctionnalité qui permet aux entreprises de créer, de suivre, de mesurer et d’optimiser les résultats de leurs équipes. Les entreprises qui utilisent SAP SuccessFactors Performance & Goals peuvent ajouter des résultats clés objectifs (OKR) à Dynamic teams afin de suivre les progrès et de mesurer la réussite. Dans Dynamic Teams, les employés sont rassemblés selon leurs compétences et non selon leurs affinités. Ainsi, grâce au machine learning et à l’IA, SAP SuccessFactors Opportunity Marketplace rend l’évolution des employés au sein de l’entreprise plus équitable.

Associées à SAP SuccessFactors Opportunity Marketplace, ces innovations apportent les connaissances et l’adaptabilité nécessaires à la constitution d’une force active plus qualifiée, plus souple et plus équitable. Growth portfolio et Skills ontology permettent une individualisation des recommandations au sein de SAP SuccessFactors Opportunity Marketplace, qui reflètent l’ensemble des personnalités des individus, et pas seulement leurs compétences. L’introduction de Dynamic teams transcende les structures traditionnelles pour favoriser un travail basé sur les compétences plutôt que sur les descriptions de poste. Les entreprises peuvent ainsi constituer des équipes diversifiées, capables d’obtenir de meilleurs résultats, tout en accélérant l’évolution de carrière et le développement personnel grâce à des cas pratiques.

En nous appuyant sur notre héritage en matière de gestion des talents, nous réimaginons la manière dont les entreprises assurent la gestion et le développement professionnel de leurs collaborateurs pour répondre aux exigences émergentes du travail de demain”, explique Meg Bear, Présidente et Chef de Produit de SAP SuccessFactors. “Lorsque les gens ont la possibilité de travailler sur ce qui les passionne, ils sont plus engagés, plus performants et permettent à leur entreprise d’obtenir des résultats commerciaux hors normes.”

SAP a créé un système permettant de gérer l’organisation du travail de demain, dès aujourd’hui”, a déclaré Josh Bersin, analyste industriel. “La nouvelle architecture et les nouvelles fonctionnalités de SAP SuccessFactors sont un bon en avant sur ce que les organisations ont besoin pour gérer, développer et habiliter leur personnel et leurs équipes.”

Ces nouvelles applications RH de la suite SAP SuccessFactors HXM sont des innovations essentielles qui fournissent un système complet de développement des talents et conçues spécialement pour les organisations afin de les aider à créer une force active durable et prête pour l’avenir.

Pour que le développement des talents soit durable et efficace, les organisations doivent favoriser un sentiment d’appartenance. Donner aux gens les moyens de s’épanouir au travail commence par l’identité. Les utilisateurs de SAP SuccessFactors peuvent désormais indiquer le nom et les pronoms personnels de leur choix sur leur profil public, ce qui leur permet de s’approprier la manière dont ils se présentent et d’être reconnus comme leur véritable personnalité au travail.

Les noms choisis et les pronoms personnels seront généralement disponibles pour tous les clients SAP SuccessFactors au quatrième trimestre 2022. Skills ontology, Growth portfolio et Dynamic teams seront également disponibles dès le quatrième trimestre 2022.

Pour en savoir plus, rendez-vous à l’événement virtuel SuccessConnect. Suivez SAP sur Twitter @SAPNews.

The post SAP innove et accompagne les entreprises vers le travail du futur appeared first on SAP France News.

Source de l’article sur sap.com

SuperTokens is an open-source project which enables you to add auth to your app quickly. It gives you a pre-built auth UI and backend APIs for an end-to-end integration experience.

Before we dive into the code, let’s discuss the overall architecture.

Source de l’article sur DZONE

On paper, microservices sound wonderful. They are modular, scalable, and fault tolerant. A lot of companies have had great success using this model, so microservices might naturally seem to be the superior architecture and the best way to start new applications.

However, most firms that have succeeded with microservices did not begin with them. Consider the examples of Airbnb and Twitter, which went the microservice route after outgrowing their monoliths and are now battling its complexities. Even successful companies that use microservices appear to still be figuring out the best way to make them work. It is evident that microservices come with their share of tradeoffs.

Source de l’article sur DZONE

In application development, microservices is an architectural style where larger applications are structured as a collection of smaller, independent, yet interconnected services. While this allows for highly maintainable and testable applications (as each service can be maintained independent of the larger application), the problem with this method is the inherent complexity of interactions between microservices. It can be difficult for developers and team members to visualize how these microservices are connected to each other. We have been looking for ways to produce architectural diagrams that illustrate these interactions. We found that GraphViz helped us to solve part of this problem, as it can take the microservices structure of an application in the DOT language and convert it into a PNG format. However, we wanted this process to be even more user-friendly and more automatic, so that the user would not have to manually generate a DOT file of their microservices architecture. 

In-Browser Tool

As we could not find such a tool, we decided to create one ourselves. We decided that the most user-friendly interface would be to create an in-browser tool that allows the user to upload a jar  file containing a packaged service, and to have an image automatically rendered. This article discusses how we went about creating this tool and includes an example of what happens « behind the scenes » of this interface. 

Source de l’article sur DZONE

Perimeter security has been dying a slow death over the better part of a decade, as breaches of the corporate network have become commonplace. Most organizations now find it obvious that trusting devices and users merely for being « on the corpnet » is insufficient to maintain security in the face of evolving threats.

At the same time, the re-platforming of business applications to a SaaS model, coupled with a more mobile and distributed workforce, has made the need to « VPN into a corpnet » feel archaic and cumbersome. The pandemic created the perfect storm around these two long-term trends, accelerating this slow death into a fast one. Adopting a zero-trust architecture is no longer negotiable for any organization that wants to stay alive.

Source de l’article sur DZONE

Over the years, I’ve been in various discussions regarding the benefits of clean architecture, best practices, techniques such as code reviews, unit tests, etc., and I think to some degree, most of us are aligned on the reasons behind it. Having a clean architecture or code-base not only makes your development team happier, but it has a far-reaching impact on the business itself.

In this post, we will learn about NDepend, which is described on their website as the following:

Source de l’article sur DZONE

A good application lifecycle management (ALM) package has software that is able to carefully manage and monitor all aspects of software development.  ALM applications provide tools for managing and completing the phases of design, development, testing, deployment, and ongoing enhancements.   With an ALM solution in place, organizations can significantly improve the way they design, build, test, and adapt their software.  Greater customer satisfaction, speed of development, and reduction of cost is the often the result.

Top ALM Tools:

VersionOne

Source de l’article sur DZONE