Articles

Creating a continuous deployment pipeline will bring us a step closer to an automated build, test, deploy strategy. In order to create such a pipeline, we need to have access to several tools. Instead of installing these on on-premise servers, we can make use of the AWS cloud offer. Let’s see how this can be accomplished!

1. Introduction

We want to create an automated pipeline in order to ensure that no manual and error prone steps are required for building, testing and deploying the application. When a failure occurs during one of these steps, we will be automatically notified and can take necessary actions in order to resolve the issue.

Source de l’article sur DZONE

PDF documents are small-sized, highly secure files. Almost all businesses use PDFs for processing their files. The reason being a distinguishing feature of maintaining format regardless of the tool used to access PDF files. It’s no surprise that all our invoices, official documents, contractual documents, boarding pass, bank statements, etc. are usually in PDF format.

Even as developers, we come across scenarios when a PDF file needs to be verified or used to locate certain parts of data. You can either do this manually given that you have loads of time to spare or you opt for automation testing. When it comes to handling tricky components of such files using automation, it might seem a bit too tricky. But that’s not the case. Selenium test automation can make it really easy to test PDF file formats.

Source de l’article sur DZONE

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.

Quarkly – Design Tool for Creating Websites and Web Apps

 

Create your Personal Branding Strategy in 4 Simple Steps

 

How to Design a Landing Page

 

No Code MBA – Learn to Build Real Apps and Websites Without Code

 

Your Computer Isn’t Yours

 

Swatches – Generate Colors for Every Purpose

 

Markabaly – Cross-platform Markdown Editor

 

12+ Bootstrap Hero Image Examples

 

The UX of Among Us: The Importance of Colorblind-friendly Design

 

No, your Clean Code won’t Save the Planet

 

My Side Project Rocks – Share and Discover Side Projects

 

How to Test Content like a Pro: A Step-by-step Guide

 

MacOS Big Sur is Here

 

Free Fonts for Prototyping and Wireframing

 

Gamification: The Broken Way of Carrot and Stick

 

Everything You were Wondering About Apple’s New M1 Chip

 

Please Unsubscribe – Fwd Emails to Unsubscribe from Marketing

 

The Fonts in Popular Things Identified Vol. 2

 

How to Become a Self-taught Graphic Designer

 

Using PowerPoint’s Animated GIF Function

 

Scribbble.io – A Blogging Platform for Developers

 

How to Work with WordPress Block Patterns

 

The Power of Happiness: Being Safe, Free, and Supported

 

How to Handle Scope Creep in Web Design

 

Building Products

 

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

Source


Source de l’article sur Webdesignerdepot

A hacked WordPress site is as damaging as having your home burgled. It can completely shatter your peace of mind and adversely impact your online business. 

Why do hackers target WordPress sites? The answer is relatively simple: WordPress is the single biggest platform for website creation these days, so there’s a larger base to attack; this attracts the attention of online criminals. 

So, how can a hack impact your website? 

Depending on the type of attack, your website could suffer any of the following:

  • It could be defaced completely;
  • It could load or operate very slowly on any device;
  • It could completely crash and malfunction;
  • It could display the dreadful “White Screen of Death”;
  • Its incoming visitors could be redirected to other suspicious websites;
  • It could lose all your valuable customer data.

This list is not exhaustive but you get the idea.

Now that we know how a successful hack can impact your website and online business, let us look at the top 10 reasons behind WP hacks and prevent them.

1. An Insecure Web Host 

Like any website, WordPress is hosted on a web host or server. Unfortunately, most site owners do not pay much attention to the web host they select and choose the cheapest they can find. For example, it is more affordable to host a website on a shared hosting plan — one that shares its server resources with many other websites like yours.

This can make your site vulnerable to hackers as a successful hack into any website on the shared server. A single hacked site can consume the overall server bandwidth and impact all the other sites’ performance.

The only way to fix this problem is to opt for a reliable host and a virtual or dedicated server.

Pro tip: If you’re already using a shared hosting plan, check with your hosts if they offer VPS hosting and make the switch.

2. Use of Weak Passwords

Weak passwords are the main reason behind successful brute force attacks that target your account. Even to this day, users continue to use weak and common passwords like “password” or “123456”; if you’re one of them, your website could land in trouble!

Guessing weak passwords allows hackers to enter the admin accounts where they can inflict the maximum damage.

How do you fix this problem? Simple, ensure all your account users (including admin users) configure strong passwords for their login credentials. With at least 8 characters, passwords must be a mix of upper- and lower-case alphabets, numbers, and symbols. 

For added safety, install a password management tool that can automatically generate and store strong passwords.

Pro tip: You can use a plugin to reset passwords for all your users.

3. An Outdated WP Version

Outdated software is among the most common reasons why websites get hacked. Despite being free to download, most site users defer updating their site to the latest version, for fears of updates causing their site to crash.

