Articles

The UX of Maps in Web Design

,

Maps are a fascinating method for delivering content. At their best, they can create an intuitive way of presenting information and interacting with it. This is the advantage that digital maps, through mobile apps and websites, have over print maps and images where no interactivity is possible.

But it’s important to understand that more data ≠ better experiences. We all now have so much data available to us through multiple services that, arguably, the greatest challenge isn’t sourcing information but filtering it out. We can only handle so much information input before we become overloaded. This issue risks being omnipresent with maps. There are so many potential points of interest on a map that it’s essential to be clear about what needs to be exposed to users.

Also, UX design, map design, and user interface are all critical. While maps can be a powerful way of drawing people in, if end-users feel that you didn’t even consider the visual design, they’ll ‘bounce off’ your site or app in moments.

Common Use Cases

When are maps useful, and what problems do they solve? Let’s dive right into the most common use cases for maps used in web design.

Navigation and Direction

Like Google Maps shows, navigation and direction are arguably the classic case study for interactive maps. You are in one place and need to get to another. You can enter your destination, your current location, and the map will present suggestions for getting there. You can select the method of travel and adjust desired departure or arrival times. But you need to understand first what functionality your users need. How these options are exposed to users is a critical piece of UX design.

Also, if users are searching for options such as somewhere to eat, it’s not so straightforward. Then, how your map handles panning in real-time as users swipe around a city is going to be a big issue.

Showing Relationships and Trends Geographically

This is something that you’ll see in every election in any western country. We’re all used to seeing maps that give us a state-of-play for which state or seat is held by which party. Then, we might see projections based on voter intentions and projected voting swings deriving from that. Then, exit poll data can be projected with the map updated on an ongoing basis until the final result is confirmed.

The capability to do this is essential because if a static map were used, it’d be out of date any time a new poll was released. Also, voting intentions can change over a campaign, so such maps need to be dynamic. Of course, such maps are only as accurate as the available data, as the US 2016 election map showed.

Show Points of Interest

As mentioned previously, there’s a lot of data that can be exposed to map users. However, that doesn’t automatically mean that it should be. Usability is key. For example, when you look at a map, you’ll typically first see key points of interest. Which points of interest are going to be presented to you can vary.

One variant is zoom level. If your map is currently showing an entire city, the level of detail the map presents is deliberately limited. You’ll see districts, large roads, or geographic features such as rivers. If more detailed information were presented, users on mobile devices, in particular, would be overwhelmed. Even at this level, you’ll notice typography differences. These can include the city name being in bold or the names of different areas in capital letters. So the level of detail is coupled with the scale of the map. Zooming in a few notches will expose significant points of interest, such as museums. Zooming in to specific districts will reveal restaurants, coffee shops, and universities. This visual hierarchy is a critical way of managing the exposed level of information.

But information is still being abstracted away. It’s not until you tap on the museum that you’ll see information on opening hours and busy times. This is also typically presented with user photos and reviews. Context is also taken into account, so you’ll start to see local hotels and restaurants. So it’s not just individual points of interest that are important, but the connections between them.

6 Tips For Improving Interactive Maps

What are the challenges of creating effective maps, and how do people address the data overload problem? We’ll answer this question and go over the must-know aspects of map creation.

1. Ensure Security and Brand Trust

GDPR or General Data Protection Regulation. This is a critically important European law that extends a wide range of legal protection to European citizens regarding personal data. It’s not possible here to cover the full extent of the law, but here are some quick key points:

  • Consent is required for the processing of personal data; it cannot be assumed
  • You need to have a retention policy for information that’s capable of identifying people

Be aware that the latter doesn’t just cover commercial purposes. Research students have to submit GDPR forms that address what kind of data they’re sourcing and how they’ll be retaining it.

But the most crucial context is commercial. If a business suffers a data breach, it can be fined up to 20 million euros or 4% of annual worldwide turnover in the preceding financial year, whichever is greater. Therefore, any business storing data that could identify their customers will need to assess risk and compliance. Remember: it’s 4% of worldwide turnover, not EU turnover.

Also, anything of your business that you expose to your customers or users is an extension of your brand. Therefore, you need to assess your maps for brand compliance too. If you have primary brand colors and your map doesn’t abide by them, that’s a very poor look. Source the color hex codes directly from your brand team and involve them in design.

2. Use the Appropriate Type of Map

It’s also important to consider what type of map is most appropriate for your use case. Think carefully about what your users need, what you’re trying to communicate, what information you need to present, and how best to present it.

For example, points of interest style maps in a tourist app will be way more helpful than heat maps: people want to know where something is, key data like opening hours, and how to get there. A heat map showing the number of visitors to each attraction or area of a city is unlikely to be useful to tourists. However, it could be useful to the attractions themselves to map their visitors by heat map over time. This could help larger museums chart which exhibits are most popular.

Transport for London is charting passenger movement on the London Underground by detecting when a device with Wi-Fi comes into range and then passes out of range. They’re using this to understand overall user journeys and movements within individual stations to better manage disruptions.

3. Avoid Pop-Ups

It should go without saying by now that auto pop-ups are despised. It doesn’t matter what they’re doing or what they’re offering; an unwanted pop-up can only get in the way. The level of impact is even greater on a phone where pop-ups take up even more screen space.

Given this, many users close them without even reading them. So if you’re using pop-ups, don’t kid yourself. You’re likely just irritating users and increasing the likelihood that they’ll ‘bounce off’ or uninstall.

4. Avoid Auto-Geolocation

Auto-geolocation sounds incredibly convenient but can result in some real problems. For example, if there are any bugs with auto-geolocation, you could get false results. If someone connects through public building Wi-Fi, you could get false results. If they’re connecting through a VPN then, unless you get the user’s IP address and check if it’s the exit portal of a VPN, you could get false results.

The problem is most significant with mobile maps. If a map user is looking at a points of interest map, they likely have a specific and immediate use. This means it’s in their best to get the most accurate results possible. So why not just ask them?

Precision and Accuracy

These terms have specific meanings in geolocation. ‘Precision’ is the exactness of the data. ‘Accuracy’ is how closely the information on a map matches the real world. So you want precision and accuracy to be spot on, or data risks losing value. This applies not just to the gathering of data but to the representation of it. For example, if you have street-level data but your maps don’t present individual streets, then any representation of data on that map is likely to have poor accuracy. That map might succeed in abstracting irrelevant information but presenting an imprecise and inaccurate view.

5. Avoid Map Legends as Much as Possible

In many cases, primarily points-of-interest maps, they’re just not needed anymore. An essential part of user experience design isn’t just visual hierarchy but information hierarchy. You can mouse over on a desktop or laptop to get the essentials of a location, e.g., the museum’s name and its opening hours. On a mobile device, you can tap on that location to get the essentials, and you can tap on another location to move on; you don’t even have to press back. Given that, a legend would get in the way. So this simple piece of information design solves information overload issues.

As with all rules, there are exceptions. A good one is a heat map where a density of what’s being measured needs to be communicated. It doesn’t matter what the data is; it just needs to be something where mapping provides greater insight, especially if it informs decision-making. Sales is an excellent example for a national or multinational company. Of course, weather forecasting can make use of literal heat maps.

6. Accessibility Compliance

Not everyone has perfect eyesight. Even if someone has excellent vision, they could still be colorblind (8% of men and 0.5% of women are). Given that, take the W3C’s accessibility standards into account and treat them as a baseline or minimum barrier to entry for compliance. You shouldn’t feel good about the possibility of excluding 8% of your potential audience or customers. Ensure you keep your UX designers involved and don’t shy away from creating senior-friendly web designs.

