Articles

The introduction of the continuous integration/continuous deployment (CI/CD) process has strengthened the software release mechanism, helping products go to market faster than ever before and allowing application development teams to deliver code changes more frequently and reliably. Regression testing ensures no new mistakes have been introduced to a software application by testing newly modified code as well as any parts of the software that could potentially be affected. The software testing market size is projected to reach $40 billion in 2020 with a 7% growth rate by 2027. Regression testing accounted for more than 8.5% of market share and is expected to rise at an annual pace of over 8% through 2027, as per reports from the Global Market Insights group.

The Importance of Regression Testing

Regression testing is a must for large-sized software development teams following an agile model. When many developers are making multiple commits frequently, regression testing is required to identify any unexpected outcome in overall functionality caused by each commit. The CI/CD setup identifies that and notifies the developers as soon as the failure occurs and makes sure the faulty commit doesn’t get shipped into the deployment. 

Source de l’article sur DZONE

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.

The best way to keep up with the most important stories for web professionals is to subscribe to Webdesigner News or check out the site regularly. However, in case you missed a day this week, here’s a handy compilation of the top curated stories from the last seven days. Enjoy!

How to Create Simple CSS Grid System

Why are You Running?

15+ VS Code Extensions for Web Developers

10 of the Biggest SEO Mistakes [Infographic]

SVG Loading Animations

AI Pixel Art Human Face

VSLook – Customize the Look of your VSCode

One Line of CSS to Add Basic Dark/light Mode

Basicons – Basic Icons for Product Design & Development

Touch-first Cursor: Round Pointers Vs Mouse Arrows

7 UX Laws You’re Probably Getting Wrong

“Google” Programmers – How One Idiot Hired a Couple More Idiots

Bunny Fonts – Privacy Respecting Drop-in Replacement for Google Fonts

Source

The post Popular Design News of the Week: June 20, 2022 – June 26, 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

When you hear the word “leadership,” do you think of a particular person?

If you’d been asked that question anytime before the 1900s, chances are you’d think of an accomplished politician or a battle-tested general. These were the people leading society for most of recorded history. Today, you might have someone else in mind.

Since the industrial era, the US has birthed a pantheon of founders who’ve arguably led our society as much as any statesman or president. We put Rockefeller and Ford right next to Lincoln and Jefferson. Think about it; these guys haven’t just changed the US; they’ve changed how the entire world lives and does business.

Founders of successful companies today command even larger amounts of capital and power than JD and Henry. With the rise of social media, they are often thrust to the forefront of their brands and the public, whether they like it or not. Some manage the responsibility better than others.

In my opinion, the best businesses use all that capital, manpower, and name recognition to do more than simply make a profit. By leading with authenticity, inspiring positive action, and influencing their brand’s vision for innovation – they try to make a change.

I wanted to take a minute to reflect on some modern founder-led brands I think are doing a killer job of creating unique, world-changing businesses and company cultures. I also want to discuss the lessons I have learned from them.

Elon Musk – Tesla

When talking about founder-led brands of the 21st century, it’s hard to pass over electric vehicle manufacturer Tesla and its outspoken CEO, Elon Musk. Love him or loathe him, he belongs in any conversation on influential founders.

While Musk isn’t technically the founder of Tesla, he is one hundred percent responsible for the company’s direction over the past decade. I think two of the strongest leadership points for Musk are his focus on branding and innovation.

Tesla created showrooms and charging stations long before his business had the sales to justify the expense. People saw the name Tesla everywhere, got curious about it, and now that’s paying off big time. Tesla today is at the forefront of the EV industry while all the other car companies play catch-up.

Behind the scenes, Tesla was also early to create a vertically-integrated supply chain – giving it almost complete control over its product and logistics. That’s another feature with a hefty upfront price tag but paid off when the pandemic hit. Now the biggest automakers in the world are rushing to copy that model.

Musk arguably even convinced China to deregulate foreign ownership of automotive companies. That’s hard to prove. However, China changed its rules around foreign ownership of EV companies shortly after he refused to enter the country.

Arguably, Tesla today is one of the frontrunners in redefining how traditional companies run. Musk is known to hate bureaucracy and traditional hierarchies. He hires other people to take care of bureaucratic processes for him.

Musk is also known for hiring relatively young, hard-working employees into high-power management positions in the company and letting them prove themselves. That inspires extreme loyalty from his employees from an early age. Musk’s focus on efficiency and rejection of traditional hierarchies has sparked a small revolution in tech companies.

Finally, I respect Musk because he has goals beyond showing year-over-year growth to shareholders. That’s hard to do day in and day out.

Sara Blakely – Spanx

Sara Blakely is an example of a founder with her hands in every part of her business, from product creation to sales. Most importantly, she created an authentic company culture with values she felt the business world lacked.

For those who know her story, Spanx very nearly didn’t happen. Blakely pitched her slimming undergarment to multiple women’s brands run by men. Most told her it would never work.

It might seem silly now, but men used to think they knew women’s fashion better than women. It wasn’t until one executive gave Blakely’s product to his daughters to try out that he agreed to start stocking Spanx. It’s a great example of how businesses can make a lot of money by listening to their customers.

Besides founding a women’s clothing company that sells products women want, Blakely strived to bring “feminine energy” into the workplace. I saw this poignant quote from her in an article:

