Articles

As we turn the corner into the final part of the year, many of the new websites and redesigns that we see during much of the rest of the year tend to slow down. Many businesses are focusing on fourth quarter and holiday sales.

With that being said, there are plenty of holiday flourishes already showing up on many websites. But there are still a few trends that don’t have a holiday theme.

Here’s what’s trending in design this month.

1. Beautiful Connectivity

Web elements that merge and flow into one another can be difficult to design but the payoff is totally worthwhile. This website design trend exemplifies connected elements in a way that’s beautiful and mesmerizing.

You can accomplish it with static elements or interactivity; the common theme is that design parts enter the space of one another and merge in ways that are seamless and visually interesting.

The thing that makes it exceptionally tricky is responsiveness. To ensure that pieces work well at all sizes when they overlap or encroach on the space of one another takes a lot of planning and testing.

Here are a few examples of projects that do it well – and each one does it in a different way.

Kirk Whayman’s website uses a floating ice cube over simple lettering. The interactivity is spot on here with hover actions that allow you to move the block with the letters refracting in an expected manner. (It would be easy to play with it all day.) But the coolest interaction happens when you “break it” (click on the cube). The elements continue to merge and interact in a new and different way.

Kikk Festival uses animations and giant scrollable illustrations and plenty of elements that overlap within the space. What’s neat is that everything on this canvas seems to touch everything else. The staircase design encourages scrolling and lettering and smaller animated elements all connect to the steps in the sky motif.

Multi Options Nursing takes a totally different approach. It uses a static split screen with a photo on the right side that merges into a round graphic element. It takes two not-s-interesting images and makes something out of them. The design carries this theme below the scroll as well and this style of image presentation carries a nice visual weight without feeling heavy.

2. Almost Brutalism

Brutalism just seems to keep coming back around. For those that love this trend, it keeps evolving as well.

The latest styles of brutalism are a little less mono but still pretty sharp with harsh lines, questionable type readability, and a lot going on in a compressed space. These projects also seem to be embracing color and alternative font choices more readily.

Fledge uses a split screen – still a dominant trend two years running – with a blue that’s almost too bright with an almost white offset color. The text is big and smooshed into the space tightly. Depending on the breakpoint, you might not even get the whole phrase on the left side. The design challenge is what are you supposed to do here? There are some hover animation cues, but they aren’t very direct.

Loeven Morcel’s design has hints of brutalism and elements of elegance. What makes this design skew toward the brutal side is use of space and typography. Like the previous example, it falls into the territory of “what should I do here” with some concerns about readability. Most of these issues are resolved on the scroll if you move beyond the homepage.

Szymon Michalczyl’s site is another that is close to brutal in style but has an element of sleekness that doesn’t quite carry it over the edge. The simple framework has that brutalist feel but the use of simple, clean fonts with plenty of space pulls it back into a more mainstream design scheme.

3. Beige Everything

Is a shade of beige the color of the year for 2020? Or is it just how we all feel?

Beige backgrounds are everywhere, making this one of those design trends that you can’t miss. The good news is that designers are playing with different shades of beige as well as warm and cool variations. Beige on its own can take on some of the color from accent hues and imagery, so that’s important to keep in mind when using this in the background.

The other variable is how saturated to make beige coloring. Most designs are using some of the more muted options while mostly playing with the levels of green and red. But darker beiges are also an option.

Simon Daufresne uses a beige that is the color that comes to mind when you think beige. It’s simple, a hint reddish, and is used with black only to maintain true color.

Discovered Wildfoods uses a more neutral feeling beige with a more green undertone (or is that color feel coming from other design elements). The neutral and natural color fits the brand and association this website is trying to create.

Aebele Interiors also uses a more traditional beige but with a bold mustard accent that makes the color feel exceptionally warm. What’s nice about this color combination is that in small sizes the mustard colored-type almost falls into the beige background, but at larger sizes seems to almost jump off the screen. It’s an interesting color juxtaposition.

Conclusion

Personally, this month’s trends are a mixed bag. I love the lines and interactivity of the beautifully connected examples. It shows that elements can cross and work together well.

On the flip side, brutalism and beige just aren’t my style. But apparently, they appeal to a lot of people based on the number of projects using these styles. What do you think? I’d love to know how you feel about these trends. Let me know on Twitter.

Source


Source de l’article sur Webdesignerdepot

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

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

Minimal CSS Frameworks

 

Responsive Grid Design: Ultimate Guide

 

