We are hiring

The Best Redmine Plugins to Boost Your Project Management

Redmine is used by many web teams around the globe. It’s flexible, web-based and runs open source. In this article, we are going to show you how to get more out of your Redmine projects by integrating it with some great Redmine plugins.

But before we dig into the Redmine, we do cover some basics of Redmine.

Continue Reading “The Best Redmine Plugins to Boost Your Project Management”

Why Windows 98’s User Onboarding is Better Than Yours

Reading through Microsoft’s 1995 Interface Guidelines is like unearthing a lost relic. The 381-page tome — for designers creating Windows apps — got me thinking about how much has changed, not only with Microsoft but with software overall. The guidelines are ahead of their time.

They’re concerned with helping the user get to grips with the OS, and there’s a focus on empathy and a hint Microsoft is starting to think about UX. That’s which isn’t something Windows 3.1 makes any effort to do. On first run, you’re thrown into this jumble:
Continue Reading “Why Windows 98’s User Onboarding is Better Than Yours”

Meet the community: Luciano Mammino, software developer from Sicily

Luciano Mammino is a web developer, entrepreneur, butterfly maker and since recently, a book author. Luciano is also one of our guest writers for our own blog where he published great tutorials on how to build fast web applications.

This week we had a chance to sit down with Luciano to talk about his book release and discuss the latest development trends.

Continue Reading “Meet the community: Luciano Mammino, software developer from Sicily”

Our Divi 3.0 review: A new visual builder for WordPress

On September 7th, 2016, Divi 3.0, as a new way to build WordPress websites, was released.

Divi 3.0 not only brings WYSIWYG-style editing to WordPress but it also makes building WordPress websites way easier. Doesn’t matter if you’re a WordPress developer or a complete newbie, you should definitely consider Divi 3.0.

Continue Reading “Our Divi 3.0 review: A new visual builder for WordPress”

How to set up a blog without WordPress

WordPress is a great tool. In fact, about 50% of all websites out there use WordPress. So, it’s no wonder that when you’re thinking of starting a blog for your company or simply develop a new website, WordPress is one of the first things that comes to mind.

But it isn’t all sunshine and rainbows and sometimes, you’re better off looking elsewhere. At least you should consider other alternatives to WordPress before getting starting without losing even a thought.
Continue Reading “How to set up a blog without WordPress”

In praise of QA: What is Quality Assurance?

I’m super happy to work with a company that puts a lot of energy into the quality assurance part of every single software development project.

Quality assurance is a discipline that’s overlooked and under-appreciated. We produce software, share it with the team, test it, collect feedback, ask beta testers and then do it over again. Share, test, collect, ask, repeat. Yup, that’s pretty much it.

Yet people treat quality assurance as something superficial – a few tests here, a few user feedback there, and with one big eye staring at the release button.
Continue Reading “In praise of QA: What is Quality Assurance?”

Interested in learning web development and design? Check out these top 10 YouTubers.

Want to learn web development but don’t know where to start?

We all know that the Internet these days provides tons of opportunities for self-starters to do just that; get started. Gone are the days where you are required to pay an exorbitant amount of money to learn the skills needed to succeed.

There are countless amazing developers who are generous with their knowledge posting tutorials online.

Nowhere is this more prominent than YouTube – the world’s second largest search engine.

In this collection, you’ll find the top 10 YouTubers who publish web development tutorials on their channels. Check out the list below to help you accelerate your dev & design game today.
Continue Reading “Interested in learning web development and design? Check out these top 10 YouTubers.”

Designing a language switch: Examples and best practices

Building a global SaaS product isn’t easy. You have to localize your product, translate your website, and make sure that everything’s still up and running.

And there might be a major UI problem, which looks like a tiny thing at first but is actually something to think about a little longer. What I’m talking about is the visualization of selecting a language. How can you visualize the option to change languages so that your global audience can choose which language they want to use?

In this article, you’ll find everything you need to know when it comes to designing a language switch for your application or website, including some examples and best practices.

Language Switch Icons

When offering a multilingual software or web services, you’ll end up at some point thinking about a language icon.

A language icon is a visual aid, indicating the existing languages of the used application. The problem, however, is that there’s yet no standard definition on how a language icon or language switcher should look like.

language icon google search

Language Icon Initiative

As I mentioned before there seems to be no standard definition on how a language icon should look like. I might be wrong. There’s a language icon initiative started in 2008 which aims to standardize the language selection icon.

The standard language selection icon looks like this:

But have you ever seen that icon on one of your favorite websites or applications? I haven’t. And our user tests showed that people won’t recognize this icon as an option for selecting languages.

It seems that the standardized language icon isn’t widely used.

Other Language Icon Ideas

So, we weren’t 100% happy with the language icon provided by the language icon initiative. As we continued our research, we found out that a globe icon is a popular icon used for language switching.

globe-icon-language-switch
Source: http://fontawesome.io/icon/globe/

The problem with globes? Different people have different associations with globe icons. If you’re a heavy facebook user, you’ll identify this icon as your notification center.

facebook notifications globe

So, definitely no globe icon for us.

The problem with flags and countries

Intuitively, we tend to think about countries when we talk about languages. Chinese = China, Japanese = Japan, and so on. However, there are some major limitations when you start using country flags for your language switcher.

So, why you shouldn’t use country flags:

  • There are design limitations if you use more than 20 languages for your app. Displaying 20 country flags can be quite messy.
  • Countries do not represent languages, nor the other way round.
language switch icon

Flags symbolize nations, not languages. It’s that simple.

And I recommend to only use country flags if your product is different from country to country and not from language to language.

Best Practices of Language Switch Designs

So, you might wonder. How should I visualize a language switcher?

If you like country flags and really want to stick with country flags, I’d recommend a solution like the following one:

language selection
Source: https://dribbble.com/shots/2386084-Language-Selection-Modal

Language Buttons

The US government released a comprehensive guide on web design standards a while ago, so I was curious how they solved the problem of language switching.

As you can see in the screenshot below, USA.gov makes use of a language button and its styling is clearly defined by its web design standards.

usagov language switch
Source: usa.gov

Text Links

Text links for offering language switching option are widely used. Google.com can be named as a great example here.

google language switcher

Language Switcher as part of the Main Navigation

Text links are a great way to offer your website or app in other languages. By embedding the language switcher in your main navigation, users will easily find the option to change languages.

Trello, for example, embedded the language switch in the app settings.

Language Switcher as part of the Footer Navigation

Other websites and applications enable their users to change languages in the footer section of their site.

Facebook seems to be one of the prominent examples for doing so:
language switcher footer facebook

Text-based Language Switch instead of Icons

After much discussion and user testings, the result and user feedback leaned towards text-based language switch. So we decided not to use any icon at all.

Why? Because it seems that there’s no language icon available which creates a mutual understanding.

As we already had a text-based language selector on our website, we decided to be consistent.

Language Switch is key for UX

When you offer a multilingual website or product, thinking about the language switch is probably top priority.

Making use of various language icons, country flags, or other graphics can lead to confusion and doesn’t create a mutual understanding of its features. Therefore we at Usersnap decided to use a simple text-based switcher.

A well-designed language selection option is one of the key things that enhances usability and creates a simple user experience for your website visitors and customers.

If you’re still unsure about which design to choose, get some user feedback and conduct some testing. To learn more about how to do user testing download this free ebook How to Build Products Users Love with interviews with Trello, Prezi and HotelTonight.

Is Email the best customer support channel?

A lot has been written on how companies can grow their business through customer success. The terms “customer success” or “customer experience” seem to be the new buzzwords in the growth-driven tech world.

These discussions are great, and we at Usersnap believe that customer support and customer success are important factors when it comes to business success.

However, I do believe that some basic and core questions remain unanswered. And one of these questions is this:

Is email still the best customer support channel?
Continue Reading “Is Email the best customer support channel?”

[{"code":""30 days before Christmas
[{"code":""30 days before Christmas
is my 30 days of happiness"."
is my 30 days of happiness"."
"label":"30 days free trial"
"label":"30 days free trial"
"win":true}
"win":true}
{"code":""I'm up in the sky with joy about this Free Upgrade"."
{"code":""I'm up in the sky with joy about this Free Upgrade"."
"label":"Free Upgrade"
"label":"Free Upgrade"
"win":true}
"win":true}
{"code":""25% off for 6 months? Yaaas!" Or simply apply coupon BLACK25 upon check out."
{"code":""25% off for 6 months? Yaaas!" Or simply apply coupon BLACK25 upon check out."
"label":"25% Off Coupon"
"label":"25% Off Coupon"
"win":true}
"win":true}
{"code":""I love Usersnap so much I'm going to wear it"."
{"code":""I love Usersnap so much I'm going to wear it"."
"label":"Usersnap Tshirt"
"label":"Usersnap Tshirt"
"win":true}
"win":true}
{"code":""30 days before Christmas
{"code":""30 days before Christmas
is my 30 days of happiness"."
is my 30 days of happiness"."
"label":"30 days free trial"
"label":"30 days free trial"
"win":true}
"win":true}
{"code":""I'm up in the sky with joy about this Free Upgrade"."
{"code":""I'm up in the sky with joy about this Free Upgrade"."
"label":"Free Upgrade"
"label":"Free Upgrade"
"win":true}
"win":true}
{"code":""
{"code":""
"label":"Not your day!"
"label":"Not your day!"
"win":false}
"win":false}
{"code":""25% off for 6 months? Yaaas!" Or simply apply coupon BLACK25 upon check out."
{"code":""25% off for 6 months? Yaaas!" Or simply apply coupon BLACK25 upon check out."
"label":"25% Off Coupon"
"label":"25% Off Coupon"
"win":true}
"win":true}
{"code":""30 days before Christmas
{"code":""30 days before Christmas
is my 30 days of happiness"."
is my 30 days of happiness"."
"label":"30 days free trial"
"label":"30 days free trial"
"win":true}
"win":true}
{"code":""I'm up in the sky with joy about this Free Upgrade"."
{"code":""I'm up in the sky with joy about this Free Upgrade"."
"label":"Free Upgrade"
"label":"Free Upgrade"
"win":true}
"win":true}
{"code":""
{"code":""
"label":"Spin again"
"label":"Spin again"
"win":false}
"win":false}
{"code":""
{"code":""
"label":"Trip to Vienna"
"label":"Trip to Vienna"
"win":false}]
"win":false}]