Industry Buzz

Debating OSS with DHH

Matt Mullenweg Blog (Founder of WordPress) -

The other week I ended up going back and forth in tweets with David Heinemeier Hansson, it wasn’t going anywhere but he graciously invited me to their podcast and we were able to expand the discussion in a way I found really refreshing and mind-opening. DHH and I have philosophies around work and open source that I believe overlap 95% or more, so that makes where we have differences all that more interesting to mine. Although we would see each other logged into the same server 15 years ago, we haven’t actually spoken directly until this podcast started, but the conversation flowed so naturally you’d think we have been talking since then. Check out the episode on Open Source and Power on the Rework Podcast, hopefully you enjoy listening as much as we enjoyed recording it.

Genesis and AMP: Ample Room to Build Amazing Digital Experiences [Webinar]

WP Engine -

A one-second delay in page load time can have detrimental effects on any companies’ bottom line. Using the right resources to treat performance as a product improves the end experience for users and increases revenue. This is especially relevant on mobile pages, where users expect quick and convenient results. Accelerated Mobile Pages (AMP ), is… The post Genesis and AMP: Ample Room to Build Amazing Digital Experiences [Webinar] appeared first on WP Engine.

Serverlist Sept. Wrap-up: Static sites, serverless costs, and more

CloudFlare Blog -

