<?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>Blog - JustinDelabar.com</title>
	<atom:link href="http://www.justindelabar.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.justindelabar.com/blog</link>
	<description>Random thoughts on user experience and interface design.</description>
	<lastBuildDate>Thu, 30 Jul 2009 03:16:39 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Importance of Pushing Back</title>
		<link>http://www.justindelabar.com/blog/2009/07/learning-to-push-back/</link>
		<comments>http://www.justindelabar.com/blog/2009/07/learning-to-push-back/#comments</comments>
		<pubDate>Thu, 30 Jul 2009 03:13:33 +0000</pubDate>
		<dc:creator>Justin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.justindelabar.com/blog/2009/07/learning-to-push-back/</guid>
		<description><![CDATA[There&#8217;s an excellent post on SVA&#8217;s MFA in Interaction Design blog that asks some prominent interaction designers to end the sentence, &#8220;So you&#8217;re thinking about becoming a designer? If I could tell you only one thing about going into the field, my advice would be ____________.&#8221; Everyone asked gave excellent responses (although Jim Coudal, Ryan [...]]]></description>
			<content:encoded><![CDATA[<p>There&#8217;s an excellent post on SVA&#8217;s MFA in Interaction Design blog that <a href="http://interactiondesign.sva.edu/blog/entry/video_notes_from_the_field/">asks some prominent interaction designers</a> to end the sentence, <strong>&#8220;So you&#8217;re thinking about becoming a designer? If I could tell you only one thing about going into the field, my advice would be ____________.&#8221; </strong>Everyone asked gave excellent responses (although Jim Coudal, Ryan Sims, and Jared Spool really spoke  to me most), and it all started me thinking&#8211;how would I answer the same question?</p>
<p>And I surprised myself when the first thing that came to mind wasn&#8217;t a technical answer. The one thing I would advise? <b>Don&#8217;t be afraid to push back</b>. Meaning, if you feel at the core that a design suggestion or decision is not the right one for the project and its end users there&#8217;s probably a good reason and you should let whomever is championing it know. It could be a client or even a supervisor, it doesn&#8217;t matter. Standing up for users and for your own gut instincts is your job as a design professional, don&#8217;t shirk away from that responsibility. Always be open to the possibility that you could be wrong, of course, but at least be willing to put yourself out there and be persuaded otherwise by a good, healthy design argument. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.justindelabar.com/blog/2009/07/learning-to-push-back/feed/</wfw:commentRss>
		<slash:comments>35</slash:comments>
		</item>
		<item>
		<title>A Guide to Practical Personas</title>
		<link>http://www.justindelabar.com/blog/2009/07/a-guide-to-practical-personas/</link>
		<comments>http://www.justindelabar.com/blog/2009/07/a-guide-to-practical-personas/#comments</comments>
		<pubDate>Sat, 25 Jul 2009 21:03:51 +0000</pubDate>
		<dc:creator>Justin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.justindelabar.com/blog/?p=20</guid>
		<description><![CDATA[User personas have become more prevalent in the design community over the last year or so, no longer just relegated to highly funded, data-driven projects, which is partially a reaction to shrinking budgets and shorter timelines.  Anyone can develop effective personas that help place the user at the center of website experiences that lie [...]]]></description>
			<content:encoded><![CDATA[<p>User personas have become more prevalent in the design community over the last year or so, no longer just relegated to highly funded, data-driven projects, which is partially a reaction to shrinking budgets and shorter timelines.  Anyone can develop effective personas that help place the user at the center of website experiences that lie in the sweet spot between customer needs and business objectives, even when money and time are tight. All that is needed is the right approach, including talking to the right people and asking the right questions early. In this post I&#8217;ll be discussing what personas are, the value they bring to design projects, and how to best develop them for maximum effectiveness when resources and timelines are constricted. </p>
<div align="center"><img src="/images/blog/persona.jpg" /></div>
<p><span id="more-20"></span></p>
<p>For those unfamiliar, personas are imaginary constructs of website users that can encapsulate everything from demographic information and emotional states to on-site goals. They can have made-up names and/or titles (eg, &#8220;Bob, the Paranoid Checking Account Holder&#8221;)  that can serve as a point of reference in design conversations (&#8221;How would Bob approach and interact with this bill payment screen?&#8221;). At their core, personas are created to help designers, developers and stakeholders step outside of their own worldviews to see problems from an end user&#8217;s perspective. Personas can be used as a filter for features, as well, to ensure something is an absolute necessity before blowing the budget on crazy widgets that might provide little value in the end (&#8221;Does Mary really need to see a news ticker on her account summary page?&#8221;) </p>
<p>For personas to be effective they obviously need to be based around accurate information. In smaller projects that information is most likely going to come directly from the project stakeholders. In many cases it might be difficult or impossible to get a chance to interview actual users in a target demographic, so it is extremely important to interview those who have close contact with customers/end users. The first step of most design projects (at least successful ones) is a strategy meeting where business objectives are discussed. During this initial meeting, insist that whomever in the organization has the closest contact with end users&#8211;perhaps someone from customer service&#8211;is involved in the discussion. In many cases, depending on the size of company you&#8217;re working with, the lead stakeholder may be the person with the most information on the project&#8217;s end users. Every project is different, but there are some base questions you can ask about users to get the conversation going. Here are some that I find effective:</p>
<ul>
<li>What are some statements or questions you hear over and over from first time customers?</li>
<li>What about your business or product are people confused about?</li>
<li>What frustrates your customers about your type of product/service?</li>
<li>What makes your customers take the next step to contact or purchase?</li>
</ul>
<p>You will most likely have a ton of notes after this interview process, so the task then turns to taking all of that information and creating personas that aid the design process. </p>
<p>The first decision you&#8217;ll have to make is how many personas the project needs. It might seem most obvious to create personas based around demographic or other surface-level differences between end users, which, depending on the project, could be effective. However, I suggest breaking personas down based upon goals, especially when demographic or ethnographic information is limited. By understanding differences in motivations and goals it becomes much simpler to decide on a base number of personas. A general rule of thumb from my experience is that more than three personas tends to dilute the overall goals of the site&#8211;you might simply be trying to do too much and failing to satisfy anyone in the process. If more than three personas makes sense for your project, which could certainly happen, it is best to prioritize the personas based on shared criteria (effect on the bottom-line is my favorite) to decide which three to include.</p>
<p>I&#8217;ll use Vacation Rental Station, a vacation rental web application we recently launched at <a href="http://www.risecreativegroup.com" target="_blank">Rise</a> for a client, as an example of how personas were utilized in a real-world project. The budget and timeline for the project were fixed, so the strategy process and persona development had to be quick but still provide a workable direction for the project&#8217;s success.  We conducted our initial meeting with the client where we learned about the site&#8217;s objectives and users goals and motivations. I settled on two personas centered around two separate goals &#8212; finding a vacation rental property and posting a vacation rental property. And, thus, Mary Williams, the Vacation Rental Seeker and Jack Smith, the Rental Property Owner, were born.</p>
<p>For these quick and practical personas I followed an approach I learned from Dan Brown and his excellent book <em>Communicating Design</em> (highly recommended). Each persona is broken down into four areas:</p>
<ul>
<li><strong> Motivations</strong><br />
	Can be considered the user&#8217;s overarching goals, the reasons behind why they&#8217;ve chosen to spend time interacting with your site. (eg, &#8220;Find a vacation rental within budget and availability range.&#8221;)</li>
<li><strong> Scenarios</strong><br />
	Represent the user&#8217;s context, the hows and whys of the site visit. These are meant to help the project team and stakeholders better understand a user&#8217;s mindset while interacting with the site.  (eg, &#8220;Mary has a week of vacation she&#8217;s planning and only a couple windows of opportunity in which to use it.&#8221;) </li>
<li><strong>Website Features</strong><br />
	Content and/or functionality that directly addresses a user&#8217;s motivations/goals. This is where ideas for website structure and functionality begin to really develop &#8212; features are developed to address needs, instead of features being developed for the sake of having a lot of features. (eg, &#8220;Advanced search and sorting options for vacation rentals.&#8221;)</li>
<li><strong>Behaviors</strong><br />
	Interactions that help users meet their goals, the connections between motivation and features. (eg, &#8220;Sorts and filters results with Ajax-powered sliders and links on results pages.&#8221;) </li>
</ul>
<p>Each persona can have several motivations and scenarios, and each motivation and scenario can have several features and behaviors. You can <a href="/docs/persona.pdf">view a PDF of the rental-seeker persona</a> for the Vacation Rental Station project for greater understanding. You can also <a href="http://www.vacationrentalstation.com/find-a-rental/results/" target="_blank">view the final result of the search page</a> mentioned in Mary&#8217;s first Motivation and Scenario to see how the information was put into practice.</p>
<p>User personas are just one of many tools that can be found useful in design processes. I do not claim they are perfect or that they are for everyone. Although, when used in concert with other tools, including competition analyses, usability testing, and a myriad of other approaches, they can provide greater clarity and shared understanding of design problems and solutions.  </p>
]]></content:encoded>
			<wfw:commentRss>http://www.justindelabar.com/blog/2009/07/a-guide-to-practical-personas/feed/</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
		<item>
		<title>There&#8217;s Meaning in Those Pixels</title>
		<link>http://www.justindelabar.com/blog/2009/07/theres-meanng-in-those-pixels/</link>
		<comments>http://www.justindelabar.com/blog/2009/07/theres-meanng-in-those-pixels/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 03:13:35 +0000</pubDate>
		<dc:creator>Justin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.justindelabar.com/blog/?p=16</guid>
		<description><![CDATA[Effective interface design is about the small details. A website or application can look aesthetically pleasing as a whole, but it&#8217;s always the detail work that separates the best interfaces from those that fall down in communicating a rich and rewarding user experience. Detail work, though, can be more about leaving elements out than adding [...]]]></description>
			<content:encoded><![CDATA[<p>Effective interface design is about the small details. A website or application can look aesthetically pleasing as a whole, but it&#8217;s always the detail work that separates the best interfaces from those that fall down in communicating a rich and rewarding user experience. Detail work, though, can be more about leaving elements out than adding visual distinction. For example, take the 2-pixel wide line that appears in WordPress dashboard interface when a user hovers over a navigation option. Visually it&#8217;s appealing and gives a sense of depth and separation between the navigation label and arrow, right?</p>
<p align="center"><img src="/images/blog/pixel-crazy.png" alt="WordPress 2-pixel separation" /></p>
<p>However, what the separation implies is wholly incorrect. Would one not expect a dropdown to appear when clicking on the arrow, or some other dynamic, on-page behavior such as an accordion effect? Instead, nothing happens when a user clicks the arrow. It is treated as a separate part of the button, yet there is no corresponding interaction &#8212; so why is it there?</p>
<p>True, this isn&#8217;t a game-changing or absurdly terrible issue (there are far more egregious problems in the WordPress dashboard, all of which deserve their own posts), but it does help illustrate how small details can communicate meaning based upon context, a user&#8217;s mindset and convention. Pixels, just like pictures, can be worth a thousand words. Best to make sure those words are the right ones in order to create more cohesive and enjoyable products for our end users. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.justindelabar.com/blog/2009/07/theres-meanng-in-those-pixels/feed/</wfw:commentRss>
		<slash:comments>40</slash:comments>
		</item>
		<item>
		<title>Welcome to the New JustinDelabar.com</title>
		<link>http://www.justindelabar.com/blog/2009/07/welcome-to-the-new-justindelabar-com/</link>
		<comments>http://www.justindelabar.com/blog/2009/07/welcome-to-the-new-justindelabar-com/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 03:13:06 +0000</pubDate>
		<dc:creator>Justin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.justindelabar.com/blog/?p=15</guid>
		<description><![CDATA[ After numerous design revisions, layout tweaks, and copy wrangling sessions, JustinDelabar.com version 3 is now officially live to the public-at-large. Please feel free to peruse the site and let me know what you think. By no means should this be considered a final product, as there will always be small enhancements and changes added [...]]]></description>
			<content:encoded><![CDATA[<p> After numerous design revisions, layout tweaks, and copy wrangling sessions, JustinDelabar.com version 3 is now officially live to the public-at-large. Please feel free to peruse the site and let me know what you think. By no means should this be considered a final product, as there will always be small enhancements and changes added over time. But, this is a good start for a site that I believe more accurately portrays my skill sets and interests than the two previous versions.</p>
<p>Depending upon what browser you&#8217;re using, you may have noticed some slight CSS3-based enhancements. For instance, certain areas of the site have slightly-rounded corners that only appear in Mozilla and Webkit-based browsers (I know, gettin&#8217; crazy over here!) I plan to utilize this site as a testing ground for some more CSS3 experimentation in the near future, including @font-face now that Firefox 3.5 supports the rule alongside Safari.  </p>
<p>Also, this site is to become an archive of all my thoughts (well, the worthwhile ones) pertaining to user experience design. The first two versions of JustinDelabar.com were nothing more than one-page portfolios, whereas this version obviously has a heavy focus on the blog content. Time to get writing! I have several posts in the pipeline, so please stay tuned for those.</p>
<p>I look forward to hearing your feedback. Also, don&#8217;t forget to <a href="http://www.twitter.com/JustinDelabar">follow me on Twitter</a> or get in touch about any projects you&#8217;d like to discuss.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.justindelabar.com/blog/2009/07/welcome-to-the-new-justindelabar-com/feed/</wfw:commentRss>
		<slash:comments>62</slash:comments>
		</item>
	</channel>
</rss>

