Articles

Soft UI: Making Sense of the Latest Design Trend

A new design trend has emerged in the last year: Soft UI or Neumorphism is everywhere.

Even Apple is in on the trend; the company introduced a host of changes in both its mobile and desktop operating systems that use the style. The elements of Soft UI introduced by Apple reflect various aspects of the Microsoft Fluent UI design too.

So, if soft UI is such a huge concept, what do we need to know about it? How does soft UI work, and what are the pros and cons of using it?

What is Soft UI (Neumorphism)?

Soft UI involves using highlights and shadows in design elements to make them look as though they’re layered on the page.

The term neumorphism is derived from a previous design style — skeuomorphism, where designers create something as close to its real-life counterpart as possible. If you remember the shift between iOS 6 and 7, you’ll remember the switch between skeuomorphic and flat designs. However, neumorphic design isn’t quite as dramatic.

Neumorphism doesn’t focus excessively on things like contrast or similarities between real and digital elements. Instead, this “soft UI” practice creates a smoother experience for users.

With neumorphism, you get the sense that buttons and cards are actually part of the background they’re on. This trend removes the flashier aspects of a typical interface and focuses on a softer style that stays consistent throughout the design.

The Common Features of Soft UI

Soft UI is all about smoothing out the experience by making everything feel more connected. There’s nothing overly harsh in the aesthetic, hence the term “soft.”

So, what kind of features can you expect?

Rounded Corners: Soft UI removes some of the sharper parts of the interface, like the corners on modules and segments. This allows for a more gentle appearance overall. In this experimentation from Iqonic Design, we can see how the round corners tie everything together.

Transparency and Background Blur: Background blur and transparency are more popular today since the infamous iOS 7 solution emerged. Most people hated the appearance of ultra-minimalism, combined with thin fonts. However, the background blur effect was more popular. The blur in soft UI shows that part of the window is connected to the rest of the OS. It seems like parts of the background in the app are pushing through to the surface.

Unified Symbols: Everything needs to fit perfectly in a soft UI design. Anything that doesn’t look like it’s part of the same entity throws off the experience. In this design experiment by Surja Sen Das Raj, you can see how all the colors, shadows, and gradients tie together consistently. Because everything is more uniform, the experience flows perfectly for the end-user.

Implementing Soft UI Elements in Your Design

So, what does neumorphism look like in your UI design process?

Ultimately, it’s all about subtle contrast and aligned colors. Every part of your interface needs to look like it’s part of the same form. Your element and background need to be the same color so that you can create a feeling of objects protruding from the background.

With Soft UI, the keys to success are shadows and highlights.

Let’s take a look at some key steps.

Achieving the Soft Look

When you’re designing your interface, remember that sharp edges make the interface more serious and formal. Rounded corners are more playful and friendly.

What also makes the design look lightweight and delicate is plenty of deep shadows and highlights. When you add shadows to elements, you create a visual hierarchy. The items that cast a larger, deeper shadow are the ones closest to you. That’s why only a few elements need to cast an intense shadow. Everything else should work in the background.

Take a look at this design by Alexander Plyuto, for instance.

Creating Smooth and Delicate Gradients

Gradients are part of the shadow and highlighting process in Soft UI design. Ideally, you’ll need to choose colors from the same palette, just toned down or brightened, depending on your needs. The gradient needs to be barely visible, but just enough to make the elements stand out.

For white gradients, like highlights, use a very delicate color somewhere between white and your background shade. For instance, consider this design from Marina Tericheva.

Consider the Little Details

Finally, remember that the neumorphism design principle is all about little details.

Choosing a font that visually matches the background is an excellent choice. However, you can also choose something more contrasting, as this will help information stand out.

Adding a little bit of the background into your fonts might be suitable too. For instance, if you have a green font and a grey background, add a little grey into the mix.

Extra elements in your design, like allowing a button to shift into a more recessed state after being clicked, are a great way to make the soft UI more engaging. Everything your end-user interacts with needs to feel smooth and perfectly unified.

The Problems with Soft UI Design

Just because a design process is trending – doesn’t mean it won’t have its issues.

Neumorphism is a fun way to make apps, operating systems, and websites feel more friendly and informal. However, this softer approach has a weak spot too.

When you’re dealing with a small margin of contrast and color where neumorphism works well, it’s hard to get the effect right every time. For instance, this all-yellow design for Dtail Studio may be overwhelming for some.

A slight deviation in saturation or a problem with your shadowing could render the entire effect of Neumorphism completely pointless.

Another major issue is accessibility. The soft UI design looks great for people who have a full visual range. However, visually impaired users might not see the same benefits. Anyone without perfect vision may see crucial objects disappearing into the background.

Your users don’t necessarily need significant vision problems to struggle with neumorphism, either. The design is all about softness that causes elements to almost blend together. People with low-quality screens that don’t have as many pixels to work with won’t see these elements.

Issues With Buttons and CTAs

Another major issue of neumorphism is that its subtlety can lead to problems with attracting clicks and conversions. Usability is the most important consideration of any UI design.

Unfortunately, when you focus on subtle elements throughout your entire interface, usability sometimes takes a hit.

Let’s consider buttons, for instance – they’re essential to any interface. To simplify the customer journey, these buttons need to be noticeable, and they need to shift into different states when your customers interact with them.

For the button experience to be excellent, users need to notice the design instantly. However, the heart of neumorphism revolves around the idea that nothing stands out too much.

This isn’t just an accessibility issue; it’s a problem for conversions too.

Neumorphism is soft on the eyes, with minimal color contrast and few color pops. This means that CTA buttons don’t stand out as much as they should. Buttons almost blend into the background, and the website struggles to pull attention to the areas that demand it most.

How to Experiment With Soft UI (Free Kits)

The key to unlocking the benefits of soft UI interfaces without getting lost in the negative points – is proper experimentation. Like any new design trends, professionals and artists will need to learn how to merge the elements of soft UI together in a way that doesn’t compromise usability.

Trends in UI design can’t focus exclusively on aesthetics, as a customer’s comfort will always be an essential part of the process.

If you want to start exploring, here are some of the best kits and freebies to get you started:

Neumorphism Button kit: A button kit available in dark and light mode to help you create the best buttons for your next project.
Neumorphic Elements Sketch file: A free file for creative use, available to help you embed the right elements into your Soft UI design.
Neumorphism UI kit: A modern Soft UI kit for Figma available in 3 color variables.
Neumorphic UI kit for Adobe XD: A light-style Neumorphic kit for the Adobe XD app.
Dashboard Interface UI for Sketch: A full UI interface kit for the Sketch app.

Closing Thoughts on Soft UI

The world of design and the trends that we use are constantly changing. Companies are always searching for the best ways to connect with their users. Often, this means focusing on an interface that really connects with your target audience and delivers the best possible results.

The soft UI design trend has its benefits and its downsides. On the one hand, the smooth appearance of every element on a combined screen can deliver a delightful aesthetic. Buttons feel less imposing, and elements are friendlier and easier to interact with.

On the other hand, neumorphism also makes it difficult to truly capture your audience’s attention in the places where it matters most. It suffers from accessibility issues and requires plenty of care and practice.

Source

The post Soft UI: Making Sense of the Latest Design Trend first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

23 juin 2021/par Service comm.

3 Essential Design Trends, June 2021

Actualités, Actualités

If you are feeling like me right now, you have mixed emotions about the world in general. And this is translating into a pretty distinct design trend that’s happening almost across the board: Websites aren’t using many images of people right now.

There are just too many questions about what is appropriate (mask, no mask? groups?), so the default answer seems to be using more “artless” options focusing on typography, graphical elements, and small animations.

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

1. No Photos Above the Scroll

As the world works to pull itself out of the pandemic, designers struggle with post-pandemic design elements, mainly photography.

Many brands and companies started to refresh their libraries with new imagery that included smaller groups and masked people. Now some parts of the world are pushing to reopen, making some of these images seem immediately dated.

What is a designer to do? First, you have to weigh keeping a fresh-looking design with a world that’s changing quickly right now.

That’s likely the big reason why so many website designs are launching without photos above the scroll. Instead, the hero areas are dominated by oversized typography, graphical elements, and small animations to grab attention.

There aren’t many images that contain people or real-life scenes.

This middle ground allows designers to create something interesting within some pretty distinct constraints while preventing a design from looking dated if local pandemic health guidelines change. (It’s a fine line to walk that may continue for some time to come.)

Each of these three sites does it differently, but with similar themes.

Michael Sumner uses bright color and subtle text animations to keep you look at the design. Clean lines and flowing graphical elements almost seem to counter the in-your-face color choice.

Gus uses a grid background – also with a nontraditional color palette – to draw attention. You keep looking at the design thanks to the animated “gus” on the screen. This small element is just enough to help users click deeper into the design.

Radian takes a different approach while also embracing the no photos design trend. With a lot of white space and clean fonts, the design uses simple scrolling logo boxes to help tell the company’s story.

2. Left Align Headline Dominates the Hero

This website design trend is a twofer of sorts: There are no photos above the scroll, and the main headlines are aligned left with dominance in the header area.

A left-aligned stack headline can be a striking and dominant element. It can have even more impact with the right words in the headline that entice and engage users to learn more. (If you use this design trend, it is imperative to spend time on the words to ensure that the design says something meaningful.)

Here’s where it gets tricky. To push the eye across the screen, you want the stacked headline not to extend all the way across. Most of the designs using this trend are going half to two-thirds across the screen.

Then the text size needs to be large enough so that the words don’t break awkwardly. (Sizing depends on how many words and letters you have to deal with.)

Finally, you want to stack lines of text to fall nicely into the main, first scroll of the design. If the headline sits too low, it might be distracting. The same is true of a headline that’s too close to the navigation or breaks funny on the scroll.

The lesson here is that stacking text in this manner is a fine art, takes just the right (and highly readable) typeface to pull off, and requires meaningful messaging.

Steadfast Collective does it with a simple headline and “pieces” of images that encourage scrolling.

Nebulab uses some imagery, but what you really see is the giant, two-deck headline. Note the clever use of “next big thing” in an oversized typeface.

#Yallbikeforkids uses an all-caps configuration with intentional underlines to bring attention to keywords. The stark black and white color palette with yellow accents is a bonus for this design and style.

3. Fun with Fonts

When you don’t have many images to work with and no faces to show, it leaves more room for typographic creativity.

From experimental typefaces to line styles to interesting weight combinations to completely artistic font treatments, designers are having a lot of fun in this area.

