Thanks for checking out my stuff and for your support!

1. Autumn Leaf, Rockville, MD, 2008.
2. ALF!, Washington, DC, 2008.
3. Reflecting Pool, Washington, DC, 2008.
4. Beni Kurishima, Sr., Washington, DC, 2008.
5. Lambretta, Richmond, VA, 2009.
6. Super Barack, New York, NY, 2008.
7. The Castaways, Washington, DC, 2009.
8. Sant Ocean Hall, Washington, DC, 2009.
9. So This is the Night (Vic Ruggiero, the Slackers),
   Falls Church, VA, 2008.
10. Gigantic Trilobite, Washington, DC, 2008.
11. Flying Whale, Washington, DC, 2009.
12. Nationals Park, Washington, DC, 2008.
13. Icon, New York, NY, 2008.
14. Suburban Fall, Bethesda, MD, 2008.
15. Washington Monument, Washington, DC, 2008.
16. Yard Food, Gaithersburg, MD, 2008.
17. Sleepy Cats, Gaithersburg, MD, 2008.
18. Are Years What?, Washington, DC, 2009.
19. MAGIC Tag, Washington, DC, 2009.
20. This Bronto Went to Miami, Miami, FL, 2009.
21. Have You Seen My Butter?, Astoria, NY, 2008.
22. Sailing Past Lady Liberty, New York, NY, 2008.
23. Hay Truck, Boyds, MD, 2009.
24. LL Cool J at Ludacris’s CD Release Party, New York, NY, 2008.
25. Bridges at Night, New York, NY, 2008.
26. Quince Blossoms, Wheaton, MD, 2009.
27. Shadow Boardwalkers, Asbury Park, NJ, 2009.
28. A Seagull, A Coconut, A Beach, An Ocean, Nassau, Bahamas, 2009.
29. Spider Attack, Washington, DC, 2009.
30. Sea Fingers, Washington, DC, 2008.
31. Brillo Box, Richmond, VA, 2011.
32. Henry & Glenn, Gaithersburg, MD, 2010.
33. Meyer Lemon Slices, Gaithersburg, MD 2012.
34. Thee Haight-Ashbury, San Francisco, CA, 2010.
35. Our Moment, Williamsburg, Brooklyn, NY, 2010.
36. Apple Stack, Dallas, TX, 2010. SOLD!
37. That’s A Lot of Cornflakes, Los Angeles, CA, 2011.
38. IAD, Dulles, VA, 2010.
39. What Do You Know About Mahalia Jackson?, Los Angeles, CA, 2010.
40. Howard U Loves 5 Guys!, Washington, DC, 2011.
41. Have You Seen the Doctor?, New York, NY, 2011.
42. Playing Koi, San Francisco, CA, 2010.
43. Defy the Standards (Disney Concert Hall – F. Gehry),
    Los Angeles, CA, 2012.