Hackers take advantage of any vulnerability or bug in an older version and cause issues like SQL Injections, WP-VCD Malware, SEO Spam & other major issues like website redirecting to another site.

How do you solve this problem? When you see a notification about an update on your dashboard, update your site as soon as possible.

Pro tip: If you are worried about updates crashing your live website, you can first test the updates on a staging site.

4. Outdated WP Plugins and Themes

Similar to the previous point, hackers also take advantage of outdated, unused, or abandoned plugins and themes installed on websites. With over 55,000 plugins and themes that are available, it is easy to install a plugin or theme, even from unsafe or untrusted websites. 

Plus, many users do not update their installed plugins/themes to the latest version or do not find the updated version. This makes it easier for hackers to do their job & infect sites.

How do you avoid this problem? As with the core WP version, update each of your installed plugins/themes on your site regularly. Take stock of all the unused ones and remove them or replace them with better alternatives.

You can update your plugins/themes from your hosting account.

Pro tip: We suggest setting aside time every week to run updates. Test them on a staging site and then update your site.

5. Common Admin Usernames 

In addition to weak passwords, users also create common usernames that are easy to guess. 

This includes common usernames for admin users like – “admin”, “admin1”, or “admin123”. Common admin usernames make it easier for hackers to get into admin accounts and control backend files in your WP installation.

How do you avoid this problem? If you are using any such usernames that are easy to guess, change them immediately to a unique username. The easiest way of doing it is through your hosting account’s user management tool, by deleting the previous admin user and creating a new admin user with a unique username.

As the first step, change the default username of your admin user and limit users who have administrator privileges.

Pro tip: WordPress has 6 different user roles with limited permissions. Only grant admin access to users who really need it.

6. Use of Nulled Plugins/Themes 

Coming back to the importance of plugins/themes, users have access to many websites that sell nulled or pirated copies of popular and paid plugins and themes. While these are free to use, they are often riddled with malware. They can compromise your website’s overall security and make it easier for hackers to exploit. 

Being a pirated copy, nulled plugins/themes do not have any available updates from its development team, hence will not have any security fixes.

How do you fix this problem? Simple, for a start, only download original plugins and themes from trusted websites and marketplaces.

Pro tip: If you don’t wish to pay for paid or premium plugins and themes, opt for a free version of the same tools that will have limited features but are still safer to use than the nulled version. 

7. Unprotected Access to wp-admin Folder

To take control of your site, hackers often try to break into and control your wp-admin folder in your installation. As the website owner, you must take measures to protect your wp-admin directory.

How can you protect your wp-admin folder? First, restrict the number of users having access to this critical folder. Additionally, apply for password protection as an added layer of security for access to the wp-admin folder. You can do this using the “Password Protection Directories” feature of the cPanel in your web host account.

Pro tip: Besides these fixes, you can also implement Two Factor Authentication (or 2FA) protection for all your admin accounts.

8. Non-SSL Website

You can easily migrate your HTTP website to HTTPS by installing an SSL certificate on your site. SSL (or Secure Socket Layer) is a secure mode of encrypting any data transmission between your web server and the client browser.

Without this encryption, hackers can intercept the data and steal it. Plus, a non-secure website can have many negative implications for your business – lower SEO ranking, loss of customer trust, or a drop in incoming traffic.

How do you fix this problem? You can quickly obtain an SSL certificate from your hosting company or SSL providers. It encrypts all data that is sent from and received by your website. 

Pro tip: You can get a free SSL certificate from places like Let’s Encrypt, but these provide limit protection that will only be sufficient for a starter site or small site.

9. No Firewall Protection

Lack of firewall protection is another common reason why hackers can bypass website security measures and infiltrate the backend resources. Firewalls are the last line of defence against hackers and work like the security alarm installed on your house. Firewalls monitor web requests coming from various IP addresses, including the suspicious (or bad) ones. 

They can identify and block requests that are known to be malicious in the past, thus preventing easy access for hackers to your website domain. Web application firewalls can thwart various attacks, including brute force attacks, XSS, and SQL injections.

Pro tip: A firewall provides much-needed security and is  your first line of defence. But it’s important to also have a malware scanner installed.

10. Lack of WordPress Hardening Measures

Typically, hackers target the most vulnerable areas or weaknesses within a WP installation, to illegally access or damage the website. The WordPress team has identified these vulnerable areas and has devised a list of 12 hardening measures recommended for every website.

A few of these include:

  • Disabling the File Editor;
  • Preventing PHP execution in untrusted folders;
  • Changing the security keys;
  • Disallowing plugin installations;
  • Automatic logout of inactive users;

How do you implement these hardening measures? While some steps are easy to understand, others require the technical expertise of how WordPress works. 