Here are three examples to crush on.

Mantic uses a fun dot-style experimental typeface for an AI tool with a futuristic feel. Using a type style that matches the tone and content of the design is key for making a technique like this really work wonders.

Ballistic Moon also uses a funky, experimental typeface for the intro to the online storybook adventure. What’s really nice about the use of the trend here is that the fun font has a distinct purpose and is used for only that use and is not scattered all over the design.

Kazuki Noda has fun with the letters of his name so that the same cool and majestic feel as the rest of the design. Look closely at the uber-blurred video background and phrases that pop into the hero area to describe the portfolio and art direction therein. It’s artful and fun.

Conclusion

There aren’t a lot of pictures to look at with website design projects this month. And that theme is at the heart of what’s trending right now. It will be interesting to see how long this continues in an uncertain world landscape.

What’s nice about these projects that aren’t so photo-heavy is that it forces designers to develop creative solutions and use other tools to help draw attention to the projects.

Designing within these types of constraints can seem a little overwhelming at first, but the best designers can run with this challenge to create something amazing. (And it can even feel freeing in some ways.) Good luck if you are working on one of these projects, and we hope these trends serve as a source of inspiration.

Source

The post 3 Essential Design Trends, June 2021 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

7 juin 2021/par Service comm.

Deno vs. Node: A Detailed Comparison

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

What is Deno?

Deno a pristine method to compose worker-side JavaScript. It solves many of the problems that Node does. It was created by the same person as Node. It uses the V8 JavaScript engine under the hood but the rest of the runtime is implemented in Rust and Typescript.

What Reason Does Deno Utilize Rust?

Deno may be a safe TypeScript run-time on Chrome V8. It had been initially written in Go and now has been revamped in Rust to remain far away from potential garbage collector issues. Deno is like Node js yet is centered around security. The rationale that Deno made was JavaScript. Significantly more horrendous than having a competitor who understands your thing back to front, Deno was made expressly to fix what Dahl saw due to the crucial weaknesses of NodeJs — including security issues, use of a centralized repository system (npm), and heavy tooling.

Source de l’article sur DZONE

9 mai 2021/par Service comm.

No-Code: »It’s a Trap! »

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

Gartner predicts that by 2023, over 50% of medium to large enterprises will have adopted a Low-code/No-code application as part of their platform development.

The proliferation of Low-code/No-code tooling can be partially attributed to the COVID-19 pandemic, which has put pressure on businesses around the world to rapidly implement digital solutions. However, adoption of these tools — while indeed accelerated by the pandemic — would have occurred either way.

Even before the pandemic, the largest, richest companies had already formed an oligopsony around the best tech talent and most advanced development tools. Low-Code/No-code, therefore, is an attractive solution for small and mid-sized organizations to level the playing field, and it does so by giving these smaller players the power to do more with their existing resources.

While these benefits are often realized in the short term, the long-term effect of these tools is often shockingly different. The promise of faster and cheaper delivery is the catch — or lure — inside this organizational mousetrap, whereas backlogs, vendor contracts, technical debts, and constant updates are the hammer.

So, what exactly is the No-Code trap, and how can we avoid it?

What is a No-Code Tool?

First, let’s make sure we clear up any confusion regarding naming. So far I have referred Low-Code and No-Code as if they were one term. It’s certainly easy to confuse them — even large analyst firms seem to have a hard time differentiating between the two — and in the broader context of this article, both can lead to the same set of development pitfalls.

Under the magnifying glass, however, there are lots of small details and capabilities that differentiate Low-code and No-code solutions. Most of them aren’t apparent at the UI level, leading to much of the confusion between where the two come from.

In this section, I will spend a little bit of time exploring the important differences between those two, but only to show that when it comes to the central premise of this article they are virtually equivalent.

Low-Code vs. No-Code Tools

The goal behind Low-Code is to minimize the amount of coding necessary for complex tasks through a visual interface (such as Drag ‘N’ Drop) that integrates existing blocks of code into a workflow.

Skilled professionals have the potential to work smarter and faster with Low-Code tools because repetitive coding or duplicating work is streamlined. Through this, they can spend less time on the 80% of work that builds the foundation and focuses more on optimizing the 20% that makes it different. It, therefore, takes on the role of an entry-level employee doing the grunt work for more senior developers/engineers.

No-Code has a very similar look and feel to Low-Code, but is different in one very important dimension. Where Low-Code is meant to optimize the productivity of developers or engineers that already know how to code (even if just a little), No-Code is built for business and product managers that may not know any actual programming languages. It is meant to equip non-technical workers with the tools they need to create applications without formal development training.

No-Code applications need to be self-contained and everything the No-Code vendor thinks the user may need is already built into the tool.

As a result, No-Code applications create a lot of restrictions for the long-term in exchange for quick results in the short-term. This is a great example of a ‘deliberate-prudent’ scenario in the context of the Technical Debt Quadrant, but more on this later.

Advantages of No-Code Solutions

The appeal of both Low-Code and No-Code is pretty obvious. By removing code organizations can remove those that write it — developers — because they are expensive, in short supply, and fundamentally don’t produce things quickly.

The benefits of these two forms of applications in their best forms can be pretty substantial:

Resources: Human Capital is becoming increasingly scarce — and therefore expensive. This can stop a lot of ambitious projects dead in their tracks. Low-Code and No-Code tools minimize the amount of specialized technical skills needed to get an application of the ground, which means things can get done more quickly and at a lower cost.
Low R isk/H igh ROI: Security processes, data integrations, and cross-platform support are all built into Low-Code and No-Code tools, meaning less risk and more time to focus on your business goals.
Moving to Production: Similarly, for both types of tools a single click is all it takes to send or deploy a model or application you built to production.

Looking at these advantages, it is no wonder that both Low-Code and No-Code have been taking industries by storm recently. While being distinctly different in terms of users, they serve the same goal — that is to say, faster, safer and cheaper deployment. Given these similarities, both terms will be grouped together under the ‘No-Code’ term for the rest of this article unless otherwise specified.

List of No-Code Data Tools

So far, we have covered the applications of No-Code in a very general way, but for the rest of this article, I would like to focus on data modeling. No-Code tools are prevalent in software development, but have also, in particular, started to take hold in this space, and some applications even claim to be an alternative to SQL and other querying languages (crazy, right?!). My reasons for focusing on this are two-fold:

Firstly, there is a lot of existing analysis around this problem for software development and very little for data modeling. Secondly, this is also the area in which I have the most expertise.

Now let’s take a look at some of the vendors that provide No-Code solutions in this space. These in no way constitute a complete list and are, for the most part, not exclusively built for data modeling.

1. No-Code Data Modeling in Power BI

Power BI was created by Microsoft and aims to provide interactive visualizations and business intelligence capabilities to all types of business users. Their simple interface is meant to allow end-users to create their own reports and dashboards through a number of features, including data mapping, transformation, and visualization through dashboards. Power BI does support some R coding capabilities for visualization, but when it comes to data modeling, it is a true No-Code tool.

2. Alteryx as a Low-Code Alternative

Alteryx is meant to make advanced analytics accessible to any data worker. To achieve this, it offers several data analytics solutions. Alteryx specializes in self-service analytics with an intuitive UI. Their offerings can be used as Extract, Transform, Load (ETL) Tools within their own framework. Alteryx allows data workers to organize their data pipelines through their custom features and SQL code blocks. As such, they are easily identified as a Low-Code solution.

3. Is Tableau a No-Code Data Modeling Solution?

Tableau is a visual analytics platform and a direct competitor to Power BI. They were recently acquired by Salesforce which is now hoping to ‘transform the way we use data to solve problems—empowering people and organizations to make the most of their data.’ It is also a pretty obvious No-Code platform that is supposed to appeal to all types of end-users. As of now, it offers fewer tools for data modeling than Power BI, but that is likely to change in the future.

4. Looker is a No-Code Alternative to SQL

Looker is a business intelligence software and big data analytics platform that promises to help you explore, analyze, and share real-time business analytics easily. Very much in line with Tableau and Power BI, it aims to make non-technical end-users proficient in a variety of data tasks such as transformation, modeling, and visualization.

You might be wondering why I am including so many BI/Visualization platforms when talking about potential alternatives to SQL. After all, these tools are only set up to address an organization’s reporting needs, which constitute only one of the use cases for data queries and SQL. This is certainly a valid point, so allow me to clarify my reasoning a bit more.

While it is true that reporting is only one of many potential uses for SQL, it is nevertheless an extremely important one. There is a good reason why there are so many No-Code BI tools in the market—to address heightening demand from enterprises around the world — and therefore, it is worth taking a closer look at their almost inevitable shortcomings.

Source de l’article sur DZONE

23 avril 2021/par Service comm.

9 Tips for Better Live Logo Design

Actualités, Actualités

Have you ever wondered why we’re so amazed by motion? A moving image is more likely to grab your attention than a static one. Motion is exciting and attention-grabbing – plus, it allows us to access more information in a short space of time.

For a while now, companies have been experimenting with all kinds of motion and animation in their design choices. We’ve seen the rise of animated website backgrounds or live-playing videos instead of images on a home page. There are videos and 360-degree pictures on product pages to help people get a better view of certain items and immersive AR experiences on apps.

So why has the power of motion not made its way into the logo design landscape yet?

Sure, there are a few examples of animated logos out there, but they haven’t had the same long-lasting impact as animated websites. Perhaps that’s because people don’t have the right tools to bring their animated logos to life?

Today, we’re going to cover some top tips for live logo design.

1. Understand What “Live Logo” Means

An animated logo or live logo can be a powerful tool in a company’s branding strategy. Although there’s more to a company’s identity than its logo, it’s fair to say that logos make a huge difference to how we feel about brands and their identity.

A powerful logo can make an emotional connection with your target audience and help your brand to thrive in virtually any environment. Live logos, or animated logos, bring more attention to the brand image, by helping a customer to focus on the logo’s action. A live logo might tell a story about what the business does through motion, or just be eye-catching.

The level of animation varies depending on the designer, but it can go all the way from a short video presentation to a few simple moves. The Skype logo is an excellent example of something simple, that multiple designers have played with to great effect.

Today, there are plenty of open-access tools helping to create more immersive animated graphics in the logo design world. Additionally, the types of animation available are becoming more impressive all the time.

2. Explore the Types of Logo Animation

The next stage of properly leveraged live logos, is knowing what kinds of logo animation are available. There are plenty of different styles of animation to explore today, depending on the kind of impact you want to have.