Put simply: imagine if you could appeal to a new demographic that’s not catered to. If your competitors ignore them, you could give them a real reason to choose you instead by taking some straightforward steps. If your competitors are catering to them, you also need to. If you don’t, you’re just giving potential customers a big reason to ignore you.

Conclusions

The key takeaway is that there’s far more to creating good maps than just good cartography. That can be critical, too, though this may vary depending on the use case.

This will be a team effort because your map will involve data sets, design decisions, and, yes, cartography. You’re going to need to involve brand and IT too. So think about design principles and development methodologies.

First and foremost, what are your users’ needs? If you haven’t done any user research or taken the time to understand the customer journey, are you adding anything or getting in the way? It’s easy to see the department that requested the map as stakeholders, but you should probably view your users as stakeholders too.

This sounds complex, but as you hopefully now appreciate, a map is probably more complicated than you thought.

 

Featured image via Pexels.

Source

The post The UX of Maps in Web Design first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

8 Freelance Project Management Apps for 2021+

,

In my experience, the biggest challenge that freelancers face — more than winning clients or setting prices — is project management; take on too much work, and you’ll start missing deadlines, take on too little, and you’ll start missing your rent.

Some people are naturally organized; they rock up at their desk at 08:59, fully confident in what they will spend the next 8–12 hours working on. Let’s be kind and say that I am not one of them, and leave it at that. The only way I have managed to survive the industry is by self-consciously micro-managing my schedule on a daily basis.

When I worked in an agency, I knew what I would be working on days in advance. Now, I know 90% of what I’ll be working on, weeks in advance.

That level of organization requires very, very, very careful planning. I hold team meetings at the end of the day, yes, “team” meetings of one person. To do that I use a number of tools that suit me.

How to Choose a Project Management App

The most important aspect of any project is the end. That’s when the client will assess your work, and that’s when you get paid. So when you choose a project management solution, make sure it gives you a clear path to the project conclusion.

I know one freelancer who sets himself a hard stop at 7 pm every day. At 7 pm, he downs tools switches off, and walks away. I once heard him end a client call at 7 pm because he’d reached his cut-off point. It made me wince — I would have stayed on until the call concluded — but it hasn’t affected his business.

I know another successful freelancer who works on a budget. When she has earned the money she needs for that day, she stops. She bills by the hour to make this work, so when she sits down in the morning, she knows exactly what time she’ll finish.

Personally, I prefer a task-based approach. I know what I have to get done; if I can get ahead, then great, but my main focus is ensuring I don’t fall behind. I believe that if you hit your deadlines, everything else will take care of itself. Admittedly, there have been a few late-nights (and all-nights) over the years, but thankfully they’re less common these days.

No one style of project management suits everyone. And it doesn’t matter what approach you take, provided you take an approach.

8 Best Project Management Apps for Freelancers

As a freelancer, the most important thing characteristic you can have is reliability. Cultivate a reputation for delivering on your promises, and you’ll become invaluable to your clients. The best project management app is the one that helps you keep your promises.

There are some excellent tools on the market that facilitate project management, but most are aimed at SMEs, or project managers running a team of freelancers.

The tools here are listed from least, to most useful for the average freelancer. I’ve avoided too many time-tracking apps because I find these tend to encourage billing by the hour, which is potentially damaging to your business long term. If you do need pure time-tracking, check out Harvest. I’ve also avoided solutions that are too large-scale to benefit freelancers. If you’re looking for a project management tool for teams, then Basecamp, Jira, Project.co, and Redbooth are all worth considering.

Sadly none of these apps are perfect, and there’s a good chance you’ll need to use two or three to manage your projects.

8. Todoist

Todoist is hands down the best to-do app on the market. The downside is that its feature set is minimal.

Todoist really excels at lists. You can break down tasks into sub-tasks, and sub-sub-tasks. The downside is there’s no real scheduling or comparison of multiple projects in a single view.

The mobile apps are great, and Todoist recently introduced boards, a form of kanban board that gives you a good overview of everything. If it introduces a gantt chart, I can see myself relying on it more.

Todoist has a free forever plan that is fine for most freelancers, and the paid plans start at just $3 per month.

7. Bonsai

Bonsai is an excellent service for freelancers that grew from a simple invoicing app to include proposals, contracts, time-tracking, and more.

I used Bonsai for invoicing for a couple of years, and it does everything it claims to do. However, there are a couple of significant areas where it falls down. Firstly, its invoicing is super-aggressive and cannot be customized — make sure you’re on friendly terms with any client you send a Bonsai invoice to. Secondly, while it does a good job of tracking what you have done, it doesn’t help you plan what needs to be done beyond a formal proposal.

If you’re running a few simple projects, then it’s possible Bonsai is right for you. Pricing starts at $19 per month.

6. Monday

Monday is one of the biggest players in the project management market. It offers a dizzying array of options, and if this list were aimed at project management for agencies, Monday would be further along our countdown. Monday may suit freelancers, particularly those who have migrated from agency work, but for most, it’s more than we need.

There is a free-forever plan that covers almost everything you could want. However, if you need to view your projects as a gantt chart — and I strongly suggest you do — then you’ll need to update to the standard plan, which starts at $8 per user per month, with a minimum of three seats, meaning at least $24 per month when billed annually.

5. AND.CO

AND.CO stands out as a slick, easy-to-use option for managing a freelance business. Like Bonsai, it allows you to manage proposals, invoicing, time-tracking, expenses, and more.

AND.CO also has extremely well-liked customer support. An underestimated consideration when you don’t have your own accounts team to resolve problems.

As with other solutions of this type, the task-management is lacking. It does include a simple to-do list, but in my opinion, it’s not sufficient, and you’ll need to supplement it with something that supports gantt charts.

There’s a free forever plan, but it’s barely more than a free trial. Pricing for full-featured access starts at $18 per month when billed annually.

4. ClickUp

ClickUp is a SaaS that aims to replace just about everything else you could need. Unlike some options on this list, it includes a CRM, which is a bonus because there’s nothing worse than relying on the search function in your email to track down someone’s contact details.

ClickUp also offers a genuinely free-forever account with enough features to make it usable. If you choose to upgrade to a paid plan, it’s just $5 per user per month, which is excellent value.

If anything, there’s just too much in here. If you’re someone who considers themselves a power-user who enjoys digging into every nuance of a UI, then ClickUp could be for you. But, if, like me, you favor a simple tool that does what it’s told and gets out of the way, then there are better options.

3. Asana

Asana is probably the best-known project management tool on the market. It offers a tremendous number of options and is flexible enough for any style of project management.

There’s a free forever plan that is ideal for getting started and offers you most — you may be sensing a theme here — of the features you’ll need. But Asana’s best feature is its excellent timeline implementation of the gantt chart, for which you’ll need to upgrade to a premium plan costing $10.99 per user per month, with a minimum number of 2 seats that translates to a rather expensive $21.98 per month.

2. Trello

Trello is famous for its kanban boards, and many people prefer them to gantt charts, which has helped the app grow rapidly in the last few years.

If you’re prepared to pay $10 per user per month, Trello actually offers gantt charts as well, in the form of its timeline feature.

Trello is mainly designed for teams, not freelancers. However, if you do have the budget for a premium plan, Trello gives you an enviable ability to switch project management styles on a whim.

1. Toggl

Toggl is perhaps the perfect balance of time-tracking and gantt chart that is ideal for freelance projects.

As with most tools, Toggl is designed for teams, with billing starting at $8 per user per month. However, it offers a solo plan, designed for freelancers, that is free forever.