“Twenty-one years ago when I started Spanx, I ended up in the paper in Atlanta, and I was at a cocktail party and a couple of guys came up to me and they said, ‘Sara, we read about you. Congratulations! We heard you invented something.’ And I said, ‘Yes I did, I’m so excited.’ They said, ‘Business is war,’ and then they pat me on the shoulder and they kind of laughed at each other. I went back home to my apartment that night. I was 29 and I just thought, I’m not going to war. I’m going to do this very differently. I’m going to honor a lot of feminine principles — intuition, empathy, kindness. Just allowing myself to be vulnerable through this process. And of course, a lot of the masculine energy has helped me also — it was a balance. But I wasn’t going to do it by squashing the feminine.”

Blakely worked hard to create a sales-oriented company culture that was purposely welcoming from that point forward. She regularly scheduled “oops meetings” where employees could stand up and say how they messed up and turn it into a funny story. At Spanx, it was okay to make mistakes and learn from them.

Blakely wanted everything about her product to be fun, including the way it was sold. She created a mandatory boot camp for salespeople, which, among other things, requires employees to perform standup comedy. Little things like that resonated with people and made Spanx synonymous with “fun.” Even famous actresses were flashing their Spanx on the red carpet.

The lesson we can all learn from Spanx and Blakely is that fun and positive energy are great marketing tools for any business. Many companies try to push a fun culture publicly without any authentic leadership that genuinely exemplifies that narrative, they won’t have the same effect. Blakely’s story of Spanx is not just a story of the brand but a story of her life and the experiences that shaped her vision and goals.

Jack Dorsey – Block (FKA Square)

While better known for founding Twitter, Jack Dorsey has recently been in the news for his move to solely running payment processing business Block. I admire Dorsey because he radically encourages his teams to think differently about how they work.

Dorsey is known for optimizing ways to stay productive and focused throughout the day. He manages through unconventional tactics like communicating only through voice memos on his phone that he runs through transcription apps. He says this prevents him from being sidetracked by distractions on his computer. I think that kind of mindfulness is necessary now more than ever.

Dorsey tries to bring this level of focus to his interactions with his employees too. I saw a great quote from him in this article discussing computer-less meetings at Block.

“When phones are down and laptops are closed, the team can discuss any issue at hand without distraction. We can actually focus and not just spend an hour together but make that time meaningful — and if that time is 15 minutes, then it’s 15 minutes and then we move on with our lives.”

Besides limiting distractions, Dorsey is known to walk five miles to work daily, theme each day, and create detailed agendas and goals for each team meeting. In his former company, Twitter, the culture was frequently described as a space where employees could speak freely to management about things they wanted to change.

On that subject, Dorsey has been known to push hard for employee control in his companies. Perhaps ironically, he was also quoted saying he wants Twitter to break away from its co-founders’- vision and control, calling founder-led companies “severely limiting.” However, it still seems he has some sort of vision for the world that he wants to bring around via Block.

His business goals are visionary, pushing the boundaries of innovation in the financial world.

Dorsey is a known cryptocurrency enthusiast but had pushback from the Twitter team, including his CFO, about making a crypto-centric product. His move to payments processor, Block, seems to be a bid to follow his passion and exert his vision on the world.

Block has since made headlines for being extremely bullish on cryptocurrencies, while many have expressed doubts. Dorsey even changed the business’s name to Block to better reflect its focus on blockchain and famously purchased $50 million worth of Bitcoin in 2020. All the while, Dorsey has been quietly creating arms of his business in the hopes of improving BTC’s usefulness. That may pay off down the line.

Melanie Perkins – Canva

I identify strongly with Melanie Perkins, co-founder of graphic design SaaS, Canva. Besides being roughly the same age, we both came from nondescript beginnings with no background in entrepreneurship or tech.

Canva is an excellent example of a business created by becoming intimately familiar with a customer problem and executing. Perkins spent years teaching people how to use design platforms like Adobe Creative Suite because they were so complicated. Taking that knowledge, she started a simple product to help customers create high school yearbooks. That expanded into a super app covering every aspect of design.

This super-app has unlocked a way for millions to learn design and produce high-quality content at any skill level. The cost to use Canva is many times lower than anything else on the market.

While Canva is an amazing product, what I like most about Perkins is that she believes business serves a higher purpose than maximizing profits.

When she was suddenly thrust into the limelight with a $40 billion valuation, people were even more impressed by Perkins’ philanthropic goals. She vowed to donate a 30 percent stake in Canva to a charity dedicated to eliminating poverty (about $12 billion). She is also known to regularly fundraise for 25,000 different nonprofits through her app. She doesn’t just inspire people with words, but by actions, she’s actually taking.

Canva is very public about its ethos. I like their values because they are general yet avoid the jargon many companies fall into. They are:

  • To be a force for good and empower others;
  • Pursue excellence;
  • Be a good human;
  • Make complex things simple;
  • Set crazy big goals and make them happen.

Besides revolutionizing how modern businesses design and harness goodwill marketing, Canva was also one of the forerunners of the remote work trend.

Most of Canva’s “Canvanauts” worked from homes worldwide even before the pandemic. Canva showed a lot of tired old businesses that you could still run a successful company without having employees in the office 24/7.

How I Try to Learn From the Best

Finally, I want to talk about what I am trying to contribute to my team and society with my current business, startup acquisition marketplace, MicroAcquire.

As I’ve mentioned, I think it is very much on myself as a founder to set the tone of my business – and that starts with who I hire. When I’m searching for new employees to join the “#Micromafia” I not only look for productive workers, I look for people I genuinely enjoy spending time with. It’s the best feeling in the world to go to meetings where you leave thinking, “That was really fun.”