The New Facebook Design Sucks

 

The No-Code Generation is Arriving

 

15+ Text Typing Effect CSS Animation Examples

 

AppSheet by Google Workspace – No-code App Building Platform

 

Ecommerce Development Trends: The 2021 Edition

 

How Videos Can Boost your Website Ranking Results

 

5 Small Business Website Essentials You Need for your Site

 

The Psychology of User Decisions

 

Overflow for Windows – User Flow Diagramming Tool for Designers

 

How to Create an AI that Chats like You on WhatsApp

 

‘50 Shades of Blue’

 

Here’s Why Developers are in Love with Functional Programming

 

Apple Building Search Engine to Take on Google, Report Claims

 

A Faster Way to View Search Results with Less Clicking

 

Dark Mode in UI Design for Mobile Apps: Beauty Born in the Darkness

 

EncryptLab – A Collection of Free and Comprehensive Encryption Tools

 

Part of your World: Why We’re Proud to Build a Truly Native Mac App

 

Why I will not Call Myself a Junior Designer - and Neither Should You

 

10 Usability Mistakes Most Designers Make on Checkboxes

 

People Problems

 

Practical Guide to Color Theory for UI Designers

 

Following the 2020 U.S. Election with Google

 

React Vs Svelte – A Comprehensive Comparison Between Javascript Libraries

 

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

Source


Source de l’article sur Webdesignerdepot

The world of search engine optimization was born with all sorts of different hacks and shortcuts that many people use in an effort to grow their business.

Knowing effective SEO tricks would be incredibly profitable, but unfortunately it’s not that easy

This becomes evident as soon as you do a Google search about anything SEO-related, only to find pages and more pages replete with blog posts and videos disclosing all the tips and tricks you “need to know” in order to achieve the best SEO results, in the fastest way possible.

Knowing effective SEO tricks would be incredibly profitable, but unfortunately it’s not that easy.

In its essence, SEO isn’t about hacks, shortcuts, and hidden optimizations, but rather about resource allocation. Keep reading to learn why!

Be Careful About Over-Reliance on Hacks

Before we start talking about resources, it’s important to understand why the quick and easy SEO hacks we’ve all read about online aren’t as reliable as they might seem.

The reality is that yes, there are some traditional hacks and optimization tactics that many people swear by. However, SEO has become way too competitive for these hacks to still work.

Think about it: anyone can learn about these hacks and shortcuts in a matter of seconds, which means that anyone can use them, which means that they’re not going to help your website stand out. By way of example, when thinking about keyword usage, many websites simply decide to put them everywhere on their website, without actually planning and strategizing. Perhaps years ago, doing so would lead to excellent results, but that’s not the case anymore.

What I want to go over, and what I mean with this article, is that when developing your SEO plan, you should think less about hacks, and try to focus on strategy and resources instead.

As tempting as they might be, most SEO hacks won’t really go that far.

What does go far are those strategies and resource allocation decisions, which you can master as long as you know three things:

  • Who your competitors are;
  • What you have;
  • and What strengths you can double down on.

Base Your SEO Strategies on Your Business’s Resources

So, SEO is about resource allocation – we know that now…but what exactly does that mean?

Well, this logic is based on something you might have heard of before, and that is the three pillars of SEO.

As a refresher, everything in SEO revolves around three pillars:

  • Link building and referring domains;
  • Content development and content marketing;
  • Technical SEO.

Many businesses have a limited digital marketing budget and, as if that wasn’t enough, their SEO budget tends to be even more restricted.

This means that we can’t try every hack out there or do every campaign we can come up with, hoping it will lead to positive results. On the contrary, it means we need to be methodical and understand which strategies have the most potential and are actually worth exploring.

In summary, there’s one big challenge that every SEO team and company experiences, and that is the limitation of resources versus possible operations, and that leads us to a question: what mix of SEO pillars will give us a good shot at ranking high and surpassing our competitors?

Develop Your SEO Strategies Based on Your Inherent Strengths

The mistake that a lot of business owners make after reading SEO articles or hearing about amazing case studies is that they try and copy the strategies they learned about, from beginning to end.

However, contextually, each case study or article could refer to a strategy that was specifically optimized for a different type of business.

So, although copying what other successful businesses can work in certain situations when speaking about SEO, it’s best to borrow ideas and use the ones that fit your inherent strengths.

Based on the pillars of SEO that we discussed earlier, there are three strong points that a company can have:

If You Have a Strong Network…