The main thing you miss out on with Toggl’s Solo plan is team timelines, which you won’t need unless you’re outsourcing work. One other obvious omission is unlimited planning boards, which you may find yourself paying for sooner or later.

But for a mixture of simplicity and powerful features available for $0, Toggl is hard to beat.

 

Featured image via Pexels

Source

The post 8 Freelance Project Management Apps for 2021+ first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

Exciting New Tools For Designers, August 2021

,

It’s almost time for another season of change. Although the temperatures might not reflect it, this is the time of year where most of us start thinking about what’s next.

This collection of tools and resources for designers is just the spark to propel you forward with work as you think ahead. Here’s what’s new for designers this month.

Gradient.Art

Gradient.Art is a CSS-based gradient generator that’s packed with functionality and customization options. It’s more than just a color selector and is an actual gradient editor that allows you to work with a variety of controls to get just the color variations you want for projects. Create illustrations, patterns, icons, and more with this layer-based tool that’s still in beta.

Wicked Backgrounds

Wicked Backgrounds takes some of the headaches out of creating just the right background for website design projects. It’s another easy and customizable generator designed to help create backgrounds with great color, depth, and balance for various project types. The makers promise more features in the future as well.

Typedream

Typedream is not what you might expect from the name; it’s actually a website-building tool. It’s designed to help put the focus on the words of a design with a simple interface that most people can figure out. You can connect your own domain and then optimize for search with built-in SEO tags. It’s a zippy tool for simple sites.

Orbital

Orbital is a zero-friction, super-interactive, customizable place to gather online. Pop in for meetings, quick chats, open-door office hours, or cowork together through the day – all using the same link. This premium tool has super fun backgrounds and meeting spaces.

Access Guide

Access Guide is your one-stop guide to accessibility information for the web. It’s packed with articles and information to help you understand parts and all of the WCAG 2.1 guidelines, the official standard for accessibility online. (Plus, content is sorted into neat cards that make things easy to search and find.)

InLine

InLine is a free JavaScript library built to create a simple text editor for web applications and mobile apps. The tool claims to be the smallest WYSIWYG editor designed to fit into any layout. The plugin allows you to edit and customize text elements practically anywhere.

3D Bay

3D Bay is a collection of free three-dimensional stock images that you can use for various projects. Collections are searchable. Most of the images are actually 3D scene illustrations, a popular design element with many SaaS website designs.

MeisterNote

MeisterNote is a writing tool for teams. (It’s perfect for the new remote working world.) The interface is sleek and intuitive, and you can create customer workspaces for notes and teams to collaborate. One of the best functions might be the search feature, allowing you to find information in notes easily.

Shapecatcher

Shapecatcher solves an interesting problem. Have you ever visualized an element but don’t know what it is called or how to find it? This tool has a “drawbox” where you can sketch the element, and then it visually searches a database of 11,000-plus Unicode characters in multiple languages to find a close match that you can use online.

Batch Image Processing

Batch Image Processing allows you to edit, crop, and style or add watermarks groups of images all at once. It’s a web-based tool that does everything in a flash and allows you to redownloaded processed images for quick use. (It’s great if you need multiple photos with the same crop or size!)

Integrately

Integrately is an integration automation tool designed to help your apps, tools, and web elements talk back and forth. Connect apps to make tasks run on their own in ways that native software might not do alone. (Pro tip: Use it to connect with your email to send notifications or reports automatically.)

Vechai UI

Vechai UI is a set of high-quality, accessible React UI components with built-in dark mode using Tailwind CSS. Components include pre-designed headless UI and Radix UI.

Style Free HTML Bootstrap 4 Template

Style Free HTML Bootstrap 4 Template is a simple and minimally styled website template for a variety of project types. It’s a great website starter if you need to get a site up and running quickly.

Glass UI CSS Generator

Glass UI CSS Generator helps you create trending neumorphism/soft UI/glass UI style elements. The tool is a CSS generator that allows you to add some of your own elements and then pick styling options while outputting CSS and HTML.

Lineicons

Lineicons is a collection of more than 5,000 line icons that you can use for various projects. Every icon comes with free CDN, regular and light variations, an editor, and more to make it browsable and easy to use. The set has high legibility, and the free set of icons includes more than 500 options.

Carrd

Carrd is a simple, free, and responsive one-page website builder that you can do pretty much anything with. It’s perfect for personal profiles, landing pages, or one-page websites. All it takes is a little imagination.

AdonisJS

AdonisJS includes everything you need to create a fully functional web app or an API server. So stop wasting hours in downloading and assembling hundreds of packages and do it all with this framework for Node.js.

Eastman Condensed

Eastman Condensed is a beautiful and functional sans serif that’s easy to read. The demo version is free for personal use, but a commercial license for the full family is available.

Peachy Rose Font

Peachy Rose Font is a fun novelty option that is fun and light. Plus, it is free for any use, even commercial. The set is fairly large for a free option, with 233 characters.

Selga

Selga is an expressive and complex display font with a retro feel. The swashes and tails are especially nice on this typeface, which is free for personal use.

Source

The post Exciting New Tools For Designers, August 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

Top Blogging Platforms Worth Considering in 2021

,

Want to know which of the top blogging platforms you should consider using this year?

Blogging is still one of the best ways to draw attention to your brand, generate thought leadership, and build your credibility. Research suggests that US internet users spend 3x more of their browsing time on blogs than on email. Additionally, people view about 20 billion blog pages on average each month. 

So, how do you join the blogging revolution? You’ll need the right platform. 

Essentially, a blogging platform is a CMS (Content Management System) which supports blog creation. Many come with additional tools like SEO support and integrations with email marketing too. There are tons of great blogging platforms out there, which means knowing where to start searching can be tough. To help you, we’ve put together this list of the leading blogging platforms.

What to Look for in a Blogging Platform

Before we sort through our list of the leading blogging platforms, let’s start with a quick overview of what the best blogging solutions typically include. Notably, depending on what you’re going to be using your blog for, you may have other features to prioritize besides those listed here. These features will act as a starting point for your comparisons:

Ease of Use

Uploading, publishing, and sharing your blog shouldn’t be a headache. 

There are many website builders out there that seem to have blogging tacked on as an “extra” rather than having it built into the foundations of the software. This often leads to a clunky backend experience when you’re building your site. 

If you’re a new blogger or don’t want to spend time messing around with HTML and coding, make sure that your blogging environment is easy to use. The simpler it is to distribute your content, the more likely you’ll stick to your blogging strategy. 

Cost and Revenue Opportunities

Many of the top blogging platforms come with a fee to think about. Even if you use an open-source platform for blogging, you still need to consider domain names, hosting, and security costs. Finding the right balance between spend and return on investment is crucial. 

Remember, just because a blogging platform is cheap doesn’t mean it’s good value. Similarly, expensive software may not be the best for your business. Ideally, you want something that’s going to deliver a good blogging experience, combined with plenty of opportunities to grow your readership for the lowest possible price. 

If you want to get the best return on investment, focus on the kind of monetization options you can access with each platform. Medium, for instance, has a partner program that allows you to earn money on the posts that customers read. Platforms like Wix, WordPress, and Squarespace can all offer earning opportunities too. You can use them to place certain content behind a paywall, create subscriptions, and sell products or services. 

Marketing and Growth Tools

Most blogging platforms will come with at least some tools to help you build your online presence. Wix and WordPress integrate with Google marketing, so you can purchase PPC campaigns and track your organic content through an SEO dashboard. 

The majority of CMS tools equipped with blogging capabilities also come with integrations for your email marketing service. This ensures you can create automated campaigns that inform your audience whenever a new blog post goes live. 