Pro tip: You can implement hardening measures on your own. However, some measures require technical expertise so in these cases, it’s much easier and safer to use a plugin.

 

Featured image via Pexels.

Source


Source de l’article sur Webdesignerdepot

API test is a significant part of a successful Continuous Integration/ DevOps practice. As per Google Trends, the interest in Web/ API services tests has been progressively growing over the few decades. According to SmartBear research over 3,372 software professionals in API test over 2019, 91 percent of participants either presently have, or thinking to have a formal API test procedure in place in the coming future. Around 45 percent of API testers reported that their company already automated 50% or more of test projects. Moreover, by more than 75 percent of companies across industries, API quality is considered a top priority.

With APIs more and more becoming crucial elements for software development, it has become critically essential for programmers and developers to carry out API testing. API test is a procedure that concentrates on identifying whether an API that has been developed meets up the expected threshold concerning security, reliability, performance, and functionality. As these tests are crucially vital, you need to make use of the top API testing tools out there. 

Source de l’article sur DZONE

How can your customer reach you? If a client arrives on your website after searching on Google, what can they do to take the next step in a relationship with your brand, without buying anything?

One of the primary aims of any website is to drive conversions. However, it usually takes between 5 and 8 touchpoints to generate a viable sales lead. People don’t want to convert straight away.

Since building a relationship with customers is crucial to success, it makes sense that the contact page would be an essential part of driving results. Unfortunately, a lot of website owners pay virtually no attention to that page. They ask their designer to create a page with their address and phone number on – and that’s it.

What many business owners don’t realize, is that the contact page is the door to deeper, more lucrative relationships with potential prospects. The design of this essential website element needs to be fantastic to drive results.

So, where do you start?

Defining a Well-Designed Contact Page

Let’s start with the basics, what makes a great contact page?

The complete answer to that question depends on the target audience. Some customers will want to see fun and friendly contact pages, complete with social media sharing buttons. Others will want to see a map that shows them exactly how to reach an office or business.

There are a few golden rules to keep in mind, of course. Contact pages should be:

  • Easy to find: Don’t hide the link to the contact page on the website footer. Make it easy for customers to find out how they can get in touch.
  • Simple: Don’t put too much content on this page or it will overwhelm your audience. Just let them know where they can go to get answers to various questions.
  • Professional: Even if you have a friendly brand personality, your contact form still needs to be grammatically correct and well-designed to show a professional edge.
  • Convenient: Make your phone number clickable so customers can use it on Skype. The same can apply for your email address. Provide easy access to social media profiles, and if you have a contact form – keep it short and sweet.
  • Informative: Include all of your contact information in the same place. This may include your address, a map to your location, social media pages, email addresses, and even forums.
  • Accurate: Ensure that the information on your contact page matches the information listed elsewhere. Check directories and Google my Business listings to be sure.
  • Attractive: Yes, a contact page needs to look good too. Plenty of white space will make essential information stand out. A good layout will guide the eye through the page.
  • Consistent: Make sure the contact form on your website matches the brand personality that appears on all of your other pages.

Take a look at the Tune Contact page:

It’s beautifully laid out, with clear information that’s easy to read. The company shows exactly why customers might want to get in touch and how they can reach out. As you scroll through the page, you’ll find additional office locations, email addresses for different teams (sales and support), and links to social media accounts too.

How to Drive Engagement on a Contact Us Page

A good contact page needs to look fantastic, showcase the company’s personality, and capture audience attention. However, there’s a big difference between a contact page that gets the job done, and one that convinces your audience they have to connect with you.

Here are some excellent ways to make your contact us page stand out.

Step 1: Using Color Correctly

Color and color psychology have a massive impact on user experience.

Studies constantly demonstrate the conversion powers of having the right shades on certain pages throughout your website. For instance, changing a CTA button from red to green can increase click-through rates by 27%.

However, every audience is different. The colors that drive engagement on a contact page for your company will depend on your target customer. A/B testing color palettes that match your brand personality is a good way to get started.

One interesting example of colors that make the right impact on a Contact Us page comes from Hubspot. Here, the brand maintains it’s brand color (orange), but it also introduces some new shades that convey trustworthiness and professionalism.

Blue is the most calming and credible color for any brand, The gradient that Hubspot uses here blends perfectly with its brand identity, allowing for a stunning contact page, with CTA buttons that still stand out.

Experiment with colors that can generate the right emotional response from your audience, but don’t ignore the golden rules of color in web design. You still need to showcase your brand identity, and you still need a way of making crucial information stand out.

Step 2: Humanizing the Customer Service Team

Some of the customers that arrive at a contact page are interested in your product or inspired by the potential of your service. Other customers will be looking for assistance because they’re frustrated with something or stressed out.

