I was recently tasked with creating a prototype for a web application and it has turned out to be a much better experience than I expected. The project started off a bit different than usual due to the lack of creating a concept in Photoshop or Fireworks. I almost always begin designing with graphics that can then be approved or modified based on feedback from clients or coworkers.
So with that said, I wanted to share a few of my thoughts on how my experience with leaving Photoshop at bay and only working with a text editor has worked out.
I began the project with a set of mockups that were delivered along with a deadline that was going to be a tough one to pull off. Right away I knew that it was time to fall back and try out some advice I read in a recent article that recommended dropping the use of a graphics program and jumping right into the code to help save time.
Now usually I would put together a visual concept and deliver that to the developers that are working on the project. This would normally happen before I would actually begin coding out the HTML and CSS. This time though I was being so pressed for something to see in such a short time frame that I decided to jump straight into the HTML/CSS and to use jQuery in order to give examples of interaction on any given page.
Big ups to the jQuery team and if you haven’t checked it out yet, there’s no time like the present.