Some businesses don’t have the resources to create an in-house content development team or outsource writing services.

However, they have another strong suit, which lies in their ability to go out into their community, speak, and be heard. They can do this because they have built a strong network over the years and, in cases like this, what we often do is use a backlinking approach.

When working with businesses that have a strong community presence, go out and double down on their network. Pitch their relevant contacts for guest speakership and guest posts, building thought leadership, while also driving links to their website.

If You’re Not That Popular But Are Good With Words…

Right now, some of you might be thinking: “Yeah, well, that’s easy when you’ve built the exposure, but not all of us are lucky enough to be well-known”.

Listen, I get it, we’ve all been in that position.

For clients and businesses that feel like they don’t have the brand equity or exposure to develop a strong backlinking strategy, opt for another route, and invest much more on content (and/or technical SEO, see below).

If the client has a team who’s ready to put its head down and get to work, then focus on producing a lot of content for their website.

Ultimately, the goal is to build a content library that is thorough and expansive, and that provides the client with more opportunities for keyword rankings, while also reinforcing the relevance of their website for those specific SEO keywords.

If Technical Knowledge is Your Forte…

You may not like (or have time) to write and you may not have a strong community presence, but if you have advanced technical skills and the ability to create a strong website quickly, then there’s another approach you can take.

This leads us into the third pillar of SEO: technical SEO.

This solution is indicated for technical teams that can create large websites, databases and user experiences in no time, and it is typically adopted by tech startups that are trying to create an app that provides user value.

First and foremost, winning at technical SEO requires strong technical skills that will allow you to build the web assets that you need, but that’s not all. It also requires you to understand how you can double down on these skills and manage large websites in the rather complex Google ecosystem.

So you need, for example, to know how you can get Google to notice and properly index the new pages you create on your website, even if you already have 100,000 pre-existing pages.

Or to ensure that each of your new pages is properly optimized for the best keywords.

Needless to say, using technical SEO does become a complex operation. However, when done right, it can lead your SEO to grow by sheer size, with the hopes that certain relevant keywords will start to rank for your business naturally.

Conclusion: Your Strategy Will Probably Be a Combination of the Three Pillars

When it comes to SEO, honing in on your strengths and accepting the fact that you can’t do everything is definitely the way to go.

When you’re running an SEO campaign, you should always focus on what you’re good at, know your resources, and augment what you already master – and that will put you in the right direction.

By focusing your resources on any of the pillars of SEO (or even a mix of them), you substantially increase your chances of achieving long-term success, which will not happen if you go for hacks and shortcuts instead.

A long-term, highly-organized, resource-allocated SEO strategy won’t only guarantee continuous success, but it can ultimately become self-sustaining, meaning that it will allow you to keep growing and growing, becoming an organic part of your marketing plan.

I’ve seen a lot of people try SEO hacks for two weeks, only to realize that they didn’t work and that their efforts had been in vain. 

It’s unfortunate because by doing so, you’re turning your back on a marketing channel that is very valuable to a lot of people, and these hacks trick people into thinking it’ll be overnight.

So remember, resource allocation over hacks and shortcuts!

Source


Source de l’article sur Webdesignerdepot

Today, great design isn’t just about conveying the right amount of information in a certain number of pages. 

There’s more to creating the perfect website than experimenting with visuals and sound. Designers need to think carefully about how each element of their site impacts the overall user experience. 

After all, with billions of websites available to explore, it takes something truly immersive to convince your client’s audience that they should stay on their pages. The more convenient and attractive your websites are, the more likely it is that visitors will want to stick around. 

Minimalism, one of the more popular styles of web design from the last few years, can sometimes assist designers in making attractive and effective websites more functional.

The less clutter and confusion there is on a page, the easier it is to navigate. 

So, how do you embrace the benefits of functional minimalism?

Understanding Functional Minimalism

Many webs designers are convinced that minimalism is all about aesthetics. 

They see a website like Hugeinc.com and assume that the minimalist appearance is all about making the website as attractive as possible.

However, the underlying ideas of minimalism in web design go much deeper than this.  The history of minimalist design begins with Japanese culture. Japan has long focused on balancing simplicity and beauty with its architecture, interior design, and even graphic design. In the Western world, minimalism got its day in the sun in the web design environment, after customers endured years of cluttered and complicated web pages with difficult navigation, overwhelming information and clashing graphics. 

Designers began to experiment with the idea that less really could be more — particularly when it came to the digital landscape. 