Besides creating a great team, I’ve tried to address another problem I see again and again at major tech companies: employee burnout. There’s a reason the average tenure of a tech employee is three years.

I love working on startups. It’s like playing a video game for me, and it’s probably why I’m a founder. That said, I know my employees don’t always feel the same way. As CEO, I make sure my team knows I want them to live their lives outside of MicroAcquire.

On the business side of things, I take cues from the best. Like Musk and Dorsey, I want to preemptively create features that I know our customers will love. I knew people wanted an easy way to sell their startups because I wished I’d had one back when I was doing it.

Like Spanx and Tesla, I also strongly believe in the power of innovative branding – and I make sure we spend in areas that will give us significant returns down the line.

For example, we’ve made it easy to get MicroAcquire merchandise online completely free. The extra exposure we get from tech people rocking MicroAcquire t-shirts is more than worth the cost. We also created our own media publication Bootstrappers.com to tell the founder stories we thought major publications had missed. That’s been a huge hit with our customers, who also happen to be founders. These people traditionally have had to spam inboxes and pay for press because they didn’t raise billions in funding.

Finally, like Blakely and Perkins, I also want to actively listen to customer feedback and make sure we create a necessary and desired product. That’s why I make sure we’re constantly engaging with our community both on our website and social media. Many of the features we’ve added are just things we’ve heard mentioned multiple times from customers.

So far, I love the community we’ve created online and in the office. I don’t claim to have the winning formula, but I feel we are making a real difference out there. We’re lucky to live in a world with so many smart people getting their ideas out and making a positive change in the world.

 

Featured image via Unsplash.

Source

The post 4 Founder-Led Brands That Are Done Right first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Having the right WordPress plugins on hand can do wonders for your business or online presence. WordPress offers a vast collection to choose from.

There are so many of them. However, finding those that get the best reviews and can do the most for you can be a challenge.

A plugin can give you additional functionality. It could otherwise be difficult or overly expensive to realize with your website by itself. A glance at the 10 top WordPress plugins described below can provide a powerful case in point.

Your website’s purpose or niche will usually dictate the types of essential WordPress plugins you would do well to invest in. The right ones can make your website a genuine powerhouse and, by extension, your business as well.

1. Amelia

Amelia is an excellent choice for beauty, healthcare, fitness, consulting, and businesses that might be saddled down with a manual or semi-manual booking system by saving them and their clients time while eliminating booking mistakes that often occur in those manual systems.

  • Clients can book appointments online 24/7, change or cancel their appointments, and receive reminders of upcoming appointments and other notifications via SMS or email.
  • Amelia enables business owners or department managers to track and manage employee schedules and time off.
  • Amelia can manage bookings for appointments, book tickets for events, and manage group bookings, all at multiple locations. There are no limits on the number of appointments that can be managed.
  • Booking forms can be customized to best serve a business’s needs and match its brand.

Amelia fully supports WooCommerce with PayPal, Stripe, Mollie, and RazorPay payments. Click on the banner to learn more about this time and money-saving plugin.

2. wpDataTables

wpDataTables is a premier WordPress table and chart building plugin that features virtually everything you are apt to need to build any table or chart you want.

Creating a table that is by any definition complex often requires tools that may not necessarily be easy to come by. wpDataTables uses four chart-building engines, one or more of which should suit you perfectly.

They are:

  • Google Charts
  • Highcharts
  • Charts.js
  • Apex Charts

For both table and chart building, wpDataTables can connect you to multiple database sources, including –

  • MySQL
  • MS SQL
  • PostgreSQL

wpDataTables can process data that exists in the commonly used formats and features various sorting and filtering options that allow you to create a host of different table types.

Both tables and charts are editable and responsive and, thanks to the wpDataTables conditional formatting feature, can highlight and color-code critical information.

Click to learn more.

3. Site Kit by Google

While your website’s performance might exceed your wildest dreams, it is more likely that there are areas that need improvement before your wishes can be met. 

Determining those areas can be a challenge, but Site Kit offers a one-stop solution to deploy, manage, and get insights from critical Google tools to make your site a success by making those critical tools available to WordPress.

They provide:

  • stats displayed on your WordPress dashboard from multiple Google tools
  • quick Google tool setup without your having to edit your site’s source code  
  • key metrics and insights for your entire site and individual posts, and
  • easy-to-manage, granular permissions across WordPress and different Google products

Site Kit shows you how many people have found your site, how users navigate it, etc.

Click on the banner to learn more about what Site Kit could do for you.

4. Tablesome –  WordPress Table Plugin With Form Automation

Tablesome is a WordPress form database and form automation plugin that you can use to store entries from WordPress forms to a database. It can be integrated with popular forms – Contact Form 7 DB, WPForms entries, Forminator database, Elementor Form submissions, etc.

After saving, you can:

  • Edit, auto-delete, and export entries to tools such as MailChimp, Google Sheets, Salesforce, etc.,
  • Display WordPress form entries on frontend pages
  • Automatically export contact data using the Mailchimp WordPress Integration

5. TheDock

TheDock eliminates the need to search for just the right WordPress theme by enabling you to create your own – which can be more fun anyway.

Among TheDock’s many features, a few key ones include –

  • A comprehensive, option-rich Design System
  • A responsive design system that ensures your site looks great on all screens.
  • Designer, developer, and editing collaboration support. 
  • Clean, readable code.

6. Slider Revolution

Beginners and mid-level designers can sometimes have difficulty finding ways to WOW their clients with professional-level visuals.