For instance, sometimes the animation you choose will be connected to your business. A vehicle company might have a logo that seems to “drive” into the central space on the screen. An electricity company might choose a logo that pulses like an electric charge. This animated FedEx logo is an excellent example of how animation can show what a business does.

Options for animation might include:

Rotation: Make an emblem stand out by moving it to the sides or allowing it to move on its axis. Rotation gives a logo a sense of 3D space.
Appearance/Disappearance: You can make a logo grow on the screen by bringing to life one pixel at a time, or have it dissolve and disappear in a similar way.
Transformation: Your logo doesn’t have to start out in the shape it’s going to achieve. You might start with a seed that gradually grows into a tree-shaped logo for a gardening company, for example.
Replacement: Another great way to tell a story is to replace a graphic related to the company in question with the logo through an immersive animated experience.

3. Set Goals for the Live Logo

If you’re not sure what kind of animations to experiment with, then it’s a good idea to start with some solid goals. Your goals will give you a direction to move in with your logo choices. An animated logo can be a dynamic and modern way to present a brand to an audience, but it’s only going to be effective when implemented carefully.

Let’s look at some of the goals you can choose for your live logo:

Differentiation: While it’s true that animation and live content is gaining more attention lately, it’s still relatively new as an overall concept. With an animated logo, you could help a brand to create a more unique image for themselves, which sets them apart from the other organisations in the same space.
Storytelling: As mentioned above, animated logos can tell a story about what the company or product actually does. In this example for Firefox, for instance, the logo mimics a loading wheel to demonstrate a speedy internet browser.
Brand awareness: Dynamic logos and animations are more likely to capture your audience’s attention than static images. They’re also more of a novel experience, which means that customers might want to share them with other people too.
Memorability: Today’s customers are bombarded by hundreds, if not thousands of logos all the time. They need something special to convince them that one image deserves a spot at the front of their mind. Animation can help to make a business more memorable.

4. Do Your Research

Doing your own research is an excellent way to get some inspiration for a live logo or animation. Ideally, you’ll want to focus on the industry you’re already working in, as this will give you some guidance as to the kind of movement that can attract the most attention from the correct audience.

Watch as intros to brand videos and check out as many live logos as you can. Check out the kind of animations that people use in their videos when they’re showcasing products online. You can learn a lot about what works just by evaluating what other people have done before. Just be careful not to simply copy what you’ve found elsewhere.

The aim of your live animation should be to tell a unique story about the company

The aim of your live animation should be to tell a unique story about the company in question. If you’re not sure how to start with differentiating the image, check out the brand guidelines for the company in question. The guidelines that the company used to choose the right brand colors, fonts, and other visual assets can work just as well for your animation strategy.

Remember, the aim here is to tell a specific story, send a message, or evoke a certain emotion. Don’t make the mistake of designing something that looks cool but doesn’t have much of a purchase. Most human beings will naturally look for the meaning behind the content that they see. If there isn’t anything there, it’ll just lead to confusion.

5. Use Live Logos on Brand Websites

The most obvious way to begin experimenting with animated logos in web design, is to implement live logos into a client’s website. Some companies have a “welcome screen” for their site which uses an animation to introduce visitors to the home page and other navigation options. There are also brands out there who love the impact that animation can have but want to use it more subtly.

In these cases, live logos can be an excellent way to draw the eye to a specific spot on a website, perhaps the area just above the “contact” button that encourages a client to reach out. Crucially, to avoid weighing down the website and distracting visitors, companies and designers will need to make some important choices.

Although it might be tempting to keep the animation looping at all times, just in case someone misses the first round, this requires a lot of extra processing power. Too much animation also makes it harder for businesses to push the focus of their visitors to other points on the website, like landing pages for products, or testimonial pages.

Often, as with most innovative decisions in web-design, the best bet is usually to start small and work your way up. Don’t over-do it with animation on day one. See how the visitors to the website respond first.

6. Find the Right Balance

Animations in a live logo are there to grab attention quickly, and effectively. They shouldn’t go on for too long, or you risk overwhelming your audience before they have a chance to browse the rest of the website or check out other content. A live logo should only be active for a few seconds at most, and in that time, it needs to say something valuable.

Often, the best strategy is to start by building up curiosity, and getting your viewer engaged so that they’re keen to see more. Every frame will count to pull the customer in and make them feel connected to the brand in question.

Make sure that the logo animation is dynamic so that it doesn’t just capture the attention of the viewer but maintain their interest for the full time required. During the motion, the viewer’s brain should be working to figure out what’s going to happen next.

Just like most logo design and graphic animation strategies, the key to success is finding the right balance between clever experiences, and simplicity. You want to do something meaningful that earns your viewer’s attention, but you need to compete with the fact that attention spans are plummeting all the time.

7. Explore Logo Animation in Video

One of the best ways to use logo animation, is to draw interest for a company at the beginning of a video. Video is gaining incredible levels of popularity lately, particularly in a world where you can view video content almost anywhere. Companies are adding videos to their product pages, social media accounts, applications, websites, and so much more .

For the majority of companies, a live logo at the start of a video can help their brand to seem more professional. It’s a reminder to viewers of the brand that they’re learning about with that video content. Plus, a logo at the beginning of a piece of video content can also build on the consistency that companies attempt to create by using the same brand assets in various mediums online.

(Starting a video with an animated logo is great for presentation, but it can also be frustrating to customers in certain pieces of content where they’re looking for quick answers to questions. If an animated logo is more than a couple of seconds long, it may be better placed at the back of a video instead.)

With videos for news reports or announcements where you want to get straight to the point and generate excitement about a new product or service, it can be better to jump straight into action. Ending a video with a live logo keeps the brand image front of mind for the customer for longer, even after the message has ended. On the other hand, ending a video with a logo could increase the chances that customers miss the animation, because they click away from the content too quickly.

If you’re new to adding live logos into videos, consider experimenting with different strategies to see which works best. Different companies might get unique results.

8. Bring Logo Animation to the Real World

Another interesting option for live logo design, could be to step outside of the computer screen for a while. In today’s digitally transforming landscape, it’s becoming more common to see the real and digital worlds converging. Most events and trade-shows come with presentations that rely on digital content, like animated presentations and slide shows.

Depending on the signage solutions available at industry events, companies could even use an animated logo above their booth to draw attention in a cluttered environment. Around 48% of exhibitors agree that a more eye-catching stand or booth is often the most effective way to attract visitors and customers at an event.

Animation and live logos may have started life on the computer screen, but they can appear in much more diverse environments today. Offices could use a live logo in the reception room or lobby to make their on-premises environment more appealing. Retail locations could display ads on digital signage, followed by live logos that work to both separate messages, and keep shoppers entertained when they’re enjoying the bricks-and-mortar experience.

9. Include Live Logos in Brand Signatures

Remember, a live logo doesn’t just have to sit on a company’s app or website until someone discovers it. Sometimes, the right logo can also be a powerful way to “sign off” on a message from a brand or its management team. For instance, email remains to be one of the most valuable tools for business marketing and customer relationship building today.

It’s the third most influential source of content and news for a lot of B2B audiences, and yet, most companies aren’t taking full advantage of what their email marketing software solutions are capable of. If you can display gifs and animated videos in an email (which most software solutions can), then you can also add a live logo to the brand signature.

The important thing to remember is that if you’re going to be adding a signature to a lightweight thing, like an email, it needs to be lightweight too. Don’t make the live logo too long and complicated, or it might prevent the email from loading properly.

Outside of email, don’t forget to consider options for live logos in things like social media profile pictures too. According to experts, around 80% of companies use visual assets in their social media marketing. A live logo is a great way to go beyond the basics with a company’s imagery. Motion grabs attention, and video content is quickly gaining steam on a lot of social media platforms.

Embracing a New World of Live Animation

Designers are only just beginning to scratch the surface of what’s possible with animated logos. For many companies, live logos are an excellent way to capture audience attention and encourage engagement with a brand.

A live logo at the beginning of a video, at the start of an app loading screen, or even at the top of a website can differentiate a company and make them stand out. As technology continues to evolve, and customer expectations continue to expand, the options for live animation could continue to grow. You might even be able to infuse live logos with elements of VR and AR, to impart brand essence in a brand-new digital world.

If you haven’t begun experimenting with live logo design yet, now could be the time to start.

Featured image, via Gav Five.

Source

The post 9 Tips for Better Live Logo Design first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

14 avril 2021/par Service comm.

The Most Comprehensive Grammarly Review Ever

Actualités, Actualités

Who is Grammarly for? Can a grammar checking tool like Grammarly replace a human editor and proofreader? Is the Grammarly checker worth it? Are the Grammarly free checks sufficient for me, or should I upgrade to Grammarly Premium? Should I install Grammarly on Chrome? How effective is Grammarly for Word? Is downloading the Grammarly desktop app worth it? You have questions…all of which we’re going to answer.

I have been using Grammarly regularly for proofreading my documents and emails since 2015 and have witnessed its evolution as a product firsthand. After checking over three million words during this period, I can confidently say that Grammarly has come a long way. Raising $200M in total funding at a valuation of $1B+ so far, and with more than a million downloads per month, Grammarly is now a top-1000 website by traffic worldwide.

I write a lot, so Grammarly has been my go-to writing assistant for correcting passages and enhancing my writing. I first tried the Free version, and in May 2020, I upgraded to the Premium version, finally! Grammarly Premium is a great tool that takes care of most of your writing, proofreading, and plagiarism-checking needs for intensive work.

In this article, I’ll explain what Grammarly is, its features, what it does (functions of all versions and products), the pros and cons of using Grammarly, my rating of Grammarly, who should use the Free version, and who should use the Premium version and the difference between the two. I’ll also explain how to use Grammarly properly. I’ll then compare it with other popular tools and suggest which ones suit your needs. In the end, I’ll leave you with my final assessment and FAQs.

What is Grammarly?

Grammarly is an online digital writing assistant that checks for a range of English grammar and spelling mistakes. It also helps enhance the writing through its excellent context-based clarity suggestions (Premium version).

Grammarly is a writing aid that checks not only for spelling slights, grammar rules, and clarity issues but also identifies the tone of the writing to provide relevant instructions through its Error Cards. It also has a plagiarism checking tool, which is available with the Premium version.

Grammarly employs AI (Artificial Intelligence) and NLP (Natural Language Processing) to check the content for all possible syntactic and semantic issues. Although it has an extensive database, it is still incomparable to human proofreading and professional editing, especially when it comes to understanding the context of the writing.