The Functional Rules of Minimalist Web Design

For a while, minimalism was the most popular style for a website. During 2018, in particular, minimalist web design soared to the top of the designer demand list, as companies fell in love with a combination of white space, simple navigation and bold text. 

While now, there are other design trends stepping into the industry, designers can still benefit from exploring some of the essential rules of functional minimalism. After all, visual complexity has been proven to damage a person’s perception of a website

Additionally, a study conducted by the EyeQuant group found that a clean and simple design can lead to a lower bounce rate. Minimalism gives viewers less to contend with on a page, which can allow for a simpler and more straightforward experience. Additionally, a clean website can also drive additional benefits, including faster loading times, better responsivity between screen sizes and more.

Because you’re only using a few images and well-spaced text, you can even experiment with different strategies, like graphics and dynamic fonts. Look at the Manuel Rueda website, for instance, it’s a great example of how a minimalist design can be brimming with activity.

So, how can any designer use the principles of functional minimalism?

1. Focus on the Essentials

First, just like when designing a landing page, designers need to ensure that they’re concentrating only on the elements in the page that really need to be there.

This means removing anything on the website that doesn’t support the end-goals of the specific page that the viewer is using. Any pictures, background noise, buttons, or even navigation features that aren’t going to support the initial experience that the visitor needs, must go. 

Think about what’s going to distract your visitors from the things that are important and concentrate on giving everything a purpose. For instance, the Plus63.org website instantly introduces the visitors to the purpose of the website, then allows users to scroll down to get more information. The data is spread clearly through the home page, pulling the viewer into a story. 

2. Embrace the Positives of Negative Space

Negative space is one of the fundamental components of good minimalist web design. 

Every part of a good website doesn’t need to be filled with noise to make a difference. White, or negative space can help to give your viewer the room they need to fully understand the experience that they’re getting. 

From a functional perspective, it’s the difference between placing someone in an overflowing storage container and asking them to find what they need or placing them in a room where items are carefully spaced out, labelled, and waiting for discovery. 

The Hatchinc.co website uses negative space to ensure that information is easy to consume. You can find the different pages of the site easily, the social media buttons, and the newsletter subscription tool. Plus, you get a chance to see some of the work behind the site.

3. Make it Obvious

One of the biggest problems that consumers have encountered in recent years, is the concept of “choice overload”. 

Whether you’re in a store, or on a website, you’re never sure what to do first. Do you check out the blog posts on the site to learn more about the authority of the company? Do you visit the “About” page, to see where the brand come from? Do you head to their product pages?

As a designer, functional minimalism can help you to make it obvious what your audience should do next. As soon as you arrive on the AYR.com website, you’re not overwhelmed with choice. You can either head to your bag, “shop now”, or check the menu. 

Since the “Shop Now” CTA is the biggest and most compelling, the chances are that most visitors will click that first, increasing the company’s chance of conversions. 

4. Simplify the Navigation (But Don’t Hide It)

The AYR.com example above brings us to another concept of functional minimalism. 

While minimalism and simplicity aren’t always the same thing, they should go hand-in-hand. When you’re designing for functional minimalism, you should be concentrating on helping visitors to accomplish tasks as quickly and easily as possible, without distraction. 

That means that rather than overwhelming your audience with a huge selection of pages that they can visit at the top or side of the screen, it may be worth looking into simpler navigation options. A single menu icon that expands into a full list of items remains a popular design choice – particularly in the era of mobile web design. 

For instance, look at the simple menu on newvision-opticien.com.

With this basic approach, designers can ensure that visitors are more likely to click through to the pages that their clients want their customers to visit. They can still find what they need in the menu, but it’s not taking up space on the page, or distracting them. 

5. Set Great Expectations with the Top of the Screen

Functional minimalism can also help today’s designers to more quickly capture the attention of their visitors from the moment they click into a website. 

The content that’s visible at the top of the page for your visitors is what will encourage them to take the next step in their online experience. Make sure that you’re providing something that keeps your audience interested and gives them the information they need. 

That way, you’ll lower the risk of high bounce rates for your clients, while also taking advantage of minimalism’s ability to deliver quick access to information for your audience. 

At the top of the page, the Kerem.co website instantly introduces the visitor into what the website is all about, and what they should do next. 

You can even deliver more information in one chunk at the top of the page, without cluttering the environment, by using good UI animation. 

Consider implementing a slideshow of pictures that flip from one image to the next, or a font section that dynamically changes as your audience has chance to read each sentence. 

