<?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>Sjors Timmer</title>
	<atom:link href="http://notura.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://notura.com</link>
	<description>thoughts on design, technology and society</description>
	<lastBuildDate>Sat, 24 Mar 2012 21:50:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Create high fidelity prototypes in hours &#8211; 6 simple steps</title>
		<link>http://notura.com/2012/03/create-high-fidelity-prototypes-in-hours-6-simple-steps/</link>
		<comments>http://notura.com/2012/03/create-high-fidelity-prototypes-in-hours-6-simple-steps/#comments</comments>
		<pubDate>Wed, 07 Mar 2012 11:00:47 +0000</pubDate>
		<dc:creator>Sjors Timmer</dc:creator>
				<category><![CDATA[tutorial]]></category>
		<category><![CDATA[hi-fi prototype]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[prototyping]]></category>

		<guid isPermaLink="false">http://notura.com/?p=409</guid>
		<description><![CDATA[When you’re working with mockups to test your ideas, speed is crucial. You don’t want to spend days working before you can gain valuable feedback. For that reason Photoshop is often ignored in favour of sketches and wireframes. Using Photoshop, however, to create high fidelity prototypes doesn’t need to be time consuming. Many of the [...]]]></description>
			<content:encoded><![CDATA[<p>When you’re working with mockups to test your ideas, speed is crucial. You don’t want to spend days working before you can gain valuable feedback. For that reason Photoshop is often ignored in favour of sketches and wireframes. Using Photoshop, however, to create high fidelity prototypes doesn’t need to be time consuming. Many of the components graphic designers use are freely available on the web and can be quickly remixed to create almost any interface. In this article I’ll walk you through a process that enables you to mock up high fidelity prototypes in a matter of hours instead of days.</p>
<p><strong>Before you begin</strong><br />
To make this work you need:</p>
<ul>
<li>A basic understanding of Photoshop.</li>
<li>Photoshop (in case you don’t have Photoshop you could give <a href="http://www.gimp.org/">Gimp</a> a try).</li>
<li>A few sketches of the pages you want to make.</li>
<li>An idea of the ‘feeling’ you want to communicate.</li>
</ul>
<h2 dir="ltr">Step 1: Grid and baseline</h2>
<p>Grids make it easy to make decisions on what to place where. One of the most popular grids in the 12 column 960 grid that you can download from  <a href="http://960.gs/">960.gs</a>. Pick the psd file from the zip and use it as a starting point for your document.</p>
<p><img class="size-full wp-image-410" title="step_1_grid" src="http://notura.com/wp-content/uploads/2012/03/step_1_grid.jpg" alt="" width="550" height="363" /><br />
<em>Opened the <a href="http://960.gs/">960.gs</a> grid and added a baseline – available for download in the <a href="http://cl.ly/EizS">mock-up template</a>.</em></p>
<p>Bonus: Marc Boulton wrote a lot on<a href="http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-1"> designing with grids</a>.<br />
Bonus: Teelax has created a <a href="http://www.teehanlax.com/downloads/baseline-grid/">psd file </a>ready with columns, baseline and some text.</p>
<h2 dir="ltr">Step 2: Background pattern</h2>
<p>Add a little more character to your mock-up by using one of the quiet patterns from <a href="http://subtlepatterns.com/">Subtle patterns</a>.</p>
<p><img class="alignnone size-full wp-image-411" title="step_2_background" src="http://notura.com/wp-content/uploads/2012/03/step_2_background.jpg" alt="" width="550" height="323" /><br />
<em>Added <a href="http://subtlepatterns.com/?p=1104">wood pattern</a> – this one and 5 others available in the <a href="http://cl.ly/EizS">mockup template</a>.</em></p>
<p>Bonus: how to <a href="http://www.hongkiat.com/blog/creating-custom-pattern-in-photoshop/">make a pattern</a> in Photoshop.</p>
<h2 dir="ltr">Step 3: A typeface with character</h2>
<p>Use <a href="http://www.fontsquirrel.com/">Font Squirrel</a> to find a typeface that will give your site a bit of extra character. You can use it for the logo and important headers. The rest of the copy can be in Arial or Helvetica and you can use <a href="http://lipsum.org/">Lipsum</a> to quickly generate some copy.</p>
<p><img class="alignnone size-full wp-image-414" title="step_3_headers" src="http://notura.com/wp-content/uploads/2012/03/step_3_headers.jpg" alt="" width="550" height="316" /><br />
<em>Added these typefaces: <a href="http://www.fontsquirrel.com/fonts/Bebas">Bebas</a>, <a href="http://www.fontsquirrel.com/fonts/ChunkFive">ChunckFive</a>, <a href="http://www.fontsquirrel.com/fonts/cabinsketch">CabinSketch</a>, <a href="http://www.fontsquirrel.com/fonts/josefin">Josefin</a> and <a href="http://www.fontsquirrel.com/fonts/pacifico">Pacifico</a> – all 5 typefaces are available  in the <a href="http://cl.ly/EizS">mockup template</a>.</em></p>
<p>Bonus: more on <a href="http://www.smashingmagazine.com/2011/03/24/how-to-choose-a-typeface/">selecting typefaces</a>.</p>
<h2 dir="ltr">Step 4: Add the interface elements you need</h2>
<p>If you look at <a href="http://dribbble.com/">Dribbble</a> you see that some people are obsessed with creating interface elements. Luckily a group of these people has made their work available for free. You can find many of these elements on <a href="http://365psd.com/">365psd.com</a>.</p>
<p><img class="alignnone size-full wp-image-415" title="step_4_elements" src="http://notura.com/wp-content/uploads/2012/03/step_4_elements.jpg" alt="" width="550" height="275" /><br />
<em>Added <a href="http://365psd.com/day/112/">navigation</a> and <a href="http://365psd.com/day/2-227/">button</a></em></p>
<p>Bonus: the web is obsessed with icons, here’s a <a href="http://somerandomdude.com/work/iconic/">good set</a>, and <a href="http://www.1stwebdesigner.com/freebies/best-free-web-user-interface-icons/">a blog post </a>with more.<br />
Bonus: there are some attempts to create a complete sets, <a href="http://www.webdesignerdepot.com/2011/07/50-psd-ui-web-design-elements/">here are some examples</a>.</p>
<h2 dir="ltr">Step 5: Add some bold photography</h2>
<p>If you’re looking for some great photos to add to your mock-up, the easiest thing you can do is go to <a href="http://www.flickr.com/search/advanced/">Flickr’s advanced search</a> and check the ‘search in Creative Commons’ photos box, for example these <a href="http://www.flickr.com/search/?q=landscape&amp;l=cc&amp;ss=2&amp;ct=6&amp;mt=all&amp;w=all&amp;adv=1">landscapes</a>.</p>
<p><img class="alignnone size-full wp-image-417" title="step_5_images" src="http://notura.com/wp-content/uploads/2012/03/step_5_images.jpg" alt="" width="550" height="270" /><br />
<em>Combined the <a href="http://365psd.com/day/313/">video player</a> plus a <a href="http://www.flickr.com/photos/steamdave/2445824034/in/faves-svirsk/">spices image</a>.</em></p>
<h2 dir="ltr">Step 6: Make a clickable prototype</h2>
<p>By using a service like <a href="https://www.invisionapp.com/">InvisionApp </a>you can easily connect  your screens and click together a prototype.</p>
<p><a href="http://notura.com/2012/03/create-high-fidelity-prototypes-in-hours-6-simple-steps/step_6_invision/" rel="attachment wp-att-418"><img class="alignnone size-full wp-image-418" title="step_6_invision" src="http://notura.com/wp-content/uploads/2012/03/step_6_invision.jpg" alt="" width="550" height="307" /></a><br />
<em>Linked two screen together in the Invision app, you can<a href="http://invis.io/6H202VKE"> try it here</a>.</em></p>
<p>Bonus: a free option to connect images is <a href="http://connectasketch.com/">connect a sketch</a>.<br />
Bonus: If you plan to use the mock-ups in a presentation instead, here are links to an <a href="http://www.teehanlax.com/blog/iphone-gui-psd-30/">iPhone template</a> and a <a href="http://freepsdfiles.net/graphics/full-layered-macbook-air-macbook-pro/">MacBook Air template</a>.</p>
<p>Finally you can download one zip with the grid, 5 backgrounds and 5 fonts via this link:<br />
<strong><a href="http://cl.ly/EizS">Download the mockup template zip here</a></strong></p>
<p>Let me know how it goes, and leave a comment if you know more great resources.</p>
]]></content:encoded>
			<wfw:commentRss>http://notura.com/2012/03/create-high-fidelity-prototypes-in-hours-6-simple-steps/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Rem Koolhaas &#8211; designing the design process</title>
		<link>http://notura.com/2012/02/rem-koolhaas-designing-the-design-process/</link>
		<comments>http://notura.com/2012/02/rem-koolhaas-designing-the-design-process/#comments</comments>
		<pubDate>Tue, 07 Feb 2012 13:02:52 +0000</pubDate>
		<dc:creator>Sjors Timmer</dc:creator>
				<category><![CDATA[article]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[oma]]></category>
		<category><![CDATA[rem koolhaas]]></category>

		<guid isPermaLink="false">http://notura.com/?p=376</guid>
		<description><![CDATA[Prize-winner and starchitect-in-denial, Rem Koolhaas and his studio OMA have created a method and practice that is uniquely capable of dealing with an ever more complex world. Interested in what this could mean for digital designers I started digging into their design process, in this article I&#8217;ll discuss my findings. When asked once what his [...]]]></description>
			<content:encoded><![CDATA[<p>Prize-winner and starchitect-in-denial, Rem Koolhaas and his studio OMA have created a method and practice that is uniquely capable of dealing with an ever more complex world. Interested in what this could mean for digital designers I started digging into their design process, in this article I&#8217;ll discuss my findings.</p>
<p dir="ltr">When asked once what his goal with his practice was, Koolhaas answered: “<em>to keep thinking about what architecture could be. What I could be.</em>”¹  And it is this ‘could be’ that plays a defining role in Koolhaas’ career.</p>
<p>0.<strong> Introduction</strong><br />
Rem Koolhaas studied scriptwriting and architecture and is heading <a href="http://oma.com">OMA/AMO</a>, an office he co-founded in 1975. You might know him from his books <a href="http://www.amazon.co.uk/gp/product/1885254008/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;tag=sjortimm-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=1885254008">Delirious New York</a> or <a href="http://www.amazon.co.uk/gp/product/1885254865/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;tag=sjortimm-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=1885254865">S, M, L, XL</a> and his practice from the <a href="http://www.oma.eu/projects/2002/cctv-%E2%80%93-headquarters">CCTV HQ</a>, <a href="http://www.oma.eu/projects/2005/casa-da-musica">Casa da Música</a> in Porto or the <a href="http://www.oma.eu/projects/2004/seattle-central-library">Central Library</a> in Seattle.</p>
<p>It is not easy to define Koolhaas. Although his buildings can be found all over the world, it’s hard to recognise a typical Koolhaas building by visual appearance alone. To define Koolhaas you have to move to his realm, leave the world of bricks and steel, and enter the world of images, models and processes, a world of ideas. Not what is, but what could be.</p>
<p>His buildings and his books do, however, have something that makes them recognisable as a product from OMA. A product that is very much influenced by the process of creation, a bottom up, labour-intensive, research-lead way of questioning everything. His products are assemblies, where Koolhaas refuses to give any easy answers, and instead reveals a selection of evidence and demands from spectators to form their own interpretations.</p>
<div id="attachment_385" class="wp-caption alignnone" style="width: 560px"><a href="http://notura.com/2012/02/rem-koolhaas-designing-the-design-process/oma_idea_machine/" rel="attachment wp-att-385"><img class="size-full wp-image-385" title="oma_idea_machine" src="http://notura.com/wp-content/uploads/2012/02/oma_idea_machine.jpg" alt="" width="550" height="247" /></a><p class="wp-caption-text">OMA Idea Machine</p></div>
<p>Koolhaas’s greatest achievement is therefore not a building or book, but a system that is capable of harvesting, questioning and producing ideas. What Koolhaas has built is a very large version of himself, a system that, through a method of researching and building, is capable of reliably creating beautiful and intelligent ideas on how the world could be. In this article I want to discuss the system that Koolhaas has built to get in that position and how he manages to remain at the forefront.</p>
<p>1. <strong>Observation</strong><br />
The easiest way to uncover new ideas is to be in areas where life is being transformed fast. Koolhaas and his team have been working on a structure that is capable of searching the world for opportunities where change is happening faster than anywhere else, where certain breakthroughs can be made. Some places like the historical centres of European cities have hardly changed through the centuries, whilst others like Beijing, Dubai or Laos seem to redevelop themselves within years. As he states: &#8220;<em>We define an agenda, and then we look at the current moment and see where and in what way we could make certain breakthroughs and that is completely independent of making a constant sequence of architectural projects.</em>&#8220;²</p>
<p>In 1998 OMA made their research and create approach more explicit by creating a specialised research department and think-tank, which deals with architecture in its unbuilt form. AMO is focused on research, publications and exhibitions. Through this research OMA manages to be present on the scene before the scene appears.</p>
<div id="attachment_386" class="wp-caption alignnone" style="width: 560px"><a href="http://notura.com/2012/02/rem-koolhaas-designing-the-design-process/oma_world/" rel="attachment wp-att-386"><img class="size-full wp-image-386" title="oma_world" src="http://notura.com/wp-content/uploads/2012/02/oma_world.jpg" alt="" width="550" height="322" /></a><p class="wp-caption-text">Research and Create</p></div>
<p>Long before Koolhaas the builder arrives, Koolhaas the writer was already there. In his role as <a href="http://www.gsd.harvard.edu/#/people/remmentkoolhaas.html">professor at Harvard</a> he explored the <a href="http://www.amazon.co.uk/gp/product/3822860484/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;tag=sjortimm-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=3822860484">Pearl Delta</a> before being asked to build for CCTV. Before proposing an <a href="http://www.nytimes.com/2008/03/03/arts/design/03kool.html?pagewanted=all">infrastructure plan</a> in Dubai,<a href="http://www.amazon.co.uk/gp/product/9077966129/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;tag=sjortimm-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=9077966129"> the manual</a> was already published. Before <a href="http://prada-transformer.com/">working with Prada</a> his research on shopping was already available in <a href="http://www.amazon.co.uk/gp/product/3822860476/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;tag=sjortimm-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=3822860476">book form</a>.</p>
<p>New ideas are most easily created in an environment of young ideas. It’s no wonder therefore that AMO’s and Koolhaas’ research projects can be found in many emerging economies of the world.</p>
<p>2. <strong>The studio practice</strong><br />
Another way in which Koolhaas differs from his competitors is in how his studio is run. Koolhaas doesn&#8217;t come up with the masterplan that is then refined by his architects. On the contrary, his practice defines itself by an enormous freedom, in materials, in methods and in working hours. One might say that at OMA it’s avoided at all cost that answers are given based on no other ground than authority. What Koolhaas therefore provides are questions and not answers.</p>
<p>As Koolhaas puts it: “<em>What the OMA process focuses on is not the creator but the critic. In our way of working, the important person is the one who is shown various options and then makes a critical decision. The result is better architecture.</em>”³</p>
<p>This practice of avoiding ready-made answers runs deep at OMA, it can be found in the way they source their materials. Kunlé Adeyemi states: “<em>Of course it’s easier to use materials from the shelf, from the catalogue, but we can’t be on the cutting edge if we do that. So, we develop our own materials, we develop new structures.&#8221;</em><sup>4</sup></p>
<p>Another aspect of this freedom is the way employees are allowed to manage their time, so they can be productive without being constrained by fixed working hours. As Mark Veldman states “<em>You can walk out or you can stay the whole night and you can work here. You have a freedom to continue to work.</em>”<sup>5</sup></p>
<p>Lastly, the fear of becoming predictable and stagnant even reaches into their hiring strategy. As managing director Victor van der Chijs mentioned &#8220;<em>We really want every year at least 25% of our people to be new. And we want them to be young, bright people.</em>&#8220;<sup>6</sup></p>
<p>In order for Koolhaas to have the greatest chance of uncovering new ideas, OMA is created around renewal and regeneration. Although Koolhaas himself, with his 30 years’ service, is a  constant factor, it is his continuous work of critiquing himself and the outside world, whilst at the same time also creating both of them, that becomes the key to the design process.</p>
<p>3. <strong>Models</strong><br />
Models play a crucial role at the OMA design process; produced in large quantities, they function as a container for ideas and constrains. Because of their shape they create an immediate impact there is no need to go through long documents, a model is an an entity to makes experiments easy. As one of their architects states: &#8220;<em>[w]hen you have  creative minds you get a lot of ideas. The luxury product is in the fact that we an actually test all of them. Of course, it’s wasteful but that is what makes it a luxury.</em>”<sup>7</sup> Dozens or even hundreds of ideas are turned into presentations, diagrams and models which through a process of constant critique, slowly turn into a final plan. As a journalist noticed: “<em>[p]ast reception [...] is a meeting room filled with smaller maquettes. At first glance there appear to be perspex and foam models for dozens of projects &#8211; but close up you see they’re all clearly the same site, a masterplan in Moscow, modelled over and over again, with different arrangements and relationships of buildings.</em>”<sup>8</sup></p>
<p>One of OMA’s accomplishments is therefore also that they manage to run a profitable business whilst allowing for an enormous amount of ‘waste’ to be created. This way of working also allows to blur the distinction between the research, concept and design phases. In these worlds the information that came from outside slowly grows into a plan that could transform the future. As Albena Yaneva writes, &#8220;<em>Manhattan, Seattle, Cordoba are brought into the office; their life is re-enacted in the studio practice.</em>&#8220;<sup>9</sup> The playground of ideas is constructed through mixing client demands, the environment, laws and budgets, but also opportunities, ideas, and dreams. In an endless circulation, ideas turn into shapes and shapes into ideas.</p>
<div id="attachment_389" class="wp-caption alignnone" style="width: 560px"><a href="http://notura.com/2012/02/rem-koolhaas-designing-the-design-process/models/" rel="attachment wp-att-389"><img class="size-full wp-image-389" title="models" src="http://notura.com/wp-content/uploads/2012/02/models.jpg" alt="" width="550" height="231" /></a><p class="wp-caption-text">Round after round</p></div>
<p>Model-making allows the office to play with often contradictory constrains of client demands, the time pressure and the environment for the building. Models and books turn constrains and ideas into visual and physical representations that can be used as building blocks to create new worlds. “Erez Ella: <em>Every model has one or more things. You cannot really say what is that – a composition of few things, of materials, of whatever.’ As such, they accommodate a contested assembly of conflicting demands, restrictions to demolish, constraints of history, programme, zoning, typologies, structure and roof, mechanical and electric systems as well as a variety of human concerns– users’ experiences and client’s demands, all translated, transplanted into and accommodated by one entire – the model.</em>”<sup>10</sup></p>
<p>In this way Koolhaas’ practice is able to create and maintain many representations of possible futures that can be tried, altered and questioned. Round after round these representations run their courses, altering, disappearing and merging with newer and older ideas.</p>
<p>The practice of making a large selection of detailed models allows OMA to keep more complexity in the design process. The longer they can push final decisions forward, the more chance there is that a great new idea might emerge. And so each model reflects the studio as a whole, a collection of changing artefacts always in flux towards becoming more refined, intelligent ideas of how the world could be.</p>
<p>4. <strong>Archives</strong><br />
&#8220;<em>Ten years ago the Netherlands Architecture Institute (NAI) proposed to acquire OMA&#8217;s archive. They sent an art historian for four months to the office&#8217;s basement storage to make a inventory of all the items. When the work was done, OMA decided not to sell. Instead they hired the art historian as its archivist.</em>&#8220;<sup>11</sup></p>
<div id="attachment_390" class="wp-caption alignnone" style="width: 560px"><a href="http://notura.com/2012/02/rem-koolhaas-designing-the-design-process/archives/" rel="attachment wp-att-390"><img class="size-full wp-image-390" title="archives" src="http://notura.com/wp-content/uploads/2012/02/archives.jpg" alt="" width="550" height="356" /></a><p class="wp-caption-text">Archives via Borix1</p></div>
<p>One of the reasons that OMA can afford their process is their ability to recycle themselves. By using their large archive of models and books they manage to use time more efficiently and to store a larger amount of complexity. “<em>Archiving the models allowed architects to keep the traces of creativity for a longer period of time; de-archiving them meant they could rediscover those traces of design invention that time had left intact.</em>”<sup>12</sup></p>
<p>An example here is the Casa da Musica in Porto where “<em>the abandoned and temporarily forgotten model of the private house came up to the office and re-entered the cycles of design. Lingering on the tables of the models for months, it was finally take with new assumptions, reshaped, refreshed and adjusted.</em>&#8220;<sup>13</sup></p>
<p>Working with their vast archive allows OMA to work with a large volume of ideas and a higher internal complexity, thereby enabling them to pick a good idea from a much larger pool than would otherwise be possible.</p>
<p>5. <strong>Books</strong><br />
Besides the archived models, OMA uses another method to carry information and ideas through time. As shown in OMA&#8217;s exhibition at the AA, besides an architecture firm, OMA is also a massive book production machine, where they use books in all stages of the design process, such as documenting research, saving projects’ stages or capturing outcomes.</p>
<div id="attachment_391" class="wp-caption alignnone" style="width: 560px"><a href="http://www.dezeen.com/2010/05/05/oma-book-machine-at-the-architectural-association/"><img class="size-full wp-image-391" title="oma_books" src="http://notura.com/wp-content/uploads/2012/02/oma_books.jpg" alt="" width="550" height="192" /></a><p class="wp-caption-text">OMA Bookmachine - via Dezeen</p></div>
<p>These books help to get a grip on time, and allow for a large quantity of information to stay within reach. In the research phase they contain the photos, diagrams, texts and schemes. &#8220;Shohei Shigematsu: <em>[w]e use very naive diagrams almost like cartoons in children&#8217;s books. We also spend a lot of time on making books, which is also part of the presentation materials. There is also an element of clarifying things for ourselves.</em>&#8220;<sup>14</sup></p>
<p>And later on the books function like their archives as a way to store and shelf design ideas. &#8220;<em>Like the tables of models, the books are summaries of the design steps that make the material trajectory of a project traceable. They keep some traces of exploration, and present the results of design experimentation. Like the tables they allow the designers to go back and rethink the design moves previously made</em>.&#8221;<sup>15</sup></p>
<p>Books play an interesting double role at OMA, they are both used to start building processes and to summarise them. Although other architecture firms have combined building and writing (think Le Corbusier, Buckminster Fuller) no firm has managed to operate a book and build business on the scale of OMA.</p>
<p>6. <strong>Conclusion</strong><br />
The process that Koolhaas uses to uncover the future before anyone else, is through the ability to bring in new ideas faster and to maintain a higher degree of complexity within the studio and in each project.</p>
<p>It is therefore not the buildings, models, books, exhibitions or magazines that are Koolhaas&#8217; biggest achievement, but the creation of a structure that is capable of producing a constant stream of ideas. As Koolhaas states &#8220;<em>[t]he biggest part of our work for competitions and bid invitations disappears automatically. No other profession would accept such conditions. But you can&#8217;t look at these designs as waste. They&#8217;re ideas; they will survive in books.</em>&#8220;<sup>16</sup></p>
<p>One might even suspect that Koolhaas mainly builds buildings to have something to write about, as he concludes in an interview in 2004. “<em>Maybe, architecture doesn&#8217;t have to be stupid after all. Liberated from the obligation to construct, it can become a way of thinking about anything &#8211; a discipline that represents relationships, proportions, connections, effects, the diagram of everything.</em>”<sup>17</sup></p>
<p>&nbsp;</p>
<p>This text eventually made it into a presentation<br />
<a title="Rem Koolhaas –designing the design process" href="http://www.slideshare.net/sjors/rem-koolhaas-designing-the-design-process-11164433" target="_blank">Rem Koolhaas –designing the design process</a><br />
<iframe src="http://www.slideshare.net/slideshow/embed_code/11164433?rel=0" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="550" height="459"></iframe></p>
<p>Martin Belam wrote a <a href="http://currybet.net/cbet_blog/2012/01/london-ia-sjors-timmer-rem-koolhaus-oma.php">review</a> of this presentation</p>
<p><strong>More about Rem Koolhaas/OMA</strong><br />
Articles:<br />
<a href="http://www.oma.com">OMA</a><br />
<a href="http://www.barbican.org.uk/artgallery/event-detail.asp?ID=12472">Barbican event site</a><br />
<a href="http://www.indexmagazine.com/interviews/rem_koolhaas.shtml">Rem Koolhaas, Index Magazine</a> – Although a bit generic in the opening, the journalist manages to get some good information out of Koolhaas in the end<br />
<a href="http://www.newyorker.com/archive/2005/03/14/050314fa_fact_zalewski">Intelligent Design, The New Yorker Daniel Zalewsky</a> – Reads like a James Bond story<br />
<a href="http://www.spiegel.de/international/zeitgeist/0,1518,803798,00.html">Interview with Rem Koolhaas</a> – Der Spiegel catches up with Rem Koolhaas&#8217; current work<br />
<a href="http://www.guardian.co.uk/artanddesign/2010/may/17/rem-koolhaas-architecture-book">Tomes, sweet tomes</a> – The Guardian reflects on OMA&#8217;s book exhibition at the AA<br />
<a href="http://deoxy.org/pkd_how2build.htm">How to build a universe that doesn&#8217;t fall appart two days later </a> – Although not directly about OMA, this short story by Philip K. Dick is used as the opening motive for the current Barbican exhibition<br />
<a href="http://www.architectsjournal.co.uk/critics/oma/progress-at-the-barbican/8621415.article">OMA/Progress at the Barbican</a> – One of the more insightful reviews of the Barbican exhibition</p>
<p>Videos:<br />
<a href="http://www.dutchdfa.com/profiles/362/rem-koolhaas-oma">Rem Koolhaas/OMA</a> – Good introduction into Rem Koolhaas<br />
<a href="https://vimeo.com/user3599775">OMA&#8217;s Vimeo channel</a> – OMA&#8217;s own archive,  a good place to start exploring<br />
<a href="http://www.barbican.org.uk/galleryvideos/">Barbican&#8217;s OMA videos</a> –  Videos of talks helt during OMA&#8217;s Barbican exhibition<br />
<a href="http://www.fastcodesign.com/1662177/hong-kong-wants-big-time-art-next-to-big-time-business">OMA&#8217;s Hong Kong project</a> – Although not a winner, this article and video give a good feel for the style<br />
<a href="https://vimeo.com/14854473">OMA&#8217;s Cean Library proposal</a> – A case of explaining a complex conceptual project</p>
<p>Books:<br />
<a href="http://www.amazon.co.uk/gp/product/9064507147/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;tag=sjortimm-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=9064507147">Made by the Office for Metropolitan Architecture: An Ethnography of Design</a>, Albena Yaneva – my main source  for this article, describes OMA&#8217;s love affair with blue foam<br />
<a href="http://www.amazon.co.uk/gp/product/1885254008/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;tag=sjortimm-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=1885254008">Delirious New York</a> – Koolhaas&#8217; first book<br />
<a href="http://www.amazon.co.uk/gp/product/3836525089/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;tag=sjortimm-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=3836525089">Project Japan</a> – Koolhaas&#8217; latest book<br />
<a href="http://www.amazon.co.uk/gp/product/9056623494/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;tag=sjortimm-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=9056623494">Considering Koolhaas and the Office for Metropolitan Architecture</a> – A Collection of essays reviewing Koolhaas from a cultural perspective</p>
<p><strong>References</strong></p>
<ol>
<li><a href="http://www.indexmagazine.com/interviews/rem_koolhaas.shtml">Rem Koolhaas, Index Magazine</a>, 2000</li>
<li><a href="http://www.barbican.org.uk/galleryvideos/">Rem Koolhaas, OMA in Conversation</a>, Barbican, 2011</li>
<li><a href="http://www.newyorker.com/archive/2005/03/14/050314fa_fact_zalewski">Intelligent Design, The New Yorker Daniel Zalewsky</a></li>
<li><a href="http://www.amazon.co.uk/gp/product/9064507147/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&amp;tag=sjortimm-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=9064507147">Made by the Office for Metropolitan Architecture: An Ethnography of Design</a>, Albena Yaneva, page  80</li>
<li><a href="http://rotordb.org/press/articles/progress_ICON_October_2011.pdf">Inside OMA, William Wiles, Icon</a>, page 146</li>
<li>Inside OMA, William Wiles</li>
<li>Akkaoui, Inside OMA, William Wiles, page 149</li>
<li>Inside OMA, William Wiles, page 146</li>
<li>Made by the Office for Metropolitan Architecture: An Ethnography of Design, Albena Yaneva, page 85</li>
<li> Made by the Office for Metropolitan Architecture: An Ethnography of Design, Albena Yaneva, page 56</li>
<li><a href="http://www.barbican.org.uk/media/events/1247218303reprint.pdf">OMA/Progress, Barbican free guide</a></li>
<li>Made by the Office for Metropolitan Architecture: An Ethnography of Design, Albena Yaneva, page 65</li>
<li>Made by the Office for Metropolitan Architecture: An Ethnography of Design, Albena Yaneva, page  86</li>
<li>Made by the Office for Metropolitan Architecture: An Ethnography of Design, Albena Yaneva, page 33</li>
<li>Made by the Office for Metropolitan Architecture: An Ethnography of Design, Albena Yaneva, page 72</li>
<li><a href="http://www.spiegel.de/international/zeitgeist/0,1518,803798,00.html">Interview with Rem Koolhaas</a>, Der Spiegel</li>
<li><a href="http://www.amazon.co.uk/gp/search/ref=as_li_qf_sp_sr_il_tl?ie=UTF8&amp;keywords=content&amp;tag=sjortimm-21&amp;index=aps&amp;linkCode=as2&amp;camp=1634&amp;creative=6738">Content, Rem Koolhaas</a>, 2004</li>
</ol>
<p>Massive thanks to <a href="http://www.aliazapparova.com">Alia Zapparova</a> for reading and reviewing this text</p>
]]></content:encoded>
			<wfw:commentRss>http://notura.com/2012/02/rem-koolhaas-designing-the-design-process/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Design of Understanding 2012 – a review</title>
		<link>http://notura.com/2012/02/design-of-understanding-2012-review/</link>
		<comments>http://notura.com/2012/02/design-of-understanding-2012-review/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 14:08:17 +0000</pubDate>
		<dc:creator>Sjors Timmer</dc:creator>
				<category><![CDATA[review]]></category>
		<category><![CDATA[dou2012]]></category>

		<guid isPermaLink="false">http://notura.com/?p=369</guid>
		<description><![CDATA[It is clear that our old model of the world as a complicated (but classifiable and ultimately comprehensible) system no longer matches the things we see happening around us. Where did the economic crisis come from? Why are there riots in the streets? No amount of logic seems to bring the answers. Luckily a new [...]]]></description>
			<content:encoded><![CDATA[<p>It is clear that our old model of the world as a complicated (but classifiable and ultimately comprehensible) system no longer matches the things we see happening around us. Where did the economic crisis come from? Why are there riots in the streets? No amount of logic seems to bring the answers. Luckily a new model is in the making: the idea of the world as a <a href="http://www.trojanmice.com/articles/complexadaptivesystems.htm">complex adaptive system</a>, where small things can have big implications and where large things can have hardly any implication at all. Welcome to the world where, as Kevin Slavin <a href="http://www.fastcodesign.com/1664676/game-developer-kevin-slavin-on-how-algorithms-mold-our-cities">suggested</a>, we can no longer read the algorithms we&#8217;ve written.</p>
<p>Within this new world, <a href="http://www.thedesignofunderstanding.com/">Design of Understanding</a> tried to answer two questions:<br />
1. How do we begin to understand our current world?<br />
2. How do we begin building our future?</p>
<p>1. Understanding the world.<br />
Gill Ereaut of <em><a href="http://www.linguisticlandscapes.co.uk/">Linguistic Landscapes</a></em> proposed an interesting method of understanding the inner workings of an organisation: through looking at the internal language of a company. How are departments called? What job titles do people have? Which words are used in emails? All these small signs create a rich insight into the hidden ways of corporate thinking. If this internal language and these silent assumptions are not addressed, a change of corporate strategy is guaranteed to fail. Ereaut mentioned that in many cases companies came back to her every five years because they had managed to recreate their own problems. If you want to change a company&#8217;s path, if you want to follow a beautiful new strategy, you need to address the unspoken rules and the silent assumptions. In short, you need to look at the language, because it is language that constructs the world.</p>
<p><a href="http://infovore.org/">Tom Armitage</a> offered a different way of creating models of the world. In his talk on game design he explained how games can serve as a model for the world at large. If we want to understand a game, we often just start playing it, thereby testing our assumptions against the unknown rules of the game. It&#8217;s only through playing that we slowly uncover the rules within the black box. Well designed games are unstable games where not all rules align; for every two rules that reinforce each other there is a third one that creates friction. It is this friction that makes it fun to play.</p>
<p>To understand our current world therefore it is not enough to come up with new theories. To understand it, we must play and keep on playing. Because only through play we will able to slowly reverse engineer the process in the black box and discover opportunities for new approaches.</p>
<p>2. Building the future.<br />
<a href="http://www.elasticspace.com/"> Timo Arnall</a> of <em>Berg</em> <a href="http://berglondon.com/blog/2011/11/21/sometimes-the-stories-are-the-science%E2%80%A6/">made a case</a> for the use of film as a medium to bring the future closer. Film, if done well, is powerful in unpacking actions over time and allows insight into complex emotions. More than any other medium, film gives you a bodily experience of what you see. This makes it a powerful medium for testing ideas before they are made. The touch screen in Minority Report is a good example of a cinematic interpretation that made <a href="http://www.youtube.com/watch?v=NwVBzx0LMNQ">touch screens look desirable</a> long before they were commercially possible.</p>
<p>The challenge of making people enthusiastic for new technology is also something that <a href="http://www.broadstuff.com/">Alan Patrick</a> dealt with. He sees hypes and bubbles as unavoidable, and even as a positive phenomenon for new technology to <a href="http://en.wikipedia.org/wiki/File:Technology-Adoption-Lifecycle.png">cross the chasm</a> between early adopters and early majority. It&#8217;s thanks to the madness of crowds that so much money was pumped into ICT, the Internet and social media, and although much of this money evaporates, in the end we do manage to have better technology.</p>
<p>For me <a href="http://www.cityofsound.com/">Dan Hill</a>&#8216;s talk was the best of the day, he took all that was good from the previous talks and pushed it forwards. In his work as strategic design lead at <a href="http://www.helsinkidesignlab.org/">Sitra</a>, the Finish organisation for innovation, he deals daily with the challenge of changing the country for the best, whilst avoiding all pitfalls that come with change. He used <a href="http://www.crimsonweb.org/">Wouter Vanstiphout</a>&#8216;s <a title="search for the word change in this article" href="http://www.australiandesignreview.com/features/2313-historian-of-the-present-wouter-vanstiphout">idea</a> that the only way to change cities is by changing the system that governs them, and used the metaphor of <a href="http://en.wikipedia.org/wiki/Dark_matter">dark matter</a> to explain this. Like the universe, our world consists for 90% out of dark matter, a thick layer of rules, regulations, ideas, habits and codes that, although invisible, make our 10% visible world possible. To start changing this invisible world of dark matter, Hill proposed the usage of Trojan horse strategy. A Trojan horse or a <a href="http://en.wikipedia.org/wiki/MacGuffin">McGuffin</a> is a token that is built not for its own existence, but for the sake of understanding and changing the world in which it has been brought to life. Through cycling this new object round after round through the dark matter, slowly the invisible starts to reveal itself (also a theme Tim Arnall and <a href="http://shorttermmemoryloss.com/">James Bridle</a>). Once the outlines of the dark matter have revealed themselves, experiments can be created to explore the possibilities of altering these lines.</p>
<p>It&#8217;s here that the world of games and the world of dark matter start to come together and make a clear statement: the only way to start understanding complex adaptive systems is by starting to play with(in) them. And the only way to change them is through many rounds of slow iterations.</p>
<p>More reviews:<br />
<a href="http://lulupinney.co.uk/2012/01/dou2012-the-unpacking-of-complexity/">The Unpacking of Complexity</a> by Lulu Pinney<br />
<a href="http://www.adendavies.com/the-design-of-understanding/">The Design of Understanding</a> by Aden Davies<br />
<a href="http://www.flickr.com/photos/yahnyinlondon/tags/designofunderstanding2012/">Sketch notes</a> by Amanda Wright<br />
<a href="http://www.flickr.com/photos/evalottchen/sets/72157629067954001/with/6776126773/">Sketch notes</a> by Eva Lotta Lamm<br />
<a href="http://lanyrd.com/2012/dou2012/">Lanyrd page </a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://notura.com/2012/02/design-of-understanding-2012-review/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>dConstruct 2011 &#8211; a review</title>
		<link>http://notura.com/2011/09/dconstruct-2011-a-review/</link>
		<comments>http://notura.com/2011/09/dconstruct-2011-a-review/#comments</comments>
		<pubDate>Mon, 05 Sep 2011 21:24:47 +0000</pubDate>
		<dc:creator>Sjors Timmer</dc:creator>
				<category><![CDATA[review]]></category>

		<guid isPermaLink="false">http://notura.com/?p=360</guid>
		<description><![CDATA[At dConstruct 2011 cyberspace was declared dead. Gone are the days when we dreamed about walking in second life, uploading our brain to the net and leaving our bodies behind to float forever in an infinite virtual space. Now we’ve abandoned the long stairway to cyber-heaven, where do we find ourselves? After scaring people for [...]]]></description>
			<content:encoded><![CDATA[<p>At dConstruct 2011 cyberspace was declared dead. Gone are the days when we dreamed about walking in second life, uploading our brain to the net and leaving our bodies behind to float forever in an infinite virtual space. Now we’ve abandoned the long stairway to cyber-heaven, where do we find ourselves? After scaring people for too long, technology has begun to hide itself. First it shrunk clunky boxes into shiny objects, then it transformed winding cables into waves of air. Suddenly it was behind our walls, underneath our floors and our offices and kitchens, and one day, without anyone taking notice, it jumped into our pockets and has not left us since. How do you design for a world where not life, but technology has become virtual, something that can do and be anything you can imagine, but that in itself has no particular shape or place? The answer is both complex and simple. It’s a lot like living in the old days: we share stories and create memories, we hang out with our friends and family and try to make sense of the world in which we live. But it is like living in the new days too, every object has its virtual doppelgänger, every move turns into data that can be tracked and traced, at any place we can connect with anyone and anything else. In a way technology has become more like ‘the force’ &#8211; an omnipresent faceless power that can be tapped into at any moment to use for&#8230; to use for what?</p>
]]></content:encoded>
			<wfw:commentRss>http://notura.com/2011/09/dconstruct-2011-a-review/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The construction of an idea</title>
		<link>http://notura.com/2011/09/the-construction-of-an-idea/</link>
		<comments>http://notura.com/2011/09/the-construction-of-an-idea/#comments</comments>
		<pubDate>Sun, 04 Sep 2011 18:09:27 +0000</pubDate>
		<dc:creator>Sjors Timmer</dc:creator>
				<category><![CDATA[column]]></category>

		<guid isPermaLink="false">http://notura.com/?p=356</guid>
		<description><![CDATA[One day a small itch visits you, a feeling, a hunch of something that could be changed. You start exploring what it might be, how big it is, what is part of it, what doesn’t fit, which edges are too far to see. Slowly the hunch starts to transform into an idea. First it’s very [...]]]></description>
			<content:encoded><![CDATA[<p>One day a small itch visits you, a feeling, a hunch of something that could be changed. You start exploring what it might be, how big it is, what is part of it, what doesn’t fit, which edges are too far to see. Slowly the hunch starts to transform into an idea. First it’s very rough, its contours merely visible, then, after you beat, torture, inquire and polish it, it starts to unveil some of its potential beauty. It’s translated into another language, documented, sketched and presented. You invite people from all of the world to test and try the idea, to punch it, to build upon it, to take it for a walk or for a wild bus ride down the country side. Slowly the idea starts to alter reality, in corridors whispers can be heard, folded notes pass from hand to hand, it gains momentum, it shows up in books and presentations, children shout its name and grown ups discuss it over coffee. It starts to change the world, cathedrals and shopping centres are erected in its name, magazines and tv hosts spew it out in an endless sea of words, images and objects. For the idea this is the sign that it has to move on, it has done its duty and is free to float again, above the roofs and squares of the old city it flies until it has found yet another sleepless night.</p>
]]></content:encoded>
			<wfw:commentRss>http://notura.com/2011/09/the-construction-of-an-idea/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Uxdo writing workshop &#8211; a short overview</title>
		<link>http://notura.com/2011/06/uxdo-writing-workshop-a-short-overview/</link>
		<comments>http://notura.com/2011/06/uxdo-writing-workshop-a-short-overview/#comments</comments>
		<pubDate>Wed, 22 Jun 2011 20:27:44 +0000</pubDate>
		<dc:creator>Sjors Timmer</dc:creator>
				<category><![CDATA[review]]></category>

		<guid isPermaLink="false">http://notura.com/?p=343</guid>
		<description><![CDATA[Inspired by Will Myddelton’s post on the open UX university I got the idea for a series of workshops that could help people become more active in the UX community. Posting the idea on the London IA message board resulted in many positive replies. Attendees, speakers, co-organisers and hosts all came forward. After the initial [...]]]></description>
			<content:encoded><![CDATA[<div>
<p>Inspired by Will Myddelton’s post on <a href="http://myddelton.tumblr.com/post/3938815743/ux-university">the open UX university</a> I got the idea for a series of workshops that could help people become more active in the UX community. Posting <a href="http://london-ia.ning.com/forum/topics/workshop-on-writing-blogposts">the idea</a> on the London IA message board resulted in many positive replies. Attendees, speakers, co-organisers and hosts all came forward. After the initial post it still took a few months to connect all the dots, but on 7 July the first Uxdo took place.</p>
<p>The theme of the workshop hosted at <a href="http://www.fortunecookie.co.uk/">Fortune Cookie</a> was writing and featured <a href="http://www.currybet.net/">Martin Belam</a> and <a href="http://www.cennydd.co.uk/">Cennydd Bowles</a>. Martin shared great tips on getting into the blogging habit and optimising your posts and Cennydd made it clear that editing is as important for a good piece as writing itself. At the end of the evening <a href="http://www.mobypicture.com/user/uxdo/view/9740909">everyone </a>agreed to write a blogpost and two weeks later the majority lived up to it.</p>
<p>Here’s a list of all the posts that were written after the uxdo workshop:</p>
<p>Martin Belam – <a href="http://www.currybet.net/cbet_blog/2011/06/ux-workshops-writing.php">Cennydd Bowles on the value of editing</a><br />
Tim Caynes – <a href="http://www.userist.com/2011/06/writing-to-be-read-workshop-on-being.html">Writing to be read: a workshop on being a better writer</a><br />
Heidi Blanton – <a href="http://cl.ly/7aTm">Who has rights to your Twitter photos? TwitPic updates TOS.</a><br />
Sally Smith – <a href="http://t.co/qlnFSSu">Copywriting and interface design: five unifying principles &#8211; UX Sleuth</a><br />
Lucy Hughes – <a href="http://lucyhughes.com/post/6686574795/interactivism">Interactivism</a><br />
Francis Rowland – <a href="http://ebiinterfaces.wordpress.com/2011/06/19/science-stories-and-better-design/">Science, stories and better design </a><br />
Will Myddelton – <a href="http://myddelton.tumblr.com/post/6514784798/my-name-is-a-geolocation">The Story Of How I Got My Name</a><br />
Tyler Tate – <a href="http://johnnyholland.org/2011/06/16/learning-styles-the-cognitive-side-of-content/">Learning Styles: The Cognitive Side of Content </a><br />
Martina Schell – <a href="http://www.wearelucy.com/blog/2011/06/21/ux-in-startups-6-tips-from-the-frontline/">UX in startups: 6 tips from the frontline</a><br />
Simon Doggett  – <a href="http://bloggett.com/2011/06/the-london-ux-job-pool-a-guide-for-candidates/">The London UX Job Pool &#8211; A Guide for Candidates</a><br />
Jason Mesut – <a href="http://london-ia.ning.com/forum/topics/the-portfolio-rant-part-2">The Portfolio Rant (part 2)<br />
</a>Cennydd Bowles – <a href="http://www.cennydd.co.uk/2011/simple-harmonic-motion/">Simple Harmonic Motion</a></p>
<p>These posts form a wide and rich collection of stories and ideas, which I think is an amazing result! And I hope that everyone feels inspired to keep on writing.</p>
<p>Rumour has it that the next Uxdo will be on workshop facilitation and might take place in mid-August, be sure to follow <a href="http://www.twitter.com/uxdo">@uxdo</a> on twitter to find out when the next one will be.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://notura.com/2011/06/uxdo-writing-workshop-a-short-overview/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 simple steps towards a UX portfolio</title>
		<link>http://notura.com/2011/04/5-simple-steps-towards-a-ux-portfolio/</link>
		<comments>http://notura.com/2011/04/5-simple-steps-towards-a-ux-portfolio/#comments</comments>
		<pubDate>Tue, 12 Apr 2011 09:24:54 +0000</pubDate>
		<dc:creator>Sjors Timmer</dc:creator>
				<category><![CDATA[article]]></category>
		<category><![CDATA[uxd]]></category>

		<guid isPermaLink="false">http://notura.com/?p=321</guid>
		<description><![CDATA[Earlier this year I was lucky enough to be able to attended a meet up organised by Jason Mesut around the theme ‘What makes a great UX portfolio’. Judging by the discussion that spun out at London IA the last word on UX portfolios hasn&#8217;t been said. In this article I’ll share what I’ve learned [...]]]></description>
			<content:encoded><![CDATA[<div>
<p>Earlier this year I was lucky enough to be able to attended a meet up organised by <a href="http://twitter.com/#!/jasonmesut">Jason Mesut</a> around the theme ‘What makes a great UX portfolio’. Judging by the discussion that spun out at London IA the last word on UX portfolios hasn&#8217;t been said. In this article I’ll share what I’ve learned so far.</p>
<p><strong>1. Know yourself</strong><br />
Every successful pitch starts with good self-knowledge. What is it that you want to achieve by making your portfolio, what should be the idea that you want to install in the mind of the viewer? Why are you applying for this particular job at this particular company? Do you know the direction in which you would like to develop? What makes you so much better than all the other candidates? Those questions should be answered in your portfolio. A portfolio is not meant to be a perfect reflection of your past career, it’s a sales tool that you use to steer your future. Therefore it’s perfectly fine to put a spotlight on those projects that you are proud off, and to show off your skills in the areas you’d like to develop yourself in.</p>
<p><strong>2. Know your audience</strong><br />
It’s hard to decide what you should do if you don’t know your audience. Every hiring manager is different and this should be reflected in your portfolio. Try to gain as much information as possible about the (kind of) person and the company you are addressing. Are you being hired as the only person or will you be part of a large design department? Will the hiring person view your portfolio on the road on her iPhone or look at it at her 30” iMac? Or is she more likely to print it at the very last minute so she can look at it whilst walking to the interview room? The answers to these questions will define the kind of information, the amount of pages and the size of pages (A4, A3, 1980*1200, etc) that will best fit your audience.</p>
<p><strong>3. Tell a story</strong><br />
Make sure you take the lead. Based on your goal (get the job) and your audience (the hiring manager) you can create a visual narrative supported by text. Roughly your portfolio could be structured like this:</p>
<ol>
<li>Top-level view. Show that you understand UX design: show user research, idea generation, idea implementation and testing.</li>
<li>Zoom-in. Build up trust by demonstrating that you are an experienced professional: show the different design phases of several projects, make sure you mention the goal of the project, your role in it and the outcome.</li>
<li>Team-player. Gain some browny points by demonstrating your obsession with UX: were you involved in organizing an event? Did you write an interesting blog post? Or did you give a presentation? This is your chance to show it.</li>
</ol>
<p>Through text and visuals you can make clear that they simply have no other option than to invite you for an interview.</p>
<p><strong>4. Sweat the details</strong><br />
Think once more about your goal and your audience and make sure they align. Crop your images so only the essential is shown. Remove words until only the necessary are left. Tune your case studies. Maybe you can use a quote from a happy client. Perhaps you can illustrate your statement about card-sorting and workshops with some photos. Have a look at some great portfolios out there and try to find their nifty little details; speech-bubbles, consistent heading or using an interesting font. And finally put your contact details on the first and the last page.</p>
<p><strong>5. Test and iterate</strong><br />
Print your portfolio, show it to a friend, show it to a mentor, look at it on your mum’s old laptop. Does it stand all these tests? Read through your text, ask a friend to read through the text, make sure there are no spelling errors, no page errors and no wrong images.</p>
<p><strong>6. Learn from others</strong><br />
Here’s a collection of discussions, blogposts and portfolios from around the web. It’s always good to know what the competition is doing.</p>
<p>Should you make a portfolio:</p>
<ul>
<li><a href="http://youtheuser.com/2009/12/30/to-portfolio-or-not-to-portfolio-that-is-the-question/">To portfolio or not to portfolio, that is the question &#8211; You the user</a></li>
<li><a href="http://www.jeffgothelf.com/blog/you-dont-need-a-ux-portfolio/">You don&#8217;t need a UX portfolio</a></li>
<li><a href="http://www.quora.com/Is-a-robust-portfolio-for-a-UX-Designer-necessary">Is a robust portfolio for a UX designer necessary &#8211; Quoare</a></li>
</ul>
<p>How to make a good portfolio:</p>
<ul>
<li><a href="http://london-ia.ning.com/forum/topics/the-portfolio-rant-part-1">The portfolio rant part I &#8211; London-IA</a></li>
<li><a href="http://www.quora.com/What-do-clients-employers-recruiters-look-for-in-a-UX-portfolio ">What do clients/employers/recruiters look for in a UX portfolio &#8211; Quora</a></li>
<li><a href="http://ux.stackexchange.com/questions/4662/thoughts-on-creating-a-portfolio">Thoughts on creating a portfolio &#8211; UX exchange</a></li>
<li><a href="http://www.ixda.org/node/25042 ">Online UX Portfolio &#8211; Conflict of Interest? &#8211; IxDA</a></li>
<li><a href="http://dianecherie.com/2010/06/a-good-ux-portfolio/  ">A good UX portfolio &#8211; Diane Cherie</a></li>
<li><a href="http://blog.semanticfoundry.com/2011/04/19/7-steps-to-a-kick-ass-ux-portfolio/">7 steps to a Kick-ass UX portfolio- Semantic Foundry</a></li>
<li><a href="http://betteruxportfolios.wordpress.com/">Better UX portfolios</a></li>
<li><a href="http://www.uie.com/brainsparks/2011/11/07/fill-your-portfolio-with-stories/">Fill your portfolio with stories &#8211; Jared Spool</a></li>
<li><a href="http://www.foolproof.co.uk/how-to-ace-the-ux-job-application/">How to ace the UX job application &#8211; Foolproof</a>
</ul>
<p>Examples:</p>
<ul>
<li><a href="http://www.slideshare.net/AbbyCovert/abby-y-covert-user-experience-portfolio">Abby Covert</a></li>
<li><a href="http://bloggett.com/portfolio/">Simon Doggett</a></li>
<li><a href="http://www.umanka.com/">Umanka Karkada</a></li>
<li><a href="http://www.kvanlaan.com/KVL_Portfolio.html">K van Laan</a></li>
<li><a href="http://www.hilarycoolidge.com/">Hilary Coolidge</a></li>
<li><a href="http://dannyhearn.me/">Danny Hearn</a></li>
<li><a href="http://dl.dropbox.com/u/135578/dannyhope.co.uk/project-stories/index.html">Danny Hope</a></li>
<li><a href="http://www.userexperiencedesigner.co.uk/recent-user-experience-designer-ux-information-architect-ia-projects-london-uk.htm">Anthony J. Davies</a></li>
</ul>
<p>Get some visual design inspiration:</p>
<ul>
<li><a href="http://www.smashingmagazine.com/2009/02/26/10-steps-to-the-perfect-portfolio-website/  ">10 steps to the perfect portfolio websites &#8211; Smashing Magazine</a></li>
</ul>
<p>And finally, thanks to all the great advice given in the London IA forum and by the attendees of the portfolio meet-up. I’ll leave you with one question: what advice would you give to people who set out to create or update their portfolio?</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://notura.com/2011/04/5-simple-steps-towards-a-ux-portfolio/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>6 things I learned whilst looking for a job</title>
		<link>http://notura.com/2011/03/6-things-i-learned-whilst-looking-for-a-job/</link>
		<comments>http://notura.com/2011/03/6-things-i-learned-whilst-looking-for-a-job/#comments</comments>
		<pubDate>Tue, 08 Mar 2011 09:41:17 +0000</pubDate>
		<dc:creator>Sjors Timmer</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[uxd]]></category>

		<guid isPermaLink="false">http://svirsk.org/?p=305</guid>
		<description><![CDATA[In late 2010 I set out to find a new UX job in London. I’d like to share with you some of the things I encountered on my quest for a workplace. 1. Know yourself. The first thing I learned was that, although the job title might be the same, User Experience Designer can mean [...]]]></description>
			<content:encoded><![CDATA[<p>In late 2010 I set out to find a new UX job in London. I’d like to share with you some of the things I encountered on my quest for a workplace.</p>
<p><strong>1. Know yourself.</strong></p>
<p>The first thing I learned was that, although the job title might be the same, User Experience Designer can mean many things depending on the environment you are looking at. A start-up might expect you to be knowledgeable in user testing whilst also capable of doing some front-end coding. An agency might expect that you’ve have created and presented pitches, whilst client-side might expect you to design email campaigns as part of your job.</p>
<p>Because all of these different expectations it is important to know what you want, what you can do and where you might find the most realistic fit for those two. In my case I found that what I want, –growth in my knowledge and skills in designing advanced web-applications– was quite hard to achieve with my mix of skills (best to be described as senior web-designer). This showed itself by the variety of salaries that companies were willing to pay me for roughly the same job title. Best advice would be to contact a more senior practitioner, who knows about your work, and gain a good understanding about your strengths and interests.</p>
<p>More to read:<br />
<a href="http://byekick.com/33">How to get a job at a webdesign agency.</a></p>
<p><strong>2. Have a portfolio</strong></p>
<p>You might have a well written CV, hundreds of connections on LinkedIn and Twitter, and a well maintained blog, but without a good portfolio you’re unlikely to land an interview. I would advise to have three versions available: one pdf version that you can send out to recruiters, an online version that you can link to, and a set of printouts that you can take with you to an interview. You’d be surprised to find out how many times it’s quite a challenge to get online during a job interview.</p>
<p>As for what should be in your portfolio, have a look at <a href="http://london-ia.ning.com/forum/topics/the-portfolio-rant-part-1">Jason Mesut&#8217;s rant over at London IA</a>.  As you can see from <a href="http://www.behance.net/svirsk/frame">my portfolio</a> there is still room for progress. It’s not completely clear which story I want to tell: am I a visual designer with some IxD experience, or a beginning IA with some visual design experience, also the items seem to be in a random order. The positive feedback that I received was mainly on my sketches and more conceptual work; which probably proves the point that the process is more insightful to look at than the end product.</p>
<p>More to read:<br />
<a href="http://youtheuser.com/2009/12/30/to-portfolio-or-not-to-portfolio-that-is-the-question/ ">To portfolio or not to portfolio that is the question</a></p>
<p><strong>3. Recruiters</strong></p>
<p>As soon as you’ve uploaded your CV on <a href="http://www.monster.co.uk/">Monsterboard</a> you will get plenty of phone calls from hungry recruiters, all of them will promise you that you are exactly the right match for their inspiring position. Therefore make sure you’ve done your ‘know thyself homework’ and are able to quickly judge if the proposed job is matching your criteria. From my experience, there are some recruiters who are really good, who are interested in you and are willing to invest time to follow up on conversations. Here are some agencies that took the decency (or precaution) to ask me to come over for a talk: <a href="http://www.zebrapeople.com/">ZebraPeople</a>, <a href="http://www.wearefutureheads.co.uk/">Futureheads</a>, <a href="http://www.propellondon.com/">Propel London</a>, <a href="http://www.ecomrecruitment.com/">Ecom recruitment</a> and <a href="http://twitter.com/#!/UXHeadhunter">Vanburn</a> at ITHR. Don’t forget, however, that many companies don’t (or even refuse) to work with recruiters, so it’s worth doing some active searching yourself.</p>
<p><strong>4. Automate your search</strong></p>
<p>No need to keep on visiting websites to hope for an update; modern technologies come with plenty of options to stay in the loop without working too hard. The following services allow you to sign up for an email update on your search query: <a href="http://jobs.guardian.co.uk/">the Guardian</a>, <a href="http://monster.co.uk">Monster</a>, <a href="http://www.theladders.co.uk/">the Ladders</a>. And these services you can follow by RSS: <a href="http://twitter.com/#!/uxwork">uxwork</a>, <a href="http://ukupa.org.uk/jobs/">UK UPA jobs</a>, <a href="http://london-ia-jobs.ning.com">London IA jobs</a>, etc. What also might be an idea is to search Twitter for UX jobs and to choose the ‘<a href="http://twitter.com/#!/search/nearby/ux%20job">show tweets nearby</a>’ tab.</p>
<p><strong>5. Linked In</strong></p>
<p>LinkedIn was for me the site where I kept coming back to. It has the ability to do background checks on the companies and the people who are interviewing you. Also more and more companies are actively using LinkedIn as a recruitment tool.</p>
<p><strong>6. Quality over quantity</strong></p>
<p>At the moment there is a strong demand for UX designers in London, therefore if you aren’t too sure about a company don’t worry too much about turning down a job offer. In the end it’s better to only go to job interview with companies you are interested in, better one well-researched and prepared interview then ten careless conversations.</p>
<p>more to read:<br />
<a href="http://www.foolproof.co.uk/improve-your-chances-of-a-job-in-ux/ ">Improve your changes of a job in UX </a><br />
<a href="http://www.foolproof.co.uk/grow-your-ux-skill-set/ ">Grow your UX skill set</a><br />
<a href="http://www.iaplay.com/2010/11/18/things-you-need-to-get-an-iaux-job/  ">Things you need to know to get an IA/UX job</a><br />
<a href="http://www.boxesandarrows.com/view/getting-hired">Getting hired</a></p>
<p>Please let me know in the comments how you&#8217;ve experienced finding work and which knowledge you&#8217;ve found essential.</p>
]]></content:encoded>
			<wfw:commentRss>http://notura.com/2011/03/6-things-i-learned-whilst-looking-for-a-job/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Quality and craftsmanship</title>
		<link>http://notura.com/2010/06/quality-and-craftsmanship/</link>
		<comments>http://notura.com/2010/06/quality-and-craftsmanship/#comments</comments>
		<pubDate>Tue, 29 Jun 2010 15:07:17 +0000</pubDate>
		<dc:creator>Sjors Timmer</dc:creator>
				<category><![CDATA[article]]></category>

		<guid isPermaLink="false">http://svirsk.org/?p=267</guid>
		<description><![CDATA[Many business gurus state that quality is created by keeping the amount of products that work according to specification up. Others argue that it is not about the lack of errors, but about fulfilling customer expectations. On the surface defining quality seems easy: it is that which is good. But soon we discover that it [...]]]></description>
			<content:encoded><![CDATA[<p>Many business gurus state that quality is created by keeping the amount of products that work according to specification up. Others argue that it is not about the lack of errors, but about fulfilling customer expectations. On the surface defining quality seems easy: it is that which is good. But soon we discover that it is not only what is good, it is what stands out. A Casio watch compared to one that came for free with washing powder might seem as a product of incredible quality, but compare a Rolex with a Casio and it suddenly becomes a cheaply produced mass consumption product. Of course the value of the materials used to produce a Rolex is higher, but there is more to it than only time and money. What I want to discuss is the quality of products, in both its physical and psychological manifestations.</p>
<p>When we judge the quality of a product we judge it by the total experience. That is: the actual properties of the product plus the experience we have with these properties. Because the experience depends not only on the product but also on its surroundings —other products available, emotional attachment— the perceived value of a product varies from place to place and from person to person. This split between the actual product quality and perceived quality leads to a situation where it becomes possible to increase the perceived value, without actually increasing the actual product&#8217;s quality. To stay competitive many companies choose to increase their experienced quality through large advertisement campaigns that enable the price of the product to go up. It can create a situation where expensive products become expensive, not because they are good, but because the marketing campaign needs to be paid for. I would argue that there is a better way: increase the perceived quality through actually increasing the quality. This is the age-old path of the craftsman.</p>
<p>Quality is realised through the interaction between the physical and the psychological world. Take a bottle of wine for example. The house wine sold in a local supermarket supplies the alcohol that will get your body in a more relaxed state. Nevertheless it is no match for the experience of drinking a French wine imported by a French friend whom you met years ago during your stay in Paris. They might do their physical job equally well, but the psychological impact is of a different magnitude. You can engage with the story, you feel the care, passion and dedication of both the friend and the château in every sip you take. Besides the insurance that only the best ingredients are used, you also want to be engagement with the story and the care of the craftsman who created the product.</p>
<p>In a competitive market the producers of products need to keep on innovating and increase their quality to remain competitive. In the category of computers it becomes quite clear that what was known as the best of the best five years ago is no longer relevant today. But what if innovation is no longer possible? If you are the producer of a famous quality whisky with roots going back for centuries, coming up with a new improved flavour might not be the successful path to follow. Instead what you can do is focus your attention on perceived quality. You can tell the consumers through advertisement campaigns about your unique values, your incredible ingredients, your centuries of tradition; all these stories increase the experience of the first sip.</p>
<p>The problem here is that the quality of the product remains the same. None of the hard working labourers in the distillery will get an extra penny for the improved experience, since what they are doing remains what they&#8217;ve been doing for centuries. Or even more in the case of mineral water, where the labour involved consists mainly of bottling the water that was already there. What goes for both mineral water and whisky is that the price that we pay to purchase these products is mainly used to pay for the advertisement that seduced us to buy these products in the first place.</p>
<p>I think this is wrong. We should not waste the sparse resources of this world on advertisement that informs us that we should really buy products of good quality by craftsmen who care. It does not benefit the hard work of the craftsman and it creates the risk of make-belief. Thanks to the power of branding and advertisement we might consider to buy products —for example clothes— that are of a higher price and lower quality than those we could have bought if we weren&#8217;t persuaded by the power of marketing.</p>
<p>The money could better be spent on making people aware of the advantages of purchasing products that are created by people who truly care about creating great products. People who not only perform their job, but master it, not because there is a demand for quality, but because pushing quality beyond the ordinary creates a sense of meaningful being for the craftsman. Passion, dedication, care and hard work create an environment where magic can happen. When the reason for making good products goes beyond the wish of keeping clients and reputation, there is a new space where good can become great. L&#8217;art pour l&#8217;art, craftsmanship for craftsmanship&#8217;s sake.</p>
]]></content:encoded>
			<wfw:commentRss>http://notura.com/2010/06/quality-and-craftsmanship/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What I learned at UXLondon 2010</title>
		<link>http://notura.com/2010/05/what-i-learned-at-uxlondon-2010/</link>
		<comments>http://notura.com/2010/05/what-i-learned-at-uxlondon-2010/#comments</comments>
		<pubDate>Wed, 19 May 2010 22:37:13 +0000</pubDate>
		<dc:creator>Sjors Timmer</dc:creator>
				<category><![CDATA[review]]></category>
		<category><![CDATA[uxlondon]]></category>

		<guid isPermaLink="false">http://svirsk.org/?p=257</guid>
		<description><![CDATA[As the field of UX is growing and we have to tackle more and more challenges, we can no longer reach out for our old tools and methodologies. Jesse James puts forwards a concept to see UX design for the web as one of the many forms of experience design that exist. Liz comes at [...]]]></description>
			<content:encoded><![CDATA[<p>As the field of UX is growing and we have to tackle more and more challenges, we can no longer reach out for our old tools and methodologies. Jesse James puts forwards a concept to see UX design for the web as one of the many forms of experience design that exist. Liz comes at it from another angle and states that we should rethink how and what we design, we shouldn’t limit our users by our choices, we should enable them to use our designs and run with it. We are only the makers of violin bows, a useless artifact if it wouldn’t be used to create something beautiful.</p>
<p><strong>Jesse James Garett</strong><br />
We also have to look at the experience that is being delivered outside the medium that we delivered it in. Our work is not done when we deliver it, it’s done when it is used by our customers. An experience is (always) the outcome, but our goal should be to engage our users in it. We can speak about engagement in two different dimensions, the perception-action dimension and the cognition-emotion dimension.</p>
<p><strong>Liz Danzico<br />
</strong>Not only should we redesign the language and concepts that we are using, we should also alter what we design and how. We should bridge the gap between creator and consumer and meet in the middle, where the consumer can use and reuse what the designer made. We should also understand that to give room for improvisation we should be much more clear about the few rules that we keep in place. To enable improvisation we should design for three things: the present &#8211; it has to happen in the now, detectability &#8211; it must be understood at at least some level (see rules) and responsiveness &#8211; there should be a short feedback loop to keep people engaged.</p>
<p><strong>Michael B. Johnson<br />
</strong>We build bows for violins, useless in themselves, but essential to create beautiful things. Quality is the best business practice. We layer our films in three levels: the world in which the story is set, the people who live in that world and finally the individual. Beauty is not merely a side product. Making beautiful products makes people happy and enables them to be more productive.</p>
<p><strong>Joshua Porter<br />
</strong>If we want to have a bigger seat at the board table, then we should account for our work. Data-driven design might seem to be the answer but is not. There is a problem with the current divide between data-driven and intuition design. Intuition design might come a long way but leads us into endless discussions. Data-driven design might be clear but could cause us to optimise a sub-optimal peak without ever getting to the much higher mountain a bit further up. We should therefore set up a culture that takes the best out of both worlds. Data doesn’t design, designers do.</p>
<blockquote><p>We can’t solve the problems with the same tools that created them. &#8211; Einstein</p></blockquote>
<blockquote><p>Insanity: doing the same thing over and over again and expecting different results. &#8211; Einstein</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://notura.com/2010/05/what-i-learned-at-uxlondon-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