One of the best things about WordPress is how many plugins you can access to boost your readership levels. Access to extra tools like SEO solutions, landing form creators, and pop-ups can all boost your chances of converting and capturing leads. 

Custom Branding

If you’re keen to save money on your blogging platform, you might be tempted to start with a free version of a popular service. This is fine when you’re just testing the waters. However, you will need to spend extra if you want to remove the ads that other website builders put on your site. For instance, Wix’s free version will place ads on your pages and show the Wix identity in your footer. 

To build your own brand identity, you’re going to need to replace that CMS branding with your own. Look for a blogging service where you can buy your own domain name, customize your themes, and add your own colors, images, and logos into the mix. 

While tools like Medium won’t run ads on your campaigns, they also don’t allow you to customize your site to showcase your brand personality. It’s much easier to build a memorable identity when you can control what your site looks like. 

Upkeep and Maintenance

This ties in a little with the “ease of use” factor above. Before you invest in any blogging platform, think about how much work it’s going to require. A hosted blogging platform is pretty easy to manage because you don’t have to worry about security and uptime yourself.

Products like Wix and Squarespace will give you access to SSL certificates, patch security issues on your behalf, and handle other complicated site maintenance issues. WordPress and other open-source solutions require you to take more of a hands-on approach. You’ll need to manage your own web hosting and check the security of your site regularly. 

Flexibility

This feature is often overlooked in some guides to the best blogging platforms, but it’s also growing increasingly more important in today’s digital age. If you want your website to work for years to come, you need to make sure it’s flexible. This could mean that you look for something that allows you to upload different kinds of content, like written blogs and connecting podcasts. 

It could also mean investing in a service that has a lot of integrations and add-on options available. Plugins are fantastic for extending the functionality of your blog without having to move your entire site to another location. 

The right plugins can even allow you to transform your blog into a store if you decide to start selling your services or products later. 

The Best Blogging Platforms for 2021

Now we’ve covered what to look for in a blogging platform, we can begin to explore some of the top platforms on the market today. We’ve chosen these platforms for their ease of use, flexibility, performance, customization options, and value. 

WordPress

The best-known and most popular blogging platform in the world, WordPress is the go-to choice for most bloggers and website creators. Currently, there are around 64 million websites actively using WordPress as their chosen CMS. Usage stats also show that around 400 million people visit WordPress websites every month. 

WordPress powers most of the internet as one of the most flexible and easy-to-use platforms around. The biggest decision most users need to make is between WordPress.com and WordPress.org. 

You can create a blog for free at WordPress.com, and the company will host your site for you. However, you have to use a subdomain (rather than your own domain) with the free version. You’ll also lose control of your ads with the free package until you upgrade to a premium plan. 

A personal plan on WordPress.com starts at about $4 per month, and it removes all ads from your site. The more functionality you need, the more you’ll need to upgrade. WordPress.com is very easy to use and requires minimal initial setup, but it’s not very scalable. There are no custom themes, and you don’t technically “own” your blog this way. 

WordPress.org is a different story. With WordPress.org, you’re accessing an open-source blogging platform that allows you to build your site from scratch. You do need to purchase your own domain name and hosting with this service, but the software is free to use. 

WordPress.org is a lot more appealing to most bloggers because it’s so customizable. Features include:

  • Free and premium themes that you can customize to suit your brand;
  • Thousands of plugins to help with security, SEO, subscriptions, and more;
  • Gutenberg block editors to make creating and publishing blogs easy;
  • Tons of SEO friendly solutions to help you stand out online;
  • Access to a huge community of experts;
  • Infinite control over your design options;
  • Advanced user permissions and roles.

Pricing: WordPress.org is different from most blogging platforms because the foundation technology is free. You just pay for the a-la-carte options, like plugins, hosting, and domain name subscriptions. This means you can choose how expensive your site is going to be.

Pros:

  • Extremely easy to use with lots of community support available;
  • Free platform (though you do need to pay for the domain and hosting);
  • Lots of customization and plugin options to expand site functionality;
  • Search engine friendly as-standard, to help you grow;
  • Plenty of ways to make your brand stand out.

Cons:

  • It can be difficult to control your own website at first;
  • You have to manage your own backup and security;
  • Extra costs can quickly build up.

Squarespace

Squarespace is one of the more popular website design and blogging tools for people with a creative streak. Unlike WordPress.org, Squarespace gives you everything you need to build your own website straight out of the box. This includes hosting, the option to purchase your own domain name, and access to a range of beautiful templates. 

Squarespace stands out for its focus on small business owners. You can choose from a range of stunning designs and customize them however you choose with a convenient drag-and-drop builder. There’s also a fantastic customer service experience available from Squarespace, with a team that’s ready to help you with anything you need. 

Like many other hosted blogging platforms, you start on Squarespace by choosing the templates you like and customizing from there. There are some limitations in what you can do here, particularly if you have a lot of coding knowledge, making Squarespace less appealing to growing companies or larger brands. On the plus side, you do get features like:

  • Dedicated blogging templates to get you started;
  • Categories, tags, and featured post options;
  • Built-in scheduling for your blog posts;
  • Contributor roles and permissions;
  • Analytics to track your readers’ favorite posts;
  • Email marketing tools;
  • Social media and SEO solutions built-in;
  • Mobile app access.

Pricing: Compared to some of the other leading blogging solutions on the market, Squarespace is also quite affordable. The personal package at $12 per month will power a website with a stunning blog. You can also upgrade to the Business version for $18 per month, or if you decide to start selling your own products through your blog, you can transition to “Basic Commerce” at $26 per month.

Pros:

  • Squarespace is easy to use for beginners;
  • Fantastic range of stunning templates included;
  • SEO, email marketing, and social media marketing included;
  • SSL and HTTPS support;
  • Access to eCommerce features on some plans;
  • Useful analytics tools.

Cons:

  • Not very scalable for bigger brands;
  • Limited in terms of integrations and customization.

Medium

Medium is a different kind of blogging platform to many of the options mentioned here. This isn’t a tool you can use to build your own websites, like Wix or Squarespace. Instead, it’s a community you join with a monthly membership fee. 

Medium comes with a built-in audience, so you can immediately start speaking to customers and generating results from your content. As mentioned above, there’s also a Partner Program, which is free to join. The Partner Program allows you to earn money if people are reading your blogs regularly. 

For companies or individuals who just want to generate brand awareness but don’t want to invest in an entire blog-ready website yet, Medium can be a powerful choice. You can easily share posts and view what other people are posting. The biggest downside is that you can’t build an entire community and earn a fortune through your website with Medium. 

Medium is more like a social networking site, where you can begin to develop thought leadership than a true space to carve out your piece of the online world. But it does feature things like:

  • An easy-to-use environment for publishing content;
  • Analytics and insights into your campaigns;
  • Some design customization for your blog layout;
  • Access to a pre-existing audience of readers;
  • Support for monetization in the Partner program;
  • Access to picture uploading options;
  • Mobile-responsive blog posts.

Pricing: You don’t have to be a paid member of Medium to sign up for the partner program and start publishing blogs. This does make it a pretty good way to enhance your existing blogging strategy if you’re trying to generate more attention online. 

Pros:

  • Free to use for Partners and creators;
  • Excellent for appealing to already-engaged customers;
  • Easy to use, with no coding required;
  • No requirement to create a website or pay for hosting;
  • Communicate with a team of like-minded people.

Cons:

  • Limited customization options;
  • No ownership over your audience or readership;
  • Limitations to how you can make money (no ads).

LinkedIn

LinkedIn is among the most popular platforms for professionals in the world. It’s the go-to place for people in search of reliable ways to develop their professional network. Currently, there are around 756 million members on LinkedIn. When they’re not searching for connections with their peers or chatting about work opportunities, they’re checking out the content on the platform. 

