Design Deals for the Week

Every week, we’ll give you an overview of the best deals for designers, make sure you don’t miss any by subscribing to our deals feed. You can also follow the recently launched website Type Deals if you are looking for free fonts or font deals.

140 Design Templates for FREE

Introduce: With Pikbest you’ll get everything you need about design, they provide millions of editable and printable templates like PSD files, Posters, Presentation, Sound Effects and Video for commercial use. Sign up and you could download 140 Templates free for two weeks.

Free VIP instead of $19.9– Get it now!

Kristopher: Elegant Serif Font with 475+ glyphs

Classically conservative, Kristopher can also be a more playful and modern serif font. With more than 475 glyphs, 150+ alternates, 12 ligatures and multilingual support, you can easily use this flexible font for any project from magazine covers to art posters.

$8 instead of $30 – Get it now!

1600 Premium, Customizable Infographics Templates

You’ll never need to worry about getting your point across again! Thanks to this collection of 1600 Infographics Templates, you can easily put together a colorful story through professional pictures and charts. Easily change up the text and any other details you’d like and you’ll quickly reach your audience in an entertaining and informative manner.

$24 instead of $750 – Get it now!

Procreate Lettering Starter Pack

With the Procreate Lettering Starter Pack you’ll get everything you need to start lettering on an iPad. Besides 35 different brushes, 25+ textures, 5 images and 2 color palettes, you’ll get a super helpful 10-part workbook that takes you through every step of the lettering process from letter anatomy to color theory to printing.

$9 instead of $25 – Get it now!

Thanks for being a subscriber, here is your FREE house vector icons set.

Text-To-Speech And Back Again With AWS (Part 2)

Text-To-Speech And Back Again With AWS (Part 2)

Text-To-Speech And Back Again With AWS (Part 2)

Philip Kiely

2019-10-02T12:30:59+02:00
2019-10-04T08:08:33+00:00

This is the second half of a series on transforming content between text and speech on AWS. In part one, we used Amazon Polly to narrate blog posts and embedded the content in a website using an audio tag. In this article, we will use speech-to-text to draft transcripts of podcasts and interviews for publication. Finally, we will evaluate the overall accuracy of these format-transformation technologies by running a few samples through round-trip transcriptions.

Speech-To-Text Project

In 2012, Patrick McKenzie (a.k.a. patio11, of Kalzumeus and Stripe) and Ramit Sethi (of I Will Teach You To Be Rich) sat down and recorded two hour-long podcasts. As I am a fan of both of their work, I probably would have listened to the podcasts, but I definitely wouldn’t have listened to them several times each. The transcripts, on the other hand, I can reread and reference at my leisure. I also freely recommend the series when talking to people about freelancing, knowing that I am giving them a resource that takes a quarter the time to read that it takes to listen to. Even though the content of the podcasts and transcripts are exactly the same, the combination is 10× as useful as the podcast alone.

In the first transcript, McKenzie says that he paid 75 dollars and waited a couple of days to have the podcast transcribed by a professional service. His other option was to transcribe it himself. When I worked for my college’s newspaper, I frequently transcribed interviews. Over time, I got more practiced at the skill and improved from taking four minutes of transcribing per minute of audio to three minutes per minute. While I imagine that a professional with specialized equipment and a faster typing speed could drop below two minutes per minute, as an amateur transcriber McKenzie likely saved himself five or six hours of work by paying for the service.

Seven years later, it seems like he should have another option: an automated transcription with Amazon Web Services. As we’ll see, the transcription would require significantly more editing before it would be publication-ready, but automated transcription has two killer features compared to hiring a professional: he would have gotten the transcription back in real time for about a dollar. In this article, I’ll explain how you can use Speech-to-Text on AWS to easily make your content multi-format and ideas for using Amazon Transcribe in more complex applications.

Amazon provides a console to experiment with Transcribe. To access the console, log on to your AWS account and search “Transcribe” in the services search field. The console exposes the full power of Transcribe, and if you’re only planning on transcribing a few pieces of content per week then using the console is a solid long-term option. The transcription console gives you two options: streaming audio and uploading a file.

Amazon Transcribe Console Real-Time Transcription Tab

You can launch live transcriptions in the real-time transcription tab. (Large preview)