Grammarly Overview For Beginners – Compatible, Accessible

Grammarly is astonishingly easy to use, primarily due to its compatibility via the Browser Extension/Add-on, from which you can use it on millions of websites. Moreover, its other product forms, i.e., the Online Editor (Web App), Desktop Application, MS Word/Outlook Add-in, and the Grammarly Keyboard for iOS/Android, make it accessible everywhere.

How Does Grammarly Work?

It automatically detects issues in the content in the Desktop App, the Online Editor, and the browser (even in Google Docs, which is in Beta at this time) via its add-on. Yet, for the MS Word Add-in, you have to click the Grammarly button to activate the app. Grammarly explains all detected issues via an Error Card that contains relevant information for each item. You can implement it by clicking the suggestion, ‘Ignore’ the problem, or ‘Add to Dictionary’ (in case of a spelling issue). You can also provide feedback (if you think that the suggestion is wrong). The Free version checks only for spelling and critical grammar mistakes. The Premium version also reveals a ton of advanced ‘Clarity Issues.’

The Tone Detector helps you estimate the entire document’s tone, which can be valuable for many writers who target a particular audience, e.g., formal writing for the business audience.

Limitations of Grammarly (For Beginners)

Grammarly, overall, excels at almost all the things it does, and therefore the free version is recommended for everyone. Grammarly provides a generic readability score. Advanced grammar checks like the clarity checker, the plagiarism checker, and many other features are not available for the free version.

Grammarly is dominant amongst its competition, but it doesn’t solve all English language problems. It is useful at picking syntactic mistakes but still misses significant semantic errors, which can be a problem for people who are not particularly adept at English — as they won’t notice these slips.

The Good	The Bad	& The Ugly
Ease of use – simple, intuitive, and efficient interface	English language only	Tad expensive (notably the monthly subscription at $29.95 per month)
Context-based grammar checking	Not 100% accurate (primarily misses linguistic bloopers)	No free trial for the premium version.
Fantastic grammar checker	Business account starts at three users and charges per number of users (can be a bit expensive for small businesses)	Only one account (license) for the premium version. You can use it on up to five devices.
Convenient tone detector	Insufficient as a standalone tool (doesn’t do everything)	Incomplete sentences can sometimes go undetected
The insightful error cards are instructional and productive (they help you to improve your writing)	Unlike ProWritingAid and Hemmingway Editor, it doesn’t provide much information about the whole passage, Grammarly’s scoring is generic right now	No substitutes are suggested in many cases. Example: synonyms, rephrasing suggestions for the intricate text, etc.
Integrates well with MS Word, Outlook, WordPress, emails, social media, and millions of websites	The free version is limited to fundamental grammar and spelling mistakes	Cannot determine contextually incorrect sentences (it cannot perceive the meaning of the written document)
Knowledge-base	The premium version identifies repeated words but sometimes doesn’t provide a suitable alternative to use	Short on vocabulary suggestions (not as competent as the free thesaurus writing tool)
The Grammarly keyboard is available for Android & iOS for FREE	Free version shows the number of advanced clarity mistakes but doesn’t tell you what those mistakes are and where they are	The formatting tool is rudimentary. You have to write in another text editor and then import it to the Grammarly Editor to format your writing accurately
Personal dictionary	Google Docs is not supported yet (in Beta).	Restricted to English only, and it also doesn’t translate other languages as Ginger does.
The adjust goal option allows you to customize Grammarly’s feedback.	It can miss simple semantic issues, which sometimes can be caught by text editors like Google Docs and MS Word.
Formatting remains the same if you import/upload a document, but it changes if you copy/paste.	Plagiarism Detector is not available for the free version.
Weekly writing stats (sent to user email) can help you identify your problem areas	The browser extension can malfunction, i.e., opening and closing the Grammarly editor within a website (sometimes) duplicates the content
Option to download the detailed performance statistics as a PDF	Sometimes Grammarly doesn’t catch all mistakes on the first try. You have to refresh or scroll to let it run again and see if it finds new issues
Grammarly blog teaches English grammar rules, writing techniques, and more
Context-based checker is more accurate than competitors
Provides rephrasing suggestions for complicated sentences
The premium version excels at catching inconsistencies

Who Should Use Grammarly?

Free:

Everyone

Despite being limited, Grammarly (free version) is a phenomenal tool. Therefore, I would heartily recommend it to everyone. It’s free, and it’s convenient.

The free version should be everyone’s go-to tool for proofreading social media statuses, tweets, and comments. It is also crucial for editing all sorts of short-form writing, such as emails. Professional writers can also use the free version to catch typos and basic grammar mistakes.

Premium:

Professional Writers
Authors
Bloggers
Students
Businesses that require extensive writing
Marketers/Advertisers
Content Creators
Editors and Proofreaders

Apart from all the necessary features offered in the Grammarly free version, Grammarly Premium provides several other valuable elements such as an advanced clarity checker and a robust plagiarism checker. All these help you enhance your writing effectively.

Grammarly Premium is a helpful tool for people who are already adept at English as it still requires plenty of work on catching semantic errors. Businesses and Professional writers who do intensive writing should give the Premium version a go. From writing, editing, and proofreading to plagiarism checking, it is almost an All-in-One solution (though not a substitute for a human proofreader – at least yet).

Who Shouldn’t Use Grammarly?

Free:

Students
English Learners

People, especially students who cannot learn from their mistakes, should avoid relying on Grammarly as it can hinder their learning process.

Granted, Instructional Error Cards and Weekly Writing Stats (emailed to the user) can pinpoint your weak points, but educating yourself from there on is entirely up to you.

Just like ‘Auto-correct’ hinders people’s ability to learn proper spellings, Grammarly can do that for learning grammar rules.

Premium:

Amateur Writers
Infrequent Users

Grammarly is an excellent tool, but it still makes slips, which can be misleading for amateurs who don’t have a solid grip on the English language. Therefore, if you are not proficient enough in English, you should only subscribe to Grammarly Premium if you can remember that it is not a replacement for a human teacher or a proofreader. Or, you can continue using the Free version, which is competent enough to check fundamental grammar and spelling oversights.

Furthermore, businesses and professionals who are infrequent users can stick to the Free version if they feel they will not be making the most of the Premium version.

Grammarly vs. Basic Text Editors

A comparison with basic text editors will illustrate Grammarly’s true potential:

Microsoft Word

Microsoft Word is the most popular and feature-packed text editor. It includes a basic grammar and spelling checker that catches typos in real-time. However, MS Word is very limited in its grammar checking capabilities.

I’ve written many articles using Microsoft Word, which were considered error-free by the text editor. However, when I put the same documents in Grammarly’s Editor, there’d always be some critical mistakes caught by the Free version and some clarity or consistency mistakes pointed out by the Premium version.

Grammarly finds inconsistent punctuation that MS Word missed.

Google Docs

Google Docs is another mighty text editor, which is free to use. It also has numerous features, including spelling and grammar checking. Google Docs’ grammar and spelling check software only flag issues with an alternative in its database; otherwise, it ignores them. It auto-corrects the obvious spelling blunders. It can also pick missing determiners (articles) better than Microsoft Word. However, once again, when compared to Grammarly, Google Docs falls far behind in exposing slip-ups.

Grammarly in Google Docs.

Google Docs performs a little better than MS Word when it comes to punctuation, yet it is incomparable to Grammarly, which is in Beta for Google Docs.

How to Write Better With Grammarly

Grammarly proofreads content written in English (American, British, Australian, and Canadian) and gives detailed performance statistics. Weekly Writing Statistics are emailed to the user account, and you can download a complete PDF that extensively illustrates your performance.

From scoring to pointing out all mistakes and amendments, Grammarly doles out a comprehensive document that you can use to improve your weak areas. Grammarly can function as your teacher in this regard if you learn from these mistakes and try to improve your performance, especially in areas pointed out by the software.

Try Grammarly for yourself.

All Grammarly Products

Grammarly is available in the following product versions:

Grammarly for Business (3 or more users)
Grammarly @edu (for Educational Organizations/Institutes)
Grammarly Premium
Grammarly Free

All these versions are usable in the following product forms:

1. Online Editor

Grammarly’s web application acts as an online editor to upload a document, copy/paste content, or write directly. It has a 4MB size-limit and a 100,000 characters-limit (about 60 pages). When you upload a file, a pop-up tells you that your document formatting will restore when downloaded.

Grammarly’s interface for the online version and the desktop app is identical, and it is outstandingly intuitive and accessible. A dedicated writing assistant panel on the right side contains valuable information and choosable options. It also lists and categorizes all the errors found.

A bar at the bottom contains a few formatting options and some length-related info about the passage.

2. Browser Extension

Typing in any online text editor activates the ’Grammar and Spelling Checker’ when the extension is on. It underlines (in red) all the issues in real-time. Hovering over the problem pops up an Error Card that contains corrections and more information about the mistake.

You can use the Grammarly icon at the bottom-right of online text editors to activate or deactivate the tool. This option is beneficial because sometimes you want to check your content but don’t want distractions while writing. I recommend turning on the extension after you have completed your draft and now want to begin the editing phase. You can also open the Grammarly editor within a website for added convenience.

The Grammarly add-on is available on all popular browsers – Chrome, Firefox, Safari, Edge Chromium, etc. And it is compatible with millions of websites and the web versions of many desktop applications, including WordPress, emails, social media, work platforms, and many more. Grammarly for Google Docs is in Beta right now. The Grammarly extension also gives you the option to ’Show Definitions and Synonyms via Double Click,’ which works like a dictionary within any website.

The Grammarly icon within your text editors tells you the total number of issues found on the Grammarly pop-up. However, you have to scroll through the document and find those problems yourself. It is not as efficient as the online Editor. The extension only shows the critical issues inside your online editor. It gives you the option to open the online Grammarly Editor to see the errors pointed out by the Premium version. The browser extension also works slower for lengthy content. It is convenient but only for short-form writing.

3. Desktop Application

The desktop application, like all other products, is online only and doesn’t work offline. An internet connection is necessary as Grammarly uses its database to process the document. The desktop app is identical to the online editor.

4. Microsoft Word/Outlook Add-in

You can integrate Grammarly into Microsoft Word and Outlook through their Add-in. Unlike other Grammarly product forms, the MS Word Add-in activates when clicked — otherwise, it stays dormant. When enabled, a right panel appears with suggestions, Error Cards, and statistics, just like the Online Editor and the Desktop App. Grammarly has no character limit for the MS Word Add-in.