Slider Revolution changes all that by bridging the gap between what clients want and what you can provide with its –

  • 200 designed-to-impress website and slider templates
  • 25+ powerful addons and brand new WebGL slide animations
  • ability to import dynamic content from WooCommerce and social media outlets.

7. LayerSlider

More than a simple slider-builder, LayerSlider is an animation and website-building tool you can use to improve any website’s look and feel through eye-catching animations, contemporary graphics, and interactive features.

This is made possible in part through the use of –

  • 160+ website, slider, and popup templates
  • LayerSlider’s modern and intuitive editing interface

Plus, you can count on professional one-on-one customer support.

8. Download Monitor

The Download Monitor plugin helps you sell your digital products by offering a ready solution for tracking file downloads, gating content to generate leads, build your audience, and ask users for personal information in exchange for valuable content.

Download Monitor lets you –

  • add any type of file you need to your website
  • link a page to all your channels and promote your social media networks
  • place ads – and more.

9. Ads Pro – Multi-Purpose WordPress Ad Manager

The biggest ad manager for WordPress, Ads Pro gives you everything necessary to manage and sell ads.

Ads Pro’s admin panel makes managing ads straightforward for you and your users.

  • Key ad features include 25+ ad templates and 20+ ad display options.
  • CPC, CPM, CPD billing and PayPal, Stripe, and bank transfer payment methods are built-in.
  • Geo-Targeting lets you show/hide ad spaces based on countries, provinces, cities, and Zip Codes.

10. Ultimate Membership Pro

If selling content is your objective, Ultimate Membership Pro is the tool you’ll want to take your website and convert it into a powerful content selling platform.

The Ultimate Membership Pro plugin enables you to –

  • Create unlimited subscription levels, including free, trial, and paid member subscriptions
  • Control customer access to content based on their subscriptions
  • Send emails to welcome new members and send notifications and reminders to regular subscribers.

The WordPress plugin directory is already stuffed with almost 60,000 plugins. This guide has been published to narrow things down to 10 top WordPress plugins for your use.

We consulted with experts to create this list of excellent plugins for WordPress. It can help you with content strategy, SEO, site security, and even social media marketing.

Installing plugins and getting the functionality they provide can add immense value to your use of WordPress.

 

[- This is a sponsored post on behalf of BAW Media -]

Source

The post 10 Terrific WordPress Plugins You Should Be Using in 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Every organization adopting DevOps has stories to tell to the world. Some of them turned out to be success stories, while others are more like lessons to learn. While it’s true that Etsy is one of such organizations that benefited a lot from their DevOps adoption, they also learned a few lessons from their mistakes during their journey. Today, we will be talking in brief about those lessons in detail. But first, let’s try to understand why Etsy first became interested in DevOps.

Why Did Etsy Adopt DevOps?

Back in 2005, Etsy’s engineering teams were siloed into developers, operations teams, and database admins. Although the team was relatively small — close to 35 employees — they faced many team collaboration challenges. This barrier was hindering Etsy’s progress as an organization. 

Source de l’article sur DZONE

Creating and sending business proposals can be a lot of work. However, if you have the right tools and knowledge, you can quickly create and send high-converting proposals that your clients will love. 

This article will explain how to create a fantastic business proposal that looks great and gets signed quickly. Although we’re focussed on design, our tips apply to every industry and type of business.

1. Know When to Talk About Yourself

One of the most common mistakes people make is starting the proposal by talking about themselves. 

You might be surprised to know that clients spend the most time on the introduction chapter, so it’s essential to use it right. You need to set the right tone by explaining to your clients how your solution will help them achieve their goals. 

They want to hear the benefits and feel assured that you’re the best choice for them. If you start the proposal by talking about your company and the values you believe in, you’ll lose the attention of your clients. 

In most cases, the clients have already researched you and know the points you make in your PR releases.

Once you explain your process and the time scales, you can introduce your team and talk about the company. Just make sure it’s short and sweet. 

2. Divide Your Proposal into 6 Sections

Sending a one-page proposal will only confuse your clients and won’t incentivize them to reach out. The best way to format your proposal is to create six sections. 

This should include:

  • Introduction
  • Process
  • Timescales
  • Pricing
  • Next steps
  • Terms and Conditions

You need to showcase what their future could look like if they work with you, listing all the benefits as well as explaining the next steps. You need to write down what happens if they don’t agree with some parts of the proposal, what will happen when you reach an agreement, how much they have to pay, and more. 

Be clear on your follow-up process to speed things up. 

3. Use a Dedicated Proposal App

If you’re someone who fires up MS Word and hopes for the best, your proposals probably don’t get a lot of traction. That’s because you’re spending too much time reinventing the wheel. The best jumping-off point for your proposal strategy is choosing the right app. It will help you automate and speed up the whole process. 

Different solutions suit different people, but some of the features you might want include: 

Digital Signatures

The digital signature option helps you get your proposals signed faster and turns your proposals into legally binding documents. This significantly reduces the agreement time since your clients no longer have to print out your documents, scan them and send them back.

Integrated Payment Methods

Speed up your payment process by choosing the proposal software that has a payment option that allows clients to pay as soon as they agree to your terms and conditions. It can significantly decrease the time it takes to get paid. 

Sales Tool Integration

For an even more straightforward sales process, select a proposal tool that has native integrations with your sales CRM and other sales tools. 

Proposal Analytics

Proposal analytics can help you in the follow-up process. They show when your proposal was opened, on which device, and how much time the client spent on each of the sections. 