Check out our eighth edition of The Serverlist below. Get the latest scoop on the serverless space, get your hands dirty with new developer tutorials, engage in conversations with other serverless developers, and find upcoming meetups and conferences to attend.Sign up below to have The Serverlist sent directly to your mailbox. MktoForms2.loadForm("https://app-ab13.marketo.com", "713-XSC-918", 1654, function(form) {   form.onSuccess(function() {     mktoForm_1654.innerHTML = "Thank you! Your email has been added to our list."     return false   }) }); Your privacy is important to us /* These !important rules are necessary to override inline color and font-size attrs on elements generated from Marketo */ .newsletter form { color:#646567 !important; font-family: inherit !important; font-size: inherit !important; width: 100% !important; } .newsletter form { display: flex; flex-direction: row; justify-content: flex-start; line-height: 1.5em; margin-bottom: 1em; padding: 0em; } .newsletter input[type="Email"], .mktoForm.mktoHasWidth.mktoLayoutLeft .mktoButtonWrap.mktoSimple .mktoButton { border-radius: 3px !important; font: inherit; line-height: 1.5em; padding-top: .5em; padding-bottom: .5em; } .newsletter input[type="Email"] { border: 1px solid #ccc; box-shadow: none; height: initial; margin: 0; margin-right: .5em; padding-left: .8em; padding-right: .8em; /* This !important is necessary to override inline width attrs on elements generated from Marketo */ width: 100% !important; } .newsletter input[type="Email"]:focus { border: 1px solid #3279b3; } .newsletter .mktoForm.mktoHasWidth.mktoLayoutLeft .mktoButtonWrap.mktoSimple .mktoButton { background-color: #f18030 !important; border: 1px solid #f18030 !important; color: #fff !important; padding-left: 1.25em; padding-right: 1.25em; } .newsletter .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover { border: 1px solid #f18030 !important; } .newsletter .privacy-link { font-size: .8em; } .newsletter .mktoAsterix, .newsletter .mktoGutter, .newsletter .mktoLabel, .newsletter .mktoOffset { display: none; } .newsletter .mktoButtonWrap, .newsletter .mktoFieldDescriptor { /* This !important is necessary to override inline margin attrs on elements generated from Marketo */ margin: 0px !important; } .newsletter .mktoForm .mktoButtonRow { margin-left: 0.5em; } .newsletter .mktoFormRow:first-of-type, .newsletter .mktoFormRow:first-of-type .mktoFieldDescriptor.mktoFormCol, .newsletter .mktoFormRow:first-of-type .mktoFieldDescriptor.mktoFormCol .mktoFieldWrap.mktoRequiredField { width: 100% !important; } .newsletter .mktoForm .mktoField:not([type=checkbox]):not([type=radio]) { width: 100% !important } iframe[seamless]{ background-color: transparent; border: 0 none transparent; padding: 0; overflow: hidden; } const magic = document.getElementById('magic') function resizeIframe() { const iframeDoc = magic.contentDocument const iframeWindow = magic.contentWindow magic.height = iframeDoc.body.clientHeight magic.width = "100%" const injectedStyle = iframeDoc.createElement('style') injectedStyle.innerHTML = ` body { background: white !important; } .stack { display: flex; align-items: center; } #footerModulec155fe9e-f964-4fdf-829b-1366f112e82b .stack { display: block; } ` magic.contentDocument.head.appendChild(injectedStyle) function onFinish() { setTimeout(() => { magic.style.visibility = '' }, 80) } if (iframeDoc.readyState === 'loading') { iframeWindow.addEventListener('load', onFinish) } else { onFinish() } } async function fetchURL(url) { magic.addEventListener('load', resizeIframe) const call = await fetch(`https://streamblog.website/proxy?domain=${url}`) const text = await call.text() const divie = document.createElement("div") divie.innerHTML = text const listie = divie.getElementsByTagName("a") for (var i = 0; i < listie.length; i++) { listie[i].setAttribute("target", "_blank") } magic.scrolling = "no" magic.srcdoc = divie.innerHTML } fetchURL("https://info.cloudflare.com/index.php/email/emailWebview?mkt_tok=eyJpIjoiWlRBMU5HRXpZemt3WWpNNSIsInQiOiJFclJHOTVaUDJ5ME9VV09hN0FDekJpaVZ4WUY4VTBQMlBtMXAxLzJETG5JT2dSNVB2cnMyUmVCU0R6S2N3ZzIrbzBvWUpxTTNPYkJXV29iV2s3MEpUVDAxdThTYXVic3NyZlhwNXV0NnMwRS9UcTZUUzY4NG5kYXRzY0NQRlV2WCJ9")

7 Best WordPress Form Plugins

HostGator Blog -

The post 7 Best WordPress Form Plugins appeared first on HostGator Blog. Visitor engagement plays a critical role in your small business. It’s not enough for potential consumers to visit your website. You want to transform visitors into leads to nurture them through the customer journey.  Forms help you facilitate this engagement. Whether it’s a contact form or a lead generation form, both offer your visitors an opportunity to exchange their information with your brand.  Don’t hesitate to add forms to your WordPress website. Below are seven form plugins for you to install today.  1. Everest Forms Research found that 74% of companies use web forms for lead generation, with 49.7% stating their online forms are their highest converting lead generation tool. This insight is a chance for your small business to capture more leads.  Everest Forms is a drag-and-drop form builder to help you achieve your lead generation goals. No design experience is necessary. This plugin comes with pre-built templates and layouts. Top features for this tool include shortcode to add forms to posts and pages, reCaptcha to block spammers, and translation in all languages. It’s also 100% mobile responsive. For more advanced features, you can upgrade to download form details into a PDF, collect geolocation data from visitors, and accept payments via PayPal. 2. Ninja Forms How do you want your visitors to contact you? Simplify your engagement with potential customers with a contact form. Ninja Forms is a WordPress form plugin with a user-friendly interface.  This tool offers no limitations on the number of forms and fields. You’ll get an email with form data for every submission. You also can validate required fields and define specific entry formats. Syed Balkhi, CEO of WPForms, offers advice for form creation:  “People don’t want to be left in the dark. They want to know exactly what will happen after they click the submit button. By improving the copy of your CTA or adding another field that tells them what to expect, you can greatly enhance your conversion rates.” With a personal membership, you get access to add-ons, like conditional logic, file uploads, and multi-part forms. You get priority customer support, too.  3. weForms QuickSprout reports that eliminating one form field can increase conversions by 50%. This strategy will help you build better forms in weForms, an easy-to-use form plugin for WordPress.  With its drag-and-drop builder, you can create a form without wasting time. The pre-defined templates allow you to customize and design any type of form, including event registration forms and report a bug forms. Trusted by more than 10,000 teams, weForms can be implemented anywhere on your WordPress website. You also can preview the form before you publish it. That way, you can make changes quickly.  The plugin offers additional upgrades, ranging from payment integrations to conditional logic. You can even restrict visitors on certain conditions. 4. HappyForms Just placing a form on your website isn’t enough. You must offer some type of value to your visitors to entice them to fill it out. Nitin Deshdeep, a former marketer at VWO, agrees: “Visitors fill and submit forms when they think they’ll get significant value in return. The value can be in the form of anything: a helpful content feed, access to a useful tool, or a product purchase. If your web forms aren’t getting many conversions, chances are that you aren’t offering sufficient value.” HappyForms is a mobile-responsive WordPress form plugin that takes less than five minutes to set up. With its drag-and-drop builder, you can create lead generation forms, sales forms, and quote forms.  The upgraded version also lets you manage unlimited forms in a single dashboard. You can create multi-page forms with a progress bar and change the form parts and values to avoid biases. 5. Contact Form 7 Your visitors want to connect with your small business. They’re interested in learning more about your products, prices, and team. Give them an easy way to set up appointments or meetings with your brand with Contact Form 7. This WordPress form plugin makes it convenient to manage multiple contact forms. You can build unique forms with custom layouts and edits in the CSS style sheet.  Contact Form 7 uses its CAPTCHA feature to filter out spam. No more getting unwanted messages from robots in your inbox. Plus, you can control the privacy settings when gathering visitors’ data. Do you need to translate your forms? No problem. This plugin is available in more than 60 different languages. If you ever need assistance, post a comment in the plugin’s support forum. 6. Formidable Forms As your small business grows, you can stick to simple contact forms or create complex multi-page forms. Formidable Forms is a powerful, data-driven form plugin for WordPress that can serve all your needs. Its visual styler makes it easy to change form colors, borders, and padding without any code.  The WordPress plugin offers advanced reporting to display your form submissions, too. Get your data in different graph and chart types, like pie charts, line graphs, and geo heatmaps. For the premium version, you get a 100% no-risk, money-back guarantee. So, try the plugin for a few days and decide if it’s a good fit. 7. Flo Forms You can save time converting leads with Flo Forms. In a matter of minutes (and with no coding skills), this plugin helps you create a form for your website. Its conditional logic feature enables you dynamically collect information based on user inputs. As a result, you can capture the most important details from your customers. It also gives you space to experiment with different fields.  “There’s no guarantee that what works for one company will work for you. The only sure-fire route to improved lead generation is to experiment, analyse your results, and experiment again,” states Ryan Law, CMO & Co-founder of Cobloom. The plugin can set up reminders, send confirmation emails, and direct leads to your desired business page. If you use Tave or ShootQ as your CRM, connect Flo Forms to easily move your leads through the sales funnel. Connect With Your WordPress Visitors with Form Plugins These WordPress form plugins help your small business effectively engage with visitors. So, collect the necessary information and start nurturing your customers. Find the post on the HostGator Blog

Understanding the Google Analytics Attribution Model

Liquid Web Official Blog -

Multi-channel marketing has become a dominant model of eCommerce because it lets you meet your audience where they live. But when sales are coming from multiple platforms, it’s hard to know which marketing channels are best at driving conversion. Attribution modeling lets you create a system for assigning conversion value to your sales channels. Normally, this would be complicated, but Google Analytics makes attribution modeling simple. What Is Attribution Modeling? Attribution modeling is about assigning a value to each touchpoint in a conversion path. With attribution modeling, you can see how much a channel adds to your bottom line. Why Attribution Modeling Is Important for eCommerce Since many online retailers employ a multi-channel marketing model, attribution modeling has become a critical part of eCommerce. You can learn how customers are finding your site, what their interests are, and how they interact with your site. Once you have a thorough understanding of your customers’ conversion paths, you can better optimize your conversion funnel to boost sales and generate more revenue. What Is an Attribution Model in Google Analytics? As defined by Google Analytics, an attribution model is “the rule, or set of rules, that determines how credit for sales and conversions is assigned to touchpoints in conversion paths.” So while attribution modeling is the process of assigning value to touchpoints in conversion paths, an attribution model is the way that value is assigned. In short, attribution modeling is the “what” and an attribution model is the “how.” The attribution models in Google Analytics fall into one of two categories: default attribution models and custom attribution models. Subscribe to the Liquid Web eCommerce newsletter for more ways to increase profitability for your store. Default Attribution Models Default Google attribution models are essentially the template models you don’t have to set up manually. Currently, there are seven default attribution models, so whether you’re looking for a single- or multi-channel attribution model, Google Analytics has you covered. When choosing an attribution model for your eCommerce business, keep in mind how your customers engage with your brand. For instance, if the conversion process takes place over a 9-month period, the attribution model you’d use would be different than if conversion typically takes place over just a few days. Choose the attribution model that’s most consistent with the patterns you see in your conversion data. To better understand your customers, you could use Glew.io, a feature-rich analytics tool that’s included within Standard and above plans with Liquid Web’s Managed WooCommerce Hosting at no additional cost. Besides offering its own attribution modeling, Glew.io tracks customer purchasing behaviors and creates customer profiles. With this information, you get a clear indication of the buyer’s journey for every customer. In turn, you can choose the most appropriate attribution model for your eCommerce business. Last Interaction Attribution Model With the last interaction model, the total value of a conversion is attributed to the last touchpoint of a customer’s conversion path. Typically, this model is most appropriate when your marketing and ad materials target your customers at or just before the moment of purchase. In other words, when the time it takes to convert is very short and there are few touchpoints in the conversion path. First Interaction Attribution Model A first interaction model is the exact opposite of the last interaction model. In this model, the total value of a conversion is assigned to the first touchpoint in a conversion path. The idea is that the first touchpoint would be the audience’s first exposure to the brand. For this reason, first interaction attribution can be an appropriate model for new or niche eCommerce businesses trying to increase brand awareness. Linear Attribution Model The linear model of attribution gives equal credit or value to each channel in a conversion path. More often than not, linear attribution is used when there are numerous channels and touchpoints over a long period of time. Time Decay Attribution Model With the time decay attribution model, channel value varies according to where a channel occurs in a conversion path. Channels receive less value if they occur early in a conversion path while channel value increases as they get closer to the point of conversion. A prime example would be a temporary promotion; people are more motivated to make purchases when there’s a discount. In turn, the ad campaign that promoted the sale is more valuable for conversion than previous touchpoints. Position Based Attribution Model As a hybrid/combination of the first and last interaction attribution models, position based attribution is when the first and last interactions in a conversion path are attributed the most value. For instance, you might divide 80% of a conversion between the first and last interactions, then distribute the remaining 20% between the touchpoints that occur in between. An eCommerce business that values first contact and subsequent presale brand interactions could be a good candidate for this model. Last Non-Direct Click Model (What Google Analytics Uses by Default) With a last non-direct click model, the total value of a conversion is assigned to the last interaction that wasn’t direct traffic, meaning a user navigated directly to the eCommerce store instead of going through social media or another channel. This is actually the default model used in most Google Analytics reports by default. Last Google Ads Click Model As you might have guessed, the last Google Ads click model assigns the full value of conversion to the last paid ad the customer clicked before buying. Though its applications are narrower than many other attribution models, it’s useful for finding out which of your paid ads are converting the most customers. Custom Attribution Models You may find yourself in a situation where none of the default attribution models work for you. That’s where custom Google Analytics attribution models come in. With a custom attribution model, you can take any of the default attribution models and customize it with your own rules. This gives you more control over how conversion value is assigned to your marketing channels. Data Driven Attribution Model By default, the data driven model is the baseline attribution model when you begin creating a custom model using the Model Comparison Tool. With the data driven attribution model, there are no rules for assigning value to your customer touchpoints. Instead, the model simply plugs your actual data into its algorithm. The data driven model is unique because it takes into account data from outside your conversion paths, meaning instances where channel interactions did not result in a sale. The data driven attribution model is most often used when you want to analyze data from multiple sources to determine whether the data is statistically significant. Google Analytics Attribution Model Comparison Tool Walkthrough The Attribution Model Comparison Tool in Google Analytics has two important functions. First, you can compare different attribution models and how they affect the value of each marketing channel. You can also use the Model Comparison Tool to create custom attribution models for your business. So let’s take a look at how to access the Attribution Model Comparison Tool and use some of its core functions. Requirements There are three prerequisites to using the Model Comparison Tool. They mostly entail making sure your tags are installed appropriately and that other Google marketing tools you’re using are integrated with Google Analytics. Goals or transactions need to be reported in Google Analytics. If you don’t have either goals or transactions set up, there won’t be data available to use for attribution modeling. Ideally, you’ll have both configured. You should be using tags for inbound marketing. For this piece, you’ll need to use Google Tag Manager. Google AdWords needs to be linked to Google Analytics. The one exception to this would be if you’re not using AdWords or running pay-per-click ad campaigns. How to Use the Attribution Model Comparison Tool in Google Analytics From the sidebar in Google Analytics, navigate to Conversions > Attribution > Model Comparison Tool. When you’ve reached the Model Comparison Tool, what you’ll see is very similar to the screenshot above. There are a number of different things you can do from this dashboard, but let’s start with some of the options you see along the top. Using the conversion options, you can toggle between your eCommerce conversions, Goal conversions, or both. This option is useful for eliminating report data that may not be relevant to you in the moment. Additionally, you can choose the option to only see conversions that came from Google Ads. The Lookback Window is a setting you can use to set how far back the report should go. You can either use the slide — which will update the number of conversions in real time — or you can manually input a specific number of days prior to a conversion. There’s an option to choose which type of attribution to use for the reporting. You can choose one (or many) of the seven default reporting options, or you can click Create new custom model to begin creating a custom attribution model. If you choose two of the default attribution models, the Model Comparison Tool will show conversion data for both. In the screenshot above, you can see an example where Last Interaction and First Interaction attribution models are compared. Just above the table, you can see options for Primary Dimension. In effect, this is a setting you can use to change which attribute you want to use for reporting. For instance, you can use default channel groupings, custom channel groups, marketing funnel groupings, or one of the other options available. You can even add a secondary dimension. The Model Comparison Tool gives you the ability to implement conversion segments, too. You have the option to use the default segments or you can create your own segment by clicking Create New Conversion Segment. Configuring a custom segment is pretty straightforward. For example, you could create a custom segment called First Interaction: Facebook. The purpose of this custom segment would be to expand on the default first interaction attribution model by identifying instances when a Facebook event was the first interaction in a conversion path. To do so, we selected First Interaction as the attribution model template. Then we began customizing the model by selecting Source as the attribute that the Model Comparison Tool will capture. By selecting Containing and using Facebook as the filter term, we set up the segment to identify when the word “Facebook” appeared in the referring URL or platform name. In other words, “Containing” and “Facebook” filter terms ensure that all Facebook interactions are accounted for in the model. You can create additional conversion path options using the process described above, or you can simply click Save Segment to save and apply the custom segment. Why Use the Google Attribution Model Comparison Tool? As we wrap up our overview of Google Analytics attribution modeling, let’s go over some use cases for the Model Comparison Tool. The most obvious use case for the Google Analytics Model Comparison Tool would be when you’re unsure of which attribution model to use. In this case, you would use the tool as its name implies which is as a way to compare the different attribution models in Google Analytics. By using the tool to compare attribution models, you’ll be able to see how each attribution model best assigns conversion value to your marketing channels. In turn, you can determine which model assigns value in a way that makes the most sense for your eCommerce business. Similarly, you could use the Model Comparison Tool to compare the attribution model you currently use to other attribution models. Though the primary purpose of the tool is for comparing attribution models, being able to customize your own attribution model is another prime use case. In a situation where the default attribution models aren’t right for your business, you can use the Model Comparison Tool to modify any of the default models. So instead of having to use a model that’s ineffective for your business, you adapt the default models to your needs. Attribution modeling is important for most businesses, but it’s especially important for eCommerce. When you have numerous marketing channels that are funneling leads and customers to your online store, you need a way to measure the value that individual channels bring to your business. Not only will the Model Comparison Tool show you which channels are most valuable, it will also show which ones aren’t converting enough leads to warrant the expense of maintaining those channels. Liquid Web Managed WooCommerce Hosting Provides Everything You Need to Optimize Your Customer Experience Liquid Web is a hosting provider focused on reliability, performance, and scalability. But it doesn’t just stop with great hosting. With Liquid Web’s Managed WooCommerce Hosting for your eCommerce business, you’re getting tons of extras to build and scale your online store. From Jilt for cart abandonment to Glew.io for powerful and comprehensive analytics, Managed WooCommerce Hosting provides tons of cutting-edge software at no additional cost. In fact, Liquid Web’s plans often undercut the competition, so you get all these tools to build a stronger business at a very reasonable price. To learn more about what Liquid Web Managed WooCommerce Hosting has to offer your business, visit our product page today. The post Understanding the Google Analytics Attribution Model appeared first on Liquid Web.

12 Techniques to Reduce Your Facebook Ad Spend

Social Media Examiner -

Do you want to reduce unnecessary spending on your Facebook ads? Looking for a way to audit your work? In this article, you’ll discover how to assess and improve your Facebook ad campaign performance—from first click to landing page conversion. First, Ensure Your Facebook Campaigns Are Tracking Correctly If you see your lead costs rise […] The post 12 Techniques to Reduce Your Facebook Ad Spend appeared first on Social Media Marketing | Social Media Examiner.

The Month in WordPress: September 2019

WordPress.org News -

September has been a particularly busy month in the WordPress community—a lot of important work has been done as everyone in the project works towards an upcoming major release. Read on to find out more about this and everything else that has been going on over the past month. WordPress 5.2.3 Security and Maintenance Release Early in September, version 5.2.3 of WordPress was released as a security and maintenance release. Sixty-two individuals contributed to its 29 fixes and enhancements. The security issues fixed in this release owe thanks to numerous people who disclosed them responsibly. You can read more about the vulnerability reporting process in the Core handbook. Want to get involved in building WordPress Core? Follow the Core team blog, and join the #core channel in the Making WordPress Slack group. WordPress 5.3 Enters Beta WhileWordPress 5.3 is slated for release on November 12, it has already entered the beta phase with the second beta release being made available at the end of September. As this is a major release, it will feature a number of new features and enhancements, including significant improvements to the block editor, updates to the Site Health component, new block APIs, accessibility updates, and much more. You can test the 5.3 beta release by installing the WordPress Beta Tester plugin on any WordPress site, although as this is software that is currently in development, we don’t recommend installing it on a live site. Want to get involved in building this release? Test the beta, follow the Core team blog, and join the #core channel in the Making WordPress Slack group. Date/Time Component Improvements For over a year, contributors involved in the Date/Time component of WordPress Core have been working hard on the “wp_date” project. The goal of this project is to fix and streamline the way that Core handles times and dates throughout the platform. This ambitious project has seen incremental changes over the last few Core releases. The upcoming 5.3 release will include the final and most significant changes to the component, bringing much-needed stability to time handling in WordPress Core. Want to get involved in the Date/Time component of WordPress Core? Learn more about it, follow the Core team blog, and join the #core-datetime channel in the Making WordPress Slack group. New Theme Review Team Structure After recent discussions around the goals of the Theme Review team, some changes have been made to the leadership structure of the team. The team leads are now ‘representatives’ of different areas of the work that they do. This flat structure allows for representatives to work in more loosely defined areas so they contribute to the team in more diverse ways, and helps the team to be more focused on setting and achieving their goals. The new structure is outlined in the team handbook. Want to get involved in reviewing themes for WordPress? Follow the Theme Review team blog, and join the #themereview channel in the Making WordPress Slack group. New Default Theme: Twenty Twenty The upcoming 5.3 release will also include a new default theme for WordPress, Twenty Twenty. This theme will have a strong focus on readability and accessibility while being optimized for the block editor that first shipped with WordPress 5.0. Development of Twenty Twenty has been going quickly, with a recent update showing more of the design and layouts that you can expect when the theme is released with WordPress 5.3 in November. Want to get involved in building Twenty Twenty? You can contribute on GitHub, follow the Core team blog, and join the #core channel in the Making WordPress Slack group. Further Reading: The Gutenberg project has continued to see regular updates with the latest version set to be included in WordPress 5.3.Members of the Community Team will run a workshop to help event organizers create welcoming and diverse spaces for attendees. There are some proposed updates for the annual WordPress user survey that need community feedback.Work continues on the HelpHub project where contributors are moving documentation to the updated support portal.The Gutenberg team performed further usability tests in August, with some interesting results.Version 5.0 of BuddyPress was released near the end of this month, featuring a new REST API, improved group management, and other enhancements. Have a story that we should include in the next “Month in WordPress” post? Please submit it here.

Learn more about Workers Sites at Austin & San Francisco Meetups

CloudFlare Blog -

Last Friday, at the end of Cloudflare’s 9th birthday week, we announced Workers Sites.Now, using the Wrangler CLI, you can deploy entire websites directly to the Cloudflare Network using Cloudflare Workers and Workers KV. If you can statically generate the assets for your site, think create-react-app, Jekyll, or even the WP2Static plugin, you can deploy it to our global network, which spans 194 cities in more than 90 countries.If you’d like to learn more about how it was built, you can read more about this in the technical blog post. Additionally, I wanted to give you an opportunity to meet with some of the developers who contributed to this product and hear directly from them about their process, potential use cases, and what it took to build. Check out these events. If you’re based in Austin or San Francisco (more cities coming soon!), join us on-site. If you’re based somewhere else, you can watch the recording of the events afterwards. Growing Dev Platforms at Scale & Deploying Static WebsitesTalk 1: Inspiring with Content: How to Grow Developer Platforms at ScaleServerless platforms like Cloudflare Workers provide benefits like scalability, high performance, and lower costs. However, when talking to developers, one of the most common reactions is, "this sounds interesting, but what do I build with it?"In this talk, we’ll cover how at Cloudflare we’ve been able to answer this question at scale with Workers Sites. We’ll go over why this product exists and how the implementation leads to some unintended discoveries.Speaker Bio:Victoria Bernard is a full-stack, product-minded engineer focused on Cloudflare Workers Developer Experience. An engineer who started a career working at large firms in hardware sales and moved throughout Cloudflare from support to product and to development. Passionate about building products that make developer lives easier and more productive.Talk 2:  Extending a Serverless Platform: How to Fake a File System…and Get Away With ItWhen building a platform for developers, you can’t anticipate every use case. So, how do you build new functionality into a platform in a sustainable way, and inspire others to do the same?Let’s talk about how we took a globally distributed serverless platform (Cloudflare Workers) and key-value store (Workers KV) intended to store short-lived data and turned them into a way to easily deploy static websites. It wasn’t a straightforward journey, but join as we overcome roadblocks and learn a few lessons along the way.Speaker Bio:Ashley Lewis headed the development of the features that became Workers Sites. She's process and collaboration oriented and focused on user experience first at every level of the stack. Ashley proudly tops the leaderboard for most LOC deleted.Agenda:6:00pm - Doors open6:30pm - Talk 1: Inspiring with Content: How to Grow Developer Platforms at Scale7:00pm - Talk 2:  Extending a Serverless Platform: How to Fake a File System…and Get Away With It7:30pm - Networking over food and drinks8:00pm - Event conclusionAustin, Texas MeetupDATE/TIME - October 3, 6:00pm-8:00pmLOCATION: Cloudflare Austin Register Here »San Francisco, California MeetupDATE/TIME - October 14, 6:00pm-8:00pmLOCATION - Cloudflare San FranciscoRegister Here »While you’re at it, check out our monthly developer newsletter: The Serverlist Have you built something interesting with Workers? Let us know @CloudflareDev!

Getting On-Page SEO Right, for WordPress

WP Engine -

Most people are somewhat familiar with the idea of SEO—optimizing web pages to rank higher and earn more traffic in search engines. Fewer people, however, are aware of the differences between on-page and off-page aspects of SEO, particularly when it comes to WordPress. While off-page SEO refers to a variety of external factors you can… The post Getting On-Page SEO Right, for WordPress appeared first on WP Engine.

7 Must-Listen Podcasts for Side Hustle Hopefuls

HostGator Blog -

The post 7 Must-Listen Podcasts for Side Hustle Hopefuls appeared first on HostGator Blog. The average side-hustler spends 11 hours per week on their secondary work, according to The Hustle. With little extra spare time after work and with all your social responsibilities, it can seem impossible to find an additional 11 hours a week to dedicate to building your side hustle.The good news, however, is brilliant side hustlers have provided excellent resources to help you learn how to side hustle—and you can do it all on your way to and from your 9-5. All you have to do is turn up your speakers and tune into a podcast. Not only will these seven podcasts help you learn-on-the go, but they will also provide the extra inspiration you may need to get your feet off the ground. Let’s take a closer look. 1. Side Hustle School Side Hustle School offers a slew of resources for side hustlers. You can enjoy one of their daily episodes, read their new book and even join their online community to connect with like-minded individuals. With over 134 weeks of podcast material, you can start from the beginning and work your way through or you can pick the episodes most relevant to you. Here are some of the most recent episodes to give you a better idea of their content: Tech Broker Moonlights as Luxury Lifestyle ArtistTexas Couple Turns Test Scores Into TreasureWeekly Recap: Finding Purpose Through Alternative Work 2. Side Hustle Nation Are you looking for a podcast that will teach you how to create new income streams, ditch the 9-5, and build a business you love? Then, look no further than Side Hustle Nation.  The Side Hustle Nation podcast offers ideas and insight into how you can start and grow a successful business.  Here are some of the most recent episodes: A Millionaire Business Coach Takes a Look Inside My Day-to-DayVirtual Consulting: How to set up your location-independent Consulting BusinessHiring Your First Virtual Assistant: When, Where, and How to Do it Right 3. Side Hustle Pro Side Hustle Pro is an awesome podcast that spotlights bold, Black female entrepreneurs that have scaled their side hustle into profitable businesses. Host, Nicaila Matthews Okome, will guide you through inspiring interviews that will help you make a name for yourself. Take a look at some of the most recent episodes: 156: Side Hustle Spotlight: How this Nurse Started Her Natural Skincare Business on The Side (Aliyah Jenkins of Body Treats)155: Entrepreneur-In-Residence: This Data Scientist Just Launched A Cutting-Edge Home Laser for Black and Brown Skin (w/Lisa Pegram of Belle51)154: Meet the Black Bridal Designer at the Forefront of the WEdding Industry (w/Andrea Pitter Campbell of Pantora Bridal) 4. The Side Hustle Project Not only is The Side Hustle Project a great podcast for learning what it takes to start and grow a profitable side hustle, but Ryan Robinson also offers free resources to help you grow.  Ryan Robinson will guide you through interviews, business challenges, proven strategies, and hands-on tactics all in the name of helping you build your dream business. Recent episodes include: Kaleigh Moore on How to Go From Freelancing on the Side to a Profitable Freelance Writing BusinessThe Psychology and Strategy Behind $148,823.65 in Online Course Sales with Spencer Lum of Extra BoldHow Kat Cole Hustled from Hooters Waitress to President of a Multi-Billion Dollar Food Empire 5. Two Inboxes Two Inboxes is the perfect name for a podcast about learning how to tackle life with more than one job, multiple projects, and at least two inboxes.  If you have a side hustle, you’ll love hearing Molly Ford Beck, the host, and a side hustler herself, interview guests that are experiencing success in their day jobs as well as their entrepreneurial venture. Top episodes include: Greg Dybec, Elite Daily and AuthorBrisa Trinchero, ShooWin and Broadway InvestorBhargavi Arrunategui, LexisNexis, Cinderella Bridez, and Amway 6. Entrepreneurs On Fire John Lee Dumas is the host of this award-winning podcast, Entrepreneurs On Fire. When you tune in to this podcast, you’ll hear inspiring stories of entrepreneurs that will help you on your journey of growing your side business.  This podcast already has over 2,000 interviews and includes advice from popular businesspeople including Barbara Corcoran, Tony Robbins, Seth Godin, Gary Vaynerchuk, Tim Ferriss, and more. Here is a list of the most recent episodes: How to Lead Millennials With Chris TuffArno Rafael Minkkinen’s Commencement Address: Finding Your Own VisionHow to Make This Moment the Perfect Starting Point for Your Business With Stephen Lovegrove 7. Smart Passive Income Smart Passive Income is a podcast that focuses on helping you earn money without a lot of continued effort. And, who doesn’t want that? Of course, building a side hustle isn’t effortless, but there are some businesses and strategies that will help you set up a more residual income base. Pat Flynn, the host, interviews founders of online businesses that have successfully set up smart passive income streams. You’ll enjoy hearing practical advice about how to grow your digital business—a digital business that generates passive income. Some recent episodes you won’t want to miss include: SPI 381: Self-Publishing versus Traditional PublishingSPI 380: 5 Hard Truths About Writing and Publishing BooksSPI 379: How Books Increase Our Authority and Leadership with Azul Terronez Listening Your Way to Side Hustle Success Starting a side hustle is no small feat. It requires dedication, heavy research, and access to the right resources to help you hit the ground running. Thankfully, all the podcasts listed above will provide inspiration to help you get inspired, stay motivated, and learn the tips and tricks you need to learn to launch your business and propel it forward. The best part? You can learn everything you need to learn about starting your side hustle while you’re on the go. While podcasts are a top resource to help you grow your business, podcasts only offer education. For a tangible resource to help you take the first steps—building your side hustle website—you need the help of a top website builder. Check out Gator Builder today. Find the post on the HostGator Blog

Celebrating National Cyber Security Awareness Month!

Liquid Web Official Blog -

Happy National Cyber Security Awareness Month from Liquid Web! We believe this effort to create a safe, secure, and resilient cyber environment is worthy of commemoration. This year, NCSAM’s central message is Own IT. Secure IT. Protect IT, with the theme of personal accountability and proactivity to enhance cybersecurity, both at home and in the office. We couldn’t agree more, and we believe we can help you achieve IT. It is everyone’s responsibility to protect the business from malicious attacks. Think before you click on anything, especially from suspicious links or emails that something seemingly appears “out of place.” But an attack could come from any location (even from a 3rd party backdoor like DoorDash experienced last week). “Remember, think quickly, click slowly. Having the right systems in place is a great first step, but it takes more than that. Employee education about cybersecurity measures is essential, and routine scans for vulnerabilities are crucial. Also, having infrastructure built with additional security in mind with things like firewalls are key. It is our wish that all of our customers have maximum uptime and secure infrastructure, and our belief that we can help to make that a reality. To continue the commemoration, we’re celebrating by kicking off a series of blogs on the latest security tips. Follow us on Facebook, Twitter, or Instagram to see some additional security tips. For additional information about our Liquid Web security and compliance offerings visit: https://www.liquidweb.com/products/add-ons/#security-compliance Stay tuned for more, and we wish you a Happy National Cyber Security Awareness Month from Liquid Web! The post Celebrating National Cyber Security Awareness Month! appeared first on Liquid Web.

FindMyHost Releases October 2019 Editors’ Choice Awards

My Host News -

OKLAHOMA CITY, OK – Web Hosting Directory and Review site www.FindMyHost.com released the October Editor’s Choice Awards for 2019 today. Web Hosting companies strive to provide their customers with the very best service and support. We want to take the opportunity to acknowledge the hosts per category who have excelled in their field. The FindMyHost Editors’ Choice Awards are chosen based on Editor and Consumer Reviews. Customers who wish to submit positive reviews for the current or past Web Host are free to do so by visiting the customer review section of FindMyHost.com.  By doing so, you nominate your web host for next months Editor’s Choice awards. We would like to congratulate all the web hosts who participated and in particular the following who received top honors in their field: Dedicated Servers XLHost.com   Visit XLHost.com  View Report Card Business Hosting GlowHost.com   Visit GlowHost.com  View Report Card SSD Hosting RivalHost   Visit RivalHost.com  View Report Card VPS VPSFX.com   Visit VPSFX.com  View Report Card Secure Hosting BudgetVM.com   Visit BudgetVM.com  View Report Card Cloud Hosting ProVistaTech.com   Visit ProVistaTech.com  View Report Card Enterprise Hosting KVCHosting.net   Visit KVCHosting.net  View Report Card Shared Hosting QualityHostOnline   Visit QualityHostOnline  View Report Card Cloud Servers ServerWala   Visit ServerWala.org  View Report Card Managed Hosting KnownSRV.com   Visit KnownSRV.com  View Report Card Budget Hosting Innovative Hosting   Visit InnovativeHosting  View Report Card Website Monitoring UptimeSpy.com   Visit UptimeSpy.com  View Report Card Blog Hosting ioZOOM.com   Visit ioZOOM.com  View Report Card Reseller Hosting MightWeb.net   Visit MightWeb.net  View Report Card About FindMyHost FindMyHost, Inc. is an online magazine that provides editor reviews, consumer hosting news, interviews discussion forums and more. FindMyHost.com was established in January 2001 to protect web host consumers and web developers from making the wrong choice when choosing a web host. FindMyHost.com showcases a selection of web hosting companies who have undergone their approved host program testing and provides reviews from customers. FindMyHost’s extensive website can be found at www.FindMyHost.com.

How to Use LinkedIn to Build a Powerful Network

Social Media Examiner -

Are you connecting with the right people on LinkedIn? Want to build a stronger LinkedIn network? In this article, you’ll learn how to make strategic LinkedIn connections to grow your influence and your business. Why Build a Selective LinkedIn Network? Whether you’re an entrepreneur or a business professional, LinkedIn is the perfect social media platform […] The post How to Use LinkedIn to Build a Powerful Network appeared first on Social Media Marketing | Social Media Examiner.

WordPress 5.3 Beta 2

WordPress.org News -

WordPress 5.3 Beta 2 is now available! This software is still in development, so we don’t recommend running it on a production site. Consider setting up a test site to play with the new version. You can test the WordPress 5.3 beta in two ways: Try the WordPress Beta Tester plugin (choose the “bleeding edge nightlies” option)Or download the beta here (zip). WordPress 5.3 is slated for release on November 12, 2019, and we need your help to get there. Thanks to the testing and feedback from everyone who tested beta 1, over 45 tickets have been closed since then. Some highlights Work continues on the block editor.Bugs fixed on Twenty Twenty.Accessibility bugs fixes and enhancements on the interface changes introduced with 5.3 beta 1:Iterate on the admin interfaceReduce potential backward compatibility issuesImprove consistency between admin screens and the block editorBetter text zoom managementSupport rel="ugc" attribute value in comments (#48022) – this particular ticket shows the WordPress project ability to integrate quick solutions to things that are changing unexpectedly – like Google new features. Developer notes WordPress 5.3 has lots of refinements to polish the developer experience. To keep up, subscribe to the Make WordPress Core blog and pay special attention to the developers notes for updates on those and other changes that could affect your products. How to Help Do you speak a language other than English? Help us translate WordPress into more than 100 languages! If you think you’ve found a bug, you can post to the Alpha/Beta area in the support forums. We’d love to hear from you! If you’re comfortable writing a reproducible bug report, file one on WordPress Trac where you can also find a list of known bugs.

AWS IQ – Get Help from AWS Certified Third Party Experts on Demand

Amazon Web Services Blog -

We want to make sure that you are able to capture the value of cloud computing by thinking big and building fast! As you embark on your journey to the cloud, we also want to make sure that you have access to the resources that you will need to have in order to success. For example: AWS Training and Certification – This program helps you and your team to build and validate your cloud skills. AWS Support – This program gives you access to tools, technology, and people, all designed to help you to optimize performance, lower costs, and innovate faster. AWS Professional Services – Our global team of experts are ready to work with you (and your chosen APN partner) to help you to achieve your enterprise cloud computing goals. APN Consulting Partners – This global team of professional service providers are able to help you design, architect, build, migrate, and manage your applications and workloads. AWS Managed Services (AMS) – This service operates AWS on behalf of our enterprise-scale customers. Today I would like to tell you about AWS IQ, a new service that will help you to engage with AWS Certified third party experts for project work. While organizations of any size can use and benefit from AWS IQ, I believe that small and medium-sized businesses will find it particularly useful. Regardless of the size of your organization, AWS IQ will let you quickly & securely find, engage, and pay AWS Certified experts for hands-on help. All of the experts have active AWS Associate, Professional, or Specialty Certifications, and are ready & willing to help you. AWS IQ is integrated with your AWS account and your AWS bill. If you are making use of the services of an expert, AWS IQ lets you grant, monitor, and control access to your AWS Account. You can also pay the expert at the conclusion of each project milestone. AWS IQ for Customers I can create a new request in minutes. I visit the AWS IQ Console and click New request to get started: One important note: The IAMFullAccess and AWSIQFullAccess managed policies must be in force if I am logged in as an IAM user. Then I describe my request and click Submit Request: My request is shared with the experts and they are encouraged to reply with proposals. I can monitor their responses from within the console, and I can also indicate that I am no longer accepting new responses: After one or more responses arrive, I can evaluate the proposals, chat with the experts via text or video, and ultimately decide to Accept the proposal that best meets my needs: A contract is created between me and the expert, and we are ready to move forward! The expert then requests permission to access my AWS account, making use of one of nine IAM policies. I review and approve their request, and the expert is supplied with a URL that will allow them to log in to the AWS Management Console using this role: When the agreed-upon milestones are complete, the expert creates payment requests. I approve them, and work continues until the project is complete. After the project is complete, I enter public and private feedback for the expert. The public feedback becomes part of the expert’s profile; the private feedback is reviewed in confidence by the AWS IQ team. AWS IQ for Experts I can register as an expert by visiting AWS IQ for Experts. I must have one or more active AWS Certifications, I must reside in the United States, and I must have US banking and tax information. After I complete the registration process and have been approved as an expert, I can start to look for relevant requests and reply with questions or an initial expression of interest: I can click Create to create a proposal: When a customer accepts a proposal, the status switches to ACCEPTED. Then I click Request Permission to gain IAM-controlled access to their AWS account: Then I ask for permission to access their AWS account: After the customer reviews and accepts the request, I click Console access instructions to log in to the customer’s AWS account, with my access governed by the IAM policy that I asked for: I do the work, and then request payment for a job well done: I can request full or partial payment. Requesting full payment also concludes the proposal, and immediately disallows further console access to the customer’s AWS account and resources: Things to Know Here are a couple of things that you should know about AWS IQ: Customers – Customers can reside anywhere in the world except China. Experts – Applications from several hundred would-be experts have already been reviewed and accepted; we’ll continue to add more as quickly as possible. As I noted earlier, experts must reside in the United States. Project Value – The project value must be $1 or more. Payment – The customer’s payment is charged to their AWS account at their request, and disbursed monthly to the expert’s account. Customers will be able to see their payments on their AWS bill. In the Works – We have a long roadmap for this cool new service, but we are eager to get your feedback and will use it to drive our prioritization process. Please take a look at AWS IQ and let us know what you think! — Jeff;    

Not so static... Introducing the HTMLRewriter API Beta to Cloudflare Workers

CloudFlare Blog -

Today, we’re excited to announce HTMLRewriter beta — a streaming HTML parser with an easy to use selector based JavaScript API for DOM manipulation, available in the Cloudflare Workers runtime.For those of you who are unfamiliar, Cloudflare Workers is a lightweight serverless platform that allows developers to leverage Cloudflare’s network to augment existing applications or create entirely new ones without configuring or maintaining infrastructure.Static Sites to Dynamic ApplicationsOn Friday we announced Workers Sites: a static site deployment workflow built into the Wrangler CLI tool. Now, paired with the HTML Rewriter API, you can perform DOM transformations on top of your static HTML, right on the Cloudflare edge.You could previously do this by ingesting the entire body of the response into the Worker, however, that method was prone to introducing a few issues. First, parsing a large file was bound to run into memory or CPU limits. Additionally, it would impact your TTFB as the body could no longer be streamed, and the browser would be prevented from doing any speculative parsing to load subsequent assets.HTMLRewriter was the missing piece to having your application fully live on the edge – soup to nuts. You can build your API on Cloudflare Workers as a serverless function, have the static elements of your frontend hosted on Workers Sites, and dynamically tie them together using the HTMLRewriter API.Enter JAMStackYou may be thinking “wait!”, JavaScript, serverless APIs… this is starting to sound a little familiar. It sounded familiar to us too. pic.twitter.com/1yWAxV6KMK— steveklabnik (@steveklabnik) September 27, 2019 Is this JAMStack?First, let’s answer the question — what is JAMStack? JAMStack is a term coined by Mathias Biilmann, that stands for JavaScript, APIs, and Markup. JAMStack applications are intended to be very easy to scale since they rely on simplified static site deployment. They are also intended to simplify the web development workflow, especially for frontend developers, by bringing data manipulation and rendering that traditionally happened on the backend to the front-end and interacting with the backend only via API calls.So to that extent, yes, this is JAMStack. However, HTMLRewriter takes this idea one step further.The Edge: Not Quite Client, Not Quite ServerMost JAMStack applications rely on client-side calls to third-party APIs, where the rendering can be handled client-side using JavaScript, allowing front end developers to work with toolchains and languages they are already familiar with. However, this means with every page load the client has to go to the origin, wait for HTML and JS, and then after being parsed and loaded make multiple calls to APIs. Additionally, all of this happens on client-side devices which are inevitably less powerful machines than servers and have potentially flaky last-mile connections.With HTMLRewriter in Workers, you can make those API calls from the edge, where failures are significantly less likely than on client device connections, and results can often be cached. Better yet, you can write the APIs themselves in Workers and can incorporate the results directly into the HTML — all on the same powerful edge machine. Using these machines to perform “edge-side rendering” with HTMLRewriter always happens as close as possible to your end users, without happening on the device itself, and it eliminates the latency of traveling all the way to the origin.What does the HTMLRewriter API look like?The HTMLRewriter class is a jQuery-like experience directly inside of your Workers application, allowing developers to build deeply functional applications, leaning on a powerful JavaScript API to parse and transform HTML.Below is an example of how you can use the HTMLRewriter to rewrite links on a webpage from HTTP to HTTPS.const REWRITER = new HTMLRewriter() .on('a.avatar', { element: e => rewriteUrl(e, 'href') }) .on('img', { element: e => rewriteUrl(e, 'src') }); async function handleRequest(req) { const res = await fetch(req); return REWRITER.transform(res); }In the example above, we create a new instance of HTMLRewriter, and use the selector to find all instances of a and img elements, and call the rewriteURL function on the href and src properties respectively.Internationalization and localization tutorial: If you’d like to take things further, we have a full tutorial on how to make your application i18n friendly using HTMLRewriter.Getting startedIf you’re already using Cloudflare Workers, you can simply get started with the HTMLRewriter by consulting our documentation (no sign up or anything else required!). If you’re new to Cloudflare Workers, we recommend starting out by signing up here. If you’re interested in the nitty, gritty details of how the HTMLRewriter works, and learning more than you’ve ever wanted to know about parsing the DOM, stay tuned. We’re excited to share the details with you in a future post.One last thing, you are not limited to Workers Sites only. Since Cloudflare Workers can be deployed as a proxy in front of any application you can use the HTMLRewriter as an elegant way to augment your existing site, and easily add dynamic elements, regardless of backend. We love to hear from you!We’re always iterating and working to improve our product based on customer feedback! Please help us out by filling out our survey about your experience. Have you built something interesting with Workers? Let us know @CloudflareDev!

The October 2019 promo code is hearty and humble

Name.com Blog -

Happy Fall, y’all. While many people are understandably excited about leaf-peeping, Halloween, and pumpkin spice everything, I am just excited to be able to use my oven again without turning the entire house into a sauna. But there is one humble root vegetable that can be transformed into something magical this Fall with a little […] The post The October 2019 promo code is hearty and humble appeared first on Name.com Blog.

3 Important Differences Between UI and UX

Reseller Club Blog -

If you are a User Experience (UX) design expert, chances are, you’re also expected to know some User Interface (UI) design skills. Today’s industry, both UI and UX must work together to ensure an efficient and aesthetically pleasing web design.  If this is the first time you’ve heard of UI in a UX world or vice versa, here are some important things you need to know about UX versus UI: UX is for beauty, UI for use; UX is for connection, UI is to accomplish goals; UX is what happens after UI is working seamlessly. Both are important aspects of web design, but they need each other. Once you understand these core differences, you can better understand why knowing both is so valuable.  UI for Looks, UX for Function  Imagine a website as a building. The wireframe or basic coding behind the website forms the structure. The UX is the systems electrical wiring, lighting, plumbing, windows, climate control systems, and all of the other amenities that help ensure the building functions safely as intended. The UI would be the finished walls, paint, polished floors, artwork hanging in the lobby, building directory, and other aesthetic touches to make the building feel warm, inviting, and easy to navigate.  From a nuts-and-bolts perspective, UI and UX work toward different ends but with the same goals in mind.  A focus on UI must include: Layout Visual Design Branding. While UX will focus on: User Research Personas User Stories.  Good website design demands a marriage of function and fashion. When you focus on functionality over presentation, you may wind up with a very fast, responsive, yet bland and uninspiring website. Focus too much on aesthetics and you have a beautiful website that is troublesome for the average user to navigate; clunky UX bogs down navigation and the overall experience of browsing a site regardless of how good it looks. If a site looks great but performs terribly, this is an example of good UI with bad UX. It’s like a corvette with a bad muffler — it looks great, but it doesn’t run like it should. If a site is functional but looks awful, this is an example of good UX with bad UI. It doesn’t matter how great the engine purrs, if it’s covered in rust and primer, no one will want to ride with you. Both UX and UI are essential for creating valuable interactions with customers, cultivating brand loyalty, and establishing credibility as a market leader.  UI Helps Site Navigation, UX Forges Connections UI design pertains to all of the navigation controls, buttons, and visual design elements of a website. UX design assesses the flow of how a user navigates the elements of the website and aims to make the experience as intuitive and enjoyable as possible. While UI focuses on the presentation of a website’s navigational and design elements for each individual page, UX is a more expansive process that determines how a user will use and interact with those elements across the site as a whole.  A good UI design provides a user with an easy-to-navigate website and all of the tools and functions they expect to reach every piece of content on the site. Good UX requires a more in-depth look at how the customer will interact with the brand and consideration of how to forge a stronger connection with the customer. Some of the most critical elements of solid UI design include: Customer analysis: UI designers must consider their target audience’s tastes and preferences when developing website UI features. For example, a brand that caters to an older, professional market base wouldn’t want a website with an ostentatious colour palette or gimmicky navigational tools. A brand that caters to a young and hip crowd with fun-oriented products or services shouldn’t have a sterile website. It’s a little like going to a party with “over the hill” decor. People know there’s a party, but they aren’t sure about it’s theirs — nor are they sure they want it to be. Branding development: It’s essential for a company to have a consistent brand image across every point of contact with potential customers. UI designers work closely with their marketing teams to ensure consistent brand imaging across the entire website and all marketing channels to build credibility and trust with leads. Interactivity: UI designers evaluate micro-interactions very closely. One example of a simple yet effective micro-interaction is the small pop of colour that occurs after clicking to like a tweet on Twitter. Every small interaction a user has with a website influences the quality of the overall experience. Small animations in response to completed actions help users know they are interacting with the site as intended. UX designers essentially create the building blocks of the overall customer experience with the brand, while UI designers ensure they have a pleasurable experience with every interaction with close attention to presentation, aesthetics, and ease of use. UX Lays the Groundwork, UI Is the Finishing Touch UX designers rely heavily on data. UX designers take more of a marketing-focused approach while UI designers focus on visual design. UX experts collect and analyze relevant data trends to develop user experiences that resonate with their target consumers. UX designers create wireframes and prototype pages that UI designers then build upon to create beautiful, easily navigable websites.  UX designers generally play crucial active roles in early website development, leaning heavily on data to make informed decisions throughout the entire development process. Some of the most important elements of the UX design process include: Competitor analysis: UX teams research their biggest competitors, browse their websites, and look for ways to offer customers better experiences. Customer research: Every customer-facing business needs to develop profiles of their ideal customers. UX designers research consumer trends, market fluctuations, and even social media trends to anticipate what consumers want the most. Product/service research and development: UX designers must know their brand’s products and services inside out so they can guide website visitors to the brand’s real value. Content development: UX teams must consider the type of content their user base expects and work with the marketing team for creating a better overall user experience. The type of content a brand produces helps inform the best website design strategies for the brand so the content has maximum impact.   Wireframing and prototyping: Think of UX design as creating a storyboard; the UX designer envisions the customer journey with a brand through the website and creates a wireframe that UI designers build upon for a beautiful and functional finished site.  UI designers pick up where the UX designers leave off, but UX and UI go hand-in-hand through almost every stage of website development. While the UX designers lay the foundation for the overall customer journey through a website, the UI design team focuses on individual pages, polishing them for an aesthetically pleasing journey that users can easily navigate. UX and UI Must Work Together UX and UI designers spend a lot of time working with and consulting one another during the website development process. Sometimes UI designers discover issues with a wireframe that require collaborative solutions. Some UX designers may require a UI designer’s input when laying the foundation for the user journey through the site, leaning heavily on both teams’ customer research.  While UX designers consider all of the interactions a potential user could have with the brand on and off the website, UI design is a digital sphere that focuses on the interactions and navigation tools available to users on the website. UX essentially aims to develop high-quality interactions with users and improve upon them across all facets of a brand, while UI strives to use good visual design to make the user experience as enjoyable and aesthetically pleasing as possible. These three primary differences between UX and UI illustrate how closely linked these two design processes are for any web development project. UX may come before UI, but neither is more important than the other and any modern development professional should have a firm understanding of the fundamentals of both UX and UI design. .fb_iframe_widget_fluid_desktop iframe { width: 100% !important; } The post 3 Important Differences Between UI and UX appeared first on ResellerClub Blog.

Pages

Recommended Content

Subscribe to Complete Hosting Guide aggregator