<?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>Scrunchup &#187; Design</title>
	<atom:link href="http://scrunchup.com/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://scrunchup.com</link>
	<description>The Web Magazine for Young Designers and Developers</description>
	<lastBuildDate>Mon, 30 Jan 2012 16:23:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Interview with Noah Litvin from StudyShuffle</title>
		<link>http://scrunchup.com/interview/interview-with-noah-litvin-from-studyshuffle/</link>
		<comments>http://scrunchup.com/interview/interview-with-noah-litvin-from-studyshuffle/#comments</comments>
		<pubDate>Wed, 07 Sep 2011 08:37:01 +0000</pubDate>
		<dc:creator>anna</dc:creator>
				<category><![CDATA[interview]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[education]]></category>
		<category><![CDATA[starting out]]></category>
		<category><![CDATA[web apps]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://scrunchup.com/?p=1125</guid>
		<description><![CDATA[We interview Noah Litvin, creator of StudyShuffle, which is a really cool service he built while at college to help students revise.


Related posts:<ol><li><a href='http://scrunchup.com/interview/interview-with-upload-robots/' rel='bookmark' title='Interview with Upload Robots'>Interview with Upload Robots</a></li>
<li><a href='http://scrunchup.com/interview/interview-with-zac-gordon/' rel='bookmark' title='Interview with Zac Gordon'>Interview with Zac Gordon</a></li>
<li><a href='http://scrunchup.com/interview/interview-with-cennydd-bowles-on-undercover-ux-design/' rel='bookmark' title='Interview with Cennydd Bowles on Undercover UX Design'>Interview with Cennydd Bowles on Undercover UX Design</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Today we interview Noah Litvin, creator of <a href="http://www.studyshuffle.com/">StudyShuffle</a>, which is a really cool service he built while at college to help students revise.</p>
<div class="speaker-1 scrunchup">
<p><span>Scrunchup</span> What&#8217;s your background?</p>
</div>
<div class="speaker-2 noah-litvin">
<p><span>Noah</span> I grew up in Mamaroneck, New York and attended Rye Neck High School. I&#8217;m currently enrolled at St. John&#8217;s College in Annapolis, Maryland (known for The Great Books Program.) This transition was particularly interesting regarding StudyShuffle. </p>
<p><img src="http://scrunchup.com/wp-content/uploads/2011/09/tour_creator.png" alt="Screenshot of the Tour Creator section of StudyShuffle" class="alignleft wp-image-1128" /></p>
<p>The Rye Neck School District is eagerly integrating new educational technology while St. John&#8217;s College has maintained roughly the same academic program and style for the last seventy five years. I&#8217;ve directly benefited from recent advances in educational software but still have some skepticism regarding when and where in the classroom technology is appropriate.</p>
</div>
<div class="speaker-1 scrunchup">
<p><span>Scrunchup</span> Tell us the story of how StudyShuffle came about.</p>
</div>
<div class="speaker-2 noah-litvin">
<p><span>Noah</span> I originally wanted to create an online strategy game which awarded in-game currency to players for studying foreign language material. While I still think this is a great idea, I quickly realized that creating this would be well beyond my capacity. I reworked the idea into StudyShuffle&#8217;s current form and started coding. A few months later, it was ready for launch.</p>
</div>
<div class="speaker-1 scrunchup">
<p><span>Scrunchup</span> What got you interested in the industry?</p>
</div>
<div class="speaker-2 noah-litvin">
<p><span>Noah</span> I&#8217;ve been programming ever since my dad got me a copy of TrueBASIC Bronze in the third grade. Since then, I&#8217;ve gotten my hands dirty with all sorts of programming languages and creative software. I suppose I&#8217;ve never thought of developing this web application as being part of an &#8220;industry.&#8221; I enjoy making things and I&#8217;m just trying to build something really useful.</p>
</div>
<div class="speaker-1 scrunchup">
<p><span>Scrunchup</span> Would you recommend an academic route to others like you wanting to grow their own startup?</p>
</div>
<div class="speaker-2 noah-litvin">
<p><span>Noah</span> Yes and no. Teachers are busy and underpaid. Schools are hard to sell to and have tight budgets. The average teacher isn&#8217;t as tech savvy as you might think and the average school isn&#8217;t as eager to integrate more (if any) technology as you might imagine. </p>
<p><img src="http://scrunchup.com/wp-content/uploads/2011/09/tour_prompt1.png" alt="Screenshot of one of the revision cards in StudyShuffle" class="alignleft size-medium wp-image-1133" /></p>
<p>That being said, every year more retiring teachers are being replaced by members of the &#8220;Facebook Generation.&#8221; Students are getting more tech savvy at a younger age. More computers (not to mention interactive whiteboards and iPads) are entering classrooms every year. The &#8220;EdTech&#8221; market is young so I think there&#8217;s a lot of opportunity but also many pitfalls.</p>
</div>
<div class="speaker-1 scrunchup">
<p><span>Scrunchup</span> Do you think your age has held you back at all?</p>
</div>
<div class="speaker-2 noah-litvin">
<p><span>Noah</span> Not at all. In fact, I think a lot of people actually perceive younger tech entrepreneurs as more credible than older ones. I&#8217;d guess &#8216;The Social Network&#8217; might have something to do with this&hellip;</p>
</div>
<div class="speaker-1 scrunchup">
<p><span>Scrunchup</span> How did you deal with some of the business aspects of setting up like working out your pricing structure? (Did you get any business support?)</p>
</div>
<div class="speaker-2 noah-litvin">
<p><span>Noah</span><br />
I think any &#8216;business decision&#8217; has been based exclusively on customer (or potential customer) feedback.</p>
<p><img src="http://scrunchup.com/wp-content/uploads/2011/09/tour_selfassess.png" alt="Screenshot of the self assessment feature in StudyShuffle" class="alignleft size-full wp-image-1142" /></p>
<p>For example, I had the pricing set higher than it currently is. Teachers told me they&#8217;d never pay that much so I lowered them. I suppose this approach sounds amateur, but there are very few similar products out there to learn from.</p>
</div>
<div class="speaker-1 scrunchup">
<p><span>Scrunchup</span> Where do you see yourself in the next 3 years?</p>
</div>
<div class="speaker-2 noah-litvin">
<p><span>Noah</span> I&#8217;d love to move back to New York and continue working on my own projects. I&#8217;m sure I&#8217;d be happy working for an established tech start-up as well. I&#8217;ll see where things take me.</p>
</div>
<div class="speaker-1 scrunchup">
<p><span>Scrunchup</span> What&#8217;s your favourite quote?</p>
</div>
<div class="speaker-2 noah-litvin">
<p><span>Noah</span> &#8220;An inconvenience is an adventure wrongly considered.&#8221; -G. K. Chesterton</p>
</div>
<p><a href="http://www.studyshuffle.com/">StudyShuffle</a> is on twitter at <a href="http://twitter.com/studyshuffle">@StudyShuffle</a> and you can follow Noah at <a href="http://twitter.com/noahlitvin">@noahlitvin</a></p>


<p>Related posts:<ol><li><a href='http://scrunchup.com/interview/interview-with-upload-robots/' rel='bookmark' title='Interview with Upload Robots'>Interview with Upload Robots</a></li>
<li><a href='http://scrunchup.com/interview/interview-with-zac-gordon/' rel='bookmark' title='Interview with Zac Gordon'>Interview with Zac Gordon</a></li>
<li><a href='http://scrunchup.com/interview/interview-with-cennydd-bowles-on-undercover-ux-design/' rel='bookmark' title='Interview with Cennydd Bowles on Undercover UX Design'>Interview with Cennydd Bowles on Undercover UX Design</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://scrunchup.com/interview/interview-with-noah-litvin-from-studyshuffle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Interview with Cennydd Bowles on Undercover UX Design</title>
		<link>http://scrunchup.com/interview/interview-with-cennydd-bowles-on-undercover-ux-design/</link>
		<comments>http://scrunchup.com/interview/interview-with-cennydd-bowles-on-undercover-ux-design/#comments</comments>
		<pubDate>Fri, 08 Oct 2010 21:29:05 +0000</pubDate>
		<dc:creator>anna</dc:creator>
				<category><![CDATA[interview]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://scrunchup.com/?p=970</guid>
		<description><![CDATA[Scrunchup interviews Cennydd Bowles on Undercover User Experience Design, which he co-published with James Box.


Related posts:<ol><li><a href='http://scrunchup.com/interview/brian-suda-on-designing-with-data/' rel='bookmark' title='Interview with Brian Suda on Designing with Data'>Interview with Brian Suda on Designing with Data</a></li>
<li><a href='http://scrunchup.com/interview/interview-with-zac-gordon/' rel='bookmark' title='Interview with Zac Gordon'>Interview with Zac Gordon</a></li>
<li><a href='http://scrunchup.com/interview/interview-with-upload-robots/' rel='bookmark' title='Interview with Upload Robots'>Interview with Upload Robots</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://undercoverux.com"><img class="alignleft size-full wp-image-974" title="undercover-ux-cover" src="http://scrunchup.com/wp-content/uploads/2010/10/undercover-ux-cover.jpg" alt="" width="113" height="167" /></a>Scrunchup interviews <a href="http://cennydd.co.uk">Cennydd Bowles</a> on <a href="http://undercoverux.com">Undercover User Experience Design</a>, which he co-published with <a href="http://twitter.com/boxman">James Box</a>.</p>
<h2>Listen to the interview</h2>
<p><a href="https://scrunchup.s3.amazonaws.com/cennydd-bowles-undercover-ux-design.mp3">Interview with Cennydd Bowles (.mp3, 9.9MB)</a></p>
<h2>Audio transcript</h2>
<div class="speaker-1 anna-debenham"><span>Anna</span> So, joining me today is Cennydd Bowles, who works at Clearleft and has just written a book called Undercover User Experience Design.  So Cennydd, could you tell us a bit about your background?</div>
<div class="speaker-2 cennydd-bowles">
<p><span>Cennydd</span> Sure.  I’ve been doing User Experience work for about eight or nine years now and like most people in the industry, I started outside of it.  Particularly back in those days there weren’t really many generally accepted routes into UX; it was still very much a new field.</p>
<p>So my background was a Physics degree, which is not particularly common amongst designers, followed by a Masters in IT and it was in that Masters that I really got the UX bug or the human factors bug, whatever you want to call it.  Anything really around designing systems for people.  And from there I worked in Government for quite a while, about five years, trying to figure out a way to live out my passion for UX, my growing passion for UX, in a company that didn’t really get design.</p>
<p>Government’s not particularly well known, obviously, for valuing design.  So I tried to figure out how to get people interested in making our website better, making our information services more user friendly and accessible and understandable.  Did that for about five years, then moved to London and worked for a company called uSwitch.com, it’s a price comparison site, and was lead UX designer there for a couple of years and that was before I joined Clearleft, which is about two…two and a bit years ago now.  So that’s a sort of potted history.</p>
</div>
<div class="speaker-1 anna-debenham">
<p><span>Anna</span> So what exactly is User Experience?</p>
</div>
<div class="speaker-2 cennydd-bowles">
<p><span>Cennydd</span> Well that’s a particularly current question.  I like to view UX design as a discipline focusing on designing things, so that could be systems, it could be websites, in fact most of the focus of UX is at the moment in the kind of digital domain, but designing these things in a way so that user needs are given kind of top priority, so designing systems that make sense to people so that they’re usable, so that they’re useful, and so that they’re enjoyable as well.</p>
<p>I think originally where UX came from was really the field of usability, which obviously everyone throughout our industry has heard of, but I think we’ve moved on somewhat from that.  The days of having a site that’s simply usable, that’s not necessarily what we want, so UX is really just looking beyond that, so sure, it’s usable, but is it actually worthwhile?  Does it offer anything valuable?  Do people want to come back and then tell others about it?  And that goes beyond just a usable site, so it’s looking at all of the aspects that make people value a service and trying to design things or design those systems in a way that makes sense.  And also helping the business to understand why it’s good to put user needs at the top of the list, so that they can make better decisions and obviously in the end, make more money.</p>
</div>
<div class="speaker-1 anna-debenham">
<p><span>Anna</span> So what benefits would an organisation get for hiring a UX designer?</p>
</div>
<div class="speaker-2 cennydd-bowles">
<p><span>Cennydd</span> Well it depends on the context.  I’m not going to lie to you and say that every company needs a UX designer, because clearly that’s not the case.  But what a UX specialist will bring you is a level of focus and a level of empathy that a lot of people who are quite ingrained in a particular way of doing business can end up losing over time, I think.</p>
<p>We’re all familiar with when we work for a company for a while, we start to become ingrained in the practices and the language and so on.  And it’s hard to see things from a customer’s perspective.  This is why you see organisations like software companies or universities or any of these companies using language and talking to their customers as if they know everything about the domain.  Sometimes they are, but most of the time they’re not.  And this is why you see acronyms all over the place. You see bad websites and uninstallable pieces of software, because everyone has assumed the same level of knowledge and interest of customers that they have themselves.</p>
<p>So the benefit of a UX designer is they can understand, or they can bring their understanding of psychology of user needs, of design theory, and bring all those together and say, well, based on what we know about our customers, here’s actually the sort of thing that we need to be doing for that.  Here’s the language we need to be talking; here are the steps we need to guide them to get them up to speed with this software application or whatever it might be.  And a lot of that actually in business itself, practically what a UX designer might be doing is asking kind of dumb questions; questions that sound dumb, but actually are quite appropriate and actually kind of critical issues, so UX people are an inquisitive lot, and they’ll ask lots of difficult questions, and that can rock the boat and there can be tension.</p>
<p>I guess some people don’t like the boat being rocked, but ultimately they will help a business re-focus on what’s important and why they’re actually there, which is obviously the people on the end of the line as it were.</p>
</div>
<div class="speaker-1 anna-debenham">
<p><span>Anna</span> So where do UX designers fit in, in the scope of a project?  Are they mainly at the start or do they work on the site throughout the development?</p>
</div>
<div class="speaker-2 cennydd-bowles">
<p><span>Cennydd</span> Yes, they should do the latter.  There’s something we talk about in the book which is kind of a UX adoption ladder, so we talk about what business that don’t understand UX are typically like, and then how they start awakening up to the benefits of this thing.</p>
<p>The first step is typically that you have maybe a keen UX person within the business who isn’t employed just to do that; they probably hold another role; it could be a designer or a developer or a marketer or a writer or something like that.  And they’ll basically rant enough so that they’ll be asked to give something a once-over before it goes live so if there’s a new bit of the website or a new bit of an application, they’ll be asked, “Oh can you just take just take a look at this, we’ll just check it, and then we’ll push it live”, and that’s better than nothing, but that’s not really how UX should be done, so it really should run throughout the whole process.</p>
<p>So what we should be doing really is starting with looking at user research, right at the start saying, “Well who are we even making this for anyway?  What’s the needs of this site?  What are we even trying to do ourselves?”  Then using that information to build prototypes and to test the system throughout to see what works and what doesn’t.  Throwing away what doesn’t work and then re-vamping it and building it in this kind of cyclical fashion until you have something you’re confident with, so UX really has to go all the way from the beginning, right up to the very end, right up to launch and beyond that I think as well.</p>
</div>
<div class="speaker-1 anna-debenham">
<p><span>Anna</span> OK, so going back to your book.  What’s the Undercover bit got to do with things?</p>
</div>
<div class="speaker-2 cennydd-bowles">
<p><span>Cennydd</span> Sure, well this really came from the experience I talked about previously, which is where I first had to adopt these tactics when I was working in a business that didn’t really get design; that wasn’t really geared toward design: it was geared toward providing services and advice to businesses.  And so I had to find ways to get people excited about design without them really knowing that they were getting excited about design.  Because it wasn’t doing any good, me storming up to the Chief Executive and saying, “I may just be a 23 year old graduate, but I think design is the answer to everything.”  That’s not going to work.  So I had to try and sneak things in.  Not in an under-handed manner, but just doing some design work and showing it to someone, saying, “Hey, what do you think, I wonder if it could be like this?”  Or saying “How about we get some users to have a look at this, some of the people who are actually going to be using the site and so on, and just trying to get them excited because that was really the only way I had to make progress.</p>
<p>And now if we fast-forward to the present day, I do quite a bit of work as a UX mentor and it’s very much a growing field.  There are lots of people wanting to move into it, but one of the problems I think some people are facing is that we don’t all work for Apple.  There are companies that really aren’t, again, geared to understand design, and we have to find ways to make our own knowledge and our experience count in these organisations.  And that’s really why we wrote this book, because this is all about the way that you can try and sneak these things, this kind of user-centred focus into a business, without creating too much of a disruption, and without making enemies along the way, because it’s extremely easy to do that; I’ve done it, so it’s kind of things I learned the hard way, or things we learned the hard way, just as much as it is practical advice from the start.</p>
</div>
<div class="speaker-1 anna-debenham">
<p><span>Anna</span> It sounds like it’s going to be quite revolutionary, sneaking in bits of UX into web projects.  Do you think there’s a possibility that anyone could lose their jobs after reading it?</p>
</div>
<div class="speaker-2 cennydd-bowles">
<p><span>Cennydd</span> If they do it wrong, sure: if they do it poorly.  One thing we’ve been very careful to do is throughout to say, “This is a fairly tricky point.  There is potential for conflict here.”  And as I say, I made these mistakes myself, so I’ve upset marketing teams and things like that by saying their copy was useless or whatever it might be, and really that’s not the way to get results.  The way to get results is to work with people, not against them.  However much we may not understand their viewpoint, we need to try and empathise with them as much as we can; put ourselves in their shoes.  So I think anyone who gets themselves in serious trouble after reading our book has seriously misunderstood the approach we’ve taken, which was much more collaborative and much more kind of defensive I guess, to an extent, rather than aggressive sort of slash and burn policy.  It’s how to gently steer people towards it.  But that said, you’ve got to make change, and to coin that horrible cliché, you can’t make an omelette without breaking eggs.  To get these kind of changes into a business, yes you will upset a few people, but the trick is to handle that with as much diplomacy and as much business sense as you can, so if there is a conflict, at least you can back up why this is necessary and why things need to change.</p>
</div>
<div class="speaker-1 anna-debenham">
<p><span>Anna</span> Which part of the book did you enjoy writing the most?</p>
</div>
<div class="speaker-2 cennydd-bowles">
<p><span>Cennydd</span> That’s a good question.  Every part of the book is exciting to begin with as you write it.  Sure, it’s terribly exciting to read as well, but as I moved onto every fresh chapter, we found newer things we wanted to say, so lots of research went into this clearly, lots of drafting; lots of re-drafting, and the writing process itself, every time you jump onto something new, it kind of perks up your interest again, and then by the end of that chapter, you’ve exhausted it.  Hopefully you’ve got everything, every last drop of value you’ve wrung out of this thing and we’re quite looking forward to moving onto the next section.</p>
<p>That said, I’m quite keen on Chapter 3, which is all about generating ideas, which is something I think that’s rather under-represented in the UX field.  We somehow go from doing research to suddenly designing the site, and that’s not really how I think the designer’s brain works.  It’s certainly not how my brain works.  I need to say, well, scratch out some ideas so lots of sketching, lots of throwing things around and saying to your colleagues, “Well hey, what about this one.  Does this work?”  It’s collaborative design as well, because you need sometimes to get the buy-in of your stakeholders.  You can’t just ride rough-shod over the process and say, “Here we go; I’ve fixed everyone’s problems” if you haven’t got the authority to do that.  So that was an interesting section to write, because I think it’s relatively, as I say, under-explored in UX literature, and hopefully the readers will get something from it as well.  Even if they don’t, it’s a nice short chapter with lots of pictures and lots of advice on how to draw well.</p>
</div>
<div class="speaker-1 anna-debenham">
<p><span>Anna</span> That’s the most popular</p>
</div>
<div class="speaker-2 cennydd-bowles">
<p><span>Cennydd</span> Yes, it’s the thing that people like reading, so fingers crossed for that one.</p>
</div>
<div class="speaker-1 anna-debenham">
<p><span>Anna</span> Is there anything that you wanted to get in the book that didn’t make the print?</p>
</div>
<div class="speaker-2 cennydd-bowles">
<p><span>Cennydd</span> Yes there is.  Initially we were hoping to back the book up with a relatively extensive chapter on some of the fundamental theory of UX design, so talking about things from library and information science, a bit of cognitive psychology would go in there, a bit of design theory and so on.</p>
<p>It turned out that that was really rather ambitious and we were quite limited by page count as well, because we wanted to make this a short, punchy, readable book, and I think that if that had gone in, we wouldn’t have been able to do justice to that section, because there’s a heck of a lot of theory obviously to any design, and particular UX design I think because it’s so broad.  And it also would have made the book a bit longer, maybe a little bit less readable, and probably a bit more expensive as well, so we decided to drop that, and who knows, in the future maybe we’ll revisit that, but there’s plenty of other literature out there as well that can help people understand some of the fundamental theory of design, so our angle I’d say was much more practical than that, so there’s a case for saying, not sure how it would’ve fit anyway, because we’re talking about lots of impressive sounding scientific theories.  Again that’s not the sort of thing you go to your boss and say, “Look; such and such scientist says we should do it this way.”  Because they don’t care!  The book is very much focused on that kind of pragmatic approach.</p>
</div>
<div class="speaker-1 anna-debenham">
<p><span>Anna</span> So how smooth was the writing process?</p>
</div>
<div class="speaker-2 cennydd-bowles">
<p><span>Cennydd</span> It wasn’t too bad.</p>
</div>
<div class="speaker-1 anna-debenham">
<p><span>Anna</span> So you chose to co-author it.</p>
</div>
<div class="speaker-2 cennydd-bowles">
<p><span>Cennydd</span> Yes, so James who’s my colleague at Clearleft, we actually hit upon the idea last year, last October, saying “Oh we think there’s a book in this.”  And I’d had some advice previously from a BarCamp session actually by Gavin Bell who’s written a book for O’Reilly fairly recently, in which he said, “There’s kind of two cardinal rules of writing your first book; the first one is don’t co-author with someone”, which I can understand why he said that.</p>
</div>
<div class="speaker-1 anna-debenham">
<p><span>Anna</span> Which you completely ignored!</p>
</div>
<div class="speaker-2 cennydd-bowles">
<p><span>Cennydd</span> Which we did completely ignore!  The phrase I’ve been quite fond of saying to people who’ve asked is that I think we were tempted at the start to say that, it’s co-authoring so we should each write half a book.  It doesn’t work out that way at all.  You each write an entire book, and you have to get that whole book signed off by someone else, i.e. each other, so it took a very long time.</p>
<p>Fortunately James and I, we work together, we’re friends, our relationship is very good, so there weren’t really many big hiccups.  We had some problems with deciding exactly who the right audience was and sometimes we were talking about things that were maybe interesting to us, but not relevant to the end-users, so there was lots of…rather to the end-reader.  There was lots of editing and slicing things out and re-phrasing and so on, but that’s the sort of stuff that comes with writing a book anyway, I would assume.</p>
<p>The only other interesting difficulty we had was the printing process, which was entirely new to us.  Being web-types, we understand the world of RGB.  We’re less familiar with the world of pantone and CMYK, so some interesting challenges getting all our diagrams done in time and the sections that we had commissioned from the wonderful Chris Summerlin as well, and trying to get those in.  Took a little while, but we got there in the end, so it was extremely hard work, but I don’t think there was anything disastrous in it.  I think it was actually surprisingly smooth for a first book.</p>
</div>
<div class="speaker-1 anna-debenham">
<p><span>Anna</span> So what advice would you give to someone who’s breaking into UX?
</div>
<div class="speaker-2 cennydd-bowles">
<p><span>Cennydd</span> Well I would advise them to read the book obviously!</p>
</div>
<div class="speaker-1 anna-debenham">
<p><span>Anna</span> Obviously!</p>
</div>
<div class="speaker-2 cennydd-bowles">
<p><span>Cennydd</span> I would say…I mean it depends on the company and their age and their personal goals, because I think it is harder for a younger designer to have the same impact as say a 30, 35 year old designer.  Even if they have the same level of experience; just because it requires a diplomacy and a tact that often only can come with experience, and this is nothing against the younger designer, but it’s just quite hard to know the right way to handle people I think in a professional context unless you’ve spent a bit of time doing that.</p>
<p>I would say that they should really have a five year plan where they want to be.  I think one of the things we recognise particularly in the book is that not everyone’s going to stay where they are for five years, so we’re not going to try and pretend that we want this one company to be as successful as Apple, and that one person can make the difference.</p>
<p>It’s all about knowing what do I want to be doing, and what changes can I make where I am, and what changes am I going to have to go somewhere else.  So plotting out a bit of a career course, but without chopping and changing too much, so you’ve got to stick at things.  So making this sort of cultural change in the business can take a long time.  It can take years, so it’s really probably one of the most valuable pieces of advice I could offer is not to become impatient, and just to plug away with dedication and not get your head down, because it’s very easy to lose morale and to lose spirit, and you think you’re getting nowhere.  But it’s often when you think you’re getting nowhere that you’re actually making the biggest inroads, so it’s that kind of commitment and that persistence I think that shows the best dividends.</p>
</div>
<div class="speaker-1 anna-debenham">
<p><span>Anna</span> So do you think young people would be better off working for a company rather than working for a UX agency?</p>
</div>
<div class="speaker-2 cennydd-bowles">
<p><span>Cennydd</span> That’s a really difficult question.  Mostly UX agencies will only hire graduates.  And often Masters graduates at that.  Most of the courses that are related to UX are at the Masters level at the post-graduate level; particularly down in London there are a couple.  So people without either the academic qualifications or professional experience are probably not likely to be able to jump straight into a UX agency.</p>
<p>Although that said, the market is very strong at the moment for candidates, so there are a lot of people looking for UX designers, and not enough good UX designers to fill that gap.  But there is a lot to be said for working in just a regular type business, and if you’re interested in the web, hopefully they have a web component you can be involved in.  But understanding how power works in an organisation and things you can and can’t say and how to effect change in an organisation; any company can teach you that, so you shouldn’t feel that you have to jump straight in as a UX specialist straight away.  And the field’s changing so rapidly as well, as is everything on the web, that by the time you’ve spent a couple of years doing it, you might actually realise that it’s changed slightly, or your passion lies in a slightly different place, so any company I think has the potential to be improved through UX design, so I wouldn’t say there’s a big rush to launch into a dedicated specialist agency.</p>
</div>
<div class="speaker-1 anna-debenham">
<p><span>Anna</span> So finally, do you have a link to your book?</p>
</div>
<div class="speaker-2 cennydd-bowles">
<p><span>Cennydd</span> Sure.  Our website, which is undercoverux.com, that’s got a couple of pages on there it’s got things like a table of contents, it’s got some testimonials that some very kind colleagues and friends of ours within the industry have given us about the book, which is wonderful, and obviously we’ve got the links to check out the book on Amazon or to buy it from alternative sellers, so we’d be delighted if people wanted to click through onto those.</p>
<p>It’s pretty reasonably priced at the moment, so it would be great if people want to click through and obviously buy a copy and tell everyone all about it.  And tell us what you think as well, because we’re not in this for the fame or the money.  We’re in this because we want to try and help the industry move forward, and it would be great to see whether we’ve been successful in that.</p>
</div>
<div class="speaker-1 anna-debenham">
<p><span>Anna</span> Well thank you so much for taking the time to talk to me today.</p>
</div>
<div class="speaker-2 cennydd-bowles">
<p><span>Cennydd</span> Great stuff. Thank you.</p>
</div>


<p>Related posts:<ol><li><a href='http://scrunchup.com/interview/brian-suda-on-designing-with-data/' rel='bookmark' title='Interview with Brian Suda on Designing with Data'>Interview with Brian Suda on Designing with Data</a></li>
<li><a href='http://scrunchup.com/interview/interview-with-zac-gordon/' rel='bookmark' title='Interview with Zac Gordon'>Interview with Zac Gordon</a></li>
<li><a href='http://scrunchup.com/interview/interview-with-upload-robots/' rel='bookmark' title='Interview with Upload Robots'>Interview with Upload Robots</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://scrunchup.com/interview/interview-with-cennydd-bowles-on-undercover-ux-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Matt Haff&#8217;s Web Design Toolkit</title>
		<link>http://scrunchup.com/article/matt-haffs-web-design-toolkit/</link>
		<comments>http://scrunchup.com/article/matt-haffs-web-design-toolkit/#comments</comments>
		<pubDate>Mon, 01 Mar 2010 00:03:02 +0000</pubDate>
		<dc:creator>matt.haff</dc:creator>
				<category><![CDATA[article]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[process]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://scrunchup.com/?p=822</guid>
		<description><![CDATA[Matt Haff gives us a rundown of the software and apps he uses.


No related posts.]]></description>
			<content:encoded><![CDATA[<p>Different software that I use, my preferred coding environments and third party apps that make life easier. I call this my &#8220;A List&#8221; of programs that every web designer should have.</p>
<h3>Dreamweaver</h3>
<p><img style="margin: 15px 0 10px 5px" src="http://www.mindseyewebdesign.net/misc/dreamweaver.png" alt="Dreamweaver CS4" width="113" height="147" align="left" />Need I say more? Adobe just does stuff right when it comes to software, they always have and always will. Dreamweaver is the perfect environment for hand coding sites from scratch or just managing the content in the WYSIWYG editor. I get to pick and choose how I want to work, the WYSIWYG is great for editing stuff like content and images so you don&#8217;t have to spend time looking through all your code for that one typo. In Dreamweaver CS4 they did some major updates to make the WYSIWYG view even more realistic to what actually shows in the browsers. It doesn&#8217;t stop there, when it comes to developing, I build the entire site in the Code View and don&#8217;t switch over until I get ready to insert the copy onto the site.</p>
<p>There is other software out there that provides just the coding environment and they are okay, they just don&#8217;t offer all the features that Dreamweaver does. FrontPage however is absolute junk and I would never recommend that to anyone. Microsoft likes to inject a lot of their own meaningless code into websites that are built using FrontPage. They were out of the game for a while and just came out with a new FrontPage. I haven&#8217;t had a chance to look at it in depth however I still wouldn&#8217;t suggest that another developer give it a shot.</p>
<h3>Photoshop</h3>
<p>Photoshop is another awesome Adobe software and if you do anything with web or graphics then this needs to be in your A List of programs. It has been around for years and now offers the ability to do 3D design work, great for logos and those out of the box websites. You&#8217;ll notice some of the 3D work on our website <a href="http://www.mindseyewebdesign.net/">Minds Eye Design</a>.</p>
<p>So as a web designer, how do I use Photoshop? For me personally I use Photoshop to do all the design work of the website, header graphics, logo design, buttons, page layout, etc. Once I have a finished look I send it off to get approval from the client. It&#8217;s always easier to edit a .PSD than it is to change the layout and design of a site when it&#8217;s built out. I never build out even a rough draft of the site until I get approval of the design. Always keep your file layered so that you easily manoeuvre, remove, add new pieces to the design. Once I&#8217;m ready to start building I slice up the .PSD to be different sections of the website and I deal with those graphics individually.</p>
<h3>Basecamp</h3>
<p><a href="http://basecamphq.com/?referrer=MATTHEWHAFF"><img style="margin-top: 5px;margin-right: 10px;margin-left: 0px" src="https://affiliates.37signals.com/images/products/basecamp/banner-125x125.png" border="0" alt="Basecamp" width="125" height="125" align="left" /></a>It doesn&#8217;t matter how many clients you have, you must use some form of project management. <a href="http://basecamphq.com/?referrer=MATTHEWHAFF">Basecamp</a> is an online based project management tool that grows with you. Think of how helpful it would be if you had one go-to place with document collaboration, to-do lists, milestones, file storage, etc. Not to mention creating a login for your client to login and give feedback on designs, write the content for their site, upload graphics and logos, along with seeing deadlines that you posted for their project. If you&#8217;re saying to yourself, &#8220;that it would be awesome&#8221; then you need to get Basecamp, because they do all that and more.</p>
<h3>Freshbooks</h3>
<p><a href="http://www.freshbooks.com/?ref=135489ea85590-1"><img style="margin: 5px 0 0 10px" src="https://mindseyewebdesign.freshbooks.com/images/banners/freshbooks125x125-2.gif" alt="Freshbooks Rocks My Socks" width="125" height="125" align="right" /></a>Since I found <a href="http://www.freshbooks.com/?ref=135489ea85590-1">Freshbooks</a> a few years ago not a day has gone by that I haven&#8217;t used it. I&#8217;m able to manage my clients and all of their login information. I have the ability to put together proposals and notify my clients via email when they are able to login and view them. I can send out one-time or recurring invoices, even auto-bill through my Authorize.net account. For my clients that aren&#8217;t very tech-savvy Freshbooks can send them a statement in the mail with a pre-addressed return envelope.</p>
<p>My clients can login and create support tickets which will automatically notify me or another staff member that is responsible for that item. I never loose track of where I spend my time thanks to the timer that helps me to log time spent on projects. I can also create staff &amp; contractor logins for them to track their time as well. Clients can also login and see how their project is coming along by viewing how many hours have been tracked to specific tasks on the project.</p>
<p>Of course you got to have some way to manage all your expenses paying for domain names, hosting, and contractors so Freshbooks gives you an area to manage all of your expenses. Freshbooks will even give you a report at the end of the year to hand over to your CPA.</p>
<h3>MailChimp</h3>
<p><img style="margin: 5px 10px 0 0" src="http://www.mindseyewebdesign.net/misc/mailchimp.jpg" alt="MailChimp Rocks" width="200" height="219" align="left" />MailChimp  I&#8217;ve used a lot of email marketing applications such as ConstantContact, Benchmark, Campaigner Pro and none of them have even come close to touching the usability and functionality of <a href="http://www.mailchimp.com/">MailChimp</a>. They are the most affordable, have great analytics and the ease of use is mind blowing. They also just brought their new supercomputer, Omnivore, online. Omnivore is a powerful abuse detection technology that helps keep their clients free of Blacklisting. They were actually one of the first email marketing platforms ever made, however at the time there wasn&#8217;t a big demand so they kept it for in-house marketing. They launched MailChimp to the public a few years ago and since then have become one of the best Email Marketing companies around. Check out <a href="http://www.mailchimp.com/features/compare/">how they compare to iContact and ConstantContact</a>.</p>
<h3>WordPress</h3>
<p><img style="margin: -20px 0 10px 10px" src="http://www.mindseyewebdesign.net/misc/wordpress_logo.png" alt="WordPress" width="200" height="200" align="right" />I&#8217;m hoping that you&#8217;ve heard of <a href="http://www.wordpress.org/">WordPress</a> if you&#8217;re reading this. Most people think of WordPress as a blogging platform but really it is a CMS platform. It just so happens that WordPress is so easy to use that just about anybody can run a website. It&#8217;s one of the more popular platforms for bloggers since most of them don&#8217;t know a lot of HTML/CSS. It has been underestimated by web developers as a CMS for websites, although it has been picking up a lot of steam in the past year. I proudly use WordPress as my one and only CMS platform for clients.</p>
<p>There are ofcourse other blogging platforms that are pretty good such as Blogger and Typepad. I personally don&#8217;t care for Typepad simply because you have to pay for it. I understand they want to make money but at a minimum of $9/month I don&#8217;t see why you wouldn&#8217;t just do a Blogger site. Blogger however is a little annoying because of the shameless advertisements and that you don&#8217;t have the flexibility as you do with WordPress. Now it&#8217;s important that you understand there are two genres of WordPress, one is <a href="http://www.wordpress.com/">WordPress.com</a> which is hosted online and you can get a free account however that is the same as a Blogger account. Everything I&#8217;m talking about is <a href="http://www.wordpress.org/">WordPress.org</a> which is a free download that you can install on your own server and customize as much as you want. If you&#8217;re not going to host it yourself then it&#8217;s really a toss up between Blogger and WordPress.com</p>
<h3>Wufoo</h3>
<p><img style="margin: 5px 10px 0 0" src="http://www.mindseyewebdesign.net/misc/wufoo.jpg" alt="Wufoo" width="262" height="155" align="left" />Last but definitely not least is <a href="http://www.wufoo.com/">Wufoo</a>, an online HTML Form Builder. Wufoo changed the way that I do HTML forms. Now instead of it taking me almost an hour to create and setup a custom form I can have it done in under five minutes. Wufoo also creates a database for every form that you create where it saves form entries. If you&#8217;re a freelancer then you need to have Wufoo on your A List, they can save you time and they are very affordable. You can even use them for to create a paid event registration form able to accept all major credit cards via an Authorize.net account. Wufoo forms can even send instant notifications to your cell phone, which comes in handy when you want to keep up with new client consultation requests.</p>
<h3>What&#8217;s on your A List?</h3>
<p>What are some programs or third-party apps that are on your A List? Have you had the pleasure of working with any of the programs I listed above? I&#8217;m interested to hear how you use them.</p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://scrunchup.com/article/matt-haffs-web-design-toolkit/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Communicating Importance in Design</title>
		<link>http://scrunchup.com/article/communicating-design-importance/</link>
		<comments>http://scrunchup.com/article/communicating-design-importance/#comments</comments>
		<pubDate>Mon, 31 Aug 2009 23:03:44 +0000</pubDate>
		<dc:creator>jamie</dc:creator>
				<category><![CDATA[article]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[process]]></category>

		<guid isPermaLink="false">http://scrunchup.com/wordpress/?p=366</guid>
		<description><![CDATA[Jamie gives some advice on communicating importance in design.


No related posts.]]></description>
			<content:encoded><![CDATA[<p>Design is all about importance. No really, it is! In this short article I am going to discuss how the concept of importance fits into the design through some simple visual methods you can apply to communicate importance to the user.</p>
<p>Many designers will worry about the message and tone of what is being communicated, either though copy, layout or imagery. While the message of the design is most important, making something a user can understand and then act on may be aim of the page.</p>
<p>Importance has a vital role in design when you are looking for the user to respond a certain way. With careful thought about what is, and is not important, you can get the preferred behaviour from the user and consumers of a design.</p>
<p>So, with all that said, I am going to do a whistle-stop tour of 3 of the tricks I use in my day to day work to draw attention to important areas of a my designs.</p>
<h3>Method 1: The Yellow Fade</h3>
<p>Familiar to many web developers who make use of tools like <a href="http://basecamphq.com/">Basecamp</a> or <a href="http://www.flickr.com/">Flickr</a>, the yellow fade is a pattern used to draw the user&#8217;s attention to something important.</p>
<p><img class="alignnone size-full wp-image-285" title="yello_box_example" src="http://scrunchup.com/wp-content/uploads/2009/09/yello_box_example.png" alt="yello_box_example" width="568" height="328" /></p>
<p>The yellow fade is often used with notices to indicate change. Change is an important bit of information to the user, outside of the normal structure of headings and layout devices. It works well for controls which are present for a small amount of time, or for information which the user must know before they can proceed. </p>
<p>If overused this method can lead to the importance being lost, in my work i tend to reserve the &#8220;yellow fade&#8221; for only positive or neutral information. Using the red fade for errors and negative information.</p>
<p>There seems to be two ways to implement the yellow fade, for some its a flash, and for others it may be a notice which then fades away.</p>
<h3>Method 2: Shadows and layering</h3>
<p>An often overlooked way to communicate importance is the shading and layering of information on the page. There are both subtle and not so subtle uses of layering to inform the user.</p>
<p><img class="alignnone size-full wp-image-466" title="Thickbox Example" src="http://scrunchup.com/wp-content/uploads/2009/09/Thickbox-Example.png" alt="Thickbox Example" width="704" height="435" /></p>
<p>For example, onthebox.com (screen show above) uses a &#8220;thickbox&#8221; call out to highlight to the user that something is required, either a selection of options or to log in etc. The thickbox makes use of a large dark background to further draw the focus of the user.  The &#8220;Lightbox&#8221; effect is another use of less than subtle layering to communicate importance. </p>
<p>However, there is much more subtle ways that layering can be used. Slight transparency, overlapping and sometimes blocking out parts of a design can be used. The following image is a good example of using shadows to subtly block out a design.</p>
<p><img class="alignnone size-full wp-image-391" title="shadows for importance" src="http://scrunchup.com/wp-content/uploads/2009/08/shadows-for-importance1.png" alt="shadows for importance" width="235" height="211" /></p>
<h3>Method 3: Icons &amp; emblems</h3>
<p>Icons can be seen in one of two ways, the first way to see them is as cool little pictures around the page, the other way is to see them as little keys into the users mind! Okay, thats a little over the top, but icons have more to them then just pixels.</p>
<p>A good icon is something which is recognizable &amp; relatable. You can recognize that its an icon, and you can relate its meaning to what you are doing. Icons can work on many levels and can over be used to overcome language or cultural barriers. Icons are a powerful way to enhance the importance of elements of you design.</p>
<p>Much of the importance icons can bring to a design problem, is due to convention. For example, the common &#8220;add&#8221; button has its entire meaning based  on convention. Its a convention for the + symbol to mean add, its also a convention for positive actions to be in green. If you think about it, you very rarely see + buttons in red, or blue. </p>
<p>Part of this use of colour and convention add importance to that area of the design and helps communicate what the user is expected to do. </p>
<p>A great example of an interface almost totally reliant on icons is the iphone home screen:</p>
<p><img class="alignnone size-full wp-image-392" title="iphone3gs" src="http://scrunchup.com/wp-content/uploads/2009/08/iphone3gs.jpg" alt="iphone3gs" width="362" height="411" /></p>
<h3>Final Thoughts:</h3>
<p> Looking at ways to bring the important parts of your designs to the forefront is a great way to improve the usability of your site. I could keep writing about importance but i thought it would be better to end this short article with some great resources. If you have any methods or tricks you use in your work please share them in the comments.</p>
<h3>Resources:</h3>
<p><a href="http://patterntap.com">Pattern Tap </a>- Pattern tap is a great resource for well designed page elements. Its a great place to see example of what works in the context of single area.</p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://scrunchup.com/article/communicating-design-importance/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