Content Library

The content library lets you save any part of the content (text, pictures, videos, terms and conditions, pricing table) for easier access in the future—no more copy and pasting huge chunks of text. 

An Easy-To-Use Editor

In order to be able to create any documents with your proposals software, their editor needs to be very easy to use. If the editor requires design experience, look for a better one.

4. Let’s Talk About Price

When it comes to the price section, there are two significant things you need to look out for: the name of the section and the format of your price.

Naming your pricing section pricing, expenses, or something along those lines cheapens your proposals and makes it seem like a regular invoice. Try naming the section ROI or Investment. It will evoke positive feelings with your clients because if they think of working with you as an investment, they will know that a return on investment is a part of the deal. 

The way you format your prices won’t make or break your deal but can help you speed up the proposal process. Firstly, you need to figure out if you’re going to charge by the hour, based on the value of the project, based on the commission, or something else. 

Once you reach a decision, you have to format the prices in an easy-to-understand and short way. Many companies try to upsell their clients at the very start of their business relationship and create proposals with three different packages. 

We believe that the way you present your prices should be the same as the way doctors prescribe medicine. You need to be the authority on your prices and tell the client what type of package fits their needs. If you leave it up to your client to pick the right package, it will just lead to confusion, and you’ll have to do the extra work to explain the difference to them.

Bonus Tips

Web-based business proposals speed up the signing process. If you make your proposals printable, it will lengthen the time your clients take to agree to your terms and sign them. Make sure your proposals are web-based and have a digital signature option. 

Another tip is to send your proposal as quickly as possible. As soon as you meet with your client and hear them out, start working on your proposal. 

Our last tip is to send your proposal at the beginning of the week. If you send it on a Friday, it will negatively impact the time it takes to get your proposal signed.

 

Featured image via Pexels.

Source

The post 4 Tips For Getting Design Proposals Signed Faster first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Picture a dark office, blinds drawn. Picture a UX designer smoking a cigar. See the light filtered through the smoke whipped to fog by a spinning ceiling fan. Watch as the UX designer sits at a desk and considers the website.

The UX designer has devised a series of tests to determine if a green button is better than a red button. One of them involves tipping a tortoise onto its back. He looks the website over carefully and says, “Describe in single words, only the good things that come to mind about your mother.”

The website pauses, sweating under pressure, then replies, “Let me tell you about my mother…”

BLAM! The website pulls the trigger of an unseen gun, and the UX designer collapses, leaving the project to be rebuilt from scratch in Material by Harrison Ford, with overuse of Post-its delegated to Edward James Olmos.

Who Does UX Testing Actually Serve?

In the past’s bleak dystopian future (1982’s Blade Runner was set in 2019) no one benefitted from asking the wrong questions. And little has changed.

Designing any test to verify UX is fraught with as many complications as administering the test. Questions are skewed by bias, conscious or otherwise, and competing agendas. Even with something as apparently simple as a split test, the potential for distortion is immense.

When planned by a designer, a UX test offers little benefit to a client; the benefit is to the designer, who can then say their ideas are validated (or not).

Imagine hiring a developer to code a website, only to discover that the developer didn’t know CSS and expected to be paid to learn it before completing the work. You would hire someone else because that developer isn’t qualified.

From a client’s perspective, a UX designer should know, through experience, whether a green button is better than a red button. Designing an elaborate test to split-test the button color serves little purpose other than indemnifying the designer against mistakes.

The ROI of UX Testing

It’s widely accepted that there is substantial ROI (Return On Investment) from UX testing. We’ve all heard apocryphal stories about sites that split-tested their checkout and improved retention by 5%.

I’m going to go out on a limb and say that without user testing, that site could have improved its checkout retention by 4.9% simply by hiring a competent, experienced designer. But what about the remaining 0.1%? Well, for most sites, 0.1% represents very little profit. And the cost of recovering it via testing far exceeds the benefits.

When a company the size of Amazon, Netflix, Spotify, or Google split tests a website, it can afford to allocate $25k for user testing because it stands to gain 0.1%, and that represents far more than $25k. To meet the same 0.1% improvement, a small business has to design and run the same tests, incurring the same costs. But in the case of a small business, $25k could eat up all of its profits.

UX testing almost always works. But it is only profitable at scale.

If a good UI designer with a grounding in UX can improve checkout retention by 4.9%, tripling the project budget for just 0.1% more is a tough sell. Bluntly, that $25k is better spent on advertising.

What UX Designers Can Learn From Psychiatry

We all have the tendency to think we’re unique. It’s a survival trait attributed to our prehistoric brain. That belief in uniqueness is particularly strong in highly competitive people. We all think our site, our side-project, our approach are original. And we’re all wrong.

When a psychiatrist sits down with a patient, they have two immediate goals: categorize that patient into an established diagnosis, and assess the severity of the condition. It may be that the patient is depressed or anxious or even suffering from a potentially more debilitating condition like schizophrenia. What the psychiatrist is not trying to do, is define a new illness.

Occasionally — perhaps once per decade — a genuinely unusual patient will present themselves, and a new form of illness is considered. New treatments are found and tested. These treatments are rarely developed on behalf of individual patients; doctors work with grants from governments, medical schools, or the pharmaceutical industry and publish their results.

The vast majority of websites face similar problems. They deal with similar demographics, work within a similar culture, and deal with similar technology. As such, they can be categorized in the same manner a psychiatrist categorizes patients.