6. Use Functional Minimalism in the Right Spaces

Remember, functional minimalism isn’t just for home pages. 

Depending on what you want to accomplish for your client, you could also embed the components of minimalism into landing pages, portfolios, and squeeze pages too. 

After all, when there’s less clutter and confusion on a page to distract a potential audience, there’s a greater chance that your visitors will scroll to the bottom of the page and complete a conversion. For instance, look at how simple and attractive the Muzzleapp.com landing page is.

The page provides useful information and tells customers exactly what they need to do next. There’s no confusion, no complexity, and nothing to hold visitors back. 

Just be careful. While functional minimalism can be very useful, it won’t be right for every website. A lack of elements can be harmful to websites that rely heavily on content. That’s because low information density will force your user to scroll excessively for the content that they need. Using functional minimalism correctly requires a careful evaluation of where this technique will be the most suitable. 

Minimalism Can be Functional

A minimalist design isn’t just an aesthetic choice. The right aspects of minimalism can simplify interfaces on the web by eliminating unnecessary elements and reducing content that doesn’t support an end goal. 

The key is to ensure that you’re focusing on a combination of aesthetics and usability when creating the right design. An easy-to-navigate and beautiful website can be a powerful tool for any business.  

Source


Source de l’article sur Webdesignerdepot

When I first started following Charity on Twitter back in early 2019, I was quickly overwhelmed by the new words and concepts she was discussing. I liked the results she described: faster debugging, less alert fatigue, happier users. Those are all things I wanted for my team! But I was hung up on these big polysyllabic words, which stopped me from taking those first steps toward improving our own observability.

This post is my attempt to help orient folks who want to learn more about observability but maybe feel overwhelmed or intimidated by the vocabulary list, like I did. My goal is to get everyone on the same page about what these words mean so that we can focus on leveraging the tools and ideas to build better software and deliver more value! 

Source de l’article sur DZONE

Dark themes are everywhere these days. 

As human beings continue to spend more of their time interacting with technology, dark themes provide a more relaxing way to engage with the digital world. More often than not, these themes are easier on the eyes, more attractive, and perfect for the dedicated user

Throughout 2020, countless leading brands have debuted their own version of the dark theme. Google has a solution for your Drive, while Apple and Android have built dark theme performance right into their operating systems. 

If you haven’t learned how to make the most out of dark mode yet, then you could be missing out on an excellent opportunity to differentiate your design skills, and earn more clients going forward. 

Why Dark Mode?

Before we dive too deeply into the possibilities of creating your own dark theme, let’s examine what dark mode is, and why it’s so effective. 

Ultimately, dark themes are created to reduce the amount of luminance emitted by everything from your desktop and laptop, to your smartphone and smartwatch. Dark themes help to improve the visual ergonomics of design, by reducing eye strain, adjusting brightness to suit current lighting conditions, and more. Additionally, many dark mode offerings are also fantastic at conserving battery life. 

Here are some of the main benefits of adding dark themes to your design portfolio

  • Better user experience: A focus on user experience is one of the most important trends of the digital age. You need to be willing to deliver incredible experiences to everyone who visits your website if you want to stand out today. Dark mode reduces everything from eye strain, to battery power consumption. This helps to keep customers on a website for longer.
  • Innovation and cutting edge appeal: Most companies want to prove that they can stay on the cutting edge of their industry. The ability to offer an opt-in dark mode version of a website theme or appearance can help your clients to stand out from the crowd. As the environment becomes more mobile-focused, more companies will be looking for designers that can provide the best mobile experiences. 
  • Support for universal design: Dark mode isn’t just great for people who have light sensitivity at night. This solution could be more comfortable for visually-impaired users who would struggle with eye strain when visiting your websites otherwise. If you want your content to be more inclusive for a wider range of viewers, then learning how to design for dark mode is a good way to start.

Best Practices When Designing for Dark Mode

Designing for dark mode is easier than you’d think. Most of the time, it involves simply thinking about how you can replace some of the brighter, more overwhelming aspects of your site, with something deeper and darker. 

Here are some useful tips that will get you moving in the right direction. 

1. Experiment with Colors

A big issue for a lot of web designers when it comes to developing a dark mode solution is that they get too caught up with things like pure white text against pure black backgrounds. However, this high-contrast option can be a little much after a while. 

It’s often much easier to use a dark grey as your primary surface color, instead of a true black. Additionally, rather than using bright white, think about slightly off-white alternatives that will be warmer to the eye.

