<?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>MASHAKROL.COM</title>
	<atom:link href="http://mashakrol.com/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://mashakrol.com</link>
	<description>My Path to User Experience Design</description>
	<lastBuildDate>Thu, 24 Feb 2011 16:03:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>This Doesn’t Look Like a Face: an Exercise in Patience</title>
		<link>http://mashakrol.com/?p=218</link>
		<comments>http://mashakrol.com/?p=218#comments</comments>
		<pubDate>Wed, 27 Oct 2010 18:33:36 +0000</pubDate>
		<dc:creator>masha</dc:creator>
				<category><![CDATA[drawing]]></category>
		<category><![CDATA[featured]]></category>

		<guid isPermaLink="false">http://mashakrol.com/?p=218</guid>
		<description><![CDATA[Over the course of my birthweek (birthdays are so last year) this past summer, I took a 4-day drawing workshop based on Betty Edwards’ book “Drawing on the Right Side of the Brain”. From this post, you know that I’ve ventured into the book’s exercises on my own previously – needless to say, the motivation [...]]]></description>
			<content:encoded><![CDATA[<p>Over the course of my birthweek (birthdays are <em>so</em> last year) this past summer, I took a 4-day drawing workshop based on Betty Edwards’ book <a title="Betty Edwards' &quot;Drawing on the Right Side of the Brain&quot; on Amazon" href="http://www.amazon.ca/New-Drawing-Right-Side-Brain/dp/0874774241/ref=dp_ob_title_bk">“Drawing on the Right Side of the Brain”</a>. From <a title="Shiny New Supplies and My First Pure Contour Drawing on mashakrol.com" href="http://mashakrol.com/?p=59">this post</a>, you know that I’ve ventured into the book’s exercises on my own previously – needless to say, the motivation of having an instructor and a scheduled 6 hours a day for 4 days was much more powerful than anything I myself could muster. Still, though I expected some progress, the end results were a huge surprise.</p>
<p>We started off with some very simple sketches, one of which was the “Day 1 Self-Portrait” to give ourselves a baseline to compare to at the end of the week. In that first half of the first day, we drew as anyone normally would: in large part reproducing remembered “pictograms” (notice how the Alex drawing in the set below has features similar to my first self-portrait – totally untrue in real life) with very little actual observation. Thus, there was no experience of the drawing ever “coming together”, because there was no piecemeal recreation of the reality; it was as if I was stamping down on the page, as a whole symbol, what my brain had internalized as An Alex, or A Masha. This pretty much mimicked the experience of all the drawings that I’d ever done before.</p>
<p>By the third day, however, when we did the profile renderings of our classmates, and then especially when we got to the culminating self-portrait on the last day of the class, a common theme had emerged: between toning your paper, finding your base unit, and putting down those first pencil marks and filling in the details, teasing out the lights and shadows, and, finally, seeing someone or something come staring through, there existed an excruciatingly long, unsettling, even disturbing period of complete and utter uncertainty. I found myself quite often staring down at the sheet in disgust, doubting my eye-hand coordination and fine motor skills (not to mention, beating myself up for thinking I could do this course at all) and having to force myself to continue solely on faith. When even a glimmer of what I was trying to depict appeared on the paper, elation ensued. All the drawing I did after those moments of recognition was carefree, easy-peasy, forget-the-world-exists drawing that was simply natural and extremely enjoyable.</p>
<p>The point, then? I predict that there are likely to be times in your current project’s lifecycle that will make you doubt its feasibility (or your own existence). What the workshop taught me is that those times are <em>not</em> times to give up. Those times are the times to keep making decisions, often on faith, to keep adding detail, to keep putting pencil strokes down. One day, you will see it – and from there, it’s cake.</p>
<p>Oh, and to illustrate the aforementioned progress, here are all the drawings I did in the class in temporal order. The purists will have to pardon the quality (or lack of it) of the pics and lighting&#8230;</p>

<a href='http://mashakrol.com/?attachment_id=221' title='Signature Drawings'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1033-150x150.jpg" class="attachment-thumbnail" alt="Signature Drawings" title="Signature Drawings" /></a>
<a href='http://mashakrol.com/?attachment_id=222' title='Vase-Face'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1034-150x150.jpg" class="attachment-thumbnail" alt="Vase-Face" title="Vase-Face" /></a>
<a href='http://mashakrol.com/?attachment_id=220' title='Baroque Vase-Face'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1032-150x150.jpg" class="attachment-thumbnail" alt="Baroque Vase-Face" title="Baroque Vase-Face" /></a>
<a href='http://mashakrol.com/?attachment_id=219' title='Self-Portrait #1'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1035-150x150.jpg" class="attachment-thumbnail" alt="Self-Portrait #1" title="Self-Portrait #1" /></a>
<a href='http://mashakrol.com/?attachment_id=224' title='Alex'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1036-150x150.jpg" class="attachment-thumbnail" alt="Alex" title="Alex" /></a>
<a href='http://mashakrol.com/?attachment_id=225' title='My Hand'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1037-150x150.jpg" class="attachment-thumbnail" alt="My Hand" title="My Hand" /></a>
<a href='http://mashakrol.com/?attachment_id=226' title='Upside-Down Drawing'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1038-150x150.jpg" class="attachment-thumbnail" alt="Upside-Down Drawing" title="Upside-Down Drawing" /></a>
<a href='http://mashakrol.com/?attachment_id=227' title='Boxes in Perspective'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1039-150x150.jpg" class="attachment-thumbnail" alt="Boxes in Perspective" title="Boxes in Perspective" /></a>
<a href='http://mashakrol.com/?attachment_id=228' title='Contour Drawing #1'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1040-150x150.jpg" class="attachment-thumbnail" alt="Contour Drawing #1" title="Contour Drawing #1" /></a>
<a href='http://mashakrol.com/?attachment_id=229' title='Contour Drawing #2'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1041-150x150.jpg" class="attachment-thumbnail" alt="Contour Drawing #2" title="Contour Drawing #2" /></a>
<a href='http://mashakrol.com/?attachment_id=230' title='Contour Drawing #3'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1042-150x150.jpg" class="attachment-thumbnail" alt="Contour Drawing #3" title="Contour Drawing #3" /></a>
<a href='http://mashakrol.com/?attachment_id=231' title='Contour Drawing #4'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1043-150x150.jpg" class="attachment-thumbnail" alt="Contour Drawing #4" title="Contour Drawing #4" /></a>
<a href='http://mashakrol.com/?attachment_id=232' title='A Rose Contour Drawing'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1044-150x150.jpg" class="attachment-thumbnail" alt="A Rose Contour Drawing" title="A Rose Contour Drawing" /></a>
<a href='http://mashakrol.com/?attachment_id=233' title='Crumpled Paper Contour Drawing'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1045-150x150.jpg" class="attachment-thumbnail" alt="Crumpled Paper Contour Drawing" title="Crumpled Paper Contour Drawing" /></a>
<a href='http://mashakrol.com/?attachment_id=234' title='Enlarged Contour Drawing'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1046-150x150.jpg" class="attachment-thumbnail" alt="Enlarged Contour Drawing" title="Enlarged Contour Drawing" /></a>
<a href='http://mashakrol.com/?attachment_id=235' title='Left-Handed Painters&#039; Club'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1047-150x150.jpg" class="attachment-thumbnail" alt="Left-Handed Painters&#039; Club" title="Left-Handed Painters&#039; Club" /></a>
<a href='http://mashakrol.com/?attachment_id=236' title='Negative Goat Space'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1048-150x150.jpg" class="attachment-thumbnail" alt="Negative Goat Space" title="Negative Goat Space" /></a>
<a href='http://mashakrol.com/?attachment_id=237' title='Negative Deer'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1049-150x150.jpg" class="attachment-thumbnail" alt="Negative Deer" title="Negative Deer" /></a>
<a href='http://mashakrol.com/?attachment_id=238' title='Negative Chair'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1051-150x150.jpg" class="attachment-thumbnail" alt="Negative Chair" title="Negative Chair" /></a>
<a href='http://mashakrol.com/?attachment_id=239' title='The Door'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1052-150x150.jpg" class="attachment-thumbnail" alt="The Door" title="The Door" /></a>
<a href='http://mashakrol.com/?attachment_id=240' title='The Corner'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1053-150x150.jpg" class="attachment-thumbnail" alt="The Corner" title="The Corner" /></a>
<a href='http://mashakrol.com/?attachment_id=241' title='En Face'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1054-150x150.jpg" class="attachment-thumbnail" alt="En Face" title="En Face" /></a>
<a href='http://mashakrol.com/?attachment_id=242' title='Profile'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1055-150x150.jpg" class="attachment-thumbnail" alt="Profile" title="Profile" /></a>
<a href='http://mashakrol.com/?attachment_id=243' title='John Singer Seargent&#039;s Profile Lady'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1056-150x150.jpg" class="attachment-thumbnail" alt="John Singer Seargent&#039;s Profile Lady" title="John Singer Seargent&#039;s Profile Lady" /></a>
<a href='http://mashakrol.com/?attachment_id=244' title='Anne'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1057-150x150.jpg" class="attachment-thumbnail" alt="Anne" title="Anne" /></a>
<a href='http://mashakrol.com/?attachment_id=245' title='Shadow of a Man'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1058-150x150.jpg" class="attachment-thumbnail" alt="Shadow of a Man" title="Shadow of a Man" /></a>
<a href='http://mashakrol.com/?attachment_id=246' title='Light &amp; Shadow Study'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1059-150x150.jpg" class="attachment-thumbnail" alt="Light &amp; Shadow Study" title="Light &amp; Shadow Study" /></a>
<a href='http://mashakrol.com/?attachment_id=247' title='3/4 Front'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1060-150x150.jpg" class="attachment-thumbnail" alt="3/4 Front" title="3/4 Front" /></a>
<a href='http://mashakrol.com/?attachment_id=223' title='Self-Portrait #2'><img width="150" height="150" src="http://mashakrol.com/wp-content/uploads/2010/10/DSC_1061-150x150.jpg" class="attachment-thumbnail" alt="Self-Portrait #2" title="Self-Portrait #2" /></a>

]]></content:encoded>
			<wfw:commentRss>http://mashakrol.com/?feed=rss2&#038;p=218</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Did You Earn Your Margarita Yet?</title>
		<link>http://mashakrol.com/?p=180</link>
		<comments>http://mashakrol.com/?p=180#comments</comments>
		<pubDate>Wed, 13 Oct 2010 14:35:18 +0000</pubDate>
		<dc:creator>masha</dc:creator>
				<category><![CDATA[writing]]></category>

		<guid isPermaLink="false">http://mashakrol.com/?p=180</guid>
		<description><![CDATA[I just finished gulping down “The 4-Hour Work Week” by Tim Ferriss (available for borrowing as an e-book from the Ottawa Public Library), so I wanted to regurgitate some of his tips and immediately actionable items from the book before they are fully digested (pardon the mental picture, folks). One of my biggest obstacles to [...]]]></description>
			<content:encoded><![CDATA[<p>I just finished gulping down “The 4-Hour Work Week” by <a title="The 4-Hour Work Week: Tim Ferriss" href="http://fourhourworkweek.com/">Tim Ferriss </a>(available for borrowing as an e-book from the <a title="Ottawa Public Library" href="http://biblioottawalibrary.ca/en/main/overview">Ottawa Public Library</a>), so I wanted to regurgitate some of his tips and immediately actionable items from the book before they are fully digested (pardon the mental picture, folks).</p>
<p>One of my biggest obstacles to being productive has always been an obsessive desire to read email the second it comes in. Business or personal, I had to know as soon as the indicator lit up just what was in that precious e-envelope – read, unhealthy compulsion, and a bit of “I’m so important, someone emails me every 5 minutes.” Oh yeah. So when I read Tim’s suggestions to turn off the pesky notification and limit e-mail checking to two timeslots a day, needless to say, I was sceptical (and fearful for my ego) – but decided to give it a shot last Monday.</p>
<p>Holy. Shit. What a difference! I was actually <em>done</em> something before lunch, thereby avoiding that crushing feeling of uselessness that used to come over me as I tried to convince myself that I still deserved to eat. I could totally substitute this solid accomplishment for the fleeting sense of importance!</p>
<p>Tim’s book wasn’t the first place I had come across the suggestion of making sure you’re getting something done before lunch – <a title="Inside SWT: Steve Northover (Old Blog)" href="http://inside-swt.blogspot.com/">Steve Northover</a>, the father of SWT and my first boss at IBM, used to call it “earning your margarita”, in reference to doing something useful before going out for lunch to Mexicali Rosa’s (where the aforementioned cocktails are quite delicious!). Well, Steve, I’m clearly a little slow on the uptake, but 4 years later I finally concur.</p>
<p>In summary, then:</p>
<ol>
<li>Turn off your new email notification! This alone will reduce your anxiety immensely.</li>
<li>Check your email and deal with it in bulk at a maximum twice a day – I go from 11AM to noon, and 4PM until I’m done with it. Whatever you do, don’t check it first thing in the morning!</li>
<li>Earn your margarita! Before you check your email for the first time that day (or go to a stitch’n’bitch morning meeting), get something done. The good inertia will get you through the rest of the day faster than ever!</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://mashakrol.com/?feed=rss2&#038;p=180</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Go Big or Go Small, Think Hard First: Career Lessons from a Wise Man</title>
		<link>http://mashakrol.com/?p=165</link>
		<comments>http://mashakrol.com/?p=165#comments</comments>
		<pubDate>Fri, 24 Sep 2010 13:44:31 +0000</pubDate>
		<dc:creator>masha</dc:creator>
				<category><![CDATA[writing]]></category>

		<guid isPermaLink="false">http://mashakrol.com/?p=165</guid>
		<description><![CDATA[The other day I had the pleasure of meeting a former start-up CTO for coffee (former due to successful sale, not epic fail). Being at a crossroads in my (so far quite short) career currently and antsy for a change, I really appreciated the insight of an experienced person – as Eleanor Roosevelt said, “Learn [...]]]></description>
			<content:encoded><![CDATA[<p>The other day I had the pleasure of meeting a former start-up CTO for coffee (former due to successful sale, not epic fail). Being at a crossroads in my (so far quite short) career currently and antsy for a change, I really appreciated the insight of an experienced person – as Eleanor Roosevelt said, “Learn from the mistakes of others. You can’t live long enough to make them all yourself.” The following captures the essence of our chat, in part for my own future reference, and in part because I hope that you will find it as eye-opening and inspirational as I did.</p>
<p>1)      “It’s easier, faster, and more likely to teach you the right way of doing things to be “formally” trained than to learn by blundering” – using “formally” loosely here, because what was really meant was along the lines of the Roosevelt quote above: finding and working for (or with) a well-versed pro will do you better than stumbling through stuff on your own.</p>
<p>2)      “There are three things that you cannot teach people: how to be smart, how to work hard, and how to get along with others. Everything else is learnable.” If you possess those characteristics (no need to be modest with yourself), never get discouraged by particulars of a job description. Reach out and “touch” a potential employer to understand whether they’re able to customize a niche for you to fit into.</p>
<p>3)      At the same time, “if you have those three things AND 5 years of experience in various parts of the business”, you’ll be it, not the “green” guy from #2.</p>
<p>4)      Furthermore, “[insert large corporation name here: IBM, Microsoft, etc.] is a great company to come from”, in the sense that there are vast opportunities to move around into a variety of established roles within those large organizations with solid training and mentorship available. At smaller companies, while there’s always opportunity to wear many hats, there is probably less of a chance that stars in any one specialization will be on hand (or that they&#8217;ll have any time to babysit you). Read into that quote also that there is no expectation of any individuals with ants in their pants (like myself) staying at the corporation for their whole professional lives, but rather “using it” as a training and learning ground that also pays you.</p>
<p>5)      Switching gears a little, if you are set on working for a smaller, start-up company, “ask them about their track record and why someone can’t take them out in three months”. While that last part should likely be rephrased so as not to come off as an arse, this is a very important point to understand, due to the volatility of start-ups and the whole “8 or 9 out of 10 will fail” edict. While large companies are large enough to endure a prolonged amount of sucking in the market, small companies do not have this luxury, so at least try to ensure that you’re putting your career into capable, experienced hands.</p>
<p>6)      “There are only a couple of reasons that the thing the start-up is doing cannot be reproduced: some proprietary super-genius magic technology that is just too complicated, some form of exclusive access to a juicy customer channel, or that the same team has already come at the problem 10 times before and has made all the mistakes that they could.”</p>
<p>7)      Slightly orthogonally, “if you go to a start-up, you’re almost guaranteed to work more and be paid less. You will get stock, but do your research to know what it’s really worth.”</p>
<p>8)      And, finally, “the economy is still pretty shaky. Those 30-40 employee companies you see now with ‘Mickey Mouse’ business plans may all fail before the year is out. [Insert large corporation again] will not. Spending another half-a-year to a year there in a new, more exciting role will get you more variety of experience and give the economy a chance to heal further. Either way, make sure you understand the risks to the fullest of your ability before making any sudden movements.”</p>
]]></content:encoded>
			<wfw:commentRss>http://mashakrol.com/?feed=rss2&#038;p=165</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>&#8220;Do It Online Now&#8221; or Why ServiceOntario Could Use Some UXD Love</title>
		<link>http://mashakrol.com/?p=120</link>
		<comments>http://mashakrol.com/?p=120#comments</comments>
		<pubDate>Thu, 19 Aug 2010 04:45:48 +0000</pubDate>
		<dc:creator>masha</dc:creator>
				<category><![CDATA[writing]]></category>

		<guid isPermaLink="false">http://mashakrol.com/?p=120</guid>
		<description><![CDATA[Birthdays come but once a year (unfortunately!) and with them slews of fantastic presents (if you’ve clearly stated your requirements to your loved ones, that is). Additionally, every 5 years, we lucky Ontarians receive special gifts from our provincial government in the form of letters, bequeathing us with opportunities to renew our drivers’ licenses and [...]]]></description>
			<content:encoded><![CDATA[<p>Birthdays come but once a year (unfortunately!) and with them slews of fantastic presents (if you’ve clearly stated your requirements to your loved ones, that is). Additionally, every 5 years, we lucky Ontarians receive special gifts from our provincial government in the form of letters, bequeathing us with opportunities to renew our drivers’ licenses and health cards. This year, I excitedly ripped open the signature craft brown envelopes to find out that the Intertubes have finally been connected to the Ontario government offices – better late than never, I suppose – and that I was to go online to book an appointment for renewal! This meant shorter wait times on location for me so, needless to say, I was overjoyed. Arriving at the <a title="ServiceOntario: Online Appointment Booking" href="http://serviceontario.ca/appointment">URL</a>, I found this:</p>
<p><a href="http://mashakrol.com/wp-content/uploads/2010/08/ServiceOntario_Home.png" rel="lightbox[120]"><img class="size-medium wp-image-121 aligncenter" title="ServiceOntario: Home" src="http://mashakrol.com/wp-content/uploads/2010/08/ServiceOntario_Home-300x279.png" alt="The ServiceOntario Home Page" width="300" height="279" /></a></p>
<p>Still riding my excitement, I naively <a title="Satisficing on Wikipedia.com" href="http://en.wikipedia.org/wiki/Satisficing">satisficed</a> when I saw the words “Health Card Renewal” on the page – click!</p>
<p style="text-align: center;"><a href="http://mashakrol.com/wp-content/uploads/2010/08/ServiceOntario_Info.png" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-122" title="ServiceOntario: Information" src="http://mashakrol.com/wp-content/uploads/2010/08/ServiceOntario_Info-300x279.png" alt="Additional Information About Booking Health Card Renewal Appointments Page" width="300" height="279" /></a></p>
<p>Hmm&#8230; I thought I’d be booking my appointment by now, but alright, there’s “Book an Appointment” among a sea of other text.</p>
<p><a href="http://mashakrol.com/wp-content/uploads/2010/08/ServiceOntario_Info_BookApptmt.png" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-123" title="ServiceOntario: Information on Booking an Appointment" src="http://mashakrol.com/wp-content/uploads/2010/08/ServiceOntario_Info_BookApptmt-300x279.png" alt="The Booking an Appointment Section of the Information Page" width="300" height="279" /></a></p>
<p>Uhm, I’m sorry, you want me to what? Go back to where I just came from and start again? Why would I want to do that?! I obviously came here thinking I’d picked the correct door&#8230; I just want to book a bloody appointment! OK, so, fine, I’ll go back.</p>
<p><a href="http://mashakrol.com/wp-content/uploads/2010/08/ServiceOntario_Home_Top.png" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-124" title="ServiceOntario: &quot;Top&quot; of the Home Page" src="http://mashakrol.com/wp-content/uploads/2010/08/ServiceOntario_Home_Top-300x279.png" alt="The &quot;Top&quot; of The ServiceOntario Home Page" width="300" height="279" /></a></p>
<p>Now, where did you come from, you naughty devil of a button? This wordage is really making me hesitant (you know <a title="The Internet is for Porn: Avenue Q" href="http://www.youtube.com/watch?v=W31ue-9u4z4">what the Internet is for</a>, right?), but I think this is actually what I need. I click, peeking cautiously through my fingers:</p>
<p><a href="http://mashakrol.com/wp-content/uploads/2010/08/ServiceOntario_AppointmentBooking.png" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-125" title="ServiceOntario: Actual Appointment Booking" src="http://mashakrol.com/wp-content/uploads/2010/08/ServiceOntario_AppointmentBooking-300x279.png" alt="The ServiceOntario Actual Appointment Booking Page" width="300" height="279" /></a></p>
<p>Though uncertain, I believe this is what success looks like. Actual interaction with the web app is a topic for another post.</p>
<p>Now, I’ve read <a title="Steve Krug's &quot;Don't Make Me Think&quot; on Amazon.ca" href="http://www.amazon.ca/Dont-Make-Me-Think-Usability/dp/0321344758/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1282192544&amp;sr=8-1">Steve Krug’s “Don’t Make Me Think”</a>, apparently, unlike the folks that put this front end together. I’ve had to think at almost every step of the way! Forgive me – I’m no whiz-bang hot shot graphic designer – but I believe all this futile clicking could have been completely eliminated if I had just been presented with this:</p>
<p><a href="http://mashakrol.com/wp-content/uploads/2010/08/ServiceOntario_Home_MMK.png" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-126" title="ServiceOntario: Appointment Booking Home Page, Masha Style" src="http://mashakrol.com/wp-content/uploads/2010/08/ServiceOntario_Home_MMK-300x279.png" alt="The &quot;Enhanced by Masha&quot; Version of the ServiceOntario Appointment Booking Page" width="300" height="279" /></a></p>
<p>The 80% task is front and center for me to access (worded in an immediately recognizable way); the rest of the information is retained for those who may require it but deemphasized. It’s interesting, since the main container is 980px wide, that the designers are taking into account the 1024px widths, but completely ignoring the 768px heights. If there is something above the fold that looks “good enough”, people are unlikely to scroll down looking for a better match (this is a statement based on n of 1, so, here, have a grain of salt).</p>
<p>P.S.: The argument that “1024&#215;768 resolutions are now <a title="Browser Display Statistics on W3C" href="http://www.w3schools.com/browsers/browsers_display.asp">basically irrelevant</a>” doesn’t stand either, since the tantalizing button is a full 962px down from the top of the page, so even at my rockin’ 1920&#215;1200, I barely saw the top of it in FireFox.</p>
<p>Bottom line: figure out what the most common user task (maximum a couple) is at any state of your UI and make it extremely obvious how to start and finish it successfully. Easy-peasy!</p>
]]></content:encoded>
			<wfw:commentRss>http://mashakrol.com/?feed=rss2&#038;p=120</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mastering the Skills for UX Mastery</title>
		<link>http://mashakrol.com/?p=82</link>
		<comments>http://mashakrol.com/?p=82#comments</comments>
		<pubDate>Thu, 05 Aug 2010 03:57:01 +0000</pubDate>
		<dc:creator>masha</dc:creator>
				<category><![CDATA[writing]]></category>

		<guid isPermaLink="false">http://mashakrol.com/?p=82</guid>
		<description><![CDATA[The other day, Jared Spool of User Interface Engineering (whom, I must mention, I admire and read often) posted an article entitled “Five Indispensable Skills for UX Mastery”. The five skills he named were sketching, storytelling, facilitating, critiquing, presenting and facilitating. While I wholeheartedly agree with Mr. Spool’s list, I was slightly disappointed by the [...]]]></description>
			<content:encoded><![CDATA[<p>The other day, Jared Spool of <a title="User Interface Engineering" href="http://www.uie.com/">User Interface Engineering</a> (whom, I must mention, I admire and read often) posted an article entitled “<a title="Five Indispensible Skills for UX Mastery on UIE.com" href="http://www.uie.com/articles/indispensable_skills">Five Indispensable Skills for UX Mastery”</a>. The five skills he named were sketching, storytelling, facilitating, critiquing, presenting and facilitating. While I wholeheartedly agree with Mr. Spool’s list, I was slightly disappointed by the lack of concrete “now go out and learn’em, here’s how” advice in the article. His urgings of practice at every skill are absolutely valid, but it would have been nice to have called out a couple of resources for each. Still, Spool’s article is Spool’s article, so instead of whining idly, I decided to put together a small set of such resources that I’ve encountered and made use of myself. Here it is, categorized by skill and ordered in the same way as the original article:</p>
<h3>1) Learning the Indispensable Skill of <strong>Sketching</strong></h3>
<ol>
<li><a title="&quot;Sketching User Experiences&quot; on Amazon.ca" href="http://www.amazon.ca/Sketching-User-Experiences-Getting-Design/dp/0123740371/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1280979626&amp;sr=8-1">“Sketching User Experiences”</a> by Bill Buxton: having finally made my way through 60% of the book, I can say with conviction – this ain’t no easy readin’. Also, most of it isn’t actually techniques for <strong>doing</strong> the sketching; it’s mostly <strong>talking</strong> about doing the sketching. (Warning: tangent! In a way this book exemplifies Microsoft to me as an outsider observing the company –Buxton is so incredibly smart and chock-full of deep knowledge on the subject that, in an effort to good-naturedly share everything he possibly can, he loses the audience that cannot read diagonally. This is analogous to the large amount of features that are surfaced to the user immediately in most Microsoft products, because, obviously, they’re all extremely useful – neither “creator” really seems to care much for the 80/20 rule.) Still, this book does a fantastic job of level-setting and defining sketching and its importance, and provides good techniques for incorporating sketching into your workflow.</li>
<li>Get a good set of tools: a few good kits have already been proposed by folks like <a title="Tools for Sketching User Experiences on UXBooth.com" href="http://www.uxbooth.com/blog/tools-for-sketching-user-experiences/">Jason Robb over at UX Booth</a> and <a title="Our Favorite Tools for Sketching on AdaptivePath.com" href="http://www.adaptivepath.com/ideas/essays/archives/001072.php">Leah Buley at Adaptive Path</a>. The only thing I’d add is that I’ve found myself wanting to expand the colour choices, so I got a set of pastel Tombow dual brush-pens, like the ones Jason recommends in his article. Actually, one other thing: I’m noticing that I’m not appreciating the warm yellowish tint of the Moleskines as it tends to distort the colours I’m trying to put on, so I may need to find a different notebook with the same quality of paper and binding – recommendations welcome.</li>
<li>Take some classes: sometimes, I get really intimidated by that blank sheet staring back at me. Taking classes (in my case, Fashion Sketching and, currently, a 4-day <a title="&quot;Drawing on the Right Side of the Brain&quot; book on Amazon.ca" href="http://www.amazon.ca/New-Drawing-Right-Side-Brain/dp/0874774241/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1280979769&amp;sr=1-1">“Drawing on the Right Side of the Brain”</a> workshop) has really helped me overcome that barrier – if I’m instructed to draw, I feel much more encouraged and prolific than I would without any kind of guidance. Of course, the critique of a professional artist is also crucial to get you out of a corner you’ve drawn yourself into. I’ve often found myself giving up when an aspect of a sketch wasn’t working out and I couldn’t figure out why – that’s where the pro can help you get unstuck.</li>
</ol>
<h3>2) Learning the Indispensable Skill of <strong>Storytelling</strong></h3>
<ol>
<li><a title="&quot;Jokes for All Occasions&quot; -- free eBook" href="http://manybooks.net/titles/anon2108421084-8.html">“Jokes for All Occasions”</a>: this free eBook has recently showed up on my radar, so I’ve downloaded it into iBooks on my iPhone and haven’t gotten a chance to read it yet. Allegedly, it’s a good guide to having a punch line and getting there properly. Which, coincidentally&#8230;</li>
<li>&#8230; is my only other piece of advice here: when telling a UX story, for Pete’s sake, have a point. It’s very easy for me to dissolve into details of a persona or get stuck on minutiae and completely forget where I was taking my stakeholders – so try to have at least a bullet point list of concrete points that you definitely have to make for your story to make any sense. This is also probably the best way to come back from a tangent (note to self: use it!).</li>
</ol>
<h3>3) Learning the Indispensable Skill of <strong>Critiquing</strong></h3>
<ol>
<li><a title="&quot;Sketching User Experiences&quot; on Amazon.ca" href="http://www.amazon.ca/Sketching-User-Experiences-Getting-Design/dp/0123740371/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1280979626&amp;sr=8-1">“Sketching User Experiences”</a> (again): in the bits that I have finished reading, Buxton spends a bit of time talking about the Design Critique. His main points, paraphrased:
<ol>
<li><a title="&quot;The Spanish Inquisition&quot; on Wikipedia.com" href="http://en.wikipedia.org/wiki/The_Spanish_Inquisition_%28Monty_Python%29">No one expects the Spanish Inquisition</a>: the critique is not a tribal council where the designer whose ideas aren’t chosen is voted off the island. The point is to skim off the cream, dump the rest and iterate.</li>
<li>Do it often, with different people: make the design critique a weekly or bi-weekly practice, involving as many stakeholders as you can find. Don’t worry about fostering design by committee, but rather think of it as growing acceptance and shared ownership of the designs. Besides, if your stakeholders trust you to do your job, they are unlikely to make asinine requests just to make sure they had some say (but, if all signs point to that, do the <a title="New programming jargon: &quot;Duck&quot; on Stackoverflow.com" href="http://stackoverflow.com/questions/2349378/new-programming-jargon-you-coined/2444361#2444361">duck</a>).</li>
<li>Make sure that everyone understands what this exercise is for: a lot of disciplines (software development, for one) simply don’t have a particularly widely-spread practice of such critiques – people tend to code-hero a lot of things, so level-set the review with expectations for participants.</li>
<li>Lastly, it’s always “better to have your preliminary work critiqued by your colleagues [...] than to have the finished project torn apart by strangers in public” (<a title="&quot;Sketching User Experiences&quot; on Amazon.ca" href="http://www.amazon.ca/Sketching-User-Experiences-Getting-Design/dp/0123740371/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1280979626&amp;sr=8-1">“Sketching User Experiences”</a> , p. 202). So, swallow that ego and do the crit!</li>
</ol>
</li>
</ol>
<h3>4) Learning the Indispensable Skill of <strong>Presenting</strong></h3>
<ol>
<li>Do a workshop: I had the pleasure of taking a 2-day course with Neil Grammer of <a title="Dialogue Strategies -- communications training" href="http://www.dialoguestrategies.com/">Dialogue Strategies</a> back in my Extreme Blue days, and, I must say, it’s made presenting a lot easier. The aforementioned “bulleted list of main points” was one of the key concepts I took away from this training, plus, of course, the ever-popular “tell’em what you’re gonna tell’em, tell’em, then tell’em what you told them” strategy (in slide titles, “Outline/Agenda”, content slides following the proposed outline, then “Summary”).</li>
<li>Practice: yeah, Jared’s got me there. There’s nothing that’s going to make you better at presenting than actually presenting. If you’re struggling to find opportunities at work, join a <a title="Toastmasters International -- public speaking training" href="http://www.toastmasters.org/">Toastmasters</a> club in your area, practice in front of loved ones (don’t worry, they’ll still love you) or present to your own lovely reflection.</li>
<li>Go with it: the other thing to note is that the nervousness I (as well as some others that I’ve shared this observation with) feel before doing a presentation usually lasts a minute or two into the actual talking part. If you just ride out the “fight or flight” instinct, it gets much easier immediately after.</li>
</ol>
<h3>5) Learning the Indispensable Skill of <strong>Facilitating</strong></h3>
<ol>
<li>Shut up and listen: as an extrovert, I have a lot of trouble leaving the air clear long enough for people to voice their opinions. Seriously, silence is golden – some folks just need a bit more time to process things that you’ve said, so let them get to it. Who knows, they may be the most insightful of the bunch since they’ve actually taken a bit of time to think.</li>
<li>Call’em out: if you know you have a few more timid or, worse, distracted stakeholders in a meeting, don’t hesitate to ask them for their opinions directly. Sometimes, it’s hard for people to get a word in edgewise when a stakeholder gathering is dominated by A-type personalities – take the time to make sure everyone’s opinion has been heard.</li>
<li>Stay impartial: it’s hard when you’re an internal UXer, since you clearly have your own opinions on particular designs, but it’s best when facilitating to try to remain objective. This removes the possibility of people feeling like their opinions are irrelevant and will be promptly ignored afterward.</li>
</ol>
<p>As I already said, I think that these skills are spot-on and truly indispensable for UX professionals. I wonder only if Jared meant the numbers as a simple enumeration to convey that there were indeed five or as an order of some sort – for example, from most important to least. I would struggle to prioritize these skills one over another because it seems to me like each one would become important in specific phases of a project with UX involvement. Overall, all five are important, so all five need to be continuously improved on as we proceed towards mastery. I hope my list can help you do just that – and, of course, if you have other suggestions, they’re always welcome!</p>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 1254px; width: 1px; height: 1px; overflow: hidden;">http://manybooks.net/titles/anon2108421084-8.html</div>
]]></content:encoded>
			<wfw:commentRss>http://mashakrol.com/?feed=rss2&#038;p=82</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Shiny New Supplies and My First Pure Contour Drawing</title>
		<link>http://mashakrol.com/?p=59</link>
		<comments>http://mashakrol.com/?p=59#comments</comments>
		<pubDate>Fri, 23 Jul 2010 19:35:59 +0000</pubDate>
		<dc:creator>masha</dc:creator>
				<category><![CDATA[drawing]]></category>

		<guid isPermaLink="false">http://mashakrol.com/?p=59</guid>
		<description><![CDATA[I drove over to the Purolator shipping center today (more on how I pretty much always have to finish their job for them some other time) to pick up the supplies I had ordered from Curry&#8217;s Art Store. Inspired by this UX Booth post, I got the Tombow dual brush-pens in a couple of grays, [...]]]></description>
			<content:encoded><![CDATA[<p>I drove over to the Purolator shipping center today (more on how I pretty much always have to finish their job for them some other time) to pick up the supplies I had ordered from <a title="Curry's Art Store" href="https://www.currys.com/default.htm">Curry&#8217;s Art Store</a>. Inspired by <a title="Tools for Sketching User Experiences" href="http://www.uxbooth.com/blog/tools-for-sketching-user-experiences/">this UX Booth post</a>, I got the Tombow dual brush-pens in a couple of grays, a red and a yellow, and some Micron pens to add to my existing set.</p>
<p style="text-align: center;"><a href="http://mashakrol.com/wp-content/uploads/2010/07/suppliesInBox.jpg" rel="lightbox[59]"><img class="size-medium wp-image-55  aligncenter" title="Drawing supplies just in from Curry's Art Store!" src="http://mashakrol.com/wp-content/uploads/2010/07/suppliesInBox-300x199.jpg" alt="Drawing supplies just in from Curry's Art Store!" width="300" height="199" /></a></p>
<p>I also grabbed a non-permanent marker as prescribed in &#8220;The New Drawing on the Right Side of the Brain&#8221; to do a pure contour drawing on the picture plane &#8211; I had already gone over to Home Hardware and gotten them to cut a roughly 8&#8243;x10&#8243; piece of lucite for me and put the horizontal and vertical guides on with a Sharpie. I&#8217;ve also made the viewfinders out of random cardboard (in the book, the viewfinders are asked to be black, so I actually filled the whole thing in with Sharpie one night &#8211; it was strangely therapeutic). Anyway, without further ado:</p>
<p style="text-align: center;"><a href="http://mashakrol.com/wp-content/uploads/2010/07/firstPureContourDrawingHand.jpg" rel="lightbox[59]"><img class="size-medium wp-image-54 aligncenter" title="My first pure contour drawing, the foreshortened hand" src="http://mashakrol.com/wp-content/uploads/2010/07/firstPureContourDrawingHand-199x300.jpg" alt="My first pure contour drawing, the foreshortened hand" width="199" height="300" /></a></p>
<p style="text-align: left;">It was kind of an interesting exercise &#8211; I had to draw with one eye closed to minimize 3D perception, with a comparatively fat-tipped marker while balancing the whole contraption on my left hand. I&#8217;ve been doing a couple more pure contour drawings and naturally, I was surprised that anything even resembling my hand came out of them at all. My next step is to do an actual 3D drawing based on one of these contours. This should prove even more exciting!</p>
]]></content:encoded>
			<wfw:commentRss>http://mashakrol.com/?feed=rss2&#038;p=59</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>&#8220;Attention to Detail&#8221;</title>
		<link>http://mashakrol.com/?p=47</link>
		<comments>http://mashakrol.com/?p=47#comments</comments>
		<pubDate>Thu, 24 Jun 2010 22:47:53 +0000</pubDate>
		<dc:creator>masha</dc:creator>
				<category><![CDATA[writing]]></category>

		<guid isPermaLink="false">http://mashakrol.com/?p=47</guid>
		<description><![CDATA[There’s something you should know about me: as far as developers (even developers-turned-UXers) go, I’m pretty anal when it comes to pixel perfection. If something doesn’t look exactly right to me, it will haunt me forever (the tale recounted below still does). Actually, before I let it haunt me forever, I usually completely exhaust my [...]]]></description>
			<content:encoded><![CDATA[<p>There’s something you should know about me: as far as developers (even developers-turned-UXers) go, I’m pretty anal when it comes to pixel perfection. If something doesn’t look exactly right to me, it will haunt me forever (the tale recounted below still does). Actually, before I let it haunt me forever, I usually completely exhaust my colleagues and all others involved by trying to convey what it is precisely that I want things to look like. As a personal example, imagine this setting: it’s about 11PM on a “school night”, I’m holed up in a meeting room at work trying to madly finish coding before a demo in a couple of days. As design resources and time are scarce, I outsource the creation of the demo-accompanying poster to a trusted third party (unpaid labour in form of immensely talented boyfriend), while I continue to pound at the keyboard. I’ve given the general idea (“a stump and some bubbles on one side with an arrow pointing to the other side, where the stump has grown into a tree with a full crown”) and left a quick sketch already, so I don’t foresee any problems.</p>
<p>At the first checkpoint (it’s hopelessly past midnight by now), I am delighted – the stump is picturesque, the tree fully-grown, the bubbles a-floating. Beauty! Just a couple of minor corrections – “could the bubbles be a little more reflective and the arrow be centered, pretty please” – and this baby will be smokin’! Type, type, type…</p>
<p>Checkpoint #2: marvellous! Reflections are reflecting, the tree detail is looking within epsilon of photo-realism, but – what’s this? – the arrow isn’t centered! “It’s centered”, he says, “I used the auto-align”. OK, maybe once this is polished it’ll look centered. It’s bloody late.</p>
<p>Third and final checkpoint. The arrow doesn’t. Look. Centered. I don’t care what your auto-align says, there is a bunch of white space on the left near the stump, which is making it look like the arrow is much closer to the tree on the right with its abundant, seemingly rustling leaves (my eye begins to twitch). Please, move the arrow. “I don’t understand what you want”. Seriously? Here’s an MS Paint sketch (did I mention resources are scarce?). Obviously, it doesn’t help. A follow-on phone conversation does more damage than good at this point. This poster has to be out at 9AM, from which we are only a couple of hours away. Everyone’s pouting really hard, so, finally, I admit defeat and concede. Damn you, optical illusion.</p>
<p>The poster was printed and presented, along with the demo, in a semi-timely fashion. I&#8217;m pretty sure noone else noticed, but the arrow <strong>really </strong>bothered me (it’s also been kind of a running joke among my colleagues, when I insist something minuscule be changed, I get “Oh, what, you want me to center the arrow?”). Anyway, you probably think I’m crazy at this point, but do this quick little experiment for me: if you own an iPhone, and have installed iOS4 on it, go ahead and place a call to somebody – anybody. Now wait for the “End” button to appear. Look at it closely… do you see it? Clearly, the little phone icon and the text have been grouped and centered, leaving equal amounts of white space on each side. Doesn’t it look off? It seems to throw the entire otherwise perfectly symmetrical UI off-balance. This isn’t anal antics, people, this is polish!</p>
<p>The real moral of this story, though, is that the way your interface is received is entirely independent of how well you’ve lined your pixels up in a row. Of course, I’m not promoting approximate layouts – the grid had, has, and always will have its place. But the next time you’re putting something together – be it a web app UI or a poster – consider the people looking at it. Will the arrow fall too close to the tree? Only real user exposure can decide.<br />
P.S.: The lesson for me out of this is that beauty (or perfection) is in the eye of the beholder. If I’m the only one bothered by a particular detail, which causes me (and others I involve) to waste time on it and no real user would ever notice it – I have got to learn to let it go. I swear I’ll try it… next time.</p>
]]></content:encoded>
			<wfw:commentRss>http://mashakrol.com/?feed=rss2&#038;p=47</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

