In my previous posts I covered a brief history of the mobile market, the inherent constraints we should embrace when designing for the mobile experience and the array of capabilities available to us.

In my last post we embraced the constraints of mobile website design. With the constraints of mobile comes an array of capabilities. In this article, we will continue our theme of designing for mobile first by touching on some capabilities available to us when designing for the mobile experience.

Today I’d like to share some methods I’ve implemented over the past few years, to keep a growing number of Photoshop and associated project files well organized and easily accessible to myself and others. As a web designer, you may be dealing with multiple versions of multiple concepts for given client projects. Not only that, but you may be dealing with many clients, and thus, many files that build up over a long period of time. Often, you’ll need to go back and access older files to updated them or borrow from them. If you’re a smart designer, you’ll recycle / modify to save time. There’s no reason to re-invent the wheel every time. Having an organized file structure not only allows you unfettered easy access to the brilliant template library that is your past work, but also allows you fellow designers and developers to jump in or take over as needed when working on teams.

In my last 3 posts we have covered the basic aspects of a websites design and looked at patterns we could use in order to speed up the design process and to insure our site design is a positive user experience.