Archiwum kategorii: Design

Mozilla Firefox is asking for your opinion on its rebranding

Post pobrano z: Mozilla Firefox is asking for your opinion on its rebranding

Mozilla didn’t change the Firefox logo for a very long time. Actually, the free and open-source browser uses the same logo since its launch in 2002. Things are about to change, the company is working on a new logo, a new design system to be more accurate.

As it works on concepts, Mozilla wants to involve the users. You can make your views known by commenting this blog post by Tim Murray, the creative director at Mozilla.

Mozilla Firefox is asking for your opinion on its rebranding

Post pobrano z: Mozilla Firefox is asking for your opinion on its rebranding

Mozilla didn’t change the Firefox logo for a very long time. Actually, the free and open-source browser uses the same logo since its launch in 2002. Things are about to change, the company is working on a new logo, a new design system to be more accurate.

As it works on concepts, Mozilla wants to involve the users. You can make your views known by commenting this blog post by Tim Murray, the creative director at Mozilla.

Mozilla Firefox is asking for your opinion on its rebranding

Post pobrano z: Mozilla Firefox is asking for your opinion on its rebranding

Mozilla didn’t change the Firefox logo for a very long time. Actually, the free and open-source browser uses the same logo since its launch in 2002. Things are about to change, the company is working on a new logo, a new design system to be more accurate.

As it works on concepts, Mozilla wants to involve the users. You can make your views known by commenting this blog post by Tim Murray, the creative director at Mozilla.

10 useful resources for graphic and web designers

Post pobrano z: 10 useful resources for graphic and web designers

Time to improve your workflow a bit with a collection of wonderful design tools.

1. Layrs Control 2

Layrs Control 2 is a free collection of Photoshop scripts that will make your image editing work easier, for example by allowing you to delete all empty layers with just a click. Layer management in Photoshop can become quite tedious when working on more complex projects, this scripts package is a welcome tool in that regard.

2. Size Marks

If you use Photoshop for creating website mockups, check Size Marks, a cool Photoshop script that converts rectangular marquee selection into a measurement mark.

3. Font Awesome PS

Font Awesome is already insanely useful for web designers to quickly embed icons into a web design. It gets even better with this Photoshop extension that allows you to use Font Awesome directly into Photoshop.

4. Social Kit Pro

Not free, but insanely cheap for the time it will save you, SocialKit Pro is a set of social media images templates. It comes as a kit of Photoshop templates, and even allows you to quickly create social media ads.

5. PSDDD.co

PSDDD.co is a resource site specialized in everything Photoshop and Sketch: templates, fonts, icons, mobile UI kits, photos, plugins,…

6. Velositey

Design website prototypes in seconds inside Photoshop, thanks to the set of tools provided by Velositey.

7. No More Banding

A set of Photoshop technique bundled into a single action to say good bye to banding in your Photoshop compositions. Make sure to read the explanations before you use it.

8. Gridzzly

The kind of resource that I wouldn’t have thought of googling. A developer had the excellent idea of creating this cool tool that lets you design your own grid paper to print.

9. Cut&Slice me

Export all your assets to various devices and save tons of time. Cut&Slice me allows you to improve your workflow by just naming your layers.

10. Make App Icon

If you ever had to resize an icon for all Android and iOS formats, you know how time-consuming it can get. This app saves the day by prividing you with a simple tool that exports your icon in all formats at once.

10 useful resources for graphic and web designers

Post pobrano z: 10 useful resources for graphic and web designers

Time to improve your workflow a bit with a collection of wonderful design tools.

1. Layrs Control 2

Layrs Control 2 is a free collection of Photoshop scripts that will make your image editing work easier, for example by allowing you to delete all empty layers with just a click. Layer management in Photoshop can become quite tedious when working on more complex projects, this scripts package is a welcome tool in that regard.

2. Size Marks

If you use Photoshop for creating website mockups, check Size Marks, a cool Photoshop script that converts rectangular marquee selection into a measurement mark.

3. Font Awesome PS

Font Awesome is already insanely useful for web designers to quickly embed icons into a web design. It gets even better with this Photoshop extension that allows you to use Font Awesome directly into Photoshop.

4. Social Kit Pro

Not free, but insanely cheap for the time it will save you, SocialKit Pro is a set of social media images templates. It comes as a kit of Photoshop templates, and even allows you to quickly create social media ads.

5. PSDDD.co

PSDDD.co is a resource site specialized in everything Photoshop and Sketch: templates, fonts, icons, mobile UI kits, photos, plugins,…

6. Velositey

Design website prototypes in seconds inside Photoshop, thanks to the set of tools provided by Velositey.

7. No More Banding

A set of Photoshop technique bundled into a single action to say good bye to banding in your Photoshop compositions. Make sure to read the explanations before you use it.

8. Gridzzly