If you’re keen to develop your position as a thought leader but prefer social media accounts to full websites, LinkedIn is the perfect choice. The more you publish on LinkedIn, the more you’ll attract new people who might want to work with you, invest in your company, or just work as part of your team. 

LinkedIn is a great place to generate attention if you’re in the B2B marketplace because most professionals already have their own account. You can also earn social proof by getting people to “endorse” your work. Some of the features of LinkedIn for bloggers include:

  • Private messaging for interactions with connections;
  • Notifications to help you keep track of valuable content;
  • A full profile posting section where you can publish your blogs;
  • A convenient network of active B2B professionals;
  • Endorsements for social proof;
  • A resume and blogging platform in one (you can list your skills);
  • Job searching and employee searching features.

Pricing: It’s free to access a basic membership with LinkedIn, but you will be limited on some of the features you can unlock. For instance, you can only send messages to people already in your network, and you’ll have limited analytics. LinkedIn Premium gives you slightly more functionality, with Business accounts starting at around $29.95 per month. 

Pros: 

  • Tons of people ready to read your blogs;
  • Great for building your professional network;
  • Good environment for thought leadership;
  • Access to extra tools like job listings;
  • Notifications to keep you on top of relevant posts;
  • Engagement options like private messaging;
  • Reports and insights.

Cons: 

  • No access to full website branding;
  • Limits to how you can monetize your content;
  • You don’t own the site or your traffic.

Wix

Easily one of the most popular website building solutions for beginners, Wix can help you build both a blog and a fully-featured website. You can even design your own store with Wix and start selling products whenever you choose. 

Wix is a straightforward site builder which you can use to build a site in a matter of minutes. There are hundreds of website themes to choose from, and you can also add as many customizations as you choose with the convenient drag-and-drop editor. The blog manager section of the CMS is also simple and intuitive, with SEO and analytics built in already. 

Wix aims to make jumping into blogging as quick and painless as possible. Elements like comments, social tools, hashtags, and subscriber forms are already available, and you can add further plugins if you choose. There’s also the option to include sharing buttons for social media accounts like Twitter, Facebook, and more. Features of Wix include:

  • An extensive range of blog templates;
  • Drag-and-drop customization (no coding required);
  • Subscriber forms, comments, likes, and categories;
  • Social media connections;
  • Extra features like store access;
  • Analytics and insights;
  • Quick and easy blogging interface.

Pricing: 

The most basic features of the Wix website builder are free to use. With a free Wix account, you’ll get a subdomain where you can’t choose the name of your own website, unfortunately. However, you can add a custom domain for only $4.50 per month. If you want a full premium plan with Wix, costs start at $8.50 per month and extend to $24.50 per month.

Pros:

  • Lots of pre-built blogging themes;
  • Easy customization options with no coding skills required;
  • Quick and easy to load and publish blogs;
  • Connections with social media platforms;
  • Access to various third-party apps and integrations;
  • Free option for beginners.

Cons:

  • Some limitations to the free account;
  • Ecommerce features are limited to paid plans;
  • Not as scalable for bigger companies.

Ghost

Lesser known than some of the options we’ve discussed so far but still brimming with value, Ghost is a minimalist blogging platform that’s all about content creation. Ghost promises a range of ways for you to turn your blogging into a business, with access to customizable templates, newsletter integrations, premium subscriptions, and more. 

The dashboard for Ghost is clean and intuitive, with access to simple sections where you can add tags to your posts, create drafts, track published content, and access valuable insights. You’ll have an easy view of important metrics like email open rates and numbers of paid members at a glance. You can also find integrations to make your Ghost experience even better. 

Ghost works alongside things like Buffer, Stripe, Twitter, Slack, MailChimp, and many other tools so you can take your blog to the next level. There’s no need for any coding knowledge, and because everything is written in JavaScript, it’s ultra-fast too. Features include:

  • Easy-to-use and intuitive interface;
  • Blogging and writing focused;
  • Clean and clutter-free design;
  • Integrations with various powerful tools;
  • Super-fast JavaScript coding;
  • Lots of templates and customizations;
  • Comment, mobile apps, A/B testing, and more;
  • Analytics and reporting.

Pricing: There’s a 14-day free trial to get you started with Ghost, then subscriptions start at $9 per month when billed annually for up to 1,000 members, 1 staff user, 2k views per month, and an SSL and CDN. The same plan is $15 per month billed monthly. Prices go all the way up to $199 per month billed annually, or $249 per month for 1 million views per month, 35,000 members, 15 staff users, and a 99.99% uptime SLA. 

Pros: 

  • Focus on writing and blogging;
  • Clutter-free and clean backend environment;
  • Easy to use and speedy performance;
  • Lots of packages to choose from;
  • Great integration options.

Cons:

  • Some limitations in scalability;
  • Complicated setup when installed;
  • Not a huge number of themes.

Choosing Your Blogging Platform

Whether you’re blogging because you want to build your personal brand or you’re looking for a way to strengthen sales opportunities for your company, you’re going to need the right blogging platform. The options above are just some of the best blogging solutions available right now. 

Remember, do your research and explore the free versions available whenever possible, so you can confidently invest in the software that’s best for you.

 

Featured image via Unsplash.

Source

The post Top Blogging Platforms Worth Considering in 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

The Role of Relays In Big Data Integration

,

The very nature of big data integration requires an organization to become more flexible in some ways; particularly when gathering input and metrics from such varied sources as mobile apps, browser heuristics, A / V input, software logs, and more. The number of different methodologies, protocols, and formats that your organization needs to ingest while complying with both internal and government-mandated standards can be staggering.

Is there a clean and discreet way to achieve fast data integration and still reap all of the benefits of big data analytics?

Source de l’article sur DZONE

/par

Should You Become a Web Designer in 2021?

,

If you’re here, then you’re thinking about becoming a web designer and wondering if it’s a smart move.

Honestly, it’s not uncommon to be plagued by doubts and what-ifs when making a big career change, and that’s especially so right now, what with all the uncertainty we’ve faced over the last year.

Here’s some good news: It’s never a bad time to become a web designer, which makes 2021 the perfect time to turn your passion into a career! Here are 8 reasons why:

1. People Are Spending More Time Online Than Ever Before

DoubleVerify surveyed consumers’ digital consumption habits in 2020, and guess what it found? The amount of time people spend online has doubled since the pandemic began. Before 2020, consumers worldwide were spending an average of 3 hours and 17 minutes online every day. Now? The average is 6 hours and 59 minutes.

Needless to say, web designers are in high demand as businesses rush to get in front of these consumers.

2. There’s a Big Freelance Boom Right Now

An Upwork study at the end of 2020 reveals that freelancing grew by 22% (about 2 million workers) since 2019. This now-popular career move is a great option for everyone — from university graduates entering the workforce for the first time to anyone who’s been recently laid off. Heck, if you’re just plain unhappy with the course of your career and want to shake things up, freelancing could be the breath of fresh you need.

3. It’s a Future-Proof Field

In these uncertain times, you’re right to be cautious about jumping into something new. But web design is a career that’ll be around for a long, long time. It’s not just the fact that we’ll always need people to build websites that makes this field future-proof. You could build… Websites. Mobile apps. Web apps. Progressive web apps. You could specialize in… Graphic design. UX design. Web development. You could work for yourself. Build your own agency. Go work for someone else.

There’s a ton of flexibility in how you make a living as a designer. So if your interests change or your industry is impacted, that’s fine. Just pivot!

4. You Can Do It From Anywhere, Anytime