Experiment with surfaces and color combinations that are unlikely to cause too much eye strain. Dark grey foundations often offer a wider range of depth, too, because you can demonstrate shadows on grey. 

Additionally, when you are experimenting with colors, remember that saturated colors often vibrate painfully against very dark surfaces, making them harder to read. Desaturating your colors will help to reduce the contrast and make your websites more welcoming. 

Lighter tones in the 200-50 range will have better readability on dark themes. However, you can always experiment with your choices. Google Material Design recommends using a contrast level of around 15:8:1 between your background and text. 

2. Consider the Emotional Impact

Much of the effort involved with dark mode design is figuring out how certain colors work together. It’s easy to get carried away with stark contrasts, particularly when you’re used to working with a white background. However, you need to remember that you’re designing for a user that’s primarily looking for an easier and more subdued browsing experience.

While you’re working, remember to consider the emotional aspect of the design too. The emotion in colors can make or break a buyer’s journey in any environment. However, an often overlooked-aspect of color psychology, is that people perceive shades differently when they’re on a black background

For instance, think of the color green. On a light background, it conveys nature and even financial wealth. However, on a dark background, the same green could come across as something venomous, toxic, or even sickly. It’s important to think about the kind of impressions end users are going to get when they arrive on your site.

3. Give Users the Freedom to Choose

One of the biggest mistakes you can make when you begin designing for dark mode, is thinking that you should focus entirely on your dark themes, and nothing else. This lines you up for a problem if you interact with users who want the best of both worlds. If you’re designing for apps in particular, you’re going to need web pages that can switch naturally between light and dark themes. 

Learning how to implement both a dark mode and a light mode option into the desks you create will help you to reach a wider selection of customers. Remember, you’ll need to test the performance and impact of your designs in both themes, to check that they deliver the same kind of experience, no matter how your user chooses to browse. 

Although dark mode should offer a different experience to end-users, it still needs to feel as though they’re browsing on the same website. That means that you’re going to need to experiment with the most natural combination of light and dark mode options.

4. Remember the Basics

Remember, although the three tips above will help you to get on the right path for dark mode design, you’ll also need to consider the opportunities and limitations of the platforms that you’re designing for. The kind of dark mode experience you can deliver for Google Chrome websites is going to be very different to what you can create for something running on iOS.

Examining the documentation provided by the system that you’re designing for will help you to develop something with a close insight into what’s actually possible. 

Other top tips for dark mode design include:

  • Focus on your content: Make sure that your content stands out on the page, without being too overwhelming. 
  • Test your design: In both light and dark appearances, you need to make sure everything is working as it should be.
  • Adopt vibrancy for your interfaces: Vibrancy helps to improve the contrast between your background and foreground. 
  • Use semantic colors: Semantic colors adapt to the current appearance of a website automatically. Hard-coded color values that don’t adapt can seem more aggressive. 
  • Desktop tinting: Try experiment with things like transparency and filters to give your websites and apps a slightly warmer tint – ideal for late-night browsing
  • Icons: Use individual glyphs and icons for dark and light modes if necessary. 

Ready to Design for Dark Mode?

Preparing your web development and design portfolio for an era addicted to dark mode can be a complex experience. You need to think carefully about how people are going to browse through your websites and apps when they’re searching for something more subtle, and less visually overwhelming than the websites that we’re used to making. 

The most important thing to remember is that everything on your website or application should look just as beautifully tailor-made in dark mode as it does in light mode. Simply adding a dynamic black background when people want to switch settings in an app isn’t enough. You need to go in-depth with your designs and examine how different fonts, colors, and images work together.

Source


Source de l’article sur Webdesignerdepot

No-code and low-code technologies have been making inroads for years but have never quite delivered on their promise as reliable alternatives to traditional software development for complex, business-critical applications. Then COVID-19 forced a new, expedited timeline for moving analog in-person processes to semi- or fully-automated online ones. At the same time, IT and engineering roadmaps have been thrown out the window as technical teams scramble to adjust to new distributed working conditions while juggling multiple "hair on fire" problems. As a result, operations and business teams have been left with urgent needs for new business applications and scant developer resources, creating the perfect storm for no- or low-code solutions to emerge as the savior of productivity. But decision-makers should be wary of treating these platforms as a panacea to avoid costly failures and lost time.

What Are No-Code and Low-Code Technologies?