The key to delivering successful UX solutions is not UX testing in individual cases, but rather UX research, examining similar projects, and cribbing their solutions. If you categorize a project accurately, you’ll find a solution readily available.

Replacing User Testing With UX Best Practices

Your client doesn’t need to pay for UX testing to benefit from it. Enterprise sites, government sites, and even personal projects will test UX patterns. Sites like Shopify or Stripe will user-test their checkout processes at scale and enable companies to benefit from the results by adopting their platforms.

If you’re currently testing designs for small business, one of two things is true: either you’re wasting your client’s money investigating a problem someone else has already solved, or you’re designing something so original that it has no precedent (and you probably shouldn’t be).

Designers should be opinionated. Designers should know UX best practices and how they apply to a range of scenarios. Designers should be capable of making an educated guess. Designers should be self-validating.

Once or twice in your career, you may find a legitimate need to test something. However, the vast majority of the time, the correct answer is to tip the tortoise back onto its feet and choose whichever color button has the higher contrast.

Featured image: Still of Brion James in Blade Runner. Copyright Warner Bros. Entertainment

Source

The post The Case Against UX Testing first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

If you are a designer and have never dealt with designer’s block, you are probably a superhero. For us mortals, designer’s block is a pretty common problem. There are occasions when we sit in front of our screen, and our creativity just evaporates.

I have spent many hours trying to get rid of this annoying wall. It took some time, but I have found some tactics that work best for me. So, do not panic! In this article, we will share five ways you can overcome designer’s block and get back on track.

From innovative sources of inspiration to the importance of collaboration and food, nothing will be left out. But first, let us analyze what designer’s block is and how common it is among creatives.

What is the Designer’s Block? Can You Force Creativity?

In a few words, designer’s block is nothing but a situation where you are stuck as a designer. In this unpleasant moment, you feel like you are losing your design skills and creativity.

Fortunately, this is not permanent. Of course, you are still a great designer. You should know and embrace that designer’s block happens to almost every creative out there. Even the most experienced of us. So the first thing you should do is to stay calm.

Remember that you can not force creativity. When designer’s block comes knocking on your door, you need some time to recover.

So instead of panicking, take to heart some practical tips that will help you regain your confidence and creativity.

How to Get Rid of Designer’s Block?

1. Take Care of Yourself

In some cases, designer’s block is your own body’s reaction. Think about it. How can you perform well when you are tense with pressure? There are many ways to take care of your mental and physical health. For example, you can take a break and have a snack.

Sleep is also critical when it comes to avoiding designer’s block. Recent research has shown that creative thinking is directly related to our periods of sleep. Lack of concentration, more mistakes, and erratic behavior are just some of the consequences of insufficient sleep.

For this reason, napping is a smart solution to designer’s block. So if you are feeling unproductive, first make sure you are not tired or hungry.

2. Change Your Location, Get Inspired

But what if you’re not hungry or tired? There are situations where we are stuck in front of a project. If that’s the case, you should decide to take an inspirational break.

The first thing you can do is to change your location. If you are working from home, you should get some fresh air. There are numerous sources of inspiration that can help you overcome designer’s block. Personally, I take a break and visit one of the following sources:

  • Parks: Nature will calm you and help you get inspired.  
  • Art Galleries: A designer’s best friend. Visiting an art gallery can help you find the missing elements for your upcoming project. 
  • Coffee shops: Quiet coffee shops are an intelligent way to get inspired. What’s better than a big mug of coffee and relaxing music?

Alternatively, watch a movie or a TV series. This may sound like an unorthodox way to get inspired, but it works perfectly when overcoming designer’s block.

3. Explore the Power of Collaboration

More than 90% of graphic designers in the world are freelancers. Although freelancing is an exciting job, it can be pretty lonely. The next time you are struggling with designer’s block, you might want to ask for some help.

Other UI or UX designers can help you see a project through different eyes and find the missing design elements. For this reason, collaborating with other designers is a great way to overcome designer’s block.

On the other hand, you can also ask your friends or family for ideas and feedback. Remember that inspiration can come from anyone.

4. Plan and Break the Project into Chunks

Most times, I get stuck as a designer, it is entirely my fault. To be precise, there are many cases when we do not plan the project efficiently. When the work is overwhelming, the lack of a well-organized plan can be why.

The best thing you can do is to take a step back. Take a look at the work that needs to be done. Then, you can start breaking your project down into small sections. If you reorganize everything, you can get rid of designer’s block in a matter of minutes.

Try not only to organize your tasks but also to manage the time you will spend on each chunk. This will probably help you understand that you have more time than you think.

5. Apply Some Pressure, Just Start

Unfortunately, few of us have infinite time to find inspiration. Most professional designers work with deadlines. That’s why putting pressure on yourself is not always a bad thing.

After following the above tips, all you have to do is start. Don’t forget that the designer’s block will remain until you start designing.

When I try to apply some pressure, my first drafts are usually bad. But after a while, everything comes back to normal.

Wrap Up

If none of the tactics analyzed above helped, you can always use one (or more) of the following quick tips:

  • Take a short break (5 minutes or so);
  • Start with the most challenging task;
  • Go for a walk or exercise;
  • Ask for more information about the project. Sometimes, the client can help you overcome designer’s block;
  • Think about what is distracting you and solve it.

Remember, every creative out there has faced designer’s block at least once. So there’s no need to panic at all. Of course, not all of us deal with it in the same way. That’s why you should first try out the tips above and find out what works best for you. This will help you overcome designer’s block and regain your skills as a designer.

 