The kind of resource that I wouldn’t have thought of googling. A developer had the excellent idea of creating this cool tool that lets you design your own grid paper to print.

9. Cut&Slice me

Export all your assets to various devices and save tons of time. Cut&Slice me allows you to improve your workflow by just naming your layers.

10. Make App Icon

If you ever had to resize an icon for all Android and iOS formats, you know how time-consuming it can get. This app saves the day by prividing you with a simple tool that exports your icon in all formats at once.

10 useful resources for graphic and web designers

Post pobrano z: 10 useful resources for graphic and web designers

Time to improve your workflow a bit with a collection of wonderful design tools.

1. Layrs Control 2

Layrs Control 2 is a free collection of Photoshop scripts that will make your image editing work easier, for example by allowing you to delete all empty layers with just a click. Layer management in Photoshop can become quite tedious when working on more complex projects, this scripts package is a welcome tool in that regard.

2. Size Marks

If you use Photoshop for creating website mockups, check Size Marks, a cool Photoshop script that converts rectangular marquee selection into a measurement mark.

3. Font Awesome PS

Font Awesome is already insanely useful for web designers to quickly embed icons into a web design. It gets even better with this Photoshop extension that allows you to use Font Awesome directly into Photoshop.

4. Social Kit Pro

Not free, but insanely cheap for the time it will save you, SocialKit Pro is a set of social media images templates. It comes as a kit of Photoshop templates, and even allows you to quickly create social media ads.

5. PSDDD.co

PSDDD.co is a resource site specialized in everything Photoshop and Sketch: templates, fonts, icons, mobile UI kits, photos, plugins,…

6. Velositey

Design website prototypes in seconds inside Photoshop, thanks to the set of tools provided by Velositey.

7. No More Banding

A set of Photoshop technique bundled into a single action to say good bye to banding in your Photoshop compositions. Make sure to read the explanations before you use it.

8. Gridzzly

The kind of resource that I wouldn’t have thought of googling. A developer had the excellent idea of creating this cool tool that lets you design your own grid paper to print.

9. Cut&Slice me

Export all your assets to various devices and save tons of time. Cut&Slice me allows you to improve your workflow by just naming your layers.

10. Make App Icon

If you ever had to resize an icon for all Android and iOS formats, you know how time-consuming it can get. This app saves the day by prividing you with a simple tool that exports your icon in all formats at once.

Why A/B Testing Is Important For Your Website

Post pobrano z: Why A/B Testing Is Important For Your Website

A/B testing, which is also referred to as split testing, is the practice of using the comparison of two versions of a webpage to come to a conclusion about which one performs the best.

When you implement A/B testing for your website’s pages, you are then able to perform the validation of new design changes, test hypotheses, and invest in the improvement of your website’s conversion rate.

Improve your conversion rates with A/B Testing

It is a true statement that all websites possess a primary objective for the reason of their existence. Ecommerce sites have a desire for those visiting their sites to buy their products.

SaaS web apps have a desire for those visiting to sign up for a trial offer and then to be able to convert to a customer who will pay for the products they are offering. Websites that present media and news have a desire for those viewing their sites to click on ads or to sign up for subscriptions that they will have to pay for.

Each website that is business oriented will normally have a strong desire to see those who visit their website go on to covert to becoming more than just a visitor, but who will be someone who will eventually pay for a product or service.

It is possible to measure the performance of the A and B versions, which means measuring the rate at which those visiting the site convert to go on to become those who actually pay for a product or service.

A/B testing is not a new concept

Image source: Janna Hagan

A/B testing is not a new term that is buzzing around on the market today. Many knowledgeable and expert marketers and designers are making use of the implementation of A/B testing in their strategies relatively currently in order to be able to gain an understanding of the behavior of those visiting their sites, which will further enable them to know how to direct these visitors into the rate of conversion regarding their websites.

However, the truth of the matter is that A/B testing is not as frequently discussed as such subjects in relation to SEO, web analytics or usability. It seems that many people are not even aware of it. They do not actually comprehend what the essence of it is, how it could be beneficial to them, or how to practically implement the usage of it into their strategies.

Preparing for a test

Image source: Aaron White

The choice that you make in relation to what test you would like to implement is largely based on the goal that you desire to achieve. For example, take into consideration the fact that someone wants to increase the amount of people who sign up for something on the website.

The person then could test the length of the sign-up form, the types of fields in the form, the display of the privacy policy form, the “social proof,” etc. The goal here is to discover what is preventing people from deciding to sign up for what is offered. Is it because the length of the form is too intimidating?

Are the visitors overtly concerned about their privacy issues? Has the website done a poor job of making those visiting the site to want to sign up? Are you using retro fonts on your website instead of some more common sans serif options? It is good to know that all these things indeed can be tested by using A//B testing for the appropriate website elements.