When people are nervous about traveling or living in densely packed cities, that’s not something that should worry you as a web designer. One of the benefits of being a web designer is that you can do it from anywhere you want and on your own schedule.

This is especially nice for anyone who has a family and needs a more effective way of managing it all at once, even when the kids aren’t in school or jobs out in the physical world are diminishing.

5. You’re in the Driver’s Seat

Let’s face it, it can be really stressful working for a company where you have little to no say about what goes on, how it gets done, and how much money you make for all your efforts. This is one of the reasons why freelancing is such an attractive option for many. You get to decide which content management system you build websites with. You get to decide who you work with. You get to set your hours of availability. You make the rules. And you know what? You can change them at any time. It’s all on you.

6. It Can Be a Lot of Fun

There’s some fascinating stuff coming down the line in digital design. For instance, augmented and virtual realities are really starting to pick up speed as ecommerce companies need a better way to allow customers to window-shop and try stuff on digitally.

AI is also bringing a lot of changes to the space. Not only can machine learning and language processing improve the way companies do business online, but they can also improve the way web designers work, too.

7. It Can Also Be Really Rewarding

Because you control your career as a web designer, you get to decide who you build websites for. So, what kinds of causes are you passionate about? Is there an industry you have close ties to and want to give back? This isn’t about working for free. This is about offering your professional design services to people you’re invested in and causes that get you excited.

Not only will it be easier to work for clients like these, but you’ll enjoy it more, too.

8. You Don’t Need to Go to School to Become a Designer

This is a common question for people wanting to leap into web design. While you should have some basic knowledge and skills when you start, you don’t need a degree in design or development to start making money.

One of the beautiful things about becoming a web designer is that you can learn as you go. Here are 5 free courses that’ll help you get to the next level. For instance, you can start as a freelancer, building websites from pre-made templates or themes. As you get more experience and pick up advanced design and coding skills, you can then branch out into specialized fields or areas of expertise.

Ready to Become a Web Designer?

There are many, many reasons to leap into web design in 2021. But are you ready? Before you get started, make sure you have a trusted set of resources to help you with the business side of becoming a web designer. Webdesigner Depot is a good place to start. You’ll learn things like:

And much, much more. When you’re ready, check out this 3-part business branding series where you’ll learn how to kick off your new web design business the right way.

 

Featured image via Unsplash.

Source

The post Should You Become a Web Designer in 2021? first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

Exciting New Tools for Designers, January 2021

,

The new year is often packed with resolutions. Make the most of those goals and resolve to design better, faster, and more efficiently with some of these new tools and resources.

Here’s what new for designers this month.

Radix UI

Radix UI is an open-source UI component library for building high-quality, accessible design systems and web apps. It includes examples and guidelines for all kinds of user interface elements that provide guidance and really make you think about accessible website design. (And everything is usable!)

Froala Charts

Froala Charts is made to help you create data visualizations for web or mobile apps. Build any chart you can imagine – bar, line, area, heat map, sankey, radar, time series, and more. Plus, you can customize anything and everything, so it all matches your brand. This premium tool is enterprise-level and comes with a one-time license fee.

CSSfox

CSSfox is a collection of designs that you can use for inspiration. The curated community project includes posts, reviews, and award nominees and winners.

Pattern Generator

Pattern Generator is a tool to create seamless and royalty-free patterns that you can use in projects. Almost every element of the pattern design is customizable, and you can “shuffle” to get new style inspiration. Design a pattern you like and export it for use as a JPG, PNG, SVG, or CSS.

Type Scale Clamp Generator

Type Style Clamp Generator helps you create a visualize a typographic scale for web projects. Pick a font and determine a few other settings and see the scale right on the screen. You can even put in your own words to see how they would look. Then, flip to see how sizes appear on different devices. Find a scale you like and snag the code with a click.

Flowdash

Flowdash is a premium app that helps you build custom tools, data sets and streamline your business operations with one tool. Manage data and processes without code. The tool combines a spreadsheet’s familiarity with a visual workflow builder, plus built-in integrations to automate repetitive tasks so your team can focus on what matters.

Scale

Scale is a website that provides new and open-source illustrations that you can use for projects. Maybe the illustration generator’s neatest part is that you can change the color with just a click to match your brand. Then download the image as an SVG or PNG.

Pe•ple

Pe•ple is a tool that adds a “customizable community” to any website to help grow your fanbase and provide a boost to SEO. It allows you to integrate chat, commenting, emojis, and passwordless login, among other things.

K!sbag: Free Minimal Portfolio Template

K!sbag is a free minimal website template that’s made for portfolio sites. (Did you resolve to update yours in 2021?) It includes 6 pages in a ready-made HTML format and PSD.

Merico Build

Merico Build is like a fitness tracker for code. It uses contribution analytics to empower developers with insight dashboards and badges focused on self-improvement and career growth. Sign up with tools you already use – Github or Gitlab.

Automatic Social Share Images

Automatic Social Share Images solves a common website problem: Missing or broken images when posts or pages are shared on social media. This tutorial walks you through the code needed to create the right meta tags so that popular social media channels pick up the image you want for posts. The best part is this code helps you create a dynamic preview image, so you don’t have to make something special every single time.

Animated SVG Links

Animated SVG Links can add a little something special to your design. This pen is from Adam Kuhn and includes three different link styles.

Blush

Blush helps you create illustrations. With collections made by artists across the globe, there’s something for everyone and every project. All art is customizable, so you can play with variations to create something unique.

Palms

Palms is a set of 43 sets of hands to help illustrate projects. Each illustration is in a vector format and ready to use.

Tabbied

Tabbied allows you to create and customize patterns or artwork in a minimal style for various projects or backgrounds. Tinker with your artwork and patterns and then download a free, high-resolution version.

How to Create Animated Cards

How to Create Animated Cards is a great little tutorial by Johnny Simpson that uses WebGL and Three.js to create a style like those on Apple Music. The result is a stylish modern card style that you can follow along with the CodePen demo.

Bandero

Bandero is a fun slab with a rough texture and interesting letterforms. The character set is a little limited and is best-suited for display use.

Magilla

Magilla is a stunning modern serif with great lines and strokes. The premium typeface family has six styles, including an outline option.

Roadhouse

Roadhouse is one of those slab fonts that almost screams branding design. The type designer must have had this in mind, too, with stripe, bevel, inline, half fill, outline, drop extrude, and script options included. (This family is quite robust, or you can snag just one style.)

Street Art

Street Art is for those times when a graffiti style is all that will do. What’s nice about this option – free for personal use – is that the characters are highly readable.

Source

The post Exciting New Tools for Designers, January 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

Popular Design News of the Week: October 26, 2020 – November 1, 2020

, ,

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

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

Minimal CSS Frameworks

 

Responsive Grid Design: Ultimate Guide

 

The New Facebook Design Sucks

 

The No-Code Generation is Arriving

 

15+ Text Typing Effect CSS Animation Examples

 

AppSheet by Google Workspace – No-code App Building Platform

 

Ecommerce Development Trends: The 2021 Edition

 

How Videos Can Boost your Website Ranking Results

 

5 Small Business Website Essentials You Need for your Site

 

The Psychology of User Decisions

 

Overflow for Windows – User Flow Diagramming Tool for Designers

 

How to Create an AI that Chats like You on WhatsApp

 

‘50 Shades of Blue’

 

Here’s Why Developers are in Love with Functional Programming

 

Apple Building Search Engine to Take on Google, Report Claims

 

A Faster Way to View Search Results with Less Clicking

 

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

 

EncryptLab – A Collection of Free and Comprehensive Encryption Tools

 

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

 

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

 