To understand how no- and low-code solutions fill the gap between business demand for development and supply of technical resources, it is helpful to understand what those terms mean exactly. No-code platforms allow people with no technical knowledge to stand up complex, cloud-based business applications using simple, drag-and-drop tooling. Relatedly, low-code platforms are also based on the concept of abstraction through pre-built software building blocks oriented towards accelerating time to development by reducing the amount of “original” code that needs to be written in any given application. Perhaps because of their shared DNA, there is a trend towards convergence; as no-code platforms become more powerful and versatile with add-ons and application marketplaces, and low-code platforms build features to require less coding. Given this trend, we can collectively refer to these platforms as Low-code Development Platforms.

Source de l’article sur DZONE


Agile 

AI

Big Data

Cloud

Database

DevOps

Integration

  • Mulesoft 4: Continuous Delivery/Deployment With Maven by Ashok S — This article is a great example of what we want every tutorial to look like on DZone. The main aim of this article is to provide a standard mechanism to release project artifacts and deploy to Anypoint Platform, from the local machine or configure in continuous delivery pipelines.
  • Integration With Social Media Platforms Series (Part 1) by Sravan Lingam — This article helps you to build a RESTful API through MuleSoft that integrates with LinkedIn and shares a post on behalf of one’s personal account. I like this article because, in the age of social media, it’s so important for businesses to be connected and integrated!

IoT

Java

Microservices

Open Source

Performance

  • What Is Big O Notation? by Huyen Pham — Aside from a silly name, this article is an example of an in-depth analysis on a little-spoken-about concept. In this article, take a look at a short guide to get to know Big O Notation and its usages.
  • Is Python the Future of Programming? by Shormisthsa Chatterjee — Where is programming going? This article attempts to answer this question in a well-rounded way. The author writes, "Python will be the language of the future. Testers will have to upgrade their skills and learn these languages to tame the AI and ML tools".

Security

Web Dev

  • A Better Way to Learn Python by Manas Dash: There’s so many resources available for learning Python — so many that it’s difficult to find a good and flexible place to start. Check out Manas’ curated list of courses, articles, projects, etc. to get your Python journey started today. 
  • Discovering Rust by Joaquin Caro: I’m a sucker for good Rust content, as there’s still so many gaps in what’s available. Joaquin does a great job of giving readers his perspective of the language’s features in a way that traditional docs just 

Source de l’article sur DZONE

Disclaimer – I am not in any ways affiliated with Sonar Source, I just happen to be using their product(s), and the stuff I’ve seen so far, is simply amazing as far as I am concerned!

As software developers, we are non-stop fighting the never ending recurring battle against "code rot". Code rot often implies that our Program Manager asks us for a feature, and we sneak in an additional "if" statement in one method, and a couple of "while" statements in another method, and our program manager is pleased with the effect. Slowly over time of course, the effect this approach has on our code, is less cohesion, clarity, and readability, in our classes, methods, and modules – And our code slowly mutates over time to become "a big ball of mud", until it reaches that point where it’s no longer possible to maintain.

Source de l’article sur DZONE

In today’s look at the latest research for web designers, we’re going to look at studies and reports from Payoneer, Robert Half, Hootsuite, and Contentsquare to see what they have to say about things like:

  • Current freelancer demand
  • Web designer earning potential
  • A change in ecommerce shopping trends
  • Unseen content rates

1. There’s Light At the End of the COVID-19 Tunnel for Freelancers

Payoneer’s The State of Freelancing During COVID-19 had to take a different approach to reporting on the freelancer workforce than in years passed.

Here’s why:

When 1000+ freelancers around the globe were asked how demand for their services changed during COVID-19, this was the response:

Less than 17% of freelancers experienced an increase in demand for their services and less than 23% saw demand remain the same.

An overwhelming majority of freelancers experienced a shrink in demand, with nearly 29% saying it slightly decreased while almost 32% said it greatly decreased.

However, the data collected wasn’t just assessed on a global scale. Payoneer also looked at freelancing demand trends in various parts of the world:

Notice the differences between Asia and Australia (who were hit with COVID-19 earlier) and North America and Europe (where the pandemic arrived a little later).

It appears as though Asian and Australian freelancers are, economically speaking, already starting to feel the effects of recovery from the pandemic with demand working in their favor.

So, if you’re feeling like there’s no end to the hardships you’ve faced during COVID-19, and were considering dropping your prices, hold on for just a little bit longer. Freelancers are starting to feel optimistic about demand for their services increasing. If you go devaluing yourself now, it’ll be hard to return to where you were before COVID-19 when things get back to normal.