The “real-time transcription” tab offers the ability to speak into the microphone and have a transcription generated in real time. Speaking deliberately, and with my computer’s onboard microphone, I was able to transcribe the sentence “Smashing Magazine publishes technical content for developers worldwide” on the first try. However, when I tried to transcribe the previous paragraph at a more conversational speed and articulation, there were numerous errors.

“Amazon provides a consul to experiment with transcribe access. The console log onto a ws account and search transcribed in the services search field, The consul exposes the full power of transcribed. And if you only planning on transcribing a few pieces of content a week than using the consul is a solid long term option. The transcription Council gives you two options streaming audio and uploaded a file.”

In addition to simply missing some words, Transcribe has issues with homophones and punctuation. In the first sentence, it transcribed “console” as “consul.” This homophone error can only be corrected by evaluating each transcribed word in the context of the sentence and adjusting according to the algorithm’s best guess. The first sentence also runs into the second, which throws off the grammatical structure and meaning of the entire rest of the paragraph. Beyond contextual clues, Amazon Transcribe seems to use pauses to determine punctuation. That said, I am using a built-in microphone, transcribing in real time, and to be honest I don’t have the clearest speaking voice. Let’s see if we can find improvements by mitigating each of these factors.

I used a Blue Yeti, a midrange all-purpose recording microphone, to stream audio into the console. As you can see in the image below, improved audio quality did not significantly improve transcription quality. I hypothesize that while a poor quality audio input would further degrade the text’s accuracy, improvement past the threshold of a built-in microphone or cheap webcam does not provide the quality transcription that we are looking for.

Results of using a good microphone

Improving microphone quality does not materially improve transcription quality. (Large preview)

Using the same microphone, I recorded the same paragraph as an .mp3 file and uploaded it for transcription. To do the same, navigate to the “Transcription Jobs” panel and click the orange button with the text “Create Job.” This will bring you to a form where you can configure the transcription job.

Transcription job form top half

A transcription job requires a title, language, input source, and file format. (Large preview)

The job name is arbitrary, just choose something that will be meaningful to you when you review the completed jobs. You can select from about a dozen languages, with English and Spanish available in regional variants. The transcription service draws its input from S3, so you’ll need to upload your audio file to the storage service before you can run the job. You can upload the file in one of four supported formats: .mp3, .mp4, .wav, and .flac.

Transcription job form bottom half

A transcription job offers data location and audio identification options. (Large preview)

If you want to keep the output data in a permanent location, change “Data location” to “Customer specified” and enter the name of an S3 bucket that you can write to. Finally, you can choose between two identification options. Channel identification tags input with the channel that it came from in the audio file, while “Speaker identification” attempts to recognize distinct voices in the audio. If you are transcribing a multi-person podcast or interview, Speaker identification is a useful feature, but it is not applicable to this simple test.

Inspecting the output, unfortunately, reveals that the transcription is no more accurate than the real-time console transcription. However, running a transcription job does provide more data. In addition to the transcription text, the job outputs JSON with each word, its confidence score, and alternate words considered, if any. If you want to write your own natural language processing code to try to improve the readability of the output, this data will give you what you need to get started.

Finally, I had a friend who hosts a local radio show narrate the same paragraph for live transcription. Despite his steady pace and clear enunciation, the resulting text was no more accurate than any of my live transcription attempts. While a professional narrator may be able to achieve even more specific pronunciation, the technology is really only useful if it is widely usable.

Unfortunately, it seems that the transcription quality is too low to fully automate our proposed use case. Depending on your typing speed, running audio through Amazon Transcribe and then editing by hand may be faster than simple manual transcription, but it is not a turnkey solution for speech-to-text that compares to what exists for text-to-speech. For specific domains, you can define Custom Vocabularies to improve transcription accuracy, but out of the box, the service is insufficiently advanced.

As with most of its services, AWS offers an API for using Transcribe. Unless you have a large number of files to transcribe or you need to transcribe audio in response to events, I would recommend using the console and save yourself the time of setting up programmatic access.

To use Transcribe from the AWS CLI, you’ll need a JSON file and a terminal command.

aws transcribe start-transcription-job 
     --region YOUR_REGION_HERE 
     --cli-input-json YOUR_FILE_PATH.json

At YOUR_FILE_PATH.json, you’ll need a .json file with four pieces of information. As above, you can set any meaningful string as the TranscriptionJobName and any supported language as the LanguageCode. The CLI supports the same four media file formats and still reads the media file from S3.