Checklist before starting the test

Make sure to replace the element that is being tested before the page loads.

If you are about to prepare to test only one single item on a web page, (for instance, the CTA button), then you need to implement various versions of the button when using your testing tool. When the test goes live, your A/B testing tool will be able to randomly replace the button at various intervals before displaying the page to those visiting the site.

If you desire to incorporate the implementation of A/B testing in for a whole page, (for example, a theme that is green in color versus a theme that is red in color), then you have to be able to create and upload a new page for your website.

Image source: Kenil Bhavsar

Consider, for example, for a landing page that is example.com/landing.html you will need to implement variations which would be located at example.com/landing2.html. While the test is in the process of running, your tool will thus direct traffic to one of your other alternative URLs.

What to test

Image source: resumebaking.com

Headlines can be tested, as well as sub headlines. Testimonials can be important as well and worthy to test variations of them.

The text for the call to action is great to test and has shown in multiple occasions that it can make a difference. The color, shape and size of the CTA are worth testing too.

Images should be tested too. Avoid generic stock images and use realistic ones, with the subjects looking towards the CTA.

Social proof is important and should be added to a page and tested until the best version of it is found.

Image source: slack.com

Tests that are more advanced can also implemented to check on pricing, sales promotions, lengths of time associated with free trials, navigation, free or paid delivery, and so much more.

The data is priceless

Image source: Steffen

Data that is quantitative in nature indeed speaks out for itself. You and your coworkers have ideas about what will make those visiting your site to respond in a certain way in relation to the various design elements; the implementation of A/B testing will provide for the showing of two variations of the same page to those visiting your site, which will enable them to decide which one they prefer.

By continuously testing and optimizing your website, this can allow for increase in revenue, donations, leads, registrations, downloads, and content that is generated by users, all the while providing the teams associated with the website information about their visitor’s preferences and behavior, etc.

Worth the time and money

A/B testing that is done accurately can make a very big impact on your overall bottom line. The usage of controlled testing and the collection of empirical data can enable you to comprehend exactly what strategies in relation to marketing will function best for your company and product. When you realize that a certain variation performs much better than the other one, it would be ludicrous not to do this for other future promotions.

The usage of A/B testing will enable you to make the most out of your current traffic. The return on the investment for A/B testing can indeed be enormous, even when small changes are implemented on the landing page or website, which can result in great increases in leads, sales and revenue.

Testing time

Image source: Aaron White

It must be noted that A/B testing is not something that is just done overnight. It really depends on how much traffic you have, which will help you to decide if you will be conducting testing for only a few days all the way up to few weeks. It is important to only run one test at a time in order to obtain accurate results.

When a test has not been put in place long enough, skewed results are obtained due to the fact that not enough people have visited the site. Therefore, results will not be statistically accurate. Allowing a test to run for too long can also provide skewed results, because there are more variables which are beyond your control over longer periods of time.

Make sure that you are always aware of anything that could interfere with the results of your testing so that will be able to take into account any abnormalities statistically showing when going over the results of the testing that you have gathered. If you have any doubts about the information you have received, it is perfectly fine to retest.

Why A/B Testing Is Important For Your Website

Post pobrano z: Why A/B Testing Is Important For Your Website

A/B testing, which is also referred to as split testing, is the practice of using the comparison of two versions of a webpage to come to a conclusion about which one performs the best.

When you implement A/B testing for your website’s pages, you are then able to perform the validation of new design changes, test hypotheses, and invest in the improvement of your website’s conversion rate.

Improve your conversion rates with A/B Testing

It is a true statement that all websites possess a primary objective for the reason of their existence. Ecommerce sites have a desire for those visiting their sites to buy their products.

SaaS web apps have a desire for those visiting to sign up for a trial offer and then to be able to convert to a customer who will pay for the products they are offering. Websites that present media and news have a desire for those viewing their sites to click on ads or to sign up for subscriptions that they will have to pay for.

Each website that is business oriented will normally have a strong desire to see those who visit their website go on to covert to becoming more than just a visitor, but who will be someone who will eventually pay for a product or service.

It is possible to measure the performance of the A and B versions, which means measuring the rate at which those visiting the site convert to go on to become those who actually pay for a product or service.

A/B testing is not a new concept

Image source: Janna Hagan

A/B testing is not a new term that is buzzing around on the market today. Many knowledgeable and expert marketers and designers are making use of the implementation of A/B testing in their strategies relatively currently in order to be able to gain an understanding of the behavior of those visiting their sites, which will further enable them to know how to direct these visitors into the rate of conversion regarding their websites.

However, the truth of the matter is that A/B testing is not as frequently discussed as such subjects in relation to SEO, web analytics or usability. It seems that many people are not even aware of it. They do not actually comprehend what the essence of it is, how it could be beneficial to them, or how to practically implement the usage of it into their strategies.