44. Fisherman’s Wharf, San Francisco, CA, 2012.
45. Adopt, New York, NY, 2010.
46. No Dumping, Baltimore, MD, 2010.
47. Hello, Mantis!, Gaithersburg, MD, 2011.
48. Nastygram, Washington, DC, 2011.
49. Steve Thought Different, New York, NY, 2011.
50. Revolt Like an Egyptian, Washington, DC, 2011.
51. Old Technology, Your Time Has Expired, Baltimore, MD, 2010.
52. Mmm…Veggies!, Deep Creek Lake, MD, 2011.
53. Intricate Winter, Washington, DC, 2011.
54. Choco-Strawberries, Gaithersburg, MD, 2011.
55. BSA Tank, Germantown, MD, 2010.
56. BAD WOLF, Charlottesville, VA, 2010.
57. Butterfly, Great Falls, VA, 2011.
58. Vivid Blue DC Sky, Washington, DC, 2011.
59. Sunset, Grand Turk, Turks & Caicos, 2012.
60. Spring Is Here!, Gaithersburg, MD, 2012.
61. Chicken Nerd, New York, NY, 2011.
62. Who Doesn’t Like Pottery?, Thurmont, MD, 2010.
63. Bob Marley Mural, San Francisco, CA, 2010.
64. Berlin via Dallas, Dallas, TX, 2010.
65. Sometime Between 3 & 6, Grand Turk, Turks & Caicos, 2012.
66. Do the Dog, New York, NY, 2010.
67. Take it to the Bridge, San Francisco, CA, 2012.
68. Red, Red Wine, Middleburg, VA, 2011.
69. Punchcards, Washington, DC, 2011.
70. Lost in the City, New York, NY, 2011.
71. Jellyfish, La Jolla, CA, 2010.
72. Selfish, Baltimore, MD, 2010.
73. Self-Portrait, Wheaton, MD, 2010.
74. Bird of Paradise, Silver Spring, MD, 2011.
75. Vespa GS160 – Swoon, Washington, DC, 2010. SOLD!
76. Maryland Rocks!, Great Falls, VA, 2011.
77. R.I.P. Whitney, Los Angeles, CA, 2012.
78. Airborne, La Jolla, CA, 2011.
79. Infinity, Grand Turk, Turks & Caicos, 2012.
80. The King of Pop, Los Angeles, CA, 2010.
81. Writer’s Block, New York, NY, 2011.
82. D is for Dog Butt, Los Angeles, CA, 2011.
83. Cranberries, Gaithersburg, MD, 2011.
84. Lo-Gas, Somewhere between L.A. and Vegas, 2012.

To be honest, prior to this the last time I used Fireworks was 10+ years ago and that was to make an animated gif.  The learning curve to Fireworks (and all its new features in the 10+ years) is pretty low if you know your way around Photoshop and Dreamweaver.  This prototype works by creating graphics (layered pages) in Fireworks and adding hotspots to them.  Then you use the iPrototype code package to help you get your Fireworks prototype working on your device.

What I really liked about this is that I didn’t have to completely learn a new tool (read: spend precious hours that could be used toward interaction and interface design).  I took a shot at Appcelerator’s Titanium and threw my hands in the air fairly quickly since I didn’t have that much time to devote to learning it well.

Complete instructions on using Fireworks and iPrototype with video can be found on Adobe Developer Connection’s site.

Here are some bits of info I came across when building my prototype that may help you in your prototyping adventure:

• Plan… a lot.  Although I was only testing four smallish features, my prototype was complicated and I created storyboards on paper (with pencil and a fat eraser) to help sort all the screens out.  Make sure you use a naming convention for each screen that’s easy to decipher.  (I’m a fan of a numbering convention.)  The better you plan up front, the easier it will be to create.
• Web space. You need web space to host the files somewhere and you need web access to load the pages on your phone when you run through the prototype.  My web service died on my phone when testing and that was pretty lame (ok, mortifying).  Also, because your prototype is hosted on the web some where, you can view that URL in a web browser and iPrototype displays your prototype framed in a mock iPhone.
• This goes to 11, no 42 actually. The tutorial says it’s been tested for 30 pages, but I was able to max mine out pretty well at 42 pages.
• Functionality isn’t completely accurate. When testing I had to brief my participants that the typing function didn’t actually work or the date picker wasn’t really available and there wasn’t a real blinking cursor.  Once they got past that, things went fine.  I had a bottom navigation bar so I couldn’t let my pages scroll, but people were instinctively trying to scroll to make sure they didn’t miss anything.
• Score one for non-coders! This method is great for graphic designers, who are non-coders or don’t have time to full-on code.

If this is too much and you want to create a simpler prototype, there’s MockApp.  I actually liked using that.  It was free at the time I used it (looks like they’re creating a fancy paid version), but it essentially was a PowerPoint toolkit where you could create an app and then save it out as an interactive PDF and run it from your iPhone using the GoodReader app.  It works well for really rapid prototyping and for smaller-scale prototypes.

Anyway, stay warm and stay tuned for more stuff from me.