{
    "TranscriptionJobName": "request ID", 
    "LanguageCode": "en-US", 
    "MediaFormat": "mp3", 
    "Media": {
        "MediaFileUri": "https://YOUR_S3_BUCKET/YOUR_MEDIA_FILE.mp3"
    }
}

This kind of access is also available through a Python SDK. Amazon recommends Transcribe for voice analytics, search and compliance, advertising, and closed-captioning media. In each of these cases, the transcribed text is an input to another system like Amazon Comprehend rather than the final output. Thus, as a developer, it is important to design your system and limit its use cases to tolerate the range of errors that Transcribe will feed into your application.

Note: For more on using Amazon Transcribe and other services programmatically, check out Amazon’s getting started guide.

Round Trip Accuracy

While the live performance of Amazon Transcribe was somewhat disappointing, we can investigate the theoretical maximum accuracy of the system by transcribing something that was read by Amazon Polly. The two services should be using compatible pronunciation libraries and speech cadences, so text input into Amazon Polly should survive the round trip more or less intact. Of course, we will stick with the same test paragraph.

Lo and behold, this is the only strategy that has made the transcription noticeably better:

“Amazon provides a console to experiment with transcribe. To access the console, log onto your AWS account and search transcribing the service’s search field. The console exposes the full power of transcribe, and if you’re only planning on transcribing a few pieces of content per week than using the console is a solid long term option. The Transcription council gives you two options. Streaming audio and uploading a file.”

Stubborn errors persist (“council” versus “console” comes in at 70% confidence) but overall the text is a few edits away from useable. However, most of us don’t speak like synthesized robots, so this quality is unavailable to us at the time of writing.

Conclusion

While the quality of output speech and text are noticeably lesser than that of a person, these services cost so little that they are a strong alternative for many applications. Text-to-speech, at 4 dollars per million characters (16 dollars per million for the superior neural voices), can narrate articles in seconds for pennies. Speech-to-text, at .04 cents per second, can transcribe podcasts in minutes for about a dollar. Of course, prices may change over time, but historically as technologies like these improve, they tend to become less expensive and more effective.

Because of the low cost, you can experiment with these technologies for things like improving your personal productivity. When biking or driving to work, it is impossible to type notes or an outline a project, however, speaking and automatically transcribing a stream-of-consciousness narration would get a lot of planning done. Journalists frequently transcribe long interviews, a process which AWS can automate by tagging the voices of people speaking in a recording. On the other side of the writing process, having a steady, robotic voice read your work back to you can help you identify errors and awkward phrasing.

These technologies already have a number of use cases, but that will only expand over time as the technologies improve. While text-to-speech is reaching near-perfect accuracy in pronunciation, especially when assisted by pronunciation alphabets and tags, the synthesized voice still doesn’t sound fully natural. Speech-to-text systems are pretty good at transcribing clear speech but still struggle with punctuation, homophones, and even moderately quick speech. Once the technologies overcome these challenges, I anticipate that most applications will have a use for at least one of them.

Smashing Editorial
(dm, yk, il)

Duolingo Gets a New Branding that Includes a Cute Typeface

Many of Designer Daily’s readers probably already know of Duolingo, an app that most of us install to try to learn a new language and give up after two weeks (in the best cases).

Recently, this very popular app underwent a rebranding that changed the face of its cute owl. Based on this illustration, a typeface was created to reinforce the look-and-feel of the visuals and unify communications of the brand.

This work was done by Johnson Banks, a branding agency based in the UK. The agency also worked on the tone of voice used in communications and renewed the graphics based on the revised core colors.

Thanks for being a subscriber, here is your FREE house vector icons set.

We Dare You to Try These 6 Marvelous Website Optimization Tools

Having a full suite of go-to website optimization tools is essential for maintaining a successful website. Without an optimized website, you won’t rank in search results or attract site visitors — and you’ll miss out on valuable leads and revenue.

But which website optimization tools actually work to make your website more visible in search and ensure that your website is converting visitors to paying customers?

On this page, we’ll talk about some of the best website optimization tools as well as website testing tools to ensure that your site is successful.

If you’d like to speak to a marketing specialist before reading on, feel free to give us a ring at 888-601-5359. Otherwise, let’s get started!

Why are website optimization tools important?

What’s the big fuss about website optimization tools and why do you need them?

Simply put, website optimization tools help to automate the process of making your website more visible to search engines in addition to making them more likely to convert.