Preparing for a test

Image source: Aaron White

The choice that you make in relation to what test you would like to implement is largely based on the goal that you desire to achieve. For example, take into consideration the fact that someone wants to increase the amount of people who sign up for something on the website.

The person then could test the length of the sign-up form, the types of fields in the form, the display of the privacy policy form, the “social proof,” etc. The goal here is to discover what is preventing people from deciding to sign up for what is offered. Is it because the length of the form is too intimidating?

Are the visitors overtly concerned about their privacy issues? Has the website done a poor job of making those visiting the site to want to sign up? Are you using retro fonts on your website instead of some more common sans serif options? It is good to know that all these things indeed can be tested by using A//B testing for the appropriate website elements.

Checklist before starting the test

Make sure to replace the element that is being tested before the page loads.

If you are about to prepare to test only one single item on a web page, (for instance, the CTA button), then you need to implement various versions of the button when using your testing tool. When the test goes live, your A/B testing tool will be able to randomly replace the button at various intervals before displaying the page to those visiting the site.

If you desire to incorporate the implementation of A/B testing in for a whole page, (for example, a theme that is green in color versus a theme that is red in color), then you have to be able to create and upload a new page for your website.

Image source: Kenil Bhavsar

Consider, for example, for a landing page that is example.com/landing.html you will need to implement variations which would be located at example.com/landing2.html. While the test is in the process of running, your tool will thus direct traffic to one of your other alternative URLs.

What to test

Image source: resumebaking.com

Headlines can be tested, as well as sub headlines. Testimonials can be important as well and worthy to test variations of them.

The text for the call to action is great to test and has shown in multiple occasions that it can make a difference. The color, shape and size of the CTA are worth testing too.

Images should be tested too. Avoid generic stock images and use realistic ones, with the subjects looking towards the CTA.

Social proof is important and should be added to a page and tested until the best version of it is found.

Image source: slack.com

Tests that are more advanced can also implemented to check on pricing, sales promotions, lengths of time associated with free trials, navigation, free or paid delivery, and so much more.

The data is priceless

Image source: Steffen

Data that is quantitative in nature indeed speaks out for itself. You and your coworkers have ideas about what will make those visiting your site to respond in a certain way in relation to the various design elements; the implementation of A/B testing will provide for the showing of two variations of the same page to those visiting your site, which will enable them to decide which one they prefer.

By continuously testing and optimizing your website, this can allow for increase in revenue, donations, leads, registrations, downloads, and content that is generated by users, all the while providing the teams associated with the website information about their visitor’s preferences and behavior, etc.

Worth the time and money

A/B testing that is done accurately can make a very big impact on your overall bottom line. The usage of controlled testing and the collection of empirical data can enable you to comprehend exactly what strategies in relation to marketing will function best for your company and product. When you realize that a certain variation performs much better than the other one, it would be ludicrous not to do this for other future promotions.

The usage of A/B testing will enable you to make the most out of your current traffic. The return on the investment for A/B testing can indeed be enormous, even when small changes are implemented on the landing page or website, which can result in great increases in leads, sales and revenue.

Testing time

Image source: Aaron White

It must be noted that A/B testing is not something that is just done overnight. It really depends on how much traffic you have, which will help you to decide if you will be conducting testing for only a few days all the way up to few weeks. It is important to only run one test at a time in order to obtain accurate results.

When a test has not been put in place long enough, skewed results are obtained due to the fact that not enough people have visited the site. Therefore, results will not be statistically accurate. Allowing a test to run for too long can also provide skewed results, because there are more variables which are beyond your control over longer periods of time.

Make sure that you are always aware of anything that could interfere with the results of your testing so that will be able to take into account any abnormalities statistically showing when going over the results of the testing that you have gathered. If you have any doubts about the information you have received, it is perfectly fine to retest.

The Lapis Side Table by Alexander Purcell Rodrigues

Post pobrano z: The Lapis Side Table by Alexander Purcell Rodrigues

For this side table designed for the outdoors, Alexander Purcell Rodrigues found his inspiration in the process of cutting and setting gemstones with three teak facets held together.

The table was commissionned by Link Outdoor, who has been asking famous designers to create a side table for charity. They have been doing it since 2017, and Alexander Purcell Rodrigues was one of the designers involved with his Lapis Side Table.

The Lapis Side Table by Alexander Purcell Rodrigues

Post pobrano z: The Lapis Side Table by Alexander Purcell Rodrigues

For this side table designed for the outdoors, Alexander Purcell Rodrigues found his inspiration in the process of cutting and setting gemstones with three teak facets held together.

The table was commissionned by Link Outdoor, who has been asking famous designers to create a side table for charity. They have been doing it since 2017, and Alexander Purcell Rodrigues was one of the designers involved with his Lapis Side Table.