5. The Grammarly Keyboard App

You can download Grammarly Keyboard for both Android and iOS through their respective stores. Now available for iPad as well, it is easy to use as it works like the auto-correct feature available in the smart devices. It gives suggestions when Grammarly encounters any grammar or spelling lapses.

Grammarly Pricing Plans

Grammarly is a tad expensive when purchased as a monthly subscription, which costs $29.95 per month. The quarterly ($59.95) and annual ($139.95) subscriptions offer better value for money. Through its weekly newsletter and other channels, Grammarly presents discount offers to its free users from time to time, which you can avail yourself of to get an even cheaper deal for the Grammarly Premium subscription.

Grammarly Pricing Plans for Premium Version – Monthly, Quarterly, Annual

Free

Grammarly Free is limited but still adequate for many as it gives you critical grammar and spelling checking capabilities. It is usable in all product forms.

Premium

Grammarly Premium, along with Spelling and Grammar Checker, offers an advanced Clarity Checker, Plagiarism Checker, and experimental Tone Detector. All Grammarly features are available for the Premium version.

Business

Grammarly for Business offers all the Premium features for three or more users. It also gives you an admin panel to customize your experience. You can add a personal dictionary, among other things, which will be accessible to all users. Grammarly for Business includes:

Individual accounts
Admin panel
Centralized billing
Team usage stats
Priority email support
Single sign-on

Grammarly Business Pricing Example

Grammarly @Edu

Grammarly @Edu is also an available option, of which educational institutes and organizations can avail themselves. It caters to a large number of accounts, as it targets students.

Grammarly Features

UI

Grammarly has hands-down the best interface among all the writing assistants. It is incredibly intuitive and user-friendly.

Compatibility

Grammarly integrates with millions of sites and text editors. It is also compatible with MS Word (both for Windows and Mac) and Outlook via an Add-in. It is still in Beta for Google Docs.

Grammarly is incompatible with some desktop apps, but you can use Grammarly in their web versions.

Supported Document Formats

For products where you can upload text documents, the supported document formats are: .docx, .rtf, .odt, .txt.

Languages

Grammarly is restricted to English only, including American, British, Canadian, and Australian English. Grammarly doesn’t support foreign language phrases, translation, etc., at the moment.

Grammarly Functions

Spelling Checker

Grammarly checks for spelling mistakes based on context. It is excellent at differentiating between commonly misspelled words. It can also tell Common and Proper Nouns apart (in most cases).

Grammar Checker

All Grammarly products on all plans help you check for grammatical errors and syntax issues in the provided document in real-time.

Plagiarism Checker

The Plagiarism Checker is not available for the free version. When I inquired about plagiarism in hard copy, patch plagiarism, and ProQuest, here’s what Grammarly Support had to say:

“We teamed up with ProQuest to provide even more accurate plagiarism checks: currently, Grammarly’s plagiarism checker searches major proprietary databases along with over 16 billion web pages. You can check ProQuest libraries here http://www.proquest.com/libraries/academic/databases/.

Please note that Grammarly catches verbatim plagiarism and slightly modified text that can be classified as unoriginal. As comprehensive as our algorithms are, significantly rephrased text oftentimes can’t be traced back to its source.”

Note: I checked this document with both; Grammarly Plagiarism Checker is not as robust as Copyscape, but it’s catching up fast.

Tone Detector

It detects a variety of tones based on the context of the given passage.

Grammarly Tone Detector

Clarity Checker

Grammarly checks for advanced issues for the Premium, Education, and Business versions. The Free version checks for limited conciseness; the rest is available on the Premium version only.

Grammarly Support

Grammarly offers support via its extensive, well-written, and user-oriented knowledge-base. Grammarly also provides support via email (24/7 for the Business version) if you can’t find a relevant answer in the knowledge-base.

Moreover, the Grammarly Blog teaches, among other useful things, the proper use of grammar in English.

Grammarly Blog

The Grammarly Blog teaches the rules of English grammar and gives tips on writing. It also specializes in teaching about the most common blunders, which are also a strong suit of the application.

Detailed Performance Statistics

You can view the ‘Statistics Summary Card’ by clicking the ‘See Performance’ button. Or you can download the detailed statistics via the Download PDF Report option. These statistics are in-depth and contain exhaustive information regarding the whole document, including your score, errors, reading time, speaking time, and more.

Grammarly Performance Stats

Adjust Goals

You can customize Grammarly’s feedback according to your needs. This option gives you an adjustable chart where you can set your preferences according to your needs. It helps with the document’s tone, the difficulty level depending on the target audience, and more.

Grammarly Adjust Goals

Get Expert Writing Help

Grammarly gives you the option to get your work checked by experts. It’s a particularly convenient option for those who cannot or do not want to rely on their proofreading skills better than finding and hiring someone yourself.

Grammarly Expert Writing Help

Is Grammarly Really Free to Use?

Grammarly has a free version with a powerful-enough spelling and grammar checker. It is available in all product forms – Online Editor, Browser Extension, Desktop Application, and Word Add-in. The Free version checks for up to 150 grammar rules.

It is superb at uncovering elementary grammar fallacies due to its context-based checking, powered by its robust AI and NLP software.

The Free version doesn’t show clarity issues. It reveals the number of clarity issues in the content, but it doesn’t tell you what and where those issues are.

Is Grammarly Premium Worth The Cost?

The Premium version shows advanced grammar issues such as clarity, conciseness, dangling modifiers, squinting modifiers, monotonous sentences, intricate text, split infinitives, and many more. It checks for over 400 rules of English grammar, far more than the Free version. Grammarly Premium also has a plagiarism checker within the interface, which is mighty-enough for online plagiarism checking.

Grammar Checks

When you run some text through any version and product form of the app, Grammarly will process the document for the following:

Sensitivity
Determiners
Voice
Conciseness
Conjunctions
References
Nouns
Fluency
Word order
Spelling
Conventions
Syntax
Variety
Formality
Pronouns
Prepositions
Verbs
Numerals
Punctuation
Modifiers
Consistency
Correctness
Clarity
Delivery
Readability
Engagement

However, Grammarly will not point out many of these mistakes for the Free version. It will only tell you the number of such problems in your content.

Grammarly Checklist

Grammarly Free in Action:

Let’s see some examples.

Verbs

Grammarly detecting the wrong form of a verb.

Context-Based Checking

Grammarly Context-Based Checking

Capitalized Words

Grammarly detects unknown words, and if you capitalize them, it considers them proper nouns. It can also miss the incorrect use of a term if you spell it correctly and put it within commas.

Grammarly while dealing with proper nouns, capitalization, and unknown words

Phrases vs. Sentences

Grammarly can differentiate between phrases and sentences. Therefore, you can write headings and subheadings in the form of expression.

Grammarly differentiating between sentences and phrases

Multiple Mistakes in One Sentence

Grammarly catching multiple mistakes in one sentence

Determiners

Grammarly pointing out the wrong determiner-article use

Incomplete Sentences

The Grammarly algorithm is not good enough yet at recognizing incomplete sentences. Grammarly is far from perfect, as evident from these examples. Google Docs suggested ’was because’ for the last line instead of ’is because,’ but Grammarly missed that.

Grammarly can miss incomplete sentences.

Grammarly is only making one suggestion that the article use may be incorrect here in the below image.

Cannot detect incomplete sentences (sometimes) if other issues exist

Grammarly suggests you change the first line in the below image because it believes it’s caught a sentence fragment. You accept the suggestion, and it becomes the second line, which is, again, a sentence fragment, according to Grammarly.

Grammarly ‘sentence fragment’ suggestions

Sometimes, the suggestions are right as well.

Grammarly recognizes sentence fragments in some cases

Punctuation

Comma

Grammarly is a sniffing-hound-on-steroids when it comes to commas — both missing and wrong ones. It pinpoints the exact location where you should place a comma in a sentence. Whether it is between clauses, a list of items, or something else, Grammarly knows if you have missed a comma or placed a wrong one. It also exposes the famous “Oxford Comma.” Grammarly now points out any inconsistent punctuation (curly vs. straight commas, for example) in your articles.

Grammarly pointing out the missing Oxford Comma

Hyphen

First, it points out the missing hyphen. Once you rectify the error, it points out the wrong capitalization. Grammarly works in steps for multiple errors in a sentence.

Grammarly catching a missing hyphen.

Semi-colon & Colon

Grammarly catches the incorrect use of the semi-colon & colon.

Period

Grammarly points out a missing period

Missing Apostrophes

Grammarly can catch missing apostrophes

Grammarly Premium in Action:

Apart from correctness that checks for critical grammar mistakes, the Premium version has options to check for clarity, delivery, and engagement, along with many more correctness checks.

Clarity

Clarity check is not available for the Free version; all other versions of the app have it. It catches linguistic issues that a fundamental grammar checker cannot reveal. These include dangling modifiers, split infinitives, misuse of passive voice, intricate text, inappropriate colloquialisms, etc.

Text Inconsistencies

Grammarly Premium can detect inconsistencies and gives you the option to select one form if a word has been used inconsistently in the same document. It can also detect inconsistent punctuation, for example, curly and straight commas.

Grammarly Premium identifies text inconsistencies.

Rephrasing Suggestions

For unclear or complicated sentences where there might be an issue of a dangling modifier or something else, Grammarly suggests an alternative way to write the same sentence.

Grammarly Premium giving rephrasing suggestions

Wordy Sentences

Grammarly can also note if you have used many unnecessary words in a sentence. If there are more words and less content in a sentence, then it suggests you rephrase it. This option can help you make your content non-fluff.

Passive Voice Misuse

Grammarly is so-so at deciphering when the passive voice is right to use and when you should avoid it in a sentence. My experience is that, more often than not, it will recommend that you rewrite a sentence if it detects passive voice use anywhere.

Grammarly – always – detects passive voice use.

Intricate Text

Grammarly exposes unclear and hard-to-follow sentences in the written piece. Sometimes it gives alternatives (if one is available in its database), but usually, it only tells you to rephrase the sentence to make it more understandable.

Monotonous Sentences

If you continuously write similar sentences in a passage, Grammarly will detect these sentences’ monotonous nature and advise you to rephrase them.

Grammarly detecting a monotonous passage

Sound Confident Suggestion

Grammarly suggesting alternatives to sound confident

Politeness Suggestion

Sound more diplomatic with Grammarly!

Delivery

