<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Anaara Media &#187; Wireframing</title>
	<atom:link href="http://blog.anaara.com/archives/category/wireframing/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.anaara.com</link>
	<description>Flex, Flash, Rich Internet Applications (RIA&#039;s), and Post Production for Film and Video</description>
	<lastBuildDate>Mon, 30 Aug 2010 17:00:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Capital Flash Camp 2010 : A brief recap</title>
		<link>http://blog.anaara.com/archives/220</link>
		<comments>http://blog.anaara.com/archives/220#comments</comments>
		<pubDate>Fri, 16 Apr 2010 22:33:49 +0000</pubDate>
		<dc:creator>Fuad Kamal</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flash Catalyst]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[Flex 3 -> Flex 4 Migration]]></category>
		<category><![CDATA[Flex 4]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[RIA]]></category>
		<category><![CDATA[Software Architecture]]></category>
		<category><![CDATA[UXD]]></category>
		<category><![CDATA[Wireframing]]></category>

		<guid isPermaLink="false">http://blog.anaara.com/?p=220</guid>
		<description><![CDATA[I attended Flash Camp in DC today and though I would share my initial impressions, given that we were at 360 Flex not too long ago and a lot of attention is being given to the upcoming Flash &#038; the &#8230; <a href="http://blog.anaara.com/archives/220">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I attended Flash Camp in DC today and though I would share my initial impressions, given that we were at 360 Flex not too long ago and a lot of attention is being given to the upcoming Flash &#038; the City conference coming up in NYC soon.  First off, I will admit my motivations for attending were (a) because it was local to us and (b) because our User Experience Designer, @adnaanahmad  was presenting on Catalyst.  If reason (a) were the only reason, I might have gotten lazy and not gone at all, but reason (b) was enough to mandate my attendance.  Anyway, three main areas caught my attention regarding Capital Flash Camp: the speakers/presentations, the conference / organization itself, and the food.  You might think that the first area, the speakers / presentations, should be the sole focus, but I guess, the same way you notice bad design because it hinders you, but you don&#8217;t notice good design because it&#8217;s doing its job, also these satellite issues contribute or detract  from an event such as this. </p>
<p><strong>Conference / Organization</strong><br />
What, no name tag?<br />
I guess this is an area where stuff I had been taking for granted, from my experiences at MAX, and now 360 Flex, kind of stood out.  We might tend to think of name tags as a bother, but part of the reason we attend conferences is to network.  There seemed to have been no thought given to the networking aspect at all at Capital Flash Camp.  Don&#8217;t get me wrong, we don&#8217;t need fancy lanyards and stuff &#8211; a simple sticker you write your own name on would have been sufficient.  Then again, I guess that forces folks to try and open their mouths and actually ask each others names&#8230;not such a bad thing, eh?  So, was this an oversight or actually a clever, well designed ploy to encourage folks to get out of the closet and actually develop social skills?  Either way, it did get my attention.</p>
<p>There was also no swag&#8230;not at the registration desk, anyway&#8230;kind of a disappointment.  I don&#8217;t count Adobe pens and stickers left over from 360 Flex as swag, sorry&#8230;aren&#8217;t conference shirts a defacto standard?</p>
<p>Attendance wise, I was actually pretty disappointed.  The conference was held in a relatively small area, with all the talks being held in a single, small auditorium with a huge curved screen.  However, the number of attendees might have made the place look vast.  There were maybe only fifty attendees in the beginning, and for some reason as the conference progressed that number continuously dwindled.  I left early myself, with two sessions and the giveaways still pending, but at that time there might have only been twenty or so folks left.</p>
<p><strong>Speakers / Presentations</strong></p>
<p><a href="http://www.flickr.com/photos/abunur/sets/72157623747071237/show/"><img alt="" src="http://farm5.static.flickr.com/4025/4526960472_571a7c7017_m.jpg" title="Jeff Tapper" class="alignleft" width="168" height="240" /></a>I walked into the conference in the middle of @jefftapper &#8216;s presentation <em>Flex 4 for Flex 3 Developers</em>.  Jeff&#8217;s presentation was excellent, and I definitely plan to go download his lecture notes since we are at the beginnings of a flex 3 -> flex 4 migration, ourselves.  Of particular interest is the list of mx components that were not ported to the spark space at all, such as DataGrid and ViewStack.  One of the first questions I posed on twitter as we started migrating our code to the spark space was, &#8216;are we supposed to mix mx and spark components by design?&#8217;  I got a bunch of tweets in response referring either to custom components folks had built in the spark space or on how to mix mx and spark components.  Jeff&#8217;s response was that he felt that Adobe hadn&#8217;t done this themselves yet due to time constraints.  Ah&#8230;</p>
<p>Next up was @queencodemonkey on <em>Greenthreading in Flex</em>.  I already saw her presentation at 360 Flex, but as I told her, it was one of the best presentations I had attended, with regards to stuff I was able to take back to my team and say, &#8216;hey, this is something we should look into with regards to what we&#8217;re currently doing&#8217;.  So it was enjoyable to see it again, and a good review of the concepts and applications.  I also made a note to go and read an article she referred to by @ jesterxl on loading massive amounts of data in the Flash player, and they both were kind enough to tweet the <a href="http://jessewarden.com/2009/02/parsing-rendering-lots-of-data-in-flash-player.html">link to the article</a>.</p>
<p>Next was <em>The Art of Storytelling</em> by @christiansaylor.  It was a nice change of pace from the technical presentations, and indeed, he is a great story teller himself.  I kept thinking that his presentation style was highly reminiscent of Steve Jobs, and when one of his slides was a huge photo of <em>The Evil One</em> (as one audience member called out, lol) it pretty much cinched it in my mind that was a source of influence for him.  In a good way&#8230;</p>
<p>Christian also convinced me to take a closer look at Audi&#8230;</p>
<p>Towards the middle to end of the presentation, I kind of felt like it was tending towards a sales plug for Universal mind, but then again, they sponsored and organized the event, half the speakers were from their company &#8211; so what could you expect?  In the least, at least this presentation was pertinent and well done, unlike the eBay sponsor presentation at 360 Flex, which had me wondering if anyone, really, ANYONE in the entire audience cared an iota about what the speaker had to say or if what he spoke on had anything at all to do with real business problems faced by anyone in the audience.</p>
<p>next was lunch&#8230;</p>
<p><strong>The Food</strong><br />
What can I say, without getting too insulting? Meh.  Not a highlight of the conference.  At 360 Flex, they had good food, but it would run out before you could actually get any.  For some reason, I found that more appealing than food you got but didn&#8217;t find appetizing. </p>
<p><strong>More Great Speakers</strong><br />
@carlsmith spoke on the importance of listening to your audience in <em>It’s a Matter of Trust</em>.  Frankly this was by far the most entertaining session, hands down.  The volume and amount of laughter in the audience  was a clear indication of that.  He brought up twitter a lot in examples of customers complaining about the service of companies, and the successes and failures of companies leveraging twitter to satisfy customers.  The bottom line of his presentation: treat your audience as people, not as statistics.</p>
<p>The last session I attended before ditching was <em>Introduction to Flash Catalyst</em> by @adnaanahmad.  Adnaan&#8217;s presentation was great, especially considering it was his first conference presentation, ever.  I think the audience was hungry for more on his demo side; the background info etc. is all good and well, but that&#8217;s stuff folks can read about later or have already done so, the demo is what really engaged us.  He also made a pretty good case considering there was only one designer left in the audience at that point and the rest were developers.</p>
<p>You can find a small slideshow of the photos I took at the conference <a href="http://www.flickr.com/photos/abunur/sets/72157623747071237/show/">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.anaara.com/archives/220/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>review: Balsamiq Mockups</title>
		<link>http://blog.anaara.com/archives/163</link>
		<comments>http://blog.anaara.com/archives/163#comments</comments>
		<pubDate>Mon, 24 Aug 2009 23:15:44 +0000</pubDate>
		<dc:creator>Fuad Kamal</dc:creator>
				<category><![CDATA[AIR]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Balsamiq Mockups]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Flash Catalyst]]></category>
		<category><![CDATA[RIA]]></category>
		<category><![CDATA[Thermo]]></category>
		<category><![CDATA[UXD]]></category>
		<category><![CDATA[Wireframing]]></category>

		<guid isPermaLink="false">http://blog.anaara.com/?p=163</guid>
		<description><![CDATA[It took me, as a 'first time ever' user of Balsamiq, about two hours to complete a wireframe I had sketched up on paper in a few minutes.  That's a plus - I doubt anyone besides myself can read the wireframe I sketched by hand, much less make heads or tails of it, while the one I made with Balsamiq is quite legible, while still lo-res such that it should impress upon the client that this is indeed a mockup not meant to communicate any sense of the look &#038; feel of the application.  My other thoughts for this particular wireframe were to do it either in FIreworks or in Flash Catalyst. <a href="http://blog.anaara.com/archives/163">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>The short and sweet: Balsamiq Mockups offers a way for folks to quickly throw together wireframes &#8211; no experience necessary.  You  don&#8217;t need to be a wizard with Fireworks, for example, to quickly create and edit a wireframe in front of a client.  It took me, as a &#8216;first time ever&#8217; user of Balsamiq, about two hours to complete a wireframe I had sketched up on paper in a few minutes. <a href="http://blog.anaara.com/wp-content/uploads/2009/08/balsamiq-wireframes_21.png"><img  align="middle" src="http://blog.anaara.com/wp-content/uploads/2009/08/balsamiq-wireframes_21-150x150.png" alt="My first Balsamiq Wireframe" title="balsamiq wireframes_2" width="150" height="150" class="size-thumbnail wp-image-169" /></a>That&#8217;s a plus &#8211; I doubt anyone besides myself can read the wireframe I sketched by hand,<a href="http://blog.anaara.com/wp-content/uploads/2009/08/sketch1.png"><img src="http://blog.anaara.com/wp-content/uploads/2009/08/sketch-150x150.png" alt="hand sketched wireframe" title="sketch" width="150" height="150" class="size-thumbnail wp-image-171" /></a> much less make heads or tails of it, while the one I made with Balsamiq is quite legible, while still lo-res such that it should impress upon the client that this is indeed a mockup not meant to communicate any sense of the look &#038; feel of the application.  My other thoughts for this particular wireframe were to do it either in FIreworks or in Flash Catalyst.  The benefit of doing it in Catalyst was that the end result is actually an interactive motion wireframe.  The downside of using Catalyst, though, was that (a) its still very much in the raw beta stage, and (b) the time to develop the interactivity in a way that would justify using Catalyst in the first place, would have also been much greater.  For example, if you want to edit the text in a label, something you take for granted in most other applications that can be done simply by double-clicking on the text, in FC you must click on the label, and then edit the text in the property inspector rather than directly.  This and other quirks are part of the beta nature of Catalyst &#8211; it just isn&#8217;t fully baked yet, which is to be expected for a beta.  We&#8217;ve been waiting eagerly for Catalyst since it was first announced at MAX &#8217;07, and are still quite eager for a release version.</p>
<p>Back to the topic of Balsamiq &#8211; one feature I found I would have really liked would be the ability to create my own components &#8211; currently you can only use the ones that are given by Balsamiq &#8211; or even to have more control of the customization of the existing components.  To their benefit, though, they do offer to make more if the use is general enough, if you just ask, and they say they update the application (which is an Adobe AIR app, btw) on a weekly basis.  I think I would have also liked a freehand draw tool &#8211; I use a Wacom and would have liked the luxury of being able to write on top of the mockup as I wished.  On the other hand, Balsamiq exports and saves to an XML format &#8211; so I can see the need to limit components to a pre-defined set of components.  You can also re-use user defined components, which are really just Balsamiq Mockups themselves.  The place to get those is <a href="http://mockupstogo.net">Mockups to Go</a>.  I&#8217;m not sure if it was just the time I happened to be trying to access that site, but it seemed incredibly slow to me.  Three of the &#8216;portlets&#8217; on the right side of my wireframe are sourced from there&#8230;that definitely saved me a bit of time.</p>
<p>The best intro to Balsamiq I can recommend is to watch the intro video on their site, where they quickly make a mockup of iTunes.  There is also an application called <a href="http://napkee.com">Napkee</a> that lets you turn your Balsamiq Mockups into an interactive flex app &#8211; I guess that would kind of be on par with Catalyst, except you wouldn&#8217;t get the kind of round tripping you get between the CS4 suites and Catalyst. I didn&#8217;t play with Napkee but I get the impression it can&#8217;t export to the FXP format that is standard in Catalyst, Flex 4 and CS4.</p>
<p>Other features I would like to see implemented in Balsamiq:<br />
-double-clicking on a group should let me edit the group.  I guess that&#8217;s something I&#8217;m used to seeing from some of the Adobe apps such as Flash.  A little irritating to me to find that doesn&#8217;t work here<br />
-ugh! that purple color when I select a group &#8211; is there a way to customize the color prefs?  It hurts my eyes&#8230;<br />
-I would like the ability to zoom in and out of the mockup.  There are no resolution settings, rulers, or guides.  So you can imagine that a wireframe done quickly on a 30&#8243; cinema display doesn&#8217;t always make for easy viewing on a 15&#8243; MPB screen&#8230;or in an Adobe Connect Session, for that matter, where everyone&#8217;s got a different screen resolution<br />
-&#8217;icon&#8217; assets in Balsamiq can&#8217;t be resized by dragging resize handles &#8211; they can only be set to one of a few preset sizes (L, M, S, XS&#8230;).  This really breaks when an icon is in a group &#8211; if you resize the group, the icon doesn&#8217;t resize with it.</p>
<p>Finally, I found <a href="http://www.flairbuilder.com/balsamiq-mockups-and-iplotz-comparison/">this review of Balsamiq</a> was also helpful.  Coincidentally I reviewed iPlotz a while back <a href="http://blog.anaara.com/archives/118">here</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.anaara.com/archives/163/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