10 Usability Mistakes Most Designers Make on Checkboxes

 

People Problems

 

Practical Guide to Color Theory for UI Designers

 

Following the 2020 U.S. Election with Google

 

React Vs Svelte – A Comprehensive Comparison Between Javascript Libraries

 

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

Source


Source de l’article sur Webdesignerdepot

/par

Top New CMS Plugins, October 2020

,

Plugins offer a ton of benefits to developers and website administrators; from flexibility, to saving time in development, the right plugin is priceless to a project.

In this article, we’ll cover a list of the best new plugins for October 2020. You’ll find useful plugins for WordPress, Craft, Shopify, and Joomla.

Let’s get started.

WordPress

Sticky Post Expire

Sticky Post Expire is a simple plugin for WordPress that allows you to add an expiration date to your sticky posts. When the expiration date you set on a post expires, the post will automatically no longer be sticky. All you need to do is install/enable the plugin and a meta checkbox will appear in your posts admin area. It’s in this checkbox you will set the post’s expiration date.

Product page shipping calculator for WooCommerce

The Product Page Shipping Calculator plugin allows your customers to calculate the cost of shipping before adding the product to their cart. The plugin also allows customers to see the available shipping methods for their area. If the product cannot be shipped to the customer’s location, the plugin will notify the customer. All calculations are done using Ajax, so you don’t have to worry about the plugin slowing down your site.

Payment Page

Payment Page makes it easy to collect payments on your WordPress website. The plugin allows you to connect to any payment gateway platform of choice. You can also receive one-time or recurring payments using Payment Page. The plugin comes with beautifully designed templates that you can customize to fit your brand and style. The form builder helps you increase your sales and conversions. You can collect payment in any currency. After payment, customers will also receive a confirmation message.

WP Roadmap

Wp Roadmap is a product feedback board for WordPress. The plugins allow you to display your company’s product roadmap on your WordPress website or blog. The plugin will display your new products, business developments, upcoming events, achievements, awards, and future projects on your site. WP Roadmap also gives you the option to collect and create feedback boards. The plugin comes with an intuitive interface and works with any WordPress theme.

LiveSession

LiveSession is a session replay plugin for WordPress. The plugin allows you to record everything happening on your site, including clicks, scrolls, and mouse movements. This plugin helps you understand how your visitors interact with your website. You can rewatch the videos as many times as you like. Instead of recording every single visitor on your site, LiveSession will record visitors with a high engagement score.

The plugin also comes with a feature called Rage Clicks. This feature helps you identify when visitors encounter Javascript errors. The plugin also has a beta feature called Clickmap. It helps you identify the specific elements on your site that visitors clicked and how many times. There is also a heatmap feature that identifies which pages on your site get the most interaction. The plugin is very useful in improving your user experience (UX) and conversion rates. It easily integrates with Google Analytics, Segment, Intercom, LiveChat, HelpScout, Olark, Wix, Shopify, and WooCommerce.

Auction Feed

Auction Feed makes it easy to display eBay items on your WordPress website. Visitors to your website will be able to search and buy products directly from your site. The plugin comes with a variety of styles to fit any WordPress theme. You can also add a product description above or below the product image. Customers won’t have to leave your website before making their purchases. The plugin is also free to use.

Floating Related Posts

Floating Related Posts is a WordPress plugin that allows you to display a banner with a list of related posts on your website. The banner can appear at the top or bottom of the web page. You can set the banner to pop up using a time filter or scroll trigger. The plugin is also compatible with Google Analytics. You can customize the banner background color, font size, button style, and text color. The plugin can be translated into any language.

Simple Restrict Content

The Simple Restrict Content plugin allows you to restrict the content that visitors can access on your WordPress site. You can choose who can access content on your website by setting up roles. The simple lightweight plugin restricts different content types, including, posts, web pages, and WooCommerce products. The plugin is available in Spanish and English.

Easy Video Publisher

Easy Video Publisher is a WordPress plugin that allows you to easily publish YouTube videos on your website. You can import YouTube videos from multiple channels. You can also schedule the YouTube videos to automatically upload to your website. Note that a YouTube API key is needed to import multiple videos at a time from a specific channel. The plugin allows you to use multiple API keys.

Preloader Awesome

Preloader Awesome is a preloader plugin for WordPress that allows you to create a page preloader interface while the rest of the webpage is still loading. Preloaders are interface elements that notify visitors that your website hasn’t crashed, just processing before serving content. Some of the features of the plugin include 14 page transition styles, progress bar, GIF support, 10+ default CSS loader, progress status counter, unlimited color, and counter font size options. The plugin is responsive and works on all modern browsers.

Menu Hover Effect

The Menu Hover Effect plugin allows you to add hover effects to the menu bar on your website. With this plugin, you don’t need to learn CSS. This plugin gives you 20 CSS menu hover options to choose from. It is a lightweight plugin and won’t affect your website speed.

Better Comments

The Better Comments plugin allows WordPress users to easily customize the comment section of their website. With the plugin, you can customize the look of your comment form fields, match the submit button with the colors of your site, and hide the comment’s date. The plugin also allows you to create a comment policy section. You can further customize the comment fields to highlight when they are selected and typed in. If you find rounded avatars common, the plugin also offers a hexagonal avatar option.

WP Pocket URLs

WP Pocket URLs is a handy WordPress Plugin that helps you manage your affiliate links. The plugin allows users to automatically shorten and track any affiliate link on their website. You can also manually shorten the links on your website. Each time a visitor clicks on a link you get access to information like click date/time, country, IP address, etc. You can also categorize your links and also create custom permalinks. There is also a dashboard widget that displays your top 10 links. On the “Reports” page, you can generate clicks reports. You can filter the reports by Month/Year, link category, country, and link title.

Craft CMS

Formie

Formie is a Craft CMS plugin that allows you to create user-friendly forms. The plugin comes with a drag and drop builder for creating forms. You can store user form submissions in your control panel in case you want to review them later. When a user submits a form, you will get an email notification. Formie also has an in-built keyword blocking feature to protect you from spam. The plugin has several integrationS: API for Elements, Address Providers, Captchas, CRM tools, Webhooks, and Email Marketing software. You can also create your custom integration. You can add over 25 fields to your forms using Formie.

Craftagram

Craftagram is a Craft CMS plugin for adding any Instagram feed to your website. Since the plugin uses the official Instagram API, you don’t have to worry about your website getting blacklisted. Craftagram also handles pagination for your Instagram feed. 

Shopify

We’re Open

We’re Open is a handy plugin for Shopify users. The plugin lets your customers know when you are open to receive new orders. Once your business hours are close, customers won’t be able to make new orders. A message will be displayed in your store that you are closed. The plugin ensures that you only receive orders when you are open. It works in any time zone and the API easily integrates with mobile apps.

Punch Metrics

Punch Metrics is a Shopify Plugin that helps you track your store’s visitors and also analyze their behavior. The plugin offers real-time data on your site’s visitors, the pages that see the most engagement, and which devices are the most popular. You can also record and replay visitors’ sessions so you can know exactly what they did on your site. Punch Metrics also has a heatmap tracking feature to understand which elements on your site get the most clicks.

Joomla

Simple Sliders

Simple Sliders is a content plugin for Joomla. The plugin allows users to easily create accordion sliders in their articles. You can add the sliders to your Joomla articles by adding this code:

{s​lider title="Slider 1 Title" class="blue"}
Slider 1 content.
{s​lider title="Slider 2 Title" class="red"}
Slider 2 content.
{/s​liders}

Jitsi Conferencing

Jitsi Conferencing is a video conferencing plugin for Joomla. The plugin will allow you to host meetings and easily connect with your clients. The module is simple and effective to use.

 

Featured image via Unsplash.

Source


Source de l’article sur Webdesignerdepot

/par

Why AI & Automation Are Actually Friends to Design

,

Artificial intelligence. Just hearing the phrase has been a trigger for many in the technology world since that creepy Haley Joel Osment film circa 2001. But more recently, artificial intelligence and machine learning strike fear into the hearts of skilled workers for an entirely different reason: job security, or lack thereof.

Smart-home devices, streaming services, self-checkouts, even Google searches are ways that artificial intelligence has seeped into everyday life, exemplifying the abilities of computers and machines to master both simple and complex tasks. In some instances, these technological advancements make our lives easier, but for some people, their proliferation has meant job loss and skill replacement. There’s no wonder that when artificial intelligence starts being mentioned along with web design and site creation, the spidey senses of designers all over the world start tingling.

designers think outside the box, something that AI just can’t do

But let’s get real about what AI and automation really mean for designers for a second. Talented designers with busy schedules should view these advancements as virtual assistants. For some small businesses on a limited budget, the websites that artificial intelligence can pump out might be fine…for a while. However, as businesses grow, change, require updating and customization to adapt to their customer base, the expertise of creative and talented designers will always be needed. Even the best AI that we see today is limited by evaluating, replicating, and revising what already exists. It may be able to mix 1,000 different color schemes into 10 million potential combinations, but great designers think outside the box, something that AI just can’t do.

In fact, rather than being scared of automation, designers ought to embrace automation and artificial intelligence as a way to unleash their creative thinking. Delegate repetitive, straightforward tasks to the right software, and suddenly you have time to bring your best ideas to the table and push the boundaries of your own innovation. 

Where AI has Failed in Design

The ultimate goal of artificial intelligence and automation in design work is a grand vision that has yet to be realised.

Consider the case of The Grid, which began as a crowdfunding campaign in 2014. The “revolutionary” product posed itself as an artificial intelligence solution for building thoughtfully, yet automatically, designed websites in five minutes. Research “Reviews of the Grid” in any search engine and you’ll be met with scathing criticism with only some small praise sprinkled in. Most of the initial users cite underwhelming results, the feeling of being duped by the Grid’s marketing tactics, nonsensical placement of text, and ultimately, the Grid being a complete waste of money for the resulting product. Even at the low cost of $100, compared to hiring a talented designer, most users felt their investment was wasted.

For the AI capabilities that exist now, most small business owners, or those looking to put together a simple website, are better off using drag and drop site builders (Wix, Squarespace, Weebly, etc) that have been around for ages. Even so, there are plenty of businesses still willing to hire designers to take this simple task off their plate due to a lack of technical expertise or lack of time. And let’s be honest, are there even enough talented (keyword here!) designers out there to keep up with the millions of websites created every year, without each one working themselves to death? 

Where Automation Shines for Designers

Fortunately for good designers, it appears for now that the days of artificial intelligence completely taking over their jobs is a fantasy. However, what AI and automation do offer designers is a solid starting point for success, eliminating much of the lower-level grunt work that most designers would rather skip anyway.

Even well-received AI website builders like Firedrop still require a basic eye for design and specialised knowledge to produce truly unique, high-converting, and user-friendly websites. Tools and practices that designers should adopt are the artificial intelligence and automation resources that will help them do their jobs better, faster, and leave them with more time to focus on project elements that AI cannot accomplish on its own.

Bridging the Gap Between Designers and Developers

Well-established brands are likely to already have design systems in place that guide the creation of new elements across their digital profiles whether on social media, various mobile apps, or different sections of a website. But even in large corporations — excepting those who have perfected the process — there’s often a breakdown between a designer’s vision and resulting product from the developers. It stems from the basic difference in how they each approach their work and the limitations of the systems they use.

While component libraries — or even full design systems for that matter — won’t reconcile every question, they provide both developers and designers a source of truth to work from that both parties can understand. Design collaboration tools like Invision and Visme, specifically, keep designers and developers on the same page with automated version saving and code-friendly workflows.  

Understanding the Consumer

I don’t suggest using artificial intelligence to produce content for your site

Digging into and understanding the behaviours and habits of site users is a relatively new component of site design, but offers invaluable insights. Tools like HotJar, Mouseflow, or Smartlook make it simple to see holes or leaks in your conversion funnels, detect which page elements users are interacting with, and which they’re not interested in to refine the look and feel of a page for maximum conversions. Even though these tools provide the data, it still takes a keen eye and understanding of design to implement the right changes to improve site performance.

Site content is another way that artificial intelligence has the potential to improve our understanding of customer behaviour and improve site performance for individual users. I don’t suggest using artificial intelligence to produce content for your site, no matter how much the results have improved. However, static landing pages or a single set of further reading recommendations are unlikely to appeal to the majority of site visitors. Artificial intelligence tools like CliClap and Personyze instantly collect and analyse consumer data to provide dynamic, personalised experiences that drive more leads and encourage conversions. Creative designers will also learn from this data to improve customer experience with other pages or elements throughout the site.

Removing Distracting, Time-Sucking Administrative Tasks

Because “artificial intelligence” has become a term with such negative connotations, we often overlook the simple way that AI actually makes our work lives better and easier. Machine learning in email filtering is a great example of this. Consider a simple interface like a Gmail inbox. We have the option to mark certain senders as spam or as important, and our inbox learns that type of communication is and isn’t useful to the user. Pandora, Spotify, Apple Music, and more all take cues from the user behaviour of liking a certain song, artists, or genre of music to build customised playlists. There are a myriad of ways that artificial intelligence and its branches of disciplines merge with our everyday lives. 

Some of the most useful automations for business, and especially for designers, are related to the administrative tasks that frequently take time away or distract from more pressing projects. A perfect example of automation that can relieve stress and cut down on mindless work is an email autoresponder. I’ve always found that having time blocked off in my calendar to tackle complex or important projects helps me to focus on the task at hand and be more efficient. In order to more effectively block out my time, closing my email and setting an autoresponder to reply to all incoming emails serves two purposes: 

  1. Lets those trying to get in touch with me know that I only check my email at certain times of the day and that my response may not be immediate — tempering their expectations of when they might hear from me.
  2. Relieves my personal stress of being tethered to my inbox, splitting my focus, and also saves the time of having to initially respond to each email individually. 

This is just one simple way to use automation in your email, although there are many others to explore.

While Zapier isn’t the only workflow automation service on the market, it’s probably the most well known. Workflow automation reduces time spent on mind-numbing, repetitive tasks and helps designers connect apps that might not natively work together. Do you keep a task list in Todoist? Set up a Zap, then create a task in Todoist anytime someone mentions you on Asana or assigns you a task in Trello.

This is especially helpful for freelance designers who work with multiple clients across various project management platforms. The potential for automation to relieve unnecessary mental overhead for designers is nearly limitless.

Don’t be Afraid of AI, Embrace It

The bottom line of this brief overview of artificial intelligence and automation in design is that this emerging technology isn’t something designers should be scared of. In fact, it’s something to welcome with open arms because ultimately it can make our jobs, and our lives, better. Leave the monotonous tasks of collecting and analysing huge amounts of data or administrative minutiae to the machines; they can handle it.

Save the interesting, creative, abstract work for the talented designers who can turn AI recommendations into unique and intuitive digital experiences. Making the relationship between artificial intelligence and design symbiotic will yield the best results for every entity involved: the business, the AI, and yes, even the designer.

 

Featured image via Unsplash.

Source


Source de l’article sur Webdesignerdepot

/par