If you’ve ever had a problem with a product and wanted to reach out to the brand about it, you’ve probably noticed how annoying it is to find a blank contact page with nothing but an email address. The lack of effort and humanity in the contact page is enough to convince you that you probably won’t get a response.

But what if you add some happy smiling faces to the page?

Research indicates that brains are fine-tuned to recognize and appreciate human faces. Having a picture of your customer service team, or just any human being on your contact page makes you instantly more approachable. Your customers start to feel like they’re reaching out to a person – not an empty website.

Look at how engaging and personalized this contact page from Amber McCue looks:

Although you can show any human face on your contact page and potentially get results, showing your actual agents will be more likely to drive positive results. It’s a great way to showcase the authenticity and humanity of your team.

Step 3: Making it Easy to Find

A surprisingly large amount of the time, companies shove their contact information into the footer of their website, forcing customers to spend forever looking for them. However, your audience might not want to spend an age searching for your details if they’re in a hurry to get answers.

Stowing a contact page in a footer is also a problem for those visiting your website via mobile, as they might not be able to see all your footer details and links as well.

A Contact Us page doesn’t have to be a massive part of your website navigation if you don’t want it to be. However, it should be one of the first things your audience can see. Putting the information on the header of your website, or even sticking it to the top of the page as your users scroll is very helpful.

Zendesk makes it easy for customers to get in touch in multiple ways. First, the Contact section of the website is clear at the top of the page. Secondly, if you start scrolling through the Zendesk website, a “Get Help” button pops up, so you don’t have to scroll back to find assistance:

Remember, aside from making sure that your contact page appears in the right part of your website, it’s also worth ensuring that it’s easy to understand. Don’t use unusual terms like “Chat”, or “Chill with us”. Stick to tried-and-true options like Help, Contact, or Support.

Step 4: Making the Experience Relevant

There’s a reason why it’s practically impossible to find a one-size-fits-all contact page.

It’s because different customers need different things from your brand.

Some customers will be looking for the answer to a question; others will want to discuss something with your sales team. That’s why many companies are using adaptive contact pages that can change to suit the situation.

For instance, you may start by asking customers what they need help with. Zapier takes this approach with its Contact page:

By asking the client what they need straight away, Zapier can make sure that the visitor finds the right information, and the right number or email address for the appropriate agent. You can even scroll down the help page and look for something in the available help centre, using the search bar. Or you can click on View our experts to hire a Zapier pro.

Creating a dynamic and customized experience like this does a few things. First, it ensures that the customer will reach the right person to help them first-time around. This reduces the number of inappropriate calls your employees have to deal with, and the number of transfers.

Secondly, you deliver a better experience overall for your client, because they don’t have to repeat their issue to multiple people or start a massive email thread. They get the support they need immediately.

Dynamic contact pages can even save you some money and time. If clients decide to solve an issue themselves, using your resources, that’s great for your busy agents.

Step 5: Direct People to the Right Place

The central focus of your contact us page needs to be the available contact options. Centralizing the contact options on a page is an excellent way to make sure that they get the right amount of attention. Centralizing also means that your customers can spend less time searching for the contact details that they need, which is great for usability.

The Melonfree.com website uses a contact us form that’s centralized to immediately pull attention to the customer’s options for getting help.

Centralization isn’t the only way of using design principles to guide visitors on a contact page. According to Ray Hyman and Edmund Hick, increasing the number of choices on a page often increases the time it takes for people to make a decision.

When it comes to connecting with a brand, the right option for each customer will depend on the person and the situation they’re trying to overcome. For instance, a customer that needs to reset their password will probably be able to get the solution they need from an FAQ page.

On the other hand, someone who needs help using a new feature might need the guidance of a professional. To help guide customers to the right solution, Basecamp gives customers a variety of steps to follow to get the right solution fast.

The main purpose of the contact page is to help customers get the right answer with an informative form. However, there are unobtrusive alternative options available too. If all you’re looking for is a way to help yourself fix a problem, you can click on the help guides link before you ever scroll down to the form.

Step 6: Support the Contact Team Too

The best contact us pages aren’t just a great way to improve customer experience. Well-designed solutions also help the customer service team to save time and stay productive.

One of the primary metrics that companies consider when evaluating the success of a service team, is the number of replies required before an issue is resolved. However, if the initial question from a customer doesn’t contain enough information, this number often increases.

Using the design of the contact form to access the right information helps with:

  • Automatically routing people to the right team member: Companies can set up segmentation rules that automatically send certain emails to different employees based on keywords. You might have questions that go to the sales team, and separate queries that you direct straight to the customer service team.
  • Show appropriate support options and FAQs: Remember to give the audience a chance to help themselves before they reach out for extra support. Links to an FAQ page or self-service options can really reduce the pressure on a team. Some companies even add automated chatbots to the mix to help with self-service.
  • Prompt for extra context: Although not every customer will take advantage of an opportunity to add extra information to a form, some will. Adding a box to your contact form for “anything we need to know?” is a great way to generate more information. Ban.do includes a simple “question” box where customers can add as much detail as they like. An option to add screen shots or documents might be a nice touch too.

Building Your Own Contact Us Page

Every customer has their own specific set of needs. The right contact page for another business might not be the right one for you. That’s why it’s so important to take some time getting to know your customers and speaking to your support team.

When you’re planning your contact page, it helps to ask yourself some basic questions about what you want to achieve. For instance:

  • What kind of channels will our customers want to use to connect with us? Look at things like social media messaging, email, or phone calls. If you’ve got a relatively tech-savvy audience, then they might want to use things like instant messaging with chat bots too.
  • How can we direct clients to the appropriate channels in as little time as possible? Having a system in place to automatically route your customers to the right agent will reduce the time to resolution for your customers. The faster you solve problems, the better your reputation becomes.
  • What can we do to set customer expectations and build confidence before they speak to us? Designing a professional-looking contact page will increase customer confidence, while an FAQ section shows that you’re ready to answer common questions.
  • How can we showcase a unique brand personality without making the page complicated? Everything from using distinct brand colors on a contact page, to adding images and illustrations reminds customers that they’re in the right place.
  • What can we do to reduce the friction points in a customer’s path to contact? Avoid adding too many input options to a contact form and ensure that it’s easy to reach out when your clients have a problem.

Understanding exactly what your audience needs from you, and what they’re looking for when they come to your team for help reduces the effort involved for your client when they reach out for help. Remember, today’s digitally-savvy customers expect their interactions with companies to be as streamlined and simple as possible.

Make the Most of Your Contact Page

Contact pages are frequently an afterthought in the website design process. However, they’re one of the most valuable tools your company has. With a good contact page, you ensure that your customers can always reach you when they have problems. What’s more, you boost your chances of people wanting to reach out to the sales team too!

Good luck creating a contact page that encourages engagement from your target audience. Don’t forget to track your results from each design, and A/B test for optimization.

Source


Source de l’article sur Webdesignerdepot

Domain Authority (DA) is a ranking metric that predicts how well a site will rank online. It goes by a scale of 1 to 100 — the closer you are to 100, the better your odds of ranking in search engine result pages (SERPs), thus giving you more clicks.

To see how your site currently ranks, visit Moz’s free Link Explorer to test your DA. Just type your website URL in the search bar and click “Analyze”. Just remember: don’t kick yourself if your DA is smaller than 30 to 50. If you follow these 9 tips today, you’ll most definitely see your DA score improve.

1. Domain Name Age

You know that old saying, right? Wisdom comes with age. Well, guess what? The same is true for your domain name. If your domain name doesn’t have an ‘old’ age, then it’ll rank lower, and users online might not see your site as legitimate.

But with an older domain name, not only will users see your site as more legitimate, but it’ll also have a much higher DA score than younger domain names. In other words, every time you change your domain, you might be doing more harm than good to it, since you’re actually knocking down the credibility you’ve built up over the years by starting from scratch.

Therefore, pick an easy-to-remember domain name that’s not only relevant to your niche, but it’s also something that you’re willing to keep for a very long time.

2. On-Page Optimization

Then, it’s time to optimize all the following on your pages:

  • Code;
  • Content;
  • Site structure;
  • Metatags;
  • Other on-page elements (H1, Title tags, Image alt tag, Site architecture, etc.).

Improving your DA with optimization can make your site be more search-engine-friendly.

3. Create Great Content

Want to attract high-quality links from multiple domains in your niche? Good news! More attraction to your site comes from creating high-quality content that appeals to your target audience. Otherwise, poor-quality content will only scare people away.

So, in providing the best content possible, that will definitely help you improve your DA score (and even give you many additional SEO benefits).

4. Internal Link Improvement

Why worry about earning external links when your internal links need the most attention? Yes, focusing too much on external links can make you lose sight of linking internally.

So, why internal links? These links help nudge visitors to what they’re trying to look for on your website. In that way, visitors are getting the best user experience, while you reap the rewards of having an increased DA score.

5. Link Profile Clean-Up

Having a clean link profile is essential, since it helps you obtain and maintain a great DA score. So, to clean up your link profile, you must remove the bad links from it.

In this process, you can use tools like:

These tools help you figure out any inappropriate or unwanted links.

After the link audit is complete, contact the website owners to have them either delete the link or add the “nofollow tag” (devalues the link). If this doesn’t work, use the Google Disavow tool to remove said links from your profile.

6. Know Your Niche

When running a site, it’s important for you to be the expert in what you have to offer online – and your DA is no exception to this. Becoming an authoritative figure in your niche allows you to gain the confidence of readers, while providing expert advice to the community.