Featured image via Pexels.

Source

The post 5 Brilliant Ways to Tackle Designer’s Block first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

There are a lot of factors that contribute to a better user experience on a website. Pages need to load quickly to give users peace of mind and efficiency. Navigation must be clear and straightforward, with direct pathways for visitors to follow when finding your contact pages, blog posts, and products. Your colors need to work seamlessly together while providing just enough contrast in the areas that need it most.

Excellent user experience needs to be considered for every part of your website that acts as a touchpoint with a potential customer or user.

One of the most significant touchpoints of all is your forms.

All websites need some form of interactive content to thrive. Users need to be able to do something with the site, whether it’s looking for information with a search bar, contacting a team for a quote, making a booking, or completing a purchase. Forms power the majority of the interactive activities available on websites.

If you know how to master great UX on a form, you can contribute to more meaningful interactions between your brands and their customers. But not all web forms are the same. Here are some of the top types of forms you need to master and how you can optimize them.

The “Opt-In” Form

The Opt-in Form is probably the best-known form in the digital landscape. It’s essentially a form that asks visitors to “opt-in” to a specific offer. Sometimes, this means signing up for a webinar; other times, it’ll be agreeing to an email newsletter or a regular series of blog updates.

Opt-in forms grab attention quickly and ask for something specific from the audience. For instance, this example from HuffPost encourages visitors to “Subscribe to the Morning Email.”

Opt-in forms are all about generating action.

Sometimes, they’re placed at the bottom of a landing page after a company has had a chance to explain precisely what they’re offering. Other times, you’ll find the opt-in form situated on a sidebar of a website, constantly enticing people to “sign up” if they like what they see on a blog post or article.

It’s also common for opt-in forms to appear as pop-ups and exit pop-ups on modern websites. For example, a brightly colored opt-in form that promises an immediate benefit to a customer could encourage them to hand over their details before they abandon your website.

How to Design a Great Opt-In Form

So what kind of best practices go into an excellent opt-in form?

  • Start with simplicity: If you’re asking your visitors to do something, don’t overwhelm them with too big of a request straight away. Keep the form short and simple, so it doesn’t seem like too much extra work for the visitor. Something like “Subscribe to our newsletter” should ask for nothing more than an email. 
  • Highlight the benefits: Most customers won’t want to give you a place in their inbox or the opportunity to interact with them further unless you can offer something in return. Even if you’re asking for something small, like an email address, let the customer know what’s in it for them. In the HuffPost example above, the company highlights that you can wake up to the day’s “most important news.” 
  • Give the visitor the power: Let your visitor know they’re in control here. They want to see that they’re getting exactly what they need from you in exchange for their contact details. This means reassuring them that their email address won’t be used for spam, like H&B Sensors does here: 

The Contact Form 

The Contact Form is another crucial part of building an effective UX for your website – but it’s also an element that web designers and business owners often overlook. When customers decide they want to learn more about a business, they need a quick and easy way to get in touch.

Contact forms need to be easy to find and use on any website. Usually, your user will expect to see a link to the contact form situated somewhere at the bottom of your webpage. It might be called “Contact Us” or “Customer Support.” Avoid anything that would go over the user’s head.

Aside from being easy to track down, your contact form also needs to reassure an audience that they’re making the right decision by getting in touch. Therefore, the content needs to be short, sweet, and authoritative—highlight why the user might contact your company and how they can do so.

Avoid any unnecessary information in the contact form. For example, you don’t need to know your client’s age and their job to answer a question about where their nearest physical branch is. Keep form fields to the point, or you’ll chase customers away.

How to Design a Great Contact Form

Design something personalized but straightforward to make the most of your contact form. Use features like smart content and conditional logic, if possible, to adapt the page to the user’s needs. Dynamic content is becoming increasingly valuable these days. Other best practices include:

  • Set the right expectations: Let your customers know how active you are and how quickly they can expect to hear back from you. Imagery and the right fonts can also set expectations about the kind of communication your audience can expect. For example, this contact page from the Marvel app is fun and playful, like the company itself:

  • Provide multiple options: If your customer doesn’t want to use your contact form, give them another way to get in touch. Ensure the contact page includes information like where to find you on social media and your professional phone number. 
  • Simplify things on your end: To ensure that you can contact your audience as quickly as possible, allow your customers to choose a specific subject that their query is connected to. Allowing them to choose “Sales” or “Order issues” means you can automatically direct the message to the right team member on the back-end. 

The Online Payment Form 

Sometimes, when your customers have seen what you have to offer and they’ve checked out the competition, they decide to go ahead with their purchase. To facilitate this, you’re going to need an online payment form. Online forms ensure that your customers can safely enter their credit or debit card details to purchase whatever you have to offer.

Most payment processing companies like PayPal, Square, and Stripe come with payment forms included, so you can easily embed them into a website in minutes. However, there’s always the option to customize those payment forms.

For instance, ideally, you’ll need a payment form that keeps your customer on the same page, so they don’t have to log into another browser to make their purchase. The fewer transitions your client has to make, the safer they’ll feel.

How to Design a Great Payment Form

When designing any payment form, simplicity and security are the two most important factors. Your customer should be able to enter their information quickly and easily and get through the transaction process without worrying about their details.

