Articles

Popular Design News of the Week: December 7, 2020 – December 13, 2020

, ,

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

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

Web Typography Rules: What You Need to Know

 

How Microsoft Crushed Slack

 

Graphic Design Trends for Social Media in 2021

 

UX Christmas

 

Traxr – Monitor Links with 100% Accuracy

 

Hexometer 2.0: Monitor Website Issues and Performance Actively

 

Designing Data Science Tools at Spotify

 

Cow Pilot – The Deadline Driven To-Do List

 

Roy – A Simple & Delightful Color Picker for Designers

 

5 New SEO Tools for Marketers

 

21 Unique Web Design Trends for 2021

 

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

 

Visme 2.0 – All-in-one Design Platform

 

2020 Year in Review

 

How to Build a Web App: Key Steps for Starters

 

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

 

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

 

The Dos and Don’ts of Creating your Product Roadmap

 

Pantone Reveals Two Choices for its Colour of the Year 2021

 

Headlime 2.0 – Professional Marketing Copy for Anyone

 

Design for Sales: 10 Creative UI Designs for Ecommerce

 

How to Build a Strong Mobile App Brand

 

10 New Rules of Design

 

Remake 2.0: Make Web Apps with Just HTML and CSS

 

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

 

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

Source


Source de l’article sur Webdesignerdepot

/par

How Scrum Helps Developers Build Technical Skills and Flexible Architecture

,

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

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

Source de l’article sur DZONE

/par

5 ans après la COP21 : 87% des Français se disent concernés par l’avenir de la planète

, , ,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.

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

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

Source de l’article sur sap.com

/par

An Introduction to GraphQL (for Developers)

,

This article was originally published at Coder Society, and we’ll explore GraphQL’s core features, how to interact with a GraphQL API, and some development and operational challenges.

The Story of GraphQL

Nowadays, REST seems to be the default approach for building APIs, typically based on the familiar HTTP protocol. While REST is relatively simple to work with and enjoys widespread popularity, its use of multiple endpoints to address resources sometimes gets in the way of flexibility.

Source de l’article sur DZONE

/par

2 Smartest Ways to Structure Sass

,

Sass – the extended arm of CSS; the power factor that brings elegance to your code.

With Sass, it is all about variables, nesting, mixins, functions, partials, imports, inheritance, and control directives. Sass makes your code more maintainable and reusable.

And now, I will show you how to make your code more structured and organized.

The organization of files and folders is crucial when projects expand. Modularizing the directory is necessary as the file structure increases significantly. This means structuring is in order. Here is a way to do it.

  • Divide the stylesheets into separate files by using Partials
  • Import the partials into the master stylesheet – which is typically the main.sass file.
  • Create a layout folder for the layout specific files

Types of Sass Structures

There are a few different structures you can use. I prefer using two structures — a simple one and a more complex one. Let’s have a look.

Simple Structure

The simple structure is convenient for a small project like a single web page. For that purpose, you need to create a very minimal structure. Here is an example:

  • _base.sass — contains all the resets, variables, mixins, and utility classes
  • _layout.sass — all the Sass code handling the layout, which is the container and grid systems
  • _components.sass — everything that is reusable – buttons, navbars, cards, and so on
  • _main.sass — the main partial should contain only the imports of the already mentioned files

Another example of the same simple structure is the following:

  • _core.sass — contains variables, resets, mixins, and other similar styles
  • _layout.sass — there are the styles for the header, footer, the grid system, etc
  • _components.sass — styles for every component necessary for that project, including buttons, modals, etc.
  • _app.sass — imports

This is the one I usually use for smaller projects. And when it comes to making a decision of what kind of structure to be used, the size of the project is often the deciding factor.

Why Use This Structure?

There are several advantages why you should use this organisational structure. First of all, the CSS files cache and in doing so, the need to download a new file for every new page visit is decreased. In this way, the HTTP requests decrease as well.

Secondly, this structure is much easier to maintain since there is only one file.

Thirdly, the CSS files can be compressed and thus decrease their size. For a better outcome, it is recommended to use Sass/Less and then do concatenation and minification of the files.

In case files become disorganized, you would need to expand the structure. In such a case, you can add a folder for the components and break it further into individual files. If the project broadens and there is a need for restructuring the whole Sass structure, consider the next, more complex pattern.

The 7-1 Patterned Structure

The name of this structure comes from 7 folders, 1 file. This structure is used by many, as it is considered to be a good basis for projects of larger sizes. All you need to do is organize the partials in 7 different folders, and one single file (app.sass) should sit at the root level handling the imports. Here is an example:

sass/
|
|- abstracts/
| |- _mixins // Sass Mixins Folder
| |- _variables.scss // Sass Variables
|
|- core/
| |- _reset.scss // Reset
| |- _typography.scss // Typography Rules
|
|- components/
| |- _buttons.scss // Buttons
| |- _carousel.scss // Carousel
| |- _slider.scss // Slider
|
|- layout/
| |- _navigation.scss // Navigation
| |- _header.scss // Header
| |- _footer.scss // Footer
| |- _sidebar.scss // Sidebar
| |- _grid.scss // Grid
|
|- pages/
| |- _home.scss // Home styles
| |- _about.scss // About styles
|
|- sections/ (or blocks/)
| |- _hero.scss // Hero section
| |- _cta.scss // CTA section
|
|- vendors/ (if needed)
| |- _bootstrap.scss // Bootstrap
|
- app.scss // Main Sass file

In the Abstract partial, there is a file with all the variables, mixins, and similar components.

The Core partial contains files like typography, resets, and boilerplate code, used across the whole website. Once you write this code, there is no further overwriting.

The Components partial contains styles for all components that are to be created for one website, including buttons, carousels, tabs, modals, and the like.

The Layout partial has all styles necessary for the layout of the site, i.e., header, footer.

The Pages partial contains the styles for every individual page. Almost every page needs to have specific styles that are to be used only for that particular page.

For every section to be reusable and the sass code to be easily accessible, there is the Section/Blocks partial. Also, it is important to have this partial so that you don’t need to search whether particular code is in the home.sass or about.sass files in the Pages partial.

It is a good idea to put each section in a separate .sass file. Thus, if you have two different hero sections, put the code in the same file to know that there you can find the code for the two sections. And if you follow this pattern, you will have the majority of files in this folder.

The Vendors partial is intended for bootstrap frameworks so, if you use one in your project, create this partial.

I recommend you use app.sass as the main folder. Here is how it should look:

// Abstract files
@import "abscracts/all"; // Vendor Files
@import "vendor/bootstrap.scss"; // Core files
@import "core/all"; // Components
@import "components/all"; // Layout
@import "layout/all"; // Sections
@import "sections/all"; // Pages
@import "pages/all";

Instead of having a lot of imports in the file, create an all.sass file in every folder. Each all.sass file should contain all the imports for that folder — and to make it more visible and understandable, create a main file.

Organisation

The biggest benefit of this structure is organisation.You always know where to check if you need to change something specific. For example, if you want to change the spacing on a Section/Block you go directly to the Sections/Blocks folder. That way, you don’t need to search in the folder to find the class in a file.

Facilitation

When the code is structured, the processes are promptly facilitated. They are streamlined and every segment of the code has their own place.

Final Words

Organizing code is essential for developers and together with all other skills, it is the most effective way to improve the functioning of the site. And even though there are multiple ways of organisation and different strategies, opting for simplicity helps you avoid the dangerous pitfalls. And finally, there is no right or wrong choice since everything depends on the developer’s work strategies.

 

Featured image via Reshot.

Source


Source de l’article sur Webdesignerdepot

/par

Heroku and Salesforce: From Idea to App (Part 1)

,

As someone who became a Salesforce developer by accident 10 years ago and parlayed that into a career and business, I’m fully aware of the dividends that investing in continuous learning and brushing up on the latest in my industry can yield.  Even after years of working in the Salesforce ecosystem, earning 11 certifications, and going through several hundred different projects, I’ve found it’s difficult to make the time to keep up with all the new tools and features of modern development (and usually I have the TrailheaDX and Dreamforce conferences each year to get caught up!).  