If you have amazing content (i.e. guest blogs on industry-related forums) and clever ways to engage your target audience, then people will see you as an authority to your niche. This not only enhances your brand, but also increases your DA score.

7. Be Mobile-Friendly

Nowadays, people are on their phones, tablets, etc. Whatever device that they can use on the go, they’ll use. In other words, mobile isn’t just the way of the future – it’s happening right now, outpacing laptops since 2014. So, if your website isn’t mobile-friendly yet, then now is the time to fix that!

If your website hasn’t been optimized for mobile use yet, not only will it hurt your search rankings (since Google favors mobile-friendly sites), but you’ll also lose out on users visiting your site to begin with.

So, go to Google’s Mobile-Friendly Test, and then run a test for your domain. Afterwards, Google will give you a detailed report of how mobile-friendly your site is, and what you can do to improve it.

8. Improve Page Speed

Let’s face it: No one likes to wait for a webpage to load; they want quick results. So, if your site isn’t loading fast enough, then users will get frustrated and most likely go to another site. So, why not improve your page speed?

First, find the cause of your website running slower than it should. You can do this by running your website through Google’s PageSpeed Insights; it’ll analyze the speed of your site. And then, it will identify some effective ways for you to make your site faster and consequently improve your DA score.

9. Utilize Social Media

Finally, it’s important to increase your social signals, when it comes to gaining more authority with your domain. While search engines like Google won’t insist that sites make social signals a priority to increase their rankings, site runners must still take advantage of social media to do the following:

  • Promote their sites;
  • Promote their products and services;
  • Tell people about any events and contests.

As a result, sites are more likely to get likes, shares, and tweets through social media, versus going solo in search engines.

Conclusion

Domain authority is extremely important for your site. First, DA allows you to analyze how well your website does in the search space. Plus, it allows you to compare the performance of your website with that of your rival sites, thus showing you where you stand in search engine results.

So, why not get your site thriving today by improving and maintaining your DA score today? Your site will thank you for it!

 

Featured image via Unsplash.

Source


Source de l’article sur Webdesignerdepot

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

When starting a new business (or even venturing into the world of freelancing for the first time), there are some really big, important steps you have to take.

Step #1 is choosing the right business name for your brand identity.

Your business name isn’t something you can casually choose either — especially if you have lofty long-term goals for your company. It’s not as though you can’t change the name down the road, but that comes with a ton of work and will require you to rebuild pretty much everything all over again: your visual brand identity, your reputation, and your SEO…

So, it’s a good idea to spend time choosing a business name that’s going to work for you now and long into the future.

Today, we’re going to go through the process of how to name your brand. These questions will have you thinking beyond just “What name do I like the sound of?” and have you more focused on important questions like “What is my unique value proposition?”.

Let’s get started:

How to Name Your New Business

For those of you considering taking the easy way out and using a business name generator tool, let me show you why that’s a bad idea:

This is a list of business names suggested to me when I told the generator that my business is related to “design”:

  • Design
  • Normal Design
  • Regional Design
  • Design Partner
  • Design Stock

Even the more unique names on the list are unusable; they have no connection to me personally or to the kind of business I plan to start.

This is why it’s so important to sort out your brand identity and make sure you pick a business name that resonates with you, and your target audience. To do this yourself, answer the following seven questions:

1. What Services Will You Provide Or Products Will You Sell?

The one thing that name generators get right is including a descriptive word related to your business. That way, it doesn’t take an actual visit to your website or a look through your portfolio to figure out what you do.

Even if you have a very niche specialty, sum up your offering in one or two words. For instance:

  • Web design
  • Digital design
  • Design & development
  • UX design
  • Graphic design

Unless you run your business through your own name (which I’ll talk about shortly), your business name should include a simplified version of your offering in it.

2. Who Is Your Target User Persona?

A user persona is a fictional character created using the demographics and psychology of your ideal customer or client. You can use Hubspot’s Make My Persona generator to create a card that documents these details:

Once you sort out who you serve, what makes them tick, and how it fits into the bigger picture of their business, you can better pitch your solution to them.

For instance, Joanna above is a real estate agent and owner whose primary goal is to capture leads and generate sales. You know how effective a real estate website can be for improving an agent’s visibility online and streamlining how they earn money.

So, including words in your business name that speak to that persona as well as their goals might be really useful.

Just keep in mind that web designers don’t always commit to one niche or stick with the same niche over the long run. So, you might not want to make your business name too specific to an industry (e.g. “Real Estate Design Solutions”) and more related to higher level themes and goals.

3. What Are The Names Of Your Top Competitors?

Do you know who your main competitors will be upon entering this space? If not, now’s the time to look them up.

When it comes to business names, you want to see if you can identify common threads among them. Perhaps they use puns or include location-specific descriptors. Or they just stick with the names they were born with.