Remember to:

  • Keep it simple: The fewer fields the visitor has to fill out, the better. Customers still feel uncomfortable sharing personal information and payment details online. Make the experience as painless as possible. If your client already has an account with your business, you might create a system that automatically fills some of the fields, such as their email address, name, and billing address. 
  • Offer the right integrations: The proper payment forms will integrate with the payment services your customers prefer to use. Options include PayPal, Stripe, Square, Verified by Visa, and Mastercard. Get a developer to integrate the right APIs with your form to give your customers the broadest range of options. 
  • Ensure security: Give customers peace of mind by providing as much security evidence as possible. An SSL certificate that places the padlock on the top of the browser next to the URL is a great way to make customers feel more secure. Integrating verification options so your customers can avoid fraud issues is another significant step. Sometimes just putting logos from the card types you accept on the page will make a customer feel more secure. 

Support Forms

Some companies bundle the contact form and the support form together. Others have a separate support form to get their queries routed directly to the people most capable of helping them. If you want to take the second route, it might be a good idea to design a “help” section on your website where you can locate the support form.

The “Help” section on a site often appears alongside other links on the footer. For instance, it could appear alongside “About” links and “Contact” options. Here’s an example of Hubspot’s Customer Support options:

The best customer support pages come with various ways for clients to help themselves and find answers to their most pressing questions. For example, you might have a search bar where your audience can search for the answers to their queries or a knowledge base full of helpful blogs.

Hubspot allows users to choose between a blog, knowledge base, academy training center, community forum, developer discussion board, and assistance from a certified partner.

How to Design a Great Customer Support Form

Designing a good customer support form is about getting your audience the information they need as quickly as possible. Once again, you’ll need to stick to as few form fields as possible here to avoid angering an already frustrated customer. Also, remember to:

  • Ask for the right information: Find out what the query is about by giving the customer a drop-box menu full of possible topics to choose from. If you need a product reference number or something similar, ask for that at the top of the form, then allow the customer to provide extra information about their query underneath. 
  • Set expectations: Let your customers know when they can expect to get a response to their concerns and provide them with advice on what to do next. For instance, you could invite them to check out your knowledge base while they wait for a response. 
  • Keep it simple: Avoid using technical jargon on your support request forms. Be direct in your requests for summaries of the issue at hand, contact information, and other supplemental data. 

Customer Feedback Forms

According to Microsoft, around 96% of customers say that customer service is crucial in determining their loyalty to a specific brand. Another 52% of global customers believe that companies need to respond to the feedback provided by customers.

To ensure your customer service strategies are on-par with what your customers expect, you need to get feedback from your audience. That’s where a feedback form comes in. Customer feedback forms often appear after a client has finished purchasing on the “thank you” screen. They may also occur after a customer has completed a service interaction online.

Here’s an example of an Apple feedback form:

How to Design a Great Customer Feedback Form

By leaving you feedback, your customer is doing you a massive favor. They’re giving you a chance to learn from your mistakes and improve the service you can give next time around. Feedback is one of the best tools for any business that wants to grow and thrive.

If you want your customers to use your feedback forms, you’ll need to make them as simple as possible. Your customers don’t have time to waste on a complex form.

  • Don’t make any fields mandatory: Don’t stop your customers from submitting a form unless they’ve completed every field. Allow them to enter the information they consider to be the most important, and that’s it. You can even fill some of the form out for your customer, if possible, by entering their name and email address if they’re already a member of your site.
  • Make it mobile responsive: Remember there are around 3.5 billion smartphone users worldwide. You can’t afford to lose feedback because your form isn’t responsive. Every form should look and feel incredible on any device. 
  • Include a rating option: If your customers don’t have much to say about your service, or they’re not wordsmiths, they might prefer a rating option instead. A one-to-five rating system that allows your customer to judge your product or service on a scale of poor to wonderful is a great way to gain quick information. Check out the Uber Engineering example here:

Though you can pre-enter some information on a feedback form to make your customer’s life easier, don’t overstep your bounds. Adding your customer’s email address to the form is fine if they’re already a customer with you. Pre-selecting the “very satisfied” rating above would look presumptuous.

Top Tips to Improve Every Form Design

The online form is an essential part of any web design project, but it’s also frequently overlooked. Unfortunately, without a good set of forms, your customers will struggle to interact with your company in a meaningful way.

When creating any form, remember:

  • Reduce friction: Reduce the friction for your customers by asking as few questions as possible. The less your customer has to answer, the better. If you can pre-populate forms with information like your customer’s name and email address, this could help. 
  • Keep it simple: Make sure that the form is clean and easy to use. Your customers shouldn’t be confused about where to click or how to submit their information. A single-column design is often better than a multi-column option.
  • Be clear in error messages: Don’t just tell your visitors that something has gone wrong. Let them know what they need to do to submit the form successfully. If possible, use inline validation with real-time feedback to let your audience know that you recognize the information they’ve submitted.
  • Keep data secure: Make sure your audience feels safe by letting them know how you will use this information and why you’re asking for it. If you’re asking for an email address, make the benefits of entering that information clear. 
  • Make fields optional: Allow your audience to add more information to a form if they want to – but don’t demand it. Give some freedom to the visitor. 

The better your forms are, the more effective your interactions with customers will be. Remember, it’s not just the face-to-face interactions that your customers judge when making decisions about your business and whether to trust you. Today’s digital world has prompted a new demand for more meaningful virtual experiences.

Your form could be the first interaction you have with a client, whether it’s a contact form, a booking form, or something else entirely. Get that right, and you can improve your chances of your customers coming back to interact with you again later.

 

Featured image via Pexels.

Source

The post The Top 5 Form Types to Use in Your Web Design  first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot