What To Look For in a Website Builder

The post 10 Best Website Builders for 2023 first appeared on Webdesigner Depot.

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

24 octobre 2022/par Service comm.

Why Is the Flutter Framework Better Than React Native?

Flutter is a new framework for developing mobile apps that promise to be faster and more efficient than React Native. But what exactly is Flutter, and how does it compare to React Native?

Flutter is a mobile app SDK that allows developers to create high-quality native apps for both iOS and Android. Flutter uses the Dart programming language, which is similar to JavaScript, but with some important differences.

Source de l’article sur DZONE

20 octobre 2022/par Service comm.

Exciting New Tools for Designers, June 2022

Automation is the theme of this month’s collection of exciting new tools for designers and developers. There are tools to make your images better, tools to create illustrations, and tools to make your workflow more efficient. Plus, a whole host of tools that are just plain fun.

Here’s what is new for designers this month…

designstripe

designstripe lets you create beautiful illustrations with no design skills. Drag and drop different elements into place, then customize them for your brand.

DesignMaestro

DesignMaestro is a free keyboard extension app that lets you automate the tasks you repeat daily. Set up a macro with a keyboard shortcut, and tap the shortcut to perform the action.

Ghost 5.0

Ghost is one of the best personal blogging platforms around, and version 5 enhances it with custom code, support for video, and performance upgrades.

Yep

Yep is a new search engine from the makers of Ahrefs. Built from the ground up, Yep will give 90% of its ad revenue to content creators.

The CTO Field Guide

The CTO Field Guide is a free ebook for anyone newly promoted to a technology officer role or looking for a tech leadership role. It’s a simple guide to making the most of your first 90 days on the job.

ASCII Art Paint

ASCII Art Paint is a free, open-source web app for creating images made up of text characters and hieroglyphs. It’s a great way to add pictures to text-only formats.

Effekt

Make your own fun, wallpaper art at up to 8k resolution using Effekt, a mix between an image editor and a visual toy.

Animatiss

Animatiss is a fantastic collection of CSS animations that you can use for free. Tailor the speed of the animation, preview it, then copy and paste the code into your project.

Skiff

Skiff Mail is an email app that features end-to-end encryption. This means your email stays private and secure, so you’re free to discuss sensitive matters.

Super Designer Tools

Super Designer is a collection of design tools for performing simple tasks. There’s a background generator, a pattern generator, a blob generator, and more—all free to use.

Web UI

Web UI is a collection of UI kits and templates for Figma and Adobe XD. Most designs are free to download and use for projects, and some require payment.

Free Online Background Remover

Use this free online background remover to quickly and easily delete the background of photos, leaving you free to paste the foreground over flat colors, gradients, or even different backgrounds.

Untitled UI Icons

Untitled UI Icons is a set of clean, consistent, and neutral icons made for Figma in Figma. There are 3,500 icons in total. The line style is free to download.

OS

Turn your Mac or iPhone into an old-school Macintosh with this retro wallpaper and icon set, and transport yourself back to 1984. OS is a premium download.

Shrink.media

Shrink.media is a free app for web, iOS, and Android that lets you reduce the size of your image file size and dimensions to reduce its footprint.

3D Avatars

This big library of 3D avatars is perfect for any project that needs staff images. There are different ethnicities, clothing, facial expressions, and accessories, so you never run out of options.

Felt

Felt is a modern map maker for the web that gives you more control, more design options, and easier sharing than Google maps.

SureScan

SureScan is a helpful app that hunts through terms and conditions for dubious conditions on your behalf, so you can spend your time doing something less boring.

Reform

Reform is a no-code form builder that you can use to create clean, branded forms for your business without any design or code skills.

Copy Foundry

Discover how the best brands evolve their messaging over time with Copy Foundry, a brand positioning, and copywriting library to help your products stand out.

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

Source de l’article sur sap.com

13 juin 2022/par Service comm.

SAP innove pour répondre aux besoins les plus urgents de ses clients

Actualités, ERP & Applications, Innovation, SAP

WALLDORF, Allemagne — 11 mai 2022 — Aujourd’hui, à l’occasion du salon SAP Sapphire à Orlando, en Floride, SAP SE (NYSE : SAP) annonce ses toutes dernières innovations apportant de la valeur ajoutée à ses clients dans quatre domaines critiques : la résilience de la supply chain, le développement durable, la transformation des processus de gestion et le développement d’applications no-code.

Selon une étude récente du Boston Consulting Group, si 80 % des entreprises se tournent vers les solutions numériques pour relever les défis actuels, seules 30 % d’entre elles parviennent à une véritable transformation numérique de leur activité. Les annonces d’aujourd’hui aident les clients de SAP à accélérer leur parcours de transformation grâce à des solutions innovantes basées sur le cloud qui couvrent les processus de gestion end-to-end dont les clients ont le plus besoin. Ces annonces seront faites le premier jour de SAP Sapphire, la conférence mondiale des clients et partenaires de SAP, qui se déroule en personne et virtuellement du 10 au 12 mai 2022.

“Depuis 50 ans, les solutions critiques de SAP et son expertise sectorielle approfondie aident les entreprises du monde entier à fonctionner au mieux”, a déclaré Christian Klein, PDG et membre du conseil exécutif de SAP SE. “Nous sommes particulièrement bien placés pour continuer à favoriser la réussite de nos clients dans un monde qui évolue rapidement, en favorisant la transformation numérique basée sur le cloud qui résout les défis les plus pressants des clients, depuis la résilience de la supply chain au développement durable.”

Supply chain résilientes et réseaux commerciaux intelligents

Les innovations SAP améliorent l’efficacité et la transparence de la supply chain, permettant ainsi d’améliorer les performances et la résilience. Parmi ces innovations, SAP annonce aujourd’hui une nouvelle suite d’applications iOS qui rationalisent la supply chain numérique et donnent aux travailleurs des outils intuitifs. Les deux premières de ces applications – SAP Warehouse Operator et SAP Direct Distribution – ont été lancées aujourd’hui et sont disponibles dans l’App Store d’Apple.

En outre, le nouveau SAP Digital Manufacturing cloud réunit les dernières innovations en matière d’analyse, d’edge computing et d’automatisation avec des processus de fabrication end-to-end à la pointe de la technologie pour aider les clients à optimiser les performances de fabrication. SAP Business Network continue également d’évoluer pour devenir le plus grand réseau d’entreprise au monde et, avec l’intégration de Taulia, les clients peuvent libérer la valeur liée à leur fonds de roulement.

Faire passer les entreprises de la parole au geste en matière de développement durable

Le portefeuille croissant de solutions SAP en matière de développement durable est idéalement positionné pour aider les entreprises à passer du discours volontaire à l’action concrète. Parmi les nouveautés présentées aujourd’hui, citons les nouvelles fonctionnalités de SAP Cloud for Sustainable Enterprises qui aident les entreprises à innover dans les domaines clés de la gestion du développement durable. Il s’agit notamment de l’amélioration de SAP Product Footprint Management, qui permet aux clients de réduire l’empreinte carbone de leurs produits à grande échelle grâce à la connectivité en direct de SAP S/4HANA Cloud, y compris les capacités de transport et de déplacement.

Permettre la transformation des processus d’entreprise

Les clients continuent d’adopter RISE with SAP, pour redéfinir leurs processus de gestion end-to-end et passer à un ERP modulaire et agile dans le cloud. Plusieurs clients seront présents sur la scène du Sapphire pour montrer comment ils utilisent RISE with SAP pour innover en matière de business. Les partenaires aident également nos clients à mettre ces innovations à l’échelle grâce aux meilleures pratiques et aux solutions sur mesure : RISE with SAP and SOAR with Accenture intègrent et fournissent maintenant ce dont les entreprises ont besoin pour une transformation basée sur le cloud, y compris la gestion de l’infrastructure du cloud, la gestion des applications et les services d’exploitation. La dernière version de SAP Service Cloud comprend de nouvelles fonctionnalités de gestion dynamique et de modélisation des cas, ainsi qu’une intégration native avec Qualtrics® XM Discover et Microsoft Teams, afin d’améliorer la capacité des entreprises à tenir les promesses de leur marque grâce à une meilleure visibilité, une plus grande responsabilité et des délais de résolution plus courts.

Accélérer l’innovation avec le développement No-Code/Low-Code, l’automatisation des processus, les données et l’IA.

SAP AppGyver, l’une des principales solutions de développement d’applications d’entreprise no-code/low-code, inclut désormais une intégration native avec SAP Service Cloud et est disponible dans le cadre du volet gratuit de SAP Business Technology Platform. SAP Process Automation, qui fait également partie du SAP BTP Free Tier, a été amélioré pour la gestion des flux de travail no-code et l’automatisation robotique des processus (RPA).

SAP fournit également de nouvelles innovations SAP AI pour optimiser intelligemment les processus opérationnels end-to-end, y compris le lead-to-cash, design-to-operate, recruit-to-retire et source-to-pay. SAP offre également à tous les étudiants un accès gratuit à des ressources et à des expériences d’apprentissages personnalisées dans la « student zone» du portail d’apprentissage. Pour répondre au besoin croissant de développement accéléré d’applications par des utilisateurs non techniques, SAP lance un parcours d’apprentissage amélioré qui prépare les étudiants à de nouvelles certifications en low-code /no-code.

Guide des actualités SAP Sapphire 2022

Plus de détails sur toutes les nouvelles, les lancements et les mises à jour dans le Sapphire News Guide.

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

The post SAP innove pour répondre aux besoins les plus urgents de ses clients appeared first on SAP France News.

11 mai 2022/par Service comm.

Design Patterns: How to Create Simple Interfaces

There are long-standing patterns in design that help us understand what the user wants and which solution will work best. These are referred to as design patterns. This article will explain how patterns help us appropriately construct an interface. We’ll dissect features like buttons, navigation, accordions, and date selection with examples.

This article will be helpful to both new and experienced designers who want to learn more about how to use interactive features and when to use them. If you’ve been in the industry for more than a year, you’ll know that nothing is black and white and that multiple ways can address the same problem depending on the situation.

Buttons

First, consider the following question: which of the buttons depicted in the graphic is better?

The first button will appear to be the obvious choice for many people. Indeed, it is a well-known pattern that most people will recognize; it is the perfect solution for many projects. However, if customers understand the context, they are less concerned with the shape; therefore, there is no need for the designer to think in stereotypical terms. The context or states of a button can demonstrate that it is a button. When we place the cursor at an interactive feature on one website, it turns into a circle. “View” will be written inside the circle. The interface will be less cluttered as a result, and you will be able to clearly show the user that they are dealing with an interactive interface.

Next, which of these two Skip and Sign Up buttons, each with a distinct design accent, is better?

Many people would most likely vote for the first couple. That was something I used to do as well. However, put yourself in the shoes of a user and observe what this interface expects of you. They also want us to collect data at registration, which they emphasize. You can, however, skip this step. Is it up to par? Yes, because many users are hesitant to register on the site and provide personal information. We decide for the user which action is a priority when we show this hierarchy of buttons. But why not let them make their own decision? This is becoming a more prevalent strategy nowadays. For example, we see two identically filled buttons at Nike: Register and Learn more.

Apple uses the Learn More and Buy buttons the same way. The latter isn’t a large red button that screams, “Buy now! Buy now!” The user also can decide what is more important right now.

And here’s another question: if you had to choose between Cancel and Save, which would you put first?

It’s difficult to say whether Cancel should be displayed first or Save. Assume I issue a command. Which is more important: having a button in the interface for the desired action or seeing all of the answer alternatives and then deciding? Designers frequently choose the second choice, but it is unimportant.

According to Nielsen Norman Group research, both the first and second patterns are understandable for customers. Android and iOS are two examples of this, as they use both methods. They all have their own set of benefits.

I enjoy how Apple handles this in macOS. The emphasis is on canceling the action if you are assigned an irreversible task (such as deleting data from the recycle bin). The user must fully comprehend that they cannot retrievd anything they delete.

So, when working with buttons, do the following:

Determine your task, i.e., what action the constructed buttons should prompt the user to take.
See if you can demonstrate that the button is a button by looking at its uses in the interface or its states.
Check to see if the text on the buttons is legible.

Navigation

I’ll also begin the navigation section with an example question. Consider a site’s navigational block and a logo (a circle on the slide). Is it better to put the logo in the middle of the navigation or on the left side?

Both options appear to be equivalent. However, according to various research, the upper left corner is still preferable. There are numerous explanations for this. Because we read from left to right, the logo is the first thing we see. It’s also a marker that tells the user where they came from.

The NNG research center conducted an interesting experiment on this topic. Users were tasked with purchasing a specific item from an online store. At the same time, the list did not include any well-known stores, only local businesses. Some sites’ logos were on the left side of the navigation, while others were in the middle. Commodities were purchased, but the users had no idea what was being tested in the trial. After a while, they were asked for the company’s name from which they purchased the merchandise on the internet. People remembered both the brand and the company name better when the logo was on the left. As a result, having the logo on the left is likely to be significantly better—especially for well-known organizations. Of course, this doesn’t stop a lot of websites from putting their logo in the middle of the navigation box.

Consider a site that displays page links in a burger-style menu. Is it better to hide all navigation in the burger or remove part of the elements and display them to the user?

According to research, it is preferable to highlight a part of the navigation. If you know what sections users visit first, you might be able to show them those sections immediately. However, the user must click on the icon and search through a comprehensive database for specific information. Therefore, it makes sense to expedite this process and immediately provide them with what they require.

This is true not only for mobile interfaces but also for desktop interfaces. In the example below, a directory must be opened independently to be viewed. When the focus of a user’s attention shifts, it irritates them. If a drop-down list displays when you open a menu, users are not always comfortable. After that, it must proceed from left to right, and so on. Therefore, it’s preferable to display the complete menu if possible.

When it comes to navigation, the issue of the menu’s number of items cannot be overlooked. The fewer options a user has, the easier it is for them to decide. It is suggested that 7-9 things are ideal on the internet. However, when there are a lot of sections, subcategories, and sub-subcategories (as in a marketplace), fitting everything into a minimal number of items isn’t always feasible.

There are various options in this instance. There are multiple tiers of menus that can be created. The website of the New York Times is an example. There is horizontal navigation and another burger on the upper left of the home page. A wide menu appears when you click it, with more sections at the bottom and more sections at the top. The fact that the New York Times is a vast resource justifies this. That is why the website’s designers placed the essential items on the horizontal while also indicating that there are other components. The menu is accessed using a button in the upper left corner. If the user is dissatisfied with the primary navigation, this placement enhances the likelihood that they will see the menu and click.

According to the three-click rule, the user must reach the needed information in three clicks. There is, however, no data to back this up. Users today are willing to spend significantly more time looking for information. For example, if we’re looking for a product at an online store, we browse to the appropriate department and then dig further into many subcategories until we find it. Then there’s more filtering, sorting, adding to comparisons, adding to cart, checkout, shipping, etc. This does not appear to fit within three clicks. As a result, don’t limit yourself to this guideline. It’s preferable to keep the navigation simple and obvious so that the user may rapidly reach his objectives.

Perhaps you could divide the interface so that the user chooses from 7-9 categories first, then another 7-9, then another 7-9, and so on till they reach the end. Although you shouldn’t make it too complicated by creating a hierarchy with ten to twenty levels—this is scarcely practical. Five catalog segments, in my opinion, are quite acceptable.