While you don’t want to come off as a copycat, you can imbue your business name with a similar theme or tone if it’s proven to be successful with your shared audience. 

4. What Makes You Different?

Every business has a unique value proposition (UVP) — something that sets them apart from everyone else in the space. What’s yours?

Do you operate within a large metropolitan area where your prospective clients’ industry is booming?

Did you previously work in the industry for which you now build websites?

Are you an SEO expert who builds enterprise websites that rank?

In business, it’s good to be different — so long as it benefits your clients.

If you have a particular UVP that’s going to make you stand out, you’re going to use it everywhere to market yourself — your website, social media, sales pitches, etc. So, you might want to consider using a unique keyword from it within your business name.

5. Where Do You Envision Yourself In Five Years?

No one’s future is set in stone. However, if you’re seriously thinking about starting a new web design business, you have some ideas about where you want to go with it:

  • Do you like the idea of being a lifelong freelancer or digital nomad?
  • Would you like to operate your own design agency?
  • Do you have aspirations to build and sell website products, like plugins, themes, or UI kits instead?

If you expect to pivot your business at some point, be careful about choosing a business name that paints you into a corner. Keep it broader so that prospects don’t have to wonder what it is you really do.

And if you plan on scaling your business beyond yourself, using your own name might not be the best idea. You’ll want clients to associate the brand name with your agency, not with you specifically.

6. Will Your Business Name Be Easy To Remember?

At this point, you have some business names brewing. So, now we need to look at the more technical aspects of naming your brand.

Here’s what you need to do.

a. Write down no more than three to five business names you like.

For example:

  • Honeymooners Web Design
  • Charles Murphy Design & Development
  • FoREver Websites
  • SOLD Web Design Agency

b. Mash each name into one long lowercase string. Don’t include any punctuation.

For example:

  • honeymoonerswebdesign
  • charlesmurphydesignanddevelopment
  • foreverwebsites
  • soldwebdesignagency

c. Are any of the names difficult to read? Too long? Do any of them cause confusion and look like they mean something else?

If so, get rid of them as a matching domain name won’t work. Or, if you absolutely love them, fix the name so it’s clear, readable, and short. For instance:

charlesmurphydesignanddevelopment becomes charlesmurphydesign or just charlesmurphy.

7. Does The Name You Want Already Exist?

It’s a good idea to have a backup name in case you discover that the name you want already exists. Due to trademarking issues as well as possible confusion for your clients, you’ll want to avoid using a name that overlaps with or is the same as any other company (in or outside of web design).

Do a Google search for the business name you want to use. Check out the top 10 search results to see if there are any other matches.

You’ll also want to test out the domain name. Go to Domain.com and run your business name string through it:

You have a few options if this happens:

  1. Choose a different top-level domain (e.g. .tech, .io, .design).
  2. Use an abbreviated version of your business name  (e.g. solddesignagency.com).
  3. Move your backup business name to the front of the line and see if it’s available.

It all depends on how attached you are to the business name you’ve chosen. Just make sure that any changes you make to it (like shortening the domain name or using an alternate TLD) doesn’t cause confusion for prospects who look you up online. You don’t want them confusing someone else’s domain name for yours if business name and domain name don’t line up.

Choosing a Business Name Is Just the First Step…

Once you’ve settled on your business name, share it with a few people you trust. They’ll let you know if you’ve totally missed the mark or if it’s something you should be excited to run with.

As soon as you’re 100% sure it’s the right name, buy the domain name and register your company. Then, it’ll be official!

Of course, this isn’t the end to branding your new business. In our next Branding 101 post, we’re going to look at the next step: How to create the visual identity for your business.

Stay tuned!

 

Featured image via Pexels.

Source


Source de l’article sur Webdesignerdepot

Stephen Hawking a défini l’intelligence comme « la capacité à s’adapter au changement ». En ce sens, 2020 peut être vu comme un test de QI géant pour les entreprises. La pandémie mondiale, le Brexit, les attentes croissantes des clients, la hausse des cyberattaques, la volatilité de l’activité et les exigences de conformité du XXIe siècle ne sont que quelques-uns des changements que les organisations doivent savoir intégrer intelligemment – non seulement maintenant, mais aussi sur le long terme.

La résilience est désormais associée à la survie des entreprises. Selon McKinsey, « votre contexte commercial est et restera incertain. Mais si vous bougez maintenant, vous pourrez surfer sur les vagues d’incertitude au lieu d’être maîtrisé par elles. »

Nous partageons cette analyse. Mais nous ne pensons pas que vous devriez avoir à tout gérer par vous-même. Lors du confinement, la réponse de SAP a consisté à aider ses clients. Nous offrons maintenant des ressources pour aider les entreprises à revenir à leur meilleur niveau.

SAP aide les organisations à être mieux gérées en devenant des entreprises intelligentes. Une démarche dont le cœur est l’ERP Intelligent SAP S/4HANA. C’est pourquoi nous avons créé un programme pour aider les entreprises à basculer vers SAP S/4HANA.

Comme l’explique Christian Klein, CEO de SAP : « plus qu’une transformation technologique, le passage à SAP S/4HANA est une véritable transformation métier. » C’est pourquoi nous vous proposons de vous aider à rédiger votre business case de migration en vous faisant découvrir les capacités intelligentes qui apporteront de la résilience à votre organisation. Nous vous aidons à mener votre projet à bien en utilisant notre expertise, nos outils spécialisés et nos partenaires. Le tout en tant qu’équipe unie : vous, nous et notre écosystème. Nous vous assistons également tout au long de votre projet, en vous accompagnant à chaque étape.

Comment ? Grâce à notre Digital Forum en trois parties : « Construire la résilience avec un ERP intelligent ». Cet événement prépare le terrain en apportant des conseils, des réponses aux questions courantes, des ressources, des outils, des informations et des éléments concernant le temps nécessaire pour construire un business case qui transformera tous les domaines de votre organisation, de la finance à la supply chain et l’informatique, en passant par les ventes et le marketing.

Les 20, 21 et 22 octobre de 10h00 à 11h30, nous vous livrerons les six ingrédients clés qui vous aideront à construire votre business case SAP S/4HANA, notamment :

  1. Des retours en live de la part d’experts SAP
  2. Des orientations métiers
  3. Des présentations client significatives
  4. Des conseils en provenance de nos partenaires les plus expérimentés
  5. Du chat et des sessions dédiées aux spécialistes
  6. Des questions-réponses et des téléchargements sur notre Digital Hub

Des clients tels que Vodafone, Naturipe Farms ou Enexis expliquent comment ils ont construit leurs propres business cases spécifiques et quel support s’est révélé déterminant. Ils livrent leurs expériences et conseils, afin de vous permettre de viser résilience et intelligence. Des partenaires tels que Deloitte, Capgemini et Delaware partagent leurs idées, expertise et conseils afin d’aider des organisations comme la vôtre à devenir des entreprises intelligentes.

Et parce que nous voulons que vous fassiez l’expérience de la première suite ERP Intelligente au monde, nous avons créé un jeu de simulation en temps réel, qui vous permettra d’acquérir une expérience pratique de SAP S/4HANA, les après-midi des 20 et 21 octobre. Cette expérience divertissante et ludique permettra à des groupes de joueurs de se mesurer entre eux, dans le cadre de décisions clés et de transactions dans la planification, les ventes, le marketing, les achats, la production, les finances et plus encore. Tout ceci dans un environnement métier fidèle à la réalité. Préparez-vous à gagner et adoptez ce jeu de simulation en prélude à votre passage à SAP S/4HANA.

Nous savons que chaque organisation est à une étape différente de son parcours, avec ses propres spécificités. C’est la raison pour laquelle nos « champions SAP S/4HANA » régionaux fournissent un support au cas par cas, vous montrant comment et par où commencer, en vous aidant à rédiger un business case pour votre organisation.

Que vous soyez une grande multinationale ou une petite entreprise, nos capacités et processus spécifiques à l’industrie, nos traitements en temps réel et notre automatisation intelligente de pointe vous permettent de vous adapter et d’évoluer avec confiance, agilité et résilience.

Les anciens systèmes ERP sont confortables et fonctionnels, mais ils ne vous mettront pas sur un pied d’égalité avec des concurrents qui ont pris en compte de nouvelles attentes client dépassant votre portée organisationnelle. La résilience des entreprises nécessite plus qu’une simple transformation du cœur technologique. Elle requiert une véritable transformation vers une entreprise intelligente. Transformation qui s’étend à tous les domaines de l’organisation.

En moyenne, les clients SAP S/4HANA constatent des gains métiers significatifs et transformateurs, comme :

  • Une augmentation des ventes de 30 % ;
  • Un coût total de possession réduit de 20 % ;
  • Une réduction des retours sous garantie de 40 % ;
  • Une réduction des coûts d’inventaire et des défauts de 20 % ;
  • Une augmentation de la vitesse de génération des rapports de 30 % ;
  • Une réduction de 50 % du temps passé sur la clôture d’exercice ;
  • Une création de devis 60 fois plus rapide.

Vous trouverez d’autres ingrédients pour votre business case sur le SAP S/4HANA Digital Forum : « Construisez la résilience avec un ERP intelligent ». Démarrez votre business case SAP S/4HANA. On se voit là-bas ! Inscription.

The post Devenir résilient avec un ERP Intelligent : les six ingrédients pour construire votre business case SAP S/4HANA appeared first on SAP France News.

Source de l’article sur sap.com