Grammarly Premium catches informal sentence structure like a preposition at the end of a sentence. Some other informalities include inappropriate colloquialisms, split infinitives, etc.

Grammarly points out informality.

Engagement

Grammarly Premium points out overused words and suggests using an alternative here, but sometimes it doesn’t provide suitable options like the Thesaurus Writing Tool.

Grammarly suggesting engaging alternatives

Most of the time, the suggestions are worth considering, though.

Grammarly is suggesting more engaging alternatives

Grammarly Free vs. Grammarly Premium

The Grammarly Free version catches all critical issues as it checks for 150 Grammar Rules to determine errors in a document. The Premium version looks for over 400 Grammar Rules and detects far more problems than the Free version.

I wrote an article and checked it through both the Free and the Premium versions. Here is the difference between how the stats of both look like before making the suggested changes:

Original Stats (before checking with Grammarly Free)

Original Stats (before checking with Grammarly Premium)

After editing another article and making the suggested changes, here’s how the Free version stats look like:

Grammarly Free Stats

After editing the same article using the Premium version, the stats look like the following:

Grammarly Premium Stats

Grammarly vs. Human Proofreader

Grammarly is a marvelous tool, but it is incomparable to human proofreading. Grammarly cannot detect the sense and meaning of the written text. It catches blunders using English language and grammar rules as efficiently as a machine can. However, some mistakes can slip through Grammarly if there is no syntax error, but just a linguistic or semantic misuse.

Grammarly didn’t suggest anything for a nonsense sentence

Grammarly is not an alternative to human proofreading

Pros of using Grammarly in 2021

Context-Based Grammar Checker

Grammarly is evolving with time and has gotten pretty accurate in identifying common mistakes. Its extensive database helps Grammarly recognize errors based on the context.

Real-Time Grammar and Spelling Checker

Grammarly scours the whole text for errors when you provide it a written document. Thankfully, it also checks for blunders as you write or edit your text in any product form – Chrome Extension, Online Editor, Word Add-in, Desktop App (Windows and Mac), and the Grammarly Keyboard for iOS and Android.

Accessible Interface and Robust Editing

With Grammarly, you get a highly-efficient software, which is not only a phenomenal editor but also incredibly easy to use.

Customizations – Set Goals and Personal Dictionary

You can customize your Set Goals and your Personal Dictionary with the ‘Add to Dictionary’ feature in the Error Cards. This element is convenient for proper nouns and personal vocabulary (even words from a different language).

Tone Detector

Based on your Goals, Grammarly, through its tone detector emojis, cautions you of your tone – the vocabulary and phrasing you are using. You can adjust goals keeping in mind your target audience and choose the most appropriate words to use.

Clarity Checker

Apart from basic grammatical mistakes, Grammarly helps you fix linguistic oversights. It tracks down a wide range of slip-ups, including dangling modifiers, intricate text, split infinitives, passive voice misuse, redundancies, and many other slips. In essence, the Clarity Checker elevates the level of your writing.

Plagiarism Checker

It is a bonus in all senses of the word. It might not be essential to the app, but it certainly assists users. Grammarly plagiarism checker is not the absolute best in the industry, but it does the job swiftly. It checks plagiarism across 16 billion pages on the internet and ProQuest’s database.

Error Cards

Error cards are compact, simple, and instructional. They serve their purpose elegantly. Any shortcoming that you experience in Grammarly’s usage so far is due to its still-not-so-extensive database. Error cards also fall short when it comes to giving suggestions due to this very reason. Otherwise, they are usually handy.

Free Version

You can proofread, remove typos, and analyze the content quickly via the app’s free version. You can also use it before buying the Grammarly Premium subscription.

The Grammarly Keyboard

Supported on both Android and iOS, The Grammarly Keyboard App functions like the auto-correct feature. It gives real-time suggestions about the proper use of grammar and spellings in the written text. Grammarly is now available for iPad and supports hardware keyboards as well.

Grammarly Support

Grammarly provides customer support via its extensive database and email. By now, almost all popular queries have a database entry. Furthermore, the Grammarly Blog assists with learning English grammar rules.

Knowledge-base

Grammarly has amassed a plethora of information in its database, which helps run the application smoothly. This knowledge allows the app to identify problems based on the context. You will find accurate solutions for most common issues, thanks to its extensive database growing with time.

Grammarly Blog

The Grammarly Blog focuses on teaching people English grammar rules and common mistakes in their writing. There are dedicated articles for each item; separate sections cover different punctuation like Commas, Hyphens, etc.

Writing Stats

The weekly writing stats sent via email and the downloadable detailed performance stats PDF give you comprehensive feedback on your writing. This feature helps you pinpoint your mistakes better than anything else available in the market.

Insights

Grammarly Insights are the real-time feedback that the application provides regarding your writing. It bases it on your Set Goals. You can customize this feedback according to your needs, which can be amazingly valuable if you cover different audiences. Insights also include the reading time and speaking time, which is particularly useful to Vloggers, YouTubers, etc., who can quickly determine how much time their script will take on the video.

Reliability

Grammarly is the most popular and best-in-class digital writing assistant tool, growing exponentially both in features and number of users, indicating that it will provide the best services to its customer base.

Grammarly is notably popular among professional writers, bloggers, publishers, marketers, and businesses, showing that Grammarly has a demanding clientele to please. Therefore, their standards are supposed to be (and they are) higher than the competition.

Product Investment

Having more than a million downloads per month and being a top-1000 website by traffic globally, Grammarly has raised $200M in total funding at a valuation of $1B+ so far, which speaks volumes of its success, investors’ trust in the product, and its projections.

Cons of using Grammarly in 2021

Free Version is Limited

The Free version identifies only critical grammatical errors, typos, and limited ‘conciseness.’ Moreover, it only lists the number of total advanced clarity issues in the text with an ‘Ad’ that keeps asking you to buy a Premium subscription for these issues. It also doesn’t support plagiarism checking.

Premium Version is a Tad Expensive

The biggest drawback of Grammarly is that it is a tad expensive for many. Grammarly Premium can be a costly subscription at $30 per month if you don’t have much writing to proofread.

Semantic Issues

Grammarly is good at picking fundamental grammar mistakes – even context-based grammar issues, but it still cannot understand what you have written. If you write a nonsense sentence with no grammatical fault, Grammarly will consider it a correct sentence. It can also happen with incomplete sentences.

Insufficient

Grammarly is a mighty grammar checker but lags behind when it comes to rating the whole document. Its scoring is based on mistakes and length of words and sentences only, unlike some other tools that provide a more comprehensive text scoring. Grammarly is also not an alternative to human proofreading as it can’t understand the meaning of the written content.

Limited Vocabulary

Grammarly has a limited vocabulary in its database so far, which leads to inaccurate synonym suggestions at times. The Thesaurus Writing Tool, another free digital writing assistant, has an extensive vocabulary due to its vast Thesaurus.com database and offers far more vocabulary suggestions and alternatives.

Alternatives Not Provided for Every Issue

For many suggestions like Intricate Text, Split Infinitives, etc., Grammarly doesn’t provide an alternative. You have to rephrase the sentence yourself. Grammarly only points out bloopers sometimes, which can be a little frustrating for amateur writers.

Not Supported Everywhere

Grammarly is not supported everywhere yet. The most prominent places are Google Docs (in Beta at the moment – which doesn’t include Grammarly Premium corrections and the Pop-up Grammarly Editor) and desktop applications. However, it works on the web versions of these desktop applications via its browser extension.

Insufficient Formatting Options in the Editor

Grammarly Editor is imperfect for writing purposes. It is incomparable to authoritative text editors like Microsoft Word and Google Docs. So you have to write your text in another editor and import it in Grammarly for proofreading if you want proper formatting of your document.

Irritating and Aggressive Advertising

Grammarly wants you to upgrade all the time. When using the Free version, you’ll get constant notifications to upgrade to Premium to check for issues that are not available in the Free version.

Only One Language Supported

Grammarly doesn’t offer support for languages other than English. There is also no option available for translation like Ginger.

Only One Account for Premium

The Grammarly Premium account gives you only one license for use on up to five devices. It is an obstacle for people with multiple accounts for different purposes. Grammarly Premium is already expensive, so buying two licenses is not feasible for the majority.

Top 5 Free Grammarly Alternatives 2021

Grammarly stands out as the most prominent and well-received tool when you compare all popular digital writing assistants. It has been endorsed and appreciated by countless publishers and writers. Grammarly has become a top product in the digital writing industry with its robust marketing and significant NLP and AI improvements.

Grammarly Inc. has secured enough funding as of late 2019 to improve its natural language learning database to enhance its AI-based application further. Keeping all this in mind, it is evident that Grammarly is dominating the market. Still, there are a few products that come close for one reason or the other. Here are the top 5 Grammarly alternatives in 2021:

ProWritingAid

Pros: Long-Form Writing (Books, etc.), Writing Insights, Separate Checking of Issues, MS Word Add-in, Efficient Browser Extension

Cons: Short-Form Writing, Fewer Errors Detected, Not for Amateurs, No Free Version

ProWritingAid is considered a worthy alternative to Grammarly (notably for long-form writing – books, etc.), but it falls far behind Grammarly for short-form writing.

ProWritingAid is accurate, feature-rich, and integrates well with apps and websites, but the interface is not as user-friendly as Grammarly’s. It also reveals fewer issues as Grammarly has advanced context-based grammar checking capabilities.

ProWritingAid offers better pricing and value for money (Premium is $60 per year, $70 with Plagiarism Checker), and it also has a Lifetime Plan. However, it doesn’t have a free plan like Grammarly. The Online Editor has no word limit, unlike Grammarly’s 60-pages or 100,000 character limit.

ProWritingAid provides many options/tabs to check for each issue separately, handy for longer articles or books. However, it is not as user-friendly for short writing pieces.

It also presents a better analysis of the whole document and provides a lot of information regarding your writing, which you can use to improve your writing style.

ProWritingAid has an easy-to-scroll-through panel at the right-side that contains corrections and suggestions, which you can use to see all issues without scrolling the entire document.

ProWritingAid has the following tabs to check for each issue separately:

Grammar
Spelling
Overused
Readability
Cliche
Sticky
Diction
All Repeats
Echoes
Thesaurus
Dialogue
Consistency
Pacing
Pronouns
Alliterations
Homonyms
Transition
Acronym

Ginger

Pros: Keeps Formatting, 60 Languages & Translation, Built-in Dictionary, Browser Extension, Free Version

Cons: Fewer Issues Detected, Fewer Insights, Interface is just OK, no MS Word plugin

Ginger is also a notable competitor of Grammarly. It has a free version, and it integrates well with different websites. However, it doesn’t have an MS Word plugin. It is also not as accessible due to its clunky interface.

Ginger is not as powerful as Grammarly, but it is still a decent alternative. Ginger’s annual subscription is $89.88 (cheaper than Grammarly’s).

Ginger keeps the original formatting of the text document, which is pleasant. It also has a Translator within the app that supports 60 languages. Also, there’s a built-in dictionary, which you can use to find alternatives to overused words.

WhiteSmoke

Pros: Cheap, Integrates with Platforms, Gimmicks – i.e., Templates, etc.

Cons: Interface is awful, Fewer Mistakes Caught

WhiteSmoke is cheap to use, but it has a horrible interface. It integrates with many platforms, but it is incomparable to an advanced tool like Grammarly. It has some useful gimmicks like templates for specific writing purposes, i.e., Sorry, Thank You, Condolences, etc.

The annual subscription of WhiteSmoke costs $79.99. However, it is not advanced enough to be considered better value for money.

Thesaurus Writing Tool

Pros: Free, Vocabulary suggestions on hovering the cursor over a word, Blog

Cons: Editor is dreadful to use, Ruins Formatting

Thesaurus Writing Tool is a free-to-use online text editor powered by Thesaurus.com. You can copy/paste or write directly in the Editor. It doesn’t retain the original formatting, which makes it a bit uncomfortable to use. Just click on the ‘Check for Grammar’ button, and it will work its magic. It also has a dedicated blog that teaches you how to write better.

The Thesaurus Writing Tool is unimpressive when checking grammatical errors, but it is highly potent in vocabulary suggestions. Its interface is simple but insufficient. Hover over any word, and it will show you a vocabulary card with a lot of synonyms. Clicking on any suggestion will replace the original term with the selected item. The replaced word gets a yellow underline. An undo option is available if you are not happy with your word selection.

Hemingway App

Pros: Free, Information about Text, Text Readability Score

Cons: Ruins Formatting, Fewer Mistakes Caught

Hemingway App is yet another incredible tool that is quite capable and straight-forward. It is convenient for analyzing your document as it scores the content based on its readability. It has a free web app and a paid desktop app. You can copy/paste into the online Editor or write directly, but it messes up the formatting.

Hemingway App identifies the use of passive voice, adverbs, and difficulty of reading. It recognizes long sentences – even the easy-to-read ones – as complex, which affects the document’s grade.

Final Verdict: Grammarly Review 2021

Using advanced NLP and AI, Grammarly free is hands-down the best and must-have writing, editing, and proofreading tool for everyone that checks for spelling and critical grammar mistakes. Easy to use, compatible with most popular products, and trusted by millions of users, Grammarly instantly elevates your writing everywhere; statuses, comments, emails, documents, tweets, you name it! Trying out the free version before upgrading to a premium plan also makes sense.

Grammarly Premium is a more robust and advanced tool with numerous amazing features like an advanced clarity checker, tone detector, and plagiarism checker. The Premium version is unparalleled when complemented with knowledge of the English language and some other tools. However, it is insufficient as a standalone tool because it can make slips (especially semantic ones).

I highly recommend Grammarly Premium to professionals (freelancers, writers, bloggers, authors, publishers, and editors) who require intensive use of the app. Similarly, Grammarly for Business is a good investment if your team does intensive writing. Non-intensive users should stick to the Free version as it suffices.

Aa one user said, “Grammarly Premium helps you sound like a pro, or at least helps you avoid looking like a fool!”

FAQs About Grammarly

Is Grammarly a good app?

Yes, Grammarly stands out among its competitors as it has advanced context-based grammar checking capabilities, thanks to its up-to-date natural language processing and artificial intelligence.

Is Grammarly Premium worth it?

Yes, for the most part. However, it is a tad expensive for many. It is suitable for professionals and businesses that have lots of writing needs. It identifies several advanced grammar issues that the Free version only counts. However, it is not a substitute for human proofreading as it can make linguistic mistakes that a human can easily find.

Is Grammarly supported in Google Docs?

It is in Beta at the moment. So, it should be available shortly. At the moment, it is imperfect as it only specifies the number of errors. You have to scroll the document to find those mistakes (underlined red) on your own. It has already started working in the comments, though.

Is Grammarly supported in Quora?

Yes, Grammarly works with Quora.

Is Grammarly supported in Medium?

Yes, Grammarly is available for Medium.

Can Grammarly replace a professional editor?

No, it can’t. Grammarly can make simple semantic mistakes because it doesn’t know the meaning of the written text, so it cannot replace a professional editor. It is only suitable for catching syntactic issues.

Is Grammarly supported in Microsoft Word?

Yes, a plugin is available. It is an efficient plugin as it gives similar options in Microsoft Word as it does in its online editor and desktop application. Grammarly is now available for both Windows and macOS versions of MS Word.

Is Grammarly available for Mac?

Yes, Grammarly’s desktop app is available for macOS. Grammarly is available for both Windows and macOS. Grammarly for MS Word is also available for Mac now.

Is Grammarly supported in WordPress?

Yes, it is supported. You can use Grammarly in WordPress via its browser extension.

Is Grammarly supported in Gmail?

Yes, it is. You can edit your email using the Grammarly browser extension within Gmail. However, it is not the best solution for lengthy content. For extended text, the Online Editor, the Desktop App, and the MS Word Add-in are better options.

Does Grammarly work offline?

No, it doesn’t. Grammarly uses its database to run the app, so an internet connection is necessary.

Does Grammarly help you improve your writing?

Yes. If you read the weekly stats, detailed performance stats PDF, and Grammarly Blog for grammar rules and writing tips and try to implement them in your writing, Grammarly can significantly improve your writing capabilities.

Is Grammarly Safe and Secure?

Yes, Grammarly is quite safe, as Google verifies it. Moreover, Grammarly is as secure as any other site that uses SSL/TLS encryption. It is also reliable for plagiarism checking as it doesn’t violate your privacy.

What is the Grammarly cancellation refund policy?

You can get your money back if you are not satisfied with the Premium subscription by contacting Grammarly support within ten days.

Is Grammarly a reliable checker?

Yes, Grammarly outperforms its competitors. Yet, it cannot surpass a professional human editor.

Is Grammarly available for Android/iOS?

Yes, it is. You can use the Grammarly Keyboard to edit your text for grammar and spelling errors by installing the Grammarly Keyboard app from the Play Store or the App Store. It works like the auto-correct feature. Grammarly is now available on iPad as well.

Check out Grammarly for yourself.

This article contains affiliate links to products and services. We may receive a commission for purchases made through these links.

Source

The post The Most Comprehensive Grammarly Review Ever first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

29 mars 2021/par Service comm.

Execute Spark Applications on Databricks Using the REST API

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

Introduction

While many of us are habituated to executing Spark applications using the ‘spark-submit’ command, with the popularity of Databricks, this seemingly easy activity is getting relegated to the background. Databricks has made it very easy to provision Spark-enabled VMs on the two most popular cloud platforms, namely AWS and Azure. A couple of weeks ago, Databricks announced their availability on GCP as well. The beauty of the Databricks platform is that they have made it very easy to become a part of their platform. While Spark application development will continue to have its challenges – depending on the problem being addressed – the Databricks platform has taken out the pain of having to establish and manage your own Spark cluster.

Using Databricks

Once registered on the platform, the Databricks platform allows us to define a cluster of one or more VMs, with configurable RAM and executor specifications. We can also define a cluster that can launch a minimum number of VMs at startup and then scale to a maximum number of VMs as required. After defining the cluster, we have to define jobs and notebooks. Notebooks contain the actual code executed on the cluster. We need to assign notebooks to jobs as the Databricks cluster executes jobs (and not Notebooks). Databricks also allows us to setup the cluster such that it can download additional JARs and/or Python packages during cluster startup. We can also upload and install our own packages (I used a Python wheel).

Source de l’article sur DZONE

28 mars 2021/par Service comm.

3 Essential Design Trends, March 2021

Actualités, Actualités

March is that time of year where the feeling of newness starts, from the first Spring days to fresh design projects. These trends are no exception, with fun new takes on some classic concepts.

Circles are always popular, but the top trend is an animated take on the traditional element; plus, fun pink and purple color palettes and a few faux split screen designs round out trending styles.

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

Circle Animations

Circles are one of those shapes that never leave the design sphere. They have a lot of classical meaning and are flexible in terms of design options.

Designers are having a lot of fun with this shape right now. From animations to text circles to image frames, they seem to be all over the place.

More recently trending is more circle-shaped animations. This trend maintains a circle’s properties as a unified and harmonious element with movement to create more engagement and make you look at the design just a little bit more.

Each of these examples uses circles in a different but equally interesting – and animated – way.

Universal Favourite uses a circular blob. It’s almost like a giant bubble. It wiggles and flows, and stretches within the space without any help from the user. It has a smoothly quality that makes you want to stare at it. The color here helps, with the circle and background not having an immense amount of contrast. Also, note the cute little circle button in the bottom corner.

Kenta Toshikura put most of the subtle animation for this design inside the circle. With a hover state, the entire circle moves on the screen with a second layer of animation, and the cursor is also a circle that hops around the black background.

Kffein takes a totally different approach with a circle made from the primary test elements. Identifying website information rotates in a circle around another geo shape on the main plane. Not only is there a circular animation, but an almost three-dimensional effect that happens due to the way elements are layered here.

Pink and Purple Palettes

The prevalent pink and purple color combination isn’t for everyone – although you wouldn’t know it from the number of designs using similar colors.

This bright combination almost screams “spring” and has a lightness to it that almost seems to lift the mood of any project. (Maybe color selection is a reflection of how we all want to feel.)

What’s nice about these colors is that they flow into one another nicely. They can also be expanded to fall into neighboring hues on the color wheel, such as red from pink and blue from purple.

Maybe the most popular use of this color pair is as a gradient. You can find pink to purple everywhere, from background gradients to image overlays to buttons and user interface elements. There’s no lack of use here.

Each of these examples shows opportunities with this color combination.

SMU uses bright pink, blue, and purple to create a giant “road sign” in the design that jumps out from the rest of the project. The sign almost seems out of place and doesn’t fit as part of the normal color palette. This is what draw you right to it.

USA Volleyball uses the popular gradient option and extends the pink to the purple palette to hints of blue and red. What’s great about this design is that it uses a super trend element and color option and makes it work with their current color palette. You can almost imagine the design conversation when someone wanted to use a pink to purple gradient for a brand that features red, white, and blue. The gamble paid off, and it works beautifully without being off-brand.

Blobmixer uses purple, pink, and a few other bright colors – note the animated circles, too – to draw users into the design. The entire project is a fun, customizable experience that you can play with, and the color choices are what make you interested enough to try. This design also offers a great example of tactile animation and elements that feel real even when you interact with them using a mouse on the screen.

Faux Split Screens

Split-screen designs were a huge trend for about two years. The aesthetic was also functional for content that required a this or that choice on the part of users.

Now, we see the design elements but without the function. (Maybe because it just looks nice and creates a sense of balance without a symmetrical design.)

These projects look like they might offer multiple gateways to content, but there is only one call to action on the dual-screen aside from navigation elements.

What this design option does is help draw the eyes across the screen. One side will immediately appeal to you, and when done well, you’ll feel a subtle push of pull from the color, text, and images to look at the other side as well.

Renaissance TV does it with heavy animation with “dancing dots” from an old TV that doesn’t work. But then you need to look at the green text to understand what is happening.

Yacht uses text weight and space to push the eyes across the screen. Almost everyone will go to the heavier areas first and then gaze across the screen through blocks of space to the final small text on the right side. And it all happens in a fraction of seconds.

Bonjour Paris pairs bold color with black and white images. You may look at either side first, depending on personal preference, but the other half of the screen is necessary for a complete understanding of the website.

Conclusion

While all of these design trends are evident in new and recent projects, the use of pink and purple color palettes – particularly with a gradient – seems to be everywhere you look. These color choices are popular and come in a lot of forms.

Maybe the most obvious is with brighter pink and purple gradients, but other variations are also trending. It’s definitely one to watch in the longer term.

Source

The post 3 Essential Design Trends, March 2021 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

1 mars 2021/par Service comm.

12 Tips to Improve Your Web Design Skills in 2021

Actualités, Actualités

There are many reasons you might be wanting to improve your design skills this year. Perhaps you have extra time on your hands and want to put it to good use. Or maybe you’re new to web design and finding that there’s a lot you still don’t know how to do. It could also be that you recognize that the web is changing, and your skills could use some refreshing to keep up.

Whatever the reason, there are many ways to level up your web design skills in 2021. Here are 12 ideas to get you started:

Tip 1: Niche Down If You Haven’t Already

Jack-of-all-trades designers might be able to say “yes” to everyone. However, they’re going to be stretched very thin as they attempt to strengthen every skill needed to keep up with demand.

It’s much easier to become a trusted designer and to improve your skills if you have a smaller and more specific skill set to develop.

Just keep in mind that niching down doesn’t necessarily mean focusing on a particular industry. For instance, you might choose to be a UX designer instead of a web designer. Or you might specialize in designing ecommerce websites instead of monetized blogs. Just find something that you’re passionate about and will be good at doing, and zero-in on the skills needed for it.

Tip 2: Play Around in the Sandbox

Local development environments are useful for staging websites, doing redesigns, and testing updates safely away from live sites. But you can also use them for experimenting with new design techniques, trends, templates, plugins, and more.

Local by Flywheel is the one I prefer to use:

Here’s a good exercise to start with:

Take a website you like — something you’ve looked at in awe and couldn’t imagine ever building on your own. Then, put yourself to the test. See if you can recreate it in your sandbox.

Don’t be hard on yourself if you don’t figure it out right away. Consult your resources and give yourself time to make sense of what’s going on and implement it with the available skills and tools.

Tip 3: Redesign One of Your First Projects

There’s always a clear evolution in a designer’s skill set, from the day they begin designing to the present day. And that’s a good thing. If your work doesn’t improve or change with time, then you’re going to have a lot of catching up to do when the stagnation begins to hurt your business.

Want to see how much progress you’ve made so far? Revisit one of your first projects and look at it with fresh eyes. I bet you’ll see a big change in how you design today from how you designed that site then.

Now, ask yourself what you would do differently. And then, go to your sandbox and do the redesign.

Tip 4: Work on a Passion Project

A friend of mine is taking a UX design course and needed some users to run through a prototype he created for the class. He could create anything he wanted, so he designed an app related to his other love: Music.

While he could’ve easily thrown together some carbon copy of Spotify or SoundCloud, he came up with a completely new concept. And it was really impressive, to the point where I urged him to put it into production and see if he could list it in the app stores.

I think it’s when we’re really passionate about something that we’re willing to push past our limits. So, carve out some time to tackle that passion project you’ve been toying around with and see where it takes you.

Tip 5: Share Your Designs on Dribbble and Ask for Feedback

One of the reasons UX designers do user testing is how valuable users’ raw input is. While it would be nice to think that design is a completely subjective matter, that isn’t really the case when usability becomes compromised due to design choices.

Understanding what users like and dislike is an important part of taking your design skills to the next level. And a good way to do that is to share your designs on Dribbble.

Here’s an example of UI8 asking for feedback:

Tip 6: Create a Design Toolbox

I’m a huge fan of automation and shortcuts powering things behind the scenes in business.

After all, one of the reasons you become a web designer is so you can design, right? When you’re bogged down with administrative and logistical tasks, that’s time spent away from doing what you enjoy.

One way in which you can streamline your backend processes is by putting together a design toolbox. Your preferred CMS. Flexible templates or apps you use from project to project. Website testing tools. And so on.

As you do this, it’ll force you to examine how you build websites. Are you really working as efficiently as possible? Are there newer apps or systems that’ll help you design better sites? And as you improve your design toolbox, you’ll improve your design skills.

Tip 7: Subscribe to Your Favorite Blogs

I have a hard time recommending this one, only because I’m reluctant to sign up for yet another newsletter. That said, I do see the value in subscribing to some blog newsletters as I don’t always remember to revisit their websites and check out the latest content.

What I’d suggest you do is pick one or two design blogs that have a good variety of content and publish regularly. And then pick one small business or freelance blog.

WebdesignerDepot, of course, is a good one to start with as it comes at a good frequency, recommends great reads from all around the web, and is fluff-free:

I’d also recommend signing up for one that’s focused on your niche as well as one for business.

As a freelancer, I’d vote for the Freelancers’ Union newsletter. There’s always something timely and useful in there.

Tip 8: Listen to a Podcast

I just adopted a second dog, so I’ve spent a lot more time on walks while house-training her. At first, I was stressed about it because it was time spent away from work. However, I started to fill that time with podcasts and found that it helped me work better for the rest of the day.

One reason is that I’ve been listening to work-related podcasts, which are always chock full of helpful tips. Another reason is that it gives my eyes a rest from looking at the screen so that when I come back 15 or so minutes later, I feel refreshed and ready to go.

Rebekah Carter has a good set of web design podcast recommendations to get you started.

Tip 9: Take a Free Online Design Course

There’s an overabundance of information online. If you want to brush up on CSS, there are hundreds of YouTube courses that cover it. If you want to learn how to use a new WordPress plugin, you’ll find dozens of great tutorials across various online course platforms, YouTube channels, and even people’s blogs.

There’s no need to go back to school to become a better designer. Here are five places where you’re bound to find free courses for web designers.

Tip 10: Read a Book on Design Principles or Theory

It’s easy to lose sight of design principles when your clients are clamoring for a website that will make them a lot of money, get them a lot of readers, and so on. Sure, you can design a UI and UX that works, but do you remember why the design choices you made are effective?

Choose a book — just one to start — that’ll help you reconnect with the roots of good web design. Not only will you get a good refresher on web design principles or design theory, but you might learn something brand new.

Here are some of my favorite books for web designers:

Tip 11: Find Your People

Now more than ever, finding a community of like-minded web designers, developers, or freelancers is important. It’s not just about having a group of people to vent to when clients drive you nuts (though that’s great, too).

It’s about finding a group that brings something new to the table and enriches your understanding of web design and what it means to be a web designer.

If you’re on Facebook or LinkedIn, start there. There are tons of web design and freelance groups that have productive discussions every day. If you prefer to meet up with local designers and developers, check out Meetup.

You may be surprised by how many groups there are and the kinds of meetups they have planned.

Tip 12: Attend a Virtual Conference

Did any of you attend a design conference last year? I did. I virtually attended Adobe MAX — from the comfort of my home, in my pajamas, for three days.

I scheduled my assignments around the sessions I wanted to attend and didn’t have to pick one over the other (i.e., “Do I make money or do I learn something new?”).

Some of the sessions showed us how to do more with Adobe’s tools, while some of them featured design and business leaders who shared personal insights on how to work more effectively. It was a great way to shake up my normal routine and to get a ton of information about the future of web design in a short period of time.

Which of These Tips Will You Use to Improve Your Design Skills?

Like I said before, there’s a lot you can do to improve your design skills. Just be careful not to overdo it.

Pick one or two things on this list to start with. If you have more time in your schedule and you’re excited about what you’ve learned so far, add a couple more.

Just take it slowly. Your brain will only be able to absorb so much at once. Plus, the last thing you want is to burn yourself out on skills training and not have the energy to complete your work.

Featured image via Unsplash.

Source

The post 12 Tips to Improve Your Web Design Skills in 2021 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

24 février 2021/par Service comm.

DevOps is not just automation!

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

I was in the first week of a new job and the assignment was to install a company software on the local machine. In the beginning, I found that there are some documents on the internal website which I could follow to install. This was a very optimistic expectation of course. As soon as I started reading and doing the steps, I realized that there are many things that are not mentioned in the document and I began to ask a lot of questions that I do not have any answers to. I had to ask the current DevOps engineers for each unclear part. Later, I found that every day I am on a call for hours with these engineers and we achieve bit by bit of this installation together. I would say 20% of the operations were documented and automated, but the rest of the things should be done manually. Finally, I managed to install the software in a week but still, there were many things I did not know how I had done, and forgot many other details that were not in the document.

It turns out every time we have a new hire, this situation happens again and again and there has been no update neither on the document nor in the software installation process. What amazed me was that the DevOps engineers were proud of what they have already created after years but they did not realize that no one can install that software without them. This situation created a huge amount of complexity around the software deployment and takes hours for employees to figure out things again and again. So, no matter how nice all those scripts were, it created a high overhead for the company which was quite hidden for the managers for years.

Source de l’article sur DZONE

14 février 2021/par Service comm.