But what if there are a lot of subcategories, and you can’t sensibly divide them into 7-9 items? Here are two basic strategies to assist you: The first is a list of names in alphabetical order. The second point to consider is terminology. This may be seen with Amazon. Take a look at their home decor area, which is organized alphabetically by subcategories. This makes finding things much easier for the user. The essential requirement is that the name be correct and recognizable to the user. You should not use jargon, slang, or professional vocabulary.

In some places, I genuinely admire Amazon’s approach. The creators placed a couple of the most popular subcategories at the top of the list, then let the rest of them go in alphabetical order. This is an excellent solution to the problem because it allows you to display the most popular things first.

Avic follows suit. Apple products account for the majority of the company’s revenue. As a result, breaking up or hiding such products makes no sense; instead, they are removed from the catalog and relocated to the top, increasing the number of categories on the main page. Again, it appears that the user will have difficulty making a decision. However, if Apple is the primary source of revenue, it seems logical to feature this section right away.

The examples considered are based on simple navigation. However, not every task is like this in practice. You might want to do something entirely out of the ordinary in some circumstances. For example, you may have seen a developer’s website in France where you have to use the arrow keys on the keyboard to drive a car that rides between menu items to traverse between sections. This is a rare occurrence, and even though it appears to me to tackle a slightly different problem, it succeeds—and in the process, it generates an environment around the project.

Here’s another example of an impressive menu from the Warsaw Puppet Theater’s website. All navigation is done using symbolic images that appear to be on strings and move as you point at them, much like puppets. As a result, the user becomes more engaged in the navigation game. In the tradition of puppet theater, this approach produces a delightful ambiance.

Go over the following items before beginning to work with navigation:

Is there anything you don’t want to be seen on the site? If the service is huge, consider how you might make the user’s life easier: alphabetical order, putting critical stuff first, constructing sophisticated breadcrumbs, etc.
Find a way to display to the user where they are now and where they can go. This is critical because you should always design states for all interactive elements: normal, on hover, active, unavailable, and in the process of loading.
Determine whether the menu will be anchored at the top and what it will contain. A language switcher, for example, will most likely be located in the top right corner of a bilingual site. Should you, however, remove the option to change the language if the visitor has already begun scrolling down the page?

Accordion

Let’s get to the accordion now. First, let’s look at two different versions of this interface element: one with the chevron pointing down and one with the plus symbol. Which version of the icon do you think is better? Then there’s the question of whether the icon should be placed to the right or left of the text, independent of its type.

According to studies, users recognize accordions and are more likely to click on the text. They click on the icon 25% of the time when it’s on the right and 75% of the time the text it’s on the left. Does this mean there’s no need for the icon to be on the right? No, it’s pretty acceptable to put it there. In truth, it doesn’t matter where we put it; the important thing is that we put it somewhere and make it big enough to click on.

The only difference is that the procedure takes a little longer when you click on the icon. This is because individuals aim and try to click on the icon accurately. As a result, it is vital to create such an element large enough to work with comfortably. I would even propose enlarging the clickable area rather than the icon itself. The project “Dia,” in which the icons are as large as the accordion itself, appeals to me. This site is, I believe, simple and convenient for all users. Each cell is clickable and takes up the entire screen width in this example.

When it comes to the arrow’s direction, you shouldn’t always aim it right. Many users have learned that pointing the arrow to the right indicates heading to another page. Only the tiny area, text, and icon in the example below are clickable, and there is a button at the bottom with an arrow that points in the same direction as the accordion’s equivalent. However, the acts are distinct. When you click the accordion, it will open block down, and when you click the button, you will be redirected to another page. People may be perplexed by this.

Giving the user an accordion with no identifying signs is likewise not good. A person must know which aspect of the interface they are interacting with. You must either use an icon or demonstrate that the element is clickable. The only thing that indicates clickability in the example above is the changing appearance of the cursor when hovering over the text. However, it is not visible; it must be larger, or a term such as “Read” should be used. Without that, the user won’t be able to tell the accordion apart from the bold text selection.

As I previously stated, you must think out all interactive features in terms of states. If there was a positive, for example, it should change—or at least become a minus. As a result, the user will realize that the drop-down box can be hidden.

It’s inconvenient when the icon vanishes after you click on it. The user anticipates being able to close the block at the exact location where they first opened it. After all, they may not like the response that appears and may want to delete it right away. He’ll have to re-aim now that the button has been repositioned. Here’s an unusual example of an accordion plus that isn’t clickable. This is only true for mobile navigation. If the user has previously dealt with the desktop version, they may not recognize what’s wrong and believe it’s a bug when switching to the mobile version.

Imagine you’re charged with deciding whether to keep the open items or conceal them when the user opens others. On the one hand, if the items don’t shut, the symbol will not move because no items are transferring. On the other hand, if there is too much text, the user may have trouble navigating to the following question. As a result, it may be preferable to close superfluous blocks automatically. However, consider the number of responses in a specific accordion.

The accordion is a multipurpose element. Not only may it be utilized for the FAQ area, but also the checkout page. According to Baymard, more than 30% of online retailers worldwide accept payments through accordion-style checkouts, with the percentage in the United States being considerably higher at 56%.

This solution has several benefits. The user can first view the following steps to complete (say, which payment systems are accepted). You don’t even have to click “Next” or navigate to another website to accomplish this. Second, the accordion makes it simple to navigate from block to block to check data without having to reload the page and risk losing it. After all, if the user made a mistake in the first area and discovered it in the second, it’s simple to correct it here. You’d have to return to the previous page in a typical checkout and risk losing the information you’d filled out but hadn’t sent to the server.

You can also use an accordion to create menus. However, you must exercise caution in this situation. The parent accordion category in the example below has no content. As a result, if you repeatedly click on the items to collapse the accordion, the entire content area remains empty. In this situation, it’s also a good idea to include some information in this page section.

The fantastic, beautiful accordion on hover is another example. It is quite adaptable. Although there is no accordion in the mobile version, it is essentially just banners that translate to other links.

Another more extreme example created by evident admirers of such a solution is an accordion within an accordion. The entire site can be navigated using these blocks. It’s amazing.

In mobile interfaces, accordions are also essential for website design. They make it simple to conceal information. All navigation on The Guardian’s website is done through these blocks. The only thing that bothers me is that the parent categories aren’t clickable. A user does not have the choice of seeing all of the sports news. Only the subcategories “Football,” “Cricket,” “Rugby,” and so on are available. On the other hand, The Guardian has moved the parent categories on the front page, which is a reasonable answer to such an issue.

The Wall Street Journal, on the other hand, took a very different approach. They didn’t post the categories on the main page and instead crammed everything into a single block. When a user visits a category, however, there is the Main section. This allows you to navigate to the main parent section or a specific subcategory.

Let’s summarize the accordion:

Always ask yourself from the start if you really need an accordion. After all, the user’s “fee” is the click. You can sometimes get away without it and supply all the information at once.
Consider which icon to use. It can be anything, but the most important thing is that it is simple to use.
Where should the symbol be placed? It is highly dependent on how everything adapts. For example, if you have a long line, it is preferable to set the symbol on the left. Then, you won’t have to worry about the icon vanishing when you collapse the accordion into a small block and shift the text to the following line.
Choose whether all blocks are closed by default or the initial block is left open. This is dependent on your task and the aims of the user.

Date

The choice of date is the next crucial factor to consider when discussing design patterns. I’ll begin with a comparison, as is customary. Users of iOS 14 who have set the alarm clock time will be familiar with this scenario. What is the better option?

I like the first choice since it is more attractive and does not distort the font as much as the second. However, the first variant has a potential issue: it is difficult to modify and twist. After all, the space is limited, and the user must fit precisely into the spot. It’s worth noting that Apple decided to leave both alternatives open.

Consider what you’ll use the Date Picker for a while you’re creating it: a date range for booking hotels or planning excursions, a date to set a birthday or reminder, a date to indicate the time for a movie session, or for ordering a cab. This will impact the rest of the process of envisioning and designing this feature.

It’s critical, in my opinion, to describe the many ways in which the user obtains information right now. The four options are a calendar, a drum (more of a mobile solution), a conventional input area, and a drop-down list. Let’s look at a few distinct solutions that all deal with airline tickets. Wizz Air, for example, utilizes a calendar, but it’s a double one so that the customer can see two months at once.

But, if so, which start date should be specified? It seems it should be the next day, and the website shows this. However, studies have shown that users are not always happy when a date has already been set. People rarely purchase next-day plane tickets. Therefore this “default” setting will almost certainly need to be modified.

Qatar Airlines went even further by announcing a start and end date. Today is the first day of the program. Is that choice required if the user logs in at 23:58? The second issue is that there is no differentiation between the start and end dates and all days in between. Everything is painted in the same hue. Users want to see anchors for dates if they plan a long trip that begins in one location and concludes in another. People are used to being told that we begin and end at specific places. As a result, the user can be certain that the dates are correct.

Today, UIA puts both the departure and return dates on the calendar. We’ve already established that this isn’t ideal. It’s also challenging to select a destination because you have to first click on the list, then go to the dropdown, search for the country, etc. It’s a long and winding road. But, it appears to me that the main blunder is something else. The search results output is blank. If I select two destinations and dates, I may be informed that that destination has no available flights. If I go on to the following date on the calendar, there are no flights available. Overbooking is the only method to find out when they will arrive. I’m likely to use a third-party aggregator that gathers data from numerous airlines straightforwardly and conveniently.

SkyUp’s calendar is one of my favorites. It includes large fields that open up a large calendar, and it’s simple to set the trip’s start and end dates. It indicates days when there are no flights for a specific location, and you can view the price for each ticket right away. This is quite useful because it allows you to choose a day and a flight even before you click confirm.

Let us now turn our attention to the drum. You can enter nearly any information into such an element, including time, date, and other lists. Users may easily navigate this tool and jump between values.

The input field follows. We must consider the format if we allow the user to enter a date using the keyboard. For example, in different regions of the world, “12.10.2021” may be interpreted differently: for some, it may be October 12, while for others, it may be December 10. This is especially significant in the case of the following example site for renting a car in another country. The user must be aware of the format they are dealing with. In this circumstance, several experts advise that the user writes in text. However, there is the issue of localization: would the system recognize that the language is not global English but rather a more non-standard language? After all, the user can use abbreviations when writing. You must either instruct the user on how to do it or use other solutions, such as placing a calendar icon next to it. In this method, the user controls how the data is entered.

If the drop-down list is modest, such as months, there is nothing wrong with it. However, you may accumulate an excessively long list over time. Consider the website Ukrzaliznytsia. The time limit is one hour, and there are 24 items on the list. Perhaps a mixed approach is best here, where the user enters a few digits and then selects from a list.

This is precisely the approach used in Google Calendar. If you start writing 16 in the input box, the sub-options appear at 16:00, 16:15, 16:30, and 16:45 (according to the system’s set step of 15 minutes).

Let’s summarize calendars:

When creating a calendar, remember to figure out what format the date will be in, as well as localization, language, and how to define where the day and month will be.
It’s worth noting that the start of the week varies by region and personal preference—in some cases, it’s Sunday rather than Monday.
Figure out whether the fields should have some default value if they are going to make sense to users or leave everything blank at the start.
Decide if unavailable days should and can be shown. In some cases, there may be technical limitations here. I’ll refer you to the examples mentioned above. SkyUp may not have many flights, and Qatar Airlines has an order of magnitude more. Because of this, it is not always possible to pull flight information to the calendar before the user sends a request to the server.
Determine whether the next entry step should be opened automatically. For example, for Wizz Air, after filling in the departure date, the field for the end date will open automatically, while for UIA, you need to click the field again for the second date.
What to give the user first: the date or the time? Let’s say you want to sign up for an English course. You have certain working hours, and you want to get to classes before or after them, any day suits you. What is the primary goal: to allow a person to enter the time and then show the available days for a given schedule, or do otherwise? That brings up another question: how do you show selected and unavailable days or other labels? For example, in Google calendar, everything is well separated by color tags: events, public holidays, invitations to events, etc. But in this scenario, you need to think about the possibility of creating a legend that describes all the tags you’ve created.

Remember: Design Patterns Must Solve the User’s Problems

If you summarize everything above, the main recommendation is simple: before applying any design patterns, make sure you know what tasks the user should complete and how to solve them. Based on this, you can build an interface with gorgeous and, more significantly, human-friendly buttons, navigation, accordions, dates, and other features.

The post Design Patterns: How to Create Simple Interfaces first appeared on Webdesigner Depot.

4 mai 2022/par Service comm.

PureNFT Disrupts the NFT Market

Combining minimalist aesthetics with the ongoing trend for digital art, PureNFT is an awesome new app that lets anyone break into the lucrative NFT market.

The app aims to lower the bar for prospective NFT creators by creating a minimal artwork from a single-pixel captured anywhere on your viewport. You can mint your NFT directly in the app — the process of recording your artwork on the blockchain — and list it for free on PureNFT’s dedicated marketplace.

Using PureNFT’s ArtPicker tool, hover the tool over any part of your screen, click a pixel to generate your NFT, and then click the “Mint Now” button to mint it. The app will upscale the pixel to a solid-color artwork with an ultra-high resolution of 5,000 x 5,000px. On the pro plan, PureNFT will automatically generate a 250 x 250px thumbnail to ensure your artwork isn’t pirated.

One of the best features of PureNFT is that you don’t need any drawing ability to break into the exciting NFT trend. Just point your mouse at a pixel and click, and the app will generate a pure high-resolution version of the pixel for you.

Unlike most marketplaces that favor Ethereum, PureNFT is powered by the Solana blockchain, which is far more energy-efficient, and, consequently, environmentally friendly. Despite this, PureNFT’s tokens are platform-agnostic, which means you can mint them on the native platform and then transfer them to popular marketplaces like OpenSea and Rarible.

The potential for NFTs created with PureNFT is limitless. You can literally click any pixel, mint it as an NFT, and wait for the money to start rolling in.

NFTs are a hugely popular way of monetizing artwork, but they are limited in scope; you can only sell one unique NFT of the Mona Lisa, and even then, you have to be the Louvre to do it. But with PureNFT, anyone can visit Wikipedia and open an image of the Mona Lisa that is 7,479 x 11,146px. That translates to 83.3 million potential NFTs; if each pixel sells for an average of $1,000, you might make enough to buy the actual Mona Lisa!

Minting an NFT on PureNFT currently costs 1 SOL (approximately $125 at the time of writing). The first NFT minted by PureNFT — an azure pixel from an unknown screen grab — has an asking price of 375 SOL (approximately $46,875 at the time of writing), but not all PureNFT users have been so lucky, with some early beta users complaining of returns as low as 300%. Nonetheless, the potential for substantial financial gains is evident.

According to Brendan Lewes, co-founder and CTO of PureNFT, the team is interested in introducing AI-powered automation in the near future: Imagine an automated tool searching for popular images, breaking them down into pixels, minting them, and selling them for you, while you live your life. NFT mining could be the next big area of crypto.

However, automation isn’t likely to come anytime soon, according to Lewes:

For now, we’re focussed on maintaining a stable platform. But…we’re super excited about the journey we’re on, and [co-founder Max Schriebport ] and I can’t wait to see where it take us.

PureNFT is currently in beta on macOS, Windows, and iOS, with an Android version on the way. There’s a free plan that allows you to preview up to 5 NFTs, and pro plans start at $399/month.

The post PureNFT Disrupts the NFT Market first appeared on Webdesigner Depot.

Source de l’article sur sap.com

1 avril 2022/par Service comm.

Quand la technologie donne le LA à la tournée eco-friendly de Coldplay

Actualités, ERP & Applications, Innovation, SAP

Même dans les périodes difficiles, certaines choses demeurent inchangées. La musique est pour beaucoup un exutoire et le moyen de partager des moments uniques. Dans un même temps, la réduction des émissions carbone est une priorité essentielle pour tous, et ce dans le monde entier. Pour répondre à cet enjeu, Coldplay s’associe cette année à SAP afin que sa tournée mondiale « Music Of The Spheres » soit la plus neutre possible en carbone.

Quand la date du concert tant attendue approche, vous vous demandez probablement comment vous comptez vous y rendre. La réponse à cette simple question peut avoir un impact important sur le déroulement de votre soirée, mais elle pourrait avoir un impact encore plus grand sur votre empreinte carbone, et par conséquent sur notre planète et ses habitants.

Croyez-le ou non, les déplacements du public pour aller et revenir d’un concert contribuent largement aux émissions de carbone et s’accumulent à chaque tournée. Tous les fans n’en ont pas conscience mais en les sensibilisant, nous pouvons en responsabiliser des millions.

Coldplay, l’un des groupes de musique les plus célèbres et engagés, s’est fixé une mission pour sa prochaine tournée mondiale : la rendre la plus éco responsable possible. Pour y parvenir, ils souhaitent réduire leur consommation globale mais également avoir davantage recours à des technologies vertes, dans le but de réduire les émissions totales de CO2. Ce projet est aussi le moyen de sensibiliser la communauté de fans à une cause qui concerne tout le monde.

Coldplay souhaite ainsi continuer d’offrir une expérience de concerts unique à ses fans tout en leur donnant la possibilité de s’engager à ses côté. Pour donner vie à ce projet, le groupe avait besoin d’un peu d’aide ; c’est là qu’intervient SAP.

“Grâce à notre technologie et à nos solutions, nous donnons aux organisations du monde entier les moyens de favoriser le développement durable“, a déclaré Christian Klein, PDG et membre du Conseil Exécutif de SAP SE. “Coldplay et SAP partagent un engagement commun et profond pour le développement durable, et nous sommes ravis d’unir nos forces pour rendre leur tournée aussi écologique que possible.”

SAP a collaboré avec Coldplay pour développer et lancer l’application Coldplay Music Of The Spheres World Tour. Cette application combine des expériences interactives et immersives avec des fonctionnalités qui permettent aux fans de prendre des décisions plus respectueuses de l’environnement lors de leurs déplacements. Une fois que les utilisateurs auront téléchargé l’application, ils commenceront leur voyage et exploreront différentes sections qui offrent toutes des moyens uniques de faire partie de l’univers Coldplay tout au long de la tournée.

Les fans peuvent commencer par l’axe durabilité dans la section “Voyage” de l’application. Ils peuvent y visualiser et mieux comprendre en quoi leur mode de déplacement impacte leur empreinte carbone. En choisissant parmi sept modes de transport différents – voiture, taxi, train, transports en commun, vélo, à pied ou en avion – les fans peuvent voir en temps réel l’impact de leurs décisions sur l’environnement. Et pour promouvoir des modes de transports plus durables, l’application offre des récompenses sous forme de codes promo sur la boutique en ligne de Coldplay à tout spectateur qui s’engage à utiliser les transports à faible émission carbone.

L’application comporte également d’autres rubriques :

La tournée : il est possible de consulter les dates et les lieux des concerts, de trouver des billets ou même de partager ses concerts préférés directement sur les réseaux sociaux.
Planet : cette rubrique permet de plonger dans des jeux interactifs sur le thème de la réduction des gaz à effet de serre, tout en apprenant davantage sur les actions mises en place par Coldplay et ses partenaires de tournée dans le domaine.
Univers : Grâce à cette rubrique, l’utilisateur peut créer son propre contenu sur le thème de Coldplay en utilisant la réalité augmentée. Il est possible d’y prendre des photos, créer des vidéos, et même de danser avec des extraterrestres, puis de partager ses créations sur les réseaux sociaux. Cette rubrique donne également accès à du contenu exclusif sur le groupe.

Pour donner vie à cette expérience d’envergure mondiale, SAP a exploité deux solutions de premier ordre : SAP Business Technology Platform et SAP Cloud for Sustainable Enterprises. Coldplay utilise également SAP Analytics Cloud pour obtenir des informations sur l’empreinte carbone des fans qui voyagent, à partir des données capturées dans l’application, ce qui aidera le groupe à déterminer comment la tournée compense les émissions de carbone calculées.

“Ces dernières années, nous avons cherché à placer le développement durable au cœur de nos tournées et l’application joue un rôle important dans la concrétisation de cette vision et de cet engagement. Nous sommes très fiers de la collaboration avec notre partenaire SAP, qui a créé une application à la fois efficace et attrayante permettant à nos fans de choisir des moyens plus durables pour se rendre à nos concerts“, a déclaré Coldplay.

Les difficultés rencontrées par Coldplay pour gérer les émissions de carbone liées aux déplacements du public ne sont pas propres à l’industrie musicale. Partout dans le monde, les entreprises sont confrontées à la gestion des émissions de carbone qui ne font pas partie de leurs activités ou qui ne sont pas sous leur contrôle direct, autrement dit, les émissions de niveau 3. SAP aide ainsi les entreprises du monde entier à devenir des entreprises durables et intelligentes, en leur fournissant des solutions et des outils numériques pour gérer de manière optimale leurs performances en matière de développement durable, à tous les niveaux de leur activité.

Ce n’est qu’en s’engageant collectivement que nous pourrons commencer à améliorer notre impact sur l’environnement. Avec l’application Music Of The Spheres World Tour, nous sommes heureux de montrer au monde entier que lorsque nous travaillons conjointement, nous pouvons sensibiliser, agir, et surtout changer les choses.

Pour vivre vous-même l’expérience, l’application Music Of The Spheres World Tour de Coldplay est déjà disponible en téléchargement sur iOS et Android.

The post Quand la technologie donne le LA à la tournée eco-friendly de Coldplay appeared first on SAP France News.

29 mars 2022/par Service comm.

Analyzing iMessage With SQL

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

SQLite is an often overlooked flavor of SQL engines. Some have suggested it is the most prolific SQL engine in existence due to its highly flexible nature and ability to run on almost any platform with limited resources. Unlike other SQL engines like MySQL, PostgreSQL, MSSQL, or Oracle, SQLite runs without a server. SQLite does not rely on a data directory or a constantly running daemon: a database is encapsulated in a single file.

SQLite and iMessage

iMessage is one of the most popular messaging platforms today, largely because it is built into iOS and Mac devices. Since its release, it has evolved significantly. But, at its core, it is simply an instant messaging platform. iMessage uses SQLite in the background to store relational data about messages, conversations, and their participants.

Source de l’article sur DZONE

12 mars 2022/par Service comm.

Have You Tried Adobe Creative Cloud Express Yet?

Adobe has launched Creative Cloud Express to help anyone make beautiful, stand-out content for the web.

Unlike Adobe’s other products that need a little training and practice to make the most of, Creative Cloud Express is aimed at those with no prior design experience as part of Adobe’s mission to enable creativity for all.

Creative Cloud Express is a series of web, and mobile apps (iOS and Android), that uses a templating system to allow anyone to create social media posts, logos, ads, and more. Simple to use, Creative Cloud Express uses guided tools that hold the user’s hand throughout the process, making it easy to achieve beautiful results with no previous experience.

Creative Cloud Express makes producing creative work a viable option for anybody, regardless of experience. However, it is most suited to social media posting — even though it’s possible, it’s unlikely anyone is seriously going to use Creative Cloud Express to design a logo, given the extensive design insights needed to approach that task.

Creative Cloud Express is great for anyone who wants to dip their toe into Adobe’s product range but isn’t ready for the full Create Cloud Suite of tools. However, it’s really beneficial to companies whose design teams are tied up producing assets for the marketing department. It’s perfectly suited to marketing teams that need to output a lot of professional-standard design assets quickly; designers can make brand assets once and leave the marketers to create the content they need, safe in the knowledge that they’ll end up with professional-looking results regardless of skill.

Adobe describes Creative Cloud Express as being “template-first,” meaning that the starting point for your design will be one of the thousands of professionally designed templates included in the app. Once you have your starting point, you can add your images, content, and videos using a simple drag and drop interaction. In addition, creative Cloud Express has thousands of high-end illustrations, brushes, stickers, and fonts. Creative Cloud Express even gives you access to the entire Adobe Stock photo collection. So, even if you don’t have an extensive set of company assets ready to go, you can still create something truly unique.

Professional designers will also benefit from Creative Cloud Express thanks to the tight syncing with the Creative Cloud Suite. You can quickly toggle between rich and straightforward tools, allowing you to take advantage of powerful apps when needed and fall back on fast automation when suitable.

Powered by Sensei, Adobe’s proprietary AI and machine-learning technology — the same tech that powers design-app giants like Adobe Photoshop and Adobe Premiere Pro — Creative Cloud Express takes the hard work out of producing design assets with quick actions. For example, you can remove the background from photos, trim or merge videos, and export PDFs, all in a few clicks.

One of the must-have features of any design app these days is collaboration, and Creative Cloud Express has it built into the core experience. Adobe’s Shared Libraries, Shared Templates, and Shared Brands are all built-in so that teams can work seamlessly together.

Creative Cloud Express is already an impressive tool, but it’s just the beginning for Adobe. Future updates will include even tighter integration with Creative Cloud apps, more quick actions, and new templates. Adobe plans to release new features every week, making for an exciting learning curve.

Creative Cloud Express is all about enabling creativity and helping those professionals that haven’t previously thought of themselves as designers to build a career as part of the creator economy.

Creative Cloud Express is free on the web at adobe.com/express and can be downloaded for free from the Apple App Store or Android Store. Premium features can be added for $9.99 per month.

The post Have You Tried Adobe Creative Cloud Express Yet? first appeared on Webdesigner Depot.