Though most tools don’t do the job for you, they’ll help you gain valuable insight as to how you can improve your website to ensure that it’s successful.

For example, website speed optimization tools help you uncover what page elements could be slowing down your site.

Link checking tools can help you detect broken links on your pages so that you can be sure Google can properly read and index pages that you’ve linked internally.

There is a whole slew of website optimization tools that help you make your site the best it can possibly be — for both Google and your users.

The best web optimization tools and their capabilities

There are countless web optimization tools out there that have infinite capabilities, but there are definitely a few that we favor.

1. Screaming Frog

Price: Free – $189 per year

Screaming Frog is a crucial part of any marketer’s toolbox. This tool has so many capabilities, it’s impossible to list them all.

It offers a plethora of beneficial information about your website that can help you find everything from broken links and duplicate content to page titles and meta descriptions.

This information is invaluable to have all in one place and helps you organize your website optimization efforts.

Not to mention, you can link Screaming Frog to your Google Analytics account and pull in metrics like site traffic, audience demographics, and more.

2. Ubersuggest

Price: Free

This tool packs a punch when it comes to keyword research and can help you determine what terms to use in your content to have the best chance of ranking.

Keywords are extremely important to your content and its ability to rank. Ubersuggest allows you to learn everything there is to know about potential keywords before you decide to incorporate them into your content.

Not only does it provide you with a list of related keywords to the one you provide, but it also gives search volume, estimated cost per click, and ranking difficulty.

3. Ahrefs

Price: $99-$999 depending on package and features you’re interested in

Ahrefs is an amazing website optimization tool that allows you to see what your competitors are up to as far as rankings, content, and target keywords.

Not only that, but it gives you a ton of beneficial metrics about your site content.

With Ahrefs, you can dig into your backlink profile, learn more about your top pages and competing domains, find content gaps, see which of your pages are performing the best, and so much more.

This tool can help you sniff out opportunities to outrank your competitors while also keeping track of your success — tipping you off to potential site issues.

4. Yoast SEO

Price: $89-$756 depending on how many sites you’ll use it for

If your website or any part of your website operates on WordPress, Yoast SEO is a must-have plugin.

Yoast is one of the best website optimization tools because it catches things that you might miss within your WordPress content.

With the paid version of this tool (there’s a free version, too), you’ll be able to optimize your content for target keywords, have full control of your breadcrumbs, get internal linking suggestions and content insights, and so much more.

Although the free version still packs a punch, with this tool, you’ll want to go for the paid option.

5. Google Search Console

Price: Free

Google Search Console is a website optimization tool that allows you to check the technical aspects of your site.

This tool allows you to submit your sitemap to ensure there are no errors, write and check robots.txt files, check for security issues, set preferred domains, and so much more.

This website optimization tool also provides search analytics reports which include up to date information about the performance of your website.

Overall, Google Search Console helps you optimize your website for visibility in search engines and ensures that there are no internal errors that might keep you from ranking.

6. SEO Checker

Price: Free

Our proprietary tool, SEO Checker, provides in-depth information about your site’s performance to ensure that it has everything it needs to rank at the top of search results.

You’ll get a free PDF report about your site’s performance, and insight into 12 key factors of website performance.

Your SEO audit will include:

  • Speed analyzation
  • URL analyzation
  • Title tag, description tag, and image analysis
  • Site copy analysis
  • Social analysis
  • Mobile analysis
  • Page link analysis.

If you’re looking for an all-encompassing tool to help you optimize your website, look no further than SEO checker.

The best part? Whatever issues you see within your free SEO audit, WebFX can help. We offer page speed optimization services as well as SEO and content marketing campaigns that can help you improve your overall page grade given in your audit.

Take it from us — check out our favorite website optimization tools

The six tools we mentioned on this page provide extremely beneficial insights into your website, content, page speed, and even technical aspects like code and linking structure.

Without the use of website optimization tools, chances are you’re missing out on big opportunities to help your site rank better in search engine results pages.

We dare you to use all six of these website testing tools to determine a few areas where you could improve your website, and watch the results blossom.

If you’ve run your website optimization tests and aren’t sure where to get started as far as website optimization, WebFX can help.

We offer a full suite of digital marketing services that can help take your website to the next level.

Contact us online today or give us a call at 888-601-5359 to learn more about what WebFX can do for you and your online presence!

The post We Dare You to Try These 6 Marvelous Website Optimization Tools appeared first on WebFX Blog.

What Is Responsive Web Design? (The Non-Developer’s Cheat Sheet)

How can websites possibly keep up with the millions of screens out there?

Responsive web design.

With responsive website design, your website (and its pages) can adapt and deliver the best experience to users, whether they’re on their desktop, laptop, tablet, or smartphone. For that to happen, though, your website needs a responsive design.

What is responsive web design, though, and how does it work?

Keep reading to find out, plus see real-life examples of responsive web design! If you’d like to stay-in-the-know about responsive web design, sign up for our exclusive newsletter, Revenue Weekly, to get web design and marketing tips for your business.

What is responsive web design?

Responsive web design describes a web design approach that allows websites and pages to render (or display) on all devices and screen sizes by automatically adapting to the screen, whether it’s a desktop, laptop, tablet, or smartphone.

How does responsive web design work?

Responsive web design works through Cascading Style Sheets (CSS), using various settings to serve different style properties depending on the screen size, orientation, resolution, color capability, and other characteristics of the user’s device. A few examples of CSS properties related to responsive web design include the viewport and media queries.

Is my website responsive?

You can quickly see if a website is responsive or not in your web browser.

A GIF for how checking for responsive web design

  • Open Google Chrome
  • Go to your website
  • Press Ctrl + Shift + I to open Chrome DevTools
  • Press Ctrl + Shift + M to toggle the device toolbar
  • View your page from a mobile, tablet, or desktop perspective

You can also use a free tool, like Google’s Mobile-Friendly Test, to see if pages on your website are mobile-friendly. While you can achieve mobile-friendliness with other design approaches, like adaptive design, responsive web design is the most common because of its advantages.

Why responsive web design matters to web designers and business owners

Responsive web design relieves web designers, user interface designers, and web developers from working day and night creating websites for every single different device in existence. It also makes the lives of business owners, marketers, and advertisers easier.

Here are a few benefits:

  • One site for every device: Whether viewed on a 27-inch iMac with a wireless connection or from the screen of your Android phone, the website will be configured for the user’s optimal viewing pleasure.
  • Optimal design for the device: With the responsive web design approach, all images, fonts, and other HTML elements will be scaled appropriately, maximizing whatever screen size the user has.
  • No need for redirects: Other options towards designing for multiple devices require the use of redirects to send the user to the appropriate version of a web page. Without the need for redirects, the user can access the content he wants to look at, as quickly as possible.

Responsive web design is also effective from a price standpoint. It’s also easier for you to manage because it’s one site versus two. You don’t have to make changes twice. Instead, you can work from and update a single website.

Examples of responsive web design

To see how responsive web design works, go ahead and access the Internet from your smartphone and browse through some sites listed on mediaqueri.es — an online gallery that features responsive web designs.

Now look at the same sites on another Internet-enabled device like your laptop or your iPad. You can also use DevTools in Chrome.

Notice how the pages alter their layouts to fit the device you’re on?

That’s responsive web design.

Learn more about responsive web design

Do you want to learn more about responsive web design? Check out these helpful resources:

If you’re looking for some professional assistance when it comes to making your website responsive, WebFX can help. We offer responsive web design and development services, with over 1000 sites launched.

Call us at 888-601-5953 or contact us online to speak with a strategist about your site!

The post What Is Responsive Web Design? (The Non-Developer’s Cheat Sheet) appeared first on WebFX Blog.

5 Powerful Ads for Alzheimer Disease Awareness

Although it doesn’t pass from people to people, Alzheimer’s disease is truly becoming one of the epidemics of our time. If you have ever witnessed one of your loved ones experiencing it, you know how saddening it is to see old people with a lot of life stories forgetting everything.

The following ads were all part of campaigns around the world that tried to raise awareness about the disease.

1. A Belgian Campaign

A great visualization of what it must feel to forget things so quickly.

2. Alzheimer France Campaign

A campaign that reflects on the feeling of loss and the great memory mix-up that happens to Alzheimer’s disease victims.

3. Alzheimer Italia Campaign

This campaign insists with a powerful visual on the loss of identity that comes with the loss of memory.

4. Alzheimer Blank Page

A simple, but efficient way to get the message across.

5. Alzheimer France Campaign

Another powerful campaign that shows one of the heartbreaking effects of the disease, the loss of connection to the loved ones.

Thanks for being a subscriber, here is your FREE house vector icons set.