2. Robert Half’s Salary Guide Breaks Down the Earning Potential for Web Designers

On a related note, let’s talk about demand from the employer’s point of view.

According to Robert Half’s 2020 Salary Guide for creative marketing professionals, there’s big demand for digital talent:

So, that’s number one. We know that almost 50% of hiring managers feel as though their digital teams are inadequately staffed. That’s good news for web designers.

However, these same managers complain about creative marketing professionals’ lack of up-to-date skills as the biggest barrier to hiring or retaining them. Although the report doesn’t say so, I’m going to assume this refers both to employees as well as contractors.

This should be a no-brainer. By keeping up with the latest web design trends and techniques, you can make top-dollar for your services — and hold onto those valuable client relationships for a long time.

According to the report, this is how much you stand to earn working in web design (in the U.S.) today:

If you’re eyeballing those salaries in the 95th percentile, then you know what you need to do. Hiring managers have spoken up about what’s holding them back from hiring.

For those of you who feel as though you’ve gone as far as you can as a web designer, it might be worth exploring a new specialty. Like one of the following:

As you can see, designers in the UI, UX, and interactive space (along with web developers) have the opportunity to make more money, even earlier on in their careers. You may also find that more job opportunities are available as you move into these niches (because of less competition), which might cut down on any demand issues you’ve been experiencing because of COVID-19.

3. Hootsuite’s Digital 2020 Report Reveals an Interesting Trend in Ecommerce

Hootsuite’s Digital 2020 report is always a great resource for learning about social media marketing trends. That said, that’s not why I read it.

It’s for hidden gems like these:

It’s no surprise that we’re seeing changes in retail and ecommerce during COVID-19. What is a surprise, however, is how consumers’ online shopping habits have changed.

Here’s what we’re seeing when we compare 2020 ecommerce data with the pre-COVID benchmarks:

Site visits are 1.7% lower than expected. That would make sense considering how budget-conscious consumers are right now. It likely keeps them from going on unnecessary shopping sprees.

Session durations are 3.3% lower. This could be related to fewer site visits. It might also indicate greater consumer confidence. If they come to a website with a plan for what they need to buy, they’re going to take a straight line to conversion instead of spending time window shopping that prolongs their session.

The number of transactions is 19.1% higher and the conversion rate is 21.6% higher. Considering shoppers aren’t spending as much time with ecommerce websites, this point suggests that there’s a massive shift happening from in-store shopping to online shopping.

If that’s the case (even if consumers are currently spending less money), that means web designers need to set their sights on the ecommerce space. With the holiday shopping season expected to start sooner rather than later this year, now is the time to get in there and make sure these sites provide as streamlined an experience as possible.

4. Contentsquare Studies the Unseen Content Rates By Industry

Contentsquare analyzed more than 7 billion user sessions globally to create the 2020 Digital Experience Benchmarks report.

There’s some interesting data in here about website traffic and conversion trends, but what I find the most valuable is the breakdown by industry.

It was this chart, in particular, that really caught my eye:

According to Contentsquare’s data, between 60% and 75% of a website’s content is unseen. Some industries fare better than others, like home supplies and luxury retailer websites, but the numbers still aren’t flattering.

For example, what does it mean when consumers miss 75% of a financial service provider’s content?

Does this mean that the financial advisory content — which I’m assuming comprises the bulk of the pages on the site — is useless or irrelevant? Or perhaps it’s an issue of discoverability since blog content and other resources often take a backseat to service and product promotion?

What about ecommerce brands in the apparel or beauty space?

If two-thirds of their pages are unseen, does that mean their websites are overrun with obsolete inventory? Or, again, is it an issue of navigability and discoverability around the store?

As a web designer, I’d suggest performing your own unseen content analysis on the websites you’ve built. If over 60% of your pages never get any views, you’re going to have to decide what to do with them:

Option 1: Fix the navigation or search function so people can actually find these unseen pages.

Option 2: Remove them from the site and make room for content your visitors actually find valuable.

Wrap-Up

As you encounter research and reports online — whether it’s written specifically for web designers or other creative professionals — spend some time looking for hidden gems.

As you can see above, there’s a ton of relevant research for web designers out there, even if it’s hiding behind the mask of a larger issue or matter. And it’s this data that will help you get a leg up on the competition since it’ll get you thinking about your business and your approach to design in different ways.

Source


Source de l’article sur Webdesignerdepot