Can Card Sorting Improve the Usability of Your Designs?

Can Card Sorting Improve the Usability of Your Designs?

Card sorting is one of the most basic, easy-to-do usability testing techniques available at your disposal. There are already plenty of articles and tutorials that discuss how to conduct card sorting activities (like this one) so I will be skipping the basics. Instead, I will share some of the benefits I have derived from conducting card sorting tests during my experience as a usability analyst.

Continue Reading

How to Create Retro Square Push Buttons in Photoshop

How to Create Retro Square Push Buttons in Photoshop

In this Photoshop tutorial, we’re going to create a simple set of square push buttons that can be useful in your user interface (UI) designs. The aesthetic of these buttons is inspired by Braun industrial products made during the 60′s, which were designed by the legendary designer, Dieter Rams.

Continue Reading

How to Make a Beautiful Landing Page with Photoshop

How to Make a Beautiful Landing Page with Photoshop

In this web design tutorial we will be creating a captivating landing page with Adobe Photoshop. There is nothing complicated with this design. This landing page layout can be used for many types of websites, so feel free to modify the text, navigation menu, imagery, icons, and so forth to match your own particular needs. Some example use cases of this landing page design: a downloadable product (such as an e-book), a design agency landing page, a web app landing page, or a mobile app landing page.

Continue Reading

How to Make a Knob/Dial UI with Photoshop

How to Make a Knob/Dial UI with Photoshop

Using a knob (or dial) user interface is currently prevalent in mobile device and touchscreen app interfaces. You’re probably wondering how to make one. In this Photoshop tutorial, I’ll show you a quick and easy way to make a knob/dial user interface that you can build on and modify to suit your needs.

Continue Reading

Responsive Web Design for The Enterprise

Responsive Web Design for The Enterprise

Unless you’ve been chained to a cubicle wall or have been perpetually stuck in endless meetings the last year, you’ve probably read about the explosion in Internet-enabled mobile devices. You might have even seen some statistics, like how 85% of people expect the experience on their device/smartphone to be at least as good as, or better than, the experience on their desktop/laptop computer.

Continue Reading

Create a Slider UI Design with Photoshop

Create a Slider UI Design with Photoshop

In this tutorial, I’ll show you how to create a simple slider user interface (UI) using Photoshop. We’ll use basic (but powerful) Photoshop features — shapes and layer styles — to achieve our goal.

Continue Reading

Usability Mistakes to Avoid When Using Photos in Your Website

Usability Mistakes to Avoid When Using Photos in Your Website

When used properly, photos are effective, information-dense content that can quickly send your intended message to your audience. However, using the wrong photos can degrade your users’ experience on your site. In this article, I’ll go over 8 potential issues your photos can have that will lead to poor website usability.

Continue Reading

1 of 512345