Due to the COVID-19 travel restrictions, in-person conferences are canceled. However, a new video series piqued my interest. In particular, two Salesforce Developer Advocates, Mohith Shrivastava and Julián Duque, are doing a series on Modern App Development on Heroku/Salesforce.

Source de l’article sur DZONE

/par

Pantone Color of the Year 2021

,

It’s that time again: the self-fulfilling prophecy that is the Pantone Color of the Year has been announced for 2021.

For 2021, we’re getting two colors of the year. The colors selected to grace museum gift shops, and end-of-year blog posts are Ultimate Gray (a mid-range gray somewhere around #939597) and Illuminating (a citrus yellow that’s approximately #F5DF4D).

A marriage of color conveying a message of strength and hopefulness that is both enduring and uplifting.

The last time Pantone selected two colors was Rose Quartz & Serenity in 2016, and we all know what a tranquil, serene year that was; so 2021 will presumably unleash the curse of an ancient mummy on the world, or see us collide with the Sun.

2020’s color, “Classic Blue”, probably wasn’t much of a color of the year unless it happens to be the color you painted your home office. If the company had genuine foresight, it might have opted for the blandest beige it could find — in fact in the Summer paint brand Dulux almost opted for that for 2021, naming “Brave Ground” its color for next year, but for beige’s “resilient” qualities rather than any lockdown boredom.

Perhaps that’s why Pantone’s PR department opted for two colors in 2021: a nondescript grey to keep us going until we’re all vaccinated, and a wildly luminous yellow for the latter part of the year.

In fairness to Pantone, its color choices aren’t predictions as is often reported, rather aspirations. Pantone believes the pairing “expresses a message of positivity supported by fortitude” which may be just what the world needs right now.

A combination of colors is much more sensible than a single color, with so much about color dependent on context. But the actual color treatment of 2021 is much more likely to be multi-color gradients.

You can try out Pantone’s colors for 2021 on Instagram, or on Pantone Connect.

Source


Source de l’article sur Webdesignerdepot

/par

SAP France nomme Pascal Le Nahédic, Directeur des solutions à impact écologique et sociétal et Sylvie Turcotte, Directrice avant-vente

, ,

LEVALLOIS-PERRET, France – 10 décembre 2020 – SAP France, 5ème filiale du Groupe SAP, leader du marché des logiciels d’applications d’entreprise, annonce le renforcement de sa stratégie « Green Line » avec la création d’une direction dédiée. Dirigée par Pascal Le Nahédic, celle-ci vise à aider les organisations à répondre à une de leurs priorités incontournables : améliorer leur impact environnemental et sociétal. SAP entend ainsi accélérer sur les sujets clés du développement durable.

En effet, les entreprises européennes sont face à une problématique complexe : alors qu’elle ont consacré 124 milliards d’euros l’an dernier à de nouvelles actions de réduction de leurs émissions de Co2, elles vont encore devoir doubler les investissements bas carbone pour avoir une chance d’atteindre l’objectif de zéro émission nette en 2050 fixé par Bruxelles.

Pascal Le Nahédic nommé Directeur des solutions à impact écologique et sociétal, SAP France

Pascal Le Nahédic prend les commandes des solutions à impact écologique et sociétal de SAP et sera en charge d’accompagner les clients de SAP dans le développement de nouvelles pratiques pour réduire leur empreinte sur l’environnement grâce aux technologies.

Après avoir passé 10 ans au sein du Groupe Exxon en Europe et en Asie, Pascal rejoint SAP France en 1999 en tant que Directeur de projet. En 2007, il occupe la fonction de Presales Industries. Depuis 2015, il assure le rôle de Presales Business Architect pour l’industrie ENR. Passionné par le sujet d’économie circulaire, il multiplie les initiatives d’intrapreneuriat en interne dont un projet innovant visant à aider les entreprises à réduire leurs déchets en termes de PLV (Publicité sur Lieu de Vente).

Sylvie Turcotte – Directrice Avant-Vente, SAP France

Sylvie Turcotte est à la tête de l’ensemble de l’organisation Avant-Vente pour SAP France.  Elle a pour mission de renforcer la croissance cloud de la filiale française par la mise en place de nouvelles approches avant-vente. Passionnée du milieu des technologies depuis 30 ans dont 20 ans au sein du groupe SAP. Sylvie a débuté sa carrière chez SAP Canada en 2000 comme consultante Finance, Funds management et Real Estate, avant de rejoindre l’équipe avant-vente Secteur Public pendant plusieurs années pour ensuite devenir directrice des ventes de Premium Engagement. Par la suite, elle a été nommée Customer Solution Director (CSD) puis Directrice de l’équipe Digital Core (Finance et Supply Chain) au niveau de SAP Canada, rôle qu’elle occupait depuis 3 ans.

The post SAP France nomme Pascal Le Nahédic, Directeur des solutions à impact écologique et sociétal et Sylvie Turcotte, Directrice avant-vente appeared first on SAP France News.

Source de l’article sur sap.com

/par

5 NLP Trends to Watch in 2021

,

Although still in its infancy, 2020 has been a year of significant growth for Natural Language Processing (NLP). In fact, research from Gradient Flow found that even in the wake of the COVID-19 pandemic, 53% of technical leaders indicated their NLP budget was at least 10% higher compared to 2019, with 31% stating their budget was at least 30% higher than the previous year. This is quite significant, given most companies are experiencing a downturn in IT budgets, as companies adjusted their spending in response to the pandemic. 

With the power to help streamline and even automate tasks across industries, from finance and healthcare to retail and sales, leaders are just beginning to reap the benefits of NLP. As the technology advances further and its value becomes more widely known, NLP can achieve outcomes from handling customer service queries to more mission-critical tasks, like detecting and preventing adverse drug events in a clinical setting. As NLP continues on its growth trajectory, here are some of the top trends to watch in 2021. 

Source de l’article sur DZONE

/par

How to Prioritize Speed with a Mobile-First Design

,

By the end of the year, the number of global smartphone users is expected to reach 3.5 billion. That’s a significant 9.3% increase over the last 12 months.

In a world where everyone is constantly connected to their mobile devices, it makes sense that web developers and designers would need to consider new rules for how they create engaging experiences. After all, most of us find browsing from our smartphones to be much more convenient than sitting down at a laptop each day.

With a little luck, you’re already taking steps to mobile optimize your website but standards are changing all the time. To make sure your website is up to scratch, here’s your guide to prioritizing your site for mobile, ready for the new year.

Understanding Mobile-First Design

The first step in updating your web design and development principles, is understanding the concept of mobile first design, and how it’s changed.

With a responsive website, you create something that adjusts to the screen size of any device; with a mobile-first site, you’re focusing first-and-foremost on the user experience that people get when they’re on mobile, taking that as your starting point, and building from there. Instead of building your website for the desktop and using mobile as an afterthought, you start with a consideration of mobile.

Even Google is highlighting the demand for this process lately, with the mobile-first indexing algorithm. If you can’t design for mobile-first, then you could risk your clients being unable to rise up the search engine ranks.

So, how do you get started?

1. Start With the Right Tools

Web developers and designers are nothing without a great toolkit.

The good news is that there are solutions out there that can help you to master the right skills for a mobile-focused user experience. For instance, Skeleton is excellent for small-scale projects that require fluid grids and minimal compiling.

Alternatively, Bootstrap can offer a one-size-fits-all solution for the front-end development for mobile devices. There’s a default grid system available, plenty of components, and JavaScript plugins to work with.

With the right tools, you can minimize and prioritize the content that’s most valuable for your website projects. This is crucial for maximizing website speed and creating clarity when it comes to content and imagery.

For instance, check out the ESPN website; it’s split into very easy-to-follow categories of content that are perfect for scrolling on a smartphone. The grid of videos makes it feel like you’re using a tool like YouTube.

2. Prioritize Mobile-First Elements

Once you have the right tools to assist you, it’s time to begin building your mobile-first website from the ground up. Rather than jumping straight into considerations of the latest design trends, it’s important to start with the foundations.

For instance, navigation within a mobile page is usually hidden under a hamburger button. However, you can take this concept to the next level too. For example, the Shojin mobile website only demonstrates the most important website options within the navigation bar to avoid overwhelming users.

The key here is to keep things as simple as possible, without restricting what your audience can do when they visit your website. Although you want to keep the number of interactive elements on your site small, you also need to ensure that those elements are easy to find and use.

All buttons and CTAs should be clear and tappable. Fonts need to be large enough to read from any screen, and your navigation system needs to be 100% simple, without slowing anything down.

On average, we recommend making all clickable elements at least 48 pixels in height.

3. Use Responsive Imagery and SVGs

Images are a crucial part of any website. They add context and appeal to your design. However, they can also seriously slow down your website if you’re not careful.

Remember, different devices have different demands when it comes to imagery. A desktop page may need a 1200px wide image, while a mobile-only needs the image to be 400px wide at most. The old way of making your images work was to load a large resolution image and use the same file on every platform. Unfortunately, this slows downloading time significantly.

Instead, it’s better to have at least two different versions of the same image for your mobile and desktop solutions. You can also consider SVG.

SVGs are incredibly scalable – more so than bitmaps. With SVG, you can ensure any icon or graphic continues to look sharp and clickable across all devices. Because these files are often smaller, your site loads quicker too! Hubspot is great at using SVGs.

Intricate illustrations are a massive component of HubSpot’s brand. If those images were saved as PNGs or other alternative files, then they would take forever to load. Because they’re all SVGs, you can enjoy the same consistent experience across desktop and mobile.

4. Get the Typography Right

It’s not just the big graphics and images that make a huge difference to your website when it comes to mobile-first design. You also need to think about the legibility and clarity of your website across all devices and platforms. If people can’t read the value proposition of the company that you’re designing for, you’re going to have a major problem.

Focus on making your content as easy to read as possible. Look into the typefaces that seem most appealing on a range of devices.

Remember to balance the body and heading font sizes for the device size too. You’ll need to ensure that the experience feels consistent and smooth as your users scroll through each page. Just take a look at the mobile version of the IMPACT website, for instance.

The headings aren’t as huge as they are on the desktop version of the website, and they’re displayed below, rather than above the featured image. However, this helps to give a more immediately eye-catching and structured experience to mobile users.

There’s even a handy “Search Engine Optimization” tag included, that users can click on if they want to find more related articles.

When it comes to typography, remember that it’s not just size and clarity that matter, but how things are structured throughout your website too. Your type should naturally guide your visitors along the page.

5. Master Available Device Features

Finally, on smartphones, you can accomplish a range of amazing things that you might not be able to do when using a desktop device. Your users can make calls, open apps, send messages, and more, all from within their mobile browser. They can also move their smartphone around a room, taking advantage of concepts like AR and VR.

Taking advantage of the unique capabilities that smartphone design can offer gives you a chance to get unique with your user experience.

Making the most of the mobile experience can be much simpler than you’d think. For instance, on a desktop site, you could list your phone number on a contact page. On a mobile site, the number can begin a call when clicked. You can also take the same approach with email addresses, and social media icons too.

Depending on how experimental you feel, there’s also plenty of opportunities to go above and beyond with your mobile features. You may decide to create a mobile app version of a website that your customers can download onto their phones.

Alternatively, you can look into things like AR technology. This could allow your users to practice placing items of furniture that they may be thinking of buying from an online retailer into their house, so they can see how well they work with their other interior design choices.

Making the Most of Mobile-First Design

Ultimately, having a responsive website that works on both mobile and desktop devices is mandatory in the modern world. However, going above and beyond with mobile-first design is a great way to get ahead of the game.

If you can focus on building a website that puts the experiences of mobile users first, then you can create something that’s much more likely to grab audience attention and deliver amazing experiences.

If nothing else, showing your clients that you have what it takes to design for mobile is an excellent way to ensure that you can gain as many new project opportunities as possible.

Source


Source de l’article sur Webdesignerdepot

/par