<?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>vicente ocana &#187; vicente</title>
	<atom:link href="http://vicenteocana.com/author/vicente/feed/" rel="self" type="application/rss+xml" />
	<link>http://vicenteocana.com</link>
	<description>Ergonome web, Experience utilisateur, digital expert</description>
	<lastBuildDate>Fri, 24 Feb 2012 23:00:52 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.2</generator>
		<item>
		<title>UX Book Club Paris, 21 septembre 2011</title>
		<link>http://vicenteocana.com/ux-book-club-paris-21-septembre-2011/</link>
		<comments>http://vicenteocana.com/ux-book-club-paris-21-septembre-2011/#comments</comments>
		<pubDate>Fri, 23 Sep 2011 08:56:23 +0000</pubDate>
		<dc:creator>vicente</dc:creator>
				<category><![CDATA[Design d'interface]]></category>
		<category><![CDATA[Usabilité]]></category>

		<guid isPermaLink="false">http://vicenteocana.com/?p=2485</guid>
		<description><![CDATA[Big success for the September edition of UX Book Club. This time, the book for review was Brave NUI World: Designing Natural User Interfaces for Touch and Gesture. The space Nealite lent for the event was full of attendants, and some snacks and drinks were provided. For near 2h30 we were talking and discussing about [...]]]></description>
			<content:encoded><![CDATA[<img class="size-full wp-image-2486 alignright" style="margin-bottom: 10px;" title="brave-nui-world" src="http://vicenteocana.com/wp-content/uploads/2011/09/brave-nui-world.jpeg" alt="" width="300" height="300" />Big success for the <a href="http://www.linkedin.com/groups?gid=2551950&#038;trk=hb_side_g" title="UX Paris LinkedIn Group" target="_blank">September edition of UX Book Club</a>. This time, the book for review was <strong>B<a href="http://www.amazon.fr/Brave-Nui-World-Designing-Interfaces/dp/0123822319/ref=sr_1_1?ie=UTF8&#038;qid=1316796182&#038;sr=8-1" title="Brave NUI world book UX paris group" target="_blank">rave NUI World: Designing Natural User Interfaces for Touch and Gesture.</a></strong><br /><br />

The space <a href="http://www.nealite.fr" title="Nealite " target="_blank">Nealite</a> lent for the event was full of attendants, and some snacks and drinks were provided. For near 2h30 we were talking and discussing about Natural User Interfaces, Touch devices and Mobile developement, always around this very interesting book. We represented a good profile diversity, with designers, UX, and programming people, which shows up how multidisciplinary and transversal is this book's target audience. <br /><br />

The first half of the book is more dedicated to hint about "checklists" for any interaction designer pretending to start thinking about patterns and navigation through a NUI. the authors keep thinking that NUI should not be read as "natural + user interface", but more like "natural user + interface", which has more sense as no interaction with a screen, nor gesture paradigm, should be called "natural" as "intuitive" and "learning free".<br /><br />

<h2>A Babyborn UI</h2><br />

Anyway, It is evident that this kind of NUI are in their babyhood right now, and we should see vast improvements in defining standard patterns as in enjoying more complex applications in a near future. After all, some still remember how simple were the first wave of WIMP software (ie macpaint, macwrite).<br /><br />

<div id="attachment_2487" class="wp-caption alignleft" style="width: 316px"><img class="size-full wp-image-2487 " style="margin-top: 10px; margin-right: 10px; margin-bottom: 10px;" title="valentin-uxparis" src="http://vicenteocana.com/wp-content/uploads/2011/09/valentin-uxparis.jpg" alt="" width="306" height="306" /><p class="wp-caption-text">Photo thanks to Valentin Brandt</p></div>This book is, in fact, a first effort in establishing a background, based in the extensive experience the authors have had in Microsoft Surface platform, from where new ideas, initiatives and discussion must arise in order to make the NUI paradigm grow.<br /><br />

One of the key aspects of the book is the need of a rethink and rewrite apps from scratch in order to make them fit into NUI experience. In the conversation that we had with one of the authors, Daniel Wigdor, he shared a valuable insight: the lifespan of a new technology has 3 key stages. <br /><br />
<strong>1. </strong>First one is the <strong>"proof of concept"</strong>; the demo apps, the fireworks that make the "wooow" effect on the audience. <br /><br />
<strong>2. </strong>The second stage comes when creators start using the technology for create apps, usually trying to accomplish the same tasks they did before, but with this new media. this is a trial and error moment, where lots of apps <strong>fail to get the point</strong> of the technology. <br /><br />
<strong>3. </strong>And the third key stage is when, suddenly, <strong>somebody starts from scratch</strong>, and creates, from a blank sheet, a way to take advantage of the new technology with its own tools. <strong>What the book tries to give us is the basic tools for rethinking, and arrive to this third stage sooner</strong>.<br /><br /> 

<h2>Daniel Wigdor</h2><br />

He is one of the co-authors of the book, now off Microsoft (where he co-wrote it) and a <a href="http://www.dgp.toronto.edu/~dwigdor/" title="Daniel Wigdor" target="_blank">Toronto University computer science teacher</a>. Daniel agreed to have a very interesting Skype chat with us. He started with alittle known fact: part of this book has been used to create a Microsoft white paper to give Windows8 developers a good start in designing their applications with NUI in mind. 
<br /><br />
That said, the remark made in the beginning of the book regarding the intended scope of NUI applications (social sharing, retail/shops/transactions, public spaces/museums/exhibits, games and sharing experiences) should actually be extended to whatever we want them to be used in, always reminding the <strong>3 key points of a NUI experience: Enjoyable, appropriate to context and leading to skilled practice.</strong><br /><br />

Daniel shared also our fear that such a new paradigm may lead to fragmentation in apps which may use different gestures and/or patterns to achieve equivalent tasks, as well as erroneous patterns may arise as standards. Different applications belong to different ecosystems/context, however, but we all hope that some kind of standardization may come, as HTML5 is doing right now.<br /><br />

He finally hinted what would for him be a killer app type for a NUI: <strong>Something that facilitate your relation with people who is in front of you.</strong><br /><br />

<h2>Conclusions</h2><br />

<strong>1. </strong>The book is a starting point, a declaration of insightful and useful principles to understand NUI, and open to growth and evolution.<br /><br />

<strong>2. </strong>The first half of it is where UX designers who want to create stablished NUIs (iOS/android/MS Surface) apps should study. It is full of key points to have always in mind in order to get the path to success.<br /><br />

<strong>3. </strong>The second half of the book is more OS engineer oriented, with useful structural guidelines for those who work in creating NUIs from scratch.<br /><br />

<strong>4.</strong> When thinking in NUI, the book suggests us to not limit our scope to tablet apps, but all the interfaces you may find in social places, in retail places, public spaces.<br /><br />

<strong>5. </strong>Always remember the 3 key points of a NUI experience: Enjoyable, appropriate to context and leading to skilled practice.<br /><br />

<strong>6. </strong>The biggest challenge for anyone who wants to dig into NUIs is understanding that you have to rethink the way we interact with a screen in order to understand the NUI paradigm, take advantage of its inner strengths, and create applications which are authentic to this new media.<br /><br />

Your thoughts? <br /><br />
]]></content:encoded>
			<wfw:commentRss>http://vicenteocana.com/ux-book-club-paris-21-septembre-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JS Hyphenation API, finally a relief for our poor user&#8217;s eyes?</title>
		<link>http://vicenteocana.com/js-hyphenation-api-finally-a-relief-for-our-poor-users-eyes/</link>
		<comments>http://vicenteocana.com/js-hyphenation-api-finally-a-relief-for-our-poor-users-eyes/#comments</comments>
		<pubDate>Sun, 14 Aug 2011 21:43:14 +0000</pubDate>
		<dc:creator>vicente</dc:creator>
				<category><![CDATA[Design d'interface]]></category>
		<category><![CDATA[Programmation]]></category>

		<guid isPermaLink="false">http://vicenteocana.com/?p=2469</guid>
		<description><![CDATA[In the research phase for a online magazine overhaul I am doing right now, I have just checked this site. I enclose two images just to show how one of the oldest and ugliest HTML publishing side effects -proper text justification- may have seen its end. As noted in their website, "Hyphenator.js automatically hyphenates texts [...]]]></description>
			<content:encoded><![CDATA[In the research phase for a online magazine overhaul I am doing right now, I have just checked <a href="http://code.google.com/p/hyphenator/" target="_blank">this site</a>. I enclose two images just to show how one of the oldest and ugliest HTML publishing side effects -proper text justification- may have seen its end.

<a href="http://vicenteocana.com/wp-content/uploads/2011/08/Capture-d’écran-2011-08-14-à-23.15.07.png"><img class="alignnone size-full wp-image-2470" title="hyphen-before-after" src="http://vicenteocana.com/wp-content/uploads/2011/08/Capture-d’écran-2011-08-14-à-23.15.07.png" alt="Hyphenated HTML text" width="569" height="501" /></a>

As noted in their website,


"Hyphenator.js automatically hyphenates texts on websites if either the webdeveloper has included the script on the website or you use it as a bookmarklet on any site.

-Runs on any modern browser that supports JavaScript and the soft hyphen.

-Automatically breaks URLs on any browser that supports the zero width space.

-Runs on the client in order that the HTML source of the website may be served clean and svelte and that it can respond to text resizings by the user.

-Follows the ideas of unobtrusive JavaScript.

-Has a documented API and is highly configurable to meet your needs.

-Supports a wide range of languages. <strong>&lt;- So important!</strong>

-Relies on Franklin M. Liangs hyphenation algorithm (PDF) commonly known from LaTeX and OpenOffice.

-Is free software licensed under LGPL v3 with additional permission to distribute non-source (e.g., minimized or compacted) forms of that code (see source code header for details).

-Provides services for customizing, merging and packing script and patterns."

It is although still a work in progress, for it will not perform several Desktop publishing traditionally does, as:

"-Give you control over how many hyphens you'll have as endings on consecutive lines.

-Eliminate misleading hyphenation like 'leg-ends' (depending on the pattern quality).

-Handle special (aka non-standard) hyphenation (e.g. omaatje-&gt;oma-tje)"

HTML hyphenation, in JS or <a href="http://www.w3.org/TR/css3-text/" target="_blank">CSS3</a>, can only mean another huge step -after CSS paragraph control and <a href="http://typekit.com/" target="_blank">Typekit</a> or <a href="http://wp.me/pehil-1pU" target="_blank">cufon</a> style font embedding- in order to bring quality typography -alas better user experience- to the users eyes. What will come next?]]></content:encoded>
			<wfw:commentRss>http://vicenteocana.com/js-hyphenation-api-finally-a-relief-for-our-poor-users-eyes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sam Woodman conference @lacantine, Paris</title>
		<link>http://vicenteocana.com/sam-woodman-conference-lacantine-paris/</link>
		<comments>http://vicenteocana.com/sam-woodman-conference-lacantine-paris/#comments</comments>
		<pubDate>Thu, 07 Jul 2011 10:34:50 +0000</pubDate>
		<dc:creator>vicente</dc:creator>
				<category><![CDATA[Design d'interface]]></category>
		<category><![CDATA[Design visuel]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Usabilité]]></category>

		<guid isPermaLink="false">http://vicenteocana.com/?p=2416</guid>
		<description><![CDATA[Sam Woodman is a lead UX consultant at Adobe, and thanks to UXParis Linkedin Group and Nealite, he has made a remarkable speech before a packed audience at La Cantine (Paris) about the changes in UX paradigm in Tablet devices.
Updated: Julien Hillon has published his resumé in french: http://julien-hillion.fr/nui-paradigm-shift-sam-woodman/]]></description>
			<content:encoded><![CDATA[<div id="attachment_2429" class="wp-caption alignnone" style="width: 590px"><a href="http://vicenteocana.com/wp-content/uploads/2011/07/photo-2_ok.png"><img class="size-full wp-image-2429" title="Mobile internet usage is growing fast. Graphic: Morgan Stanley" src="http://vicenteocana.com/wp-content/uploads/2011/07/photo-2_ok.png" alt="" width="580" height="472" /></a><p class="wp-caption-text">Mobile internet usage is growing fast. (Graphic: Morgan Stanley)</p></div></br></br>
Sam Woodman is a lead UX consultant at Adobe, and thanks to <a title="Linkedin UXParis group" href="http://www.linkedin.com/groups?home=&amp;gid=2551950&amp;trk=anet_ug_hm" target="_blank">UXParis Linkedin Group</a> and <a href="http://www.nealite.fr/" target="_blank">Nealite</a>, he has made a remarkable speech before a packed audience at <a href="http://wwW.lacantine.org" target="_blank">La Cantine</a> (Paris) about the changes in UX paradigm in Tablet devices.
<strong>Updated: </strong> Julien Hillon has published his resumé in french: <a href="http://julien-hillion.fr/nui-paradigm-shift-sam-woodman/" target="_blank">http://julien-hillion.fr/nui-paradigm-shift-sam-woodman/<span id="more-2416"></span></a></br></br>



These are what I have understood as the main points of his intervention:</br></br>
<ul style="padding-left: 30px;">
	<li>A Tablet is a family thing, no more a personal device, but a family device</li>
	<li>A tablet is very about gesture patterns</li>
	<li>The sudden success and popularity of  tablets like iPad resides not just technology but user experience</li>
	<li>A tablet interface should always to get rid of buttons and use gestures</li>
	<li>The traditional Traditional pc interface paradigm: Start task -&gt; abstraction (in the form of a keyboard or mouse -&gt; finish task</li>
	<li>The tablet represents less abstraction, more -&gt; "natural user interface", by means of using gestures and simulation of movement through inertia, rebound and graphic effects</li>
	<li>Reducing abstraction means a better interaction through a faster, easier, delightful and fulfilling experience</li>
</ul></br></br>
&nbsp;

<div id="attachment_2431" class="wp-caption alignnone" style="width: 590px"><a href="http://vicenteocana.com/wp-content/uploads/2011/07/photo-1-1_ok.png"><img class="size-full wp-image-2431" title="Tablet is cannibalizing other devices" src="http://vicenteocana.com/wp-content/uploads/2011/07/photo-1-1_ok.png" alt="" width="580" height="437" /></a><p class="wp-caption-text">The tablets are cannibalizing other devices and appliances due their ease of use, portability and better user experience. (Graphic: BFMTV.com)</p></div></br></br>
<h2> What is going to change the paradigm in user interface?</h2>
&nbsp;
<ol style="padding-left: 30px;">
	<li>Everything is going mobile</li>
	<li>Mobile doesn't necessarily mean mobile. That meaning, a Tablet is not necessarily a mobile device. It is portable, but almost everybody uses it in a non moving environment (a living room, on the bed, even in WC!)</li>
	<li>Tablets will cannibalize other products like TV sets, desktop and laptop computers.</li>
	<li>A tablet is not necessarily for "pro" users right now (no photoshop, Logic or After effects) right now, but for the mass consumer group</li>
	<li>Lots of people realizes they can do lots of things faster and more easily on a tablet</li>
	<li>We will have to design for multiple devices</li>
	<li>It is ideal to have a consistent experience amongst desktop, telephone and tablet</li>
	<li>New modern desktop OSes have a direct upgrading influence from tactile/mobile devices (WIndows 8, Mac OSX Lion)</li>
	<li>Design for multiple platforms, with all the problems of different android OS, different browser versions..</li>
</ol></br></br>
&nbsp;

<div id="attachment_2433" class="wp-caption alignnone" style="width: 590px"><a href="http://vicenteocana.com/wp-content/uploads/2011/07/photo-4-1_ok.png"><img class="size-full wp-image-2433" title="Designing for multiple platforms" src="http://vicenteocana.com/wp-content/uploads/2011/07/photo-4-1_ok.png" alt="" width="580" height="405" /></a><p class="wp-caption-text">Designing for multiple platforms is, as always, a challenge due to so many differente parameters.</p></div></br></br>
<h2>Another insightful jewels from Sam:</h2>
&nbsp;
<ul style="padding-left: 30px;">
	<li>There is a lot of room for gesture innovation. I.e., Bing is releasing a  system for starting a search just with rounding a word with a finger gesture</li>
	<li>Taking advantage of sensors and all the hardware enhancements found in tablets lend to a great degree of innovation</li>
	<li>Dan Saffer has wrote a <a href="http://www.designinggesturalinterfaces.com/" target="_blank">very interesting o'reilly book</a> on designing gestural interfaces</li>
	<li>The medium is so young that now is the time of experimentation and not being afraid of making mistakes</li>
	<li>You can not, as of today 2011, have a proper tablet experience with a wepapp</li>
	<li>Digital magazines are a different lifeform into tablet ecosystem. With examples for Madam Figaro or Wired, the interface standards are being set now and there is room for a lot of improving</li>
	<li>Inmersive or tacky design? it is a interesting debate now, defenders of graphic realism vs defenders of abstraction. Same debate since the rise of Mac OSX though..</li>
</ul></br></br>
&nbsp;

<div id="attachment_2434" class="wp-caption alignnone" style="width: 590px"><a href="http://vicenteocana.com/wp-content/uploads/2011/07/photo-3-1_ok.png"><img class="size-full wp-image-2434" title="Consistency" src="http://vicenteocana.com/wp-content/uploads/2011/07/photo-3-1_ok.png" alt="" width="580" height="306" /></a><p class="wp-caption-text">We will tend to use different devices to accomplish daily tasks. So, consistent user experience through different devices is a must and a success key. (Graphic: Sheryl Yulin)</p></div></br></br>]]></content:encoded>
			<wfw:commentRss>http://vicenteocana.com/sam-woodman-conference-lacantine-paris/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Case study: BBVA Brand World</title>
		<link>http://vicenteocana.com/bbva-brand-world/</link>
		<comments>http://vicenteocana.com/bbva-brand-world/#comments</comments>
		<pubDate>Mon, 23 May 2011 14:27:23 +0000</pubDate>
		<dc:creator>vicente</dc:creator>
				<category><![CDATA[Blog |]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[Design d'interface]]></category>
		<category><![CDATA[Design visuel]]></category>
		<category><![CDATA[Grid]]></category>
		<category><![CDATA[Usabilité]]></category>

		<guid isPermaLink="false">http://vicenteocana.com/?p=2190</guid>
		<description><![CDATA[Creation of a challenging brand site for Spain's 2nd biggest bank, BBVA; Very specific user target,  with some technical constraints.]]></description>
			<content:encoded><![CDATA[In January 2008, the Corporate Image Department of BBVA (second largest spanish bank) came to us with a special need: they wanted to set up a web showcase in which the bank employees could appreciate the importance of fine design into everyone's life.</br></br>

The briefing was clear: Although this is a design site, it must tightly follow the bank's corporate image line, but it must also leave space for a designer and arty layout so the public can taste the feeling of aesthethics and quality.</br></br>
<h3>Key User Experience Proposals for this project:</h3>
<ul>
	<li>- Give real estate to content, to visual content.</li>
	<li>- Tight adherence to BBVA brand standard, graphically and in copy and content proposal.</li>
	<li>- Quantitative (nr of votes) ranking, but also and more important, sociological rating, something that adds emotional attachment to tne site.</li>
	<li>- Simplicity of use, didactical content style, and estimation of a max of 20 minutes/visit.</li>
</ul></br></br>
&nbsp;

It also had to provide a way so the employees could share and even propose new contents, the main idea was to involve them into the sensibility towards design.</br></br>

The last briefing constraints were: "this is not Wired Magazine website", we must provide a taste of design for a target who is mainly not very sensible to it, so make it easy, and "we are not letting the users spend all day long in this site", so prioritize short videos and make content brief and fast to read...</br></br>

<span id="more-2190"></span>

So we started with a Persona description with 3 profiles: Public, Collaborators and Administrators (BTW we use Konigi Templates for Omnigraffle, in case you should ask):</br></br>
<a href="http://vicenteocana.com/wp-content/uploads/2011/05/bbva_persona.jpg"><img class="alignnone size-full wp-image-2192" title="bbva_persona" src="http://vicenteocana.com/wp-content/uploads/2011/05/bbva_persona.jpg" alt="" width="459" height="379" /></a></br></br>

A Category proposal, and the navigational system where we prioritized the suggestion of content and the inclusion of semantic categories (the most curious, e.g.) amongst the rational ones (click to enlarge):</br></br>
<a href="http://vicenteocana.com/wp-content/uploads/2011/05/bbva_map.jpg"><img class="alignnone size-full wp-image-2194" title="bbva_map" src="http://vicenteocana.com/wp-content/uploads/2011/05/bbva_map.jpg" alt="" width="926" height="192" /></a>
</br></br>
A mental map proposal, with functionalities for viewing, interacting, reusing, learning, create, organize, and manage content (click to enlarge):</br></br>

&nbsp;

<a href="http://vicenteocana.com/wp-content/uploads/2011/05/bbva_mental.jpg"><img class="alignnone size-full wp-image-2197" title="bbva_mental" src="http://vicenteocana.com/wp-content/uploads/2011/05/bbva_mental.jpg" alt="" width="868" height="557" /></a></br></br>

And finally, a draft for homepage content (click to enlarge):</br></br>
<a href="http://vicenteocana.com/wp-content/uploads/2011/05/home02.png"><img class="alignnone size-full wp-image-2464" title="Home proposal wireframe" src="http://vicenteocana.com/wp-content/uploads/2011/05/home02.png" alt="" width="964" height="687" /></a></br></br>

We passed the proposal through a several meetings, the most problematics with security department (Should we restrict access to the bank employees or should we, as proposed by corporate image dept, allow public access to designers, architects and other influencers to enrich the experience and the affregation of content?)  and Standards department (in that moment, dreaded IE6 and Flash 6 was the standard internet browser for the more than 100k employees).</br></br>

We kept thinking about simplicity and playfulness for the site, and proposed a -flash based in that moment- interactive mosaic selector, in which, in a very graphical way, one could turn on:off several switches in order to present the different search results into the mosaic.</br></br>

The result, already put into design, was this (click to enlarge):</br></br>
<a href="http://vicenteocana.com/wp-content/uploads/2011/05/bbva-homa01.jpg"><img class="alignnone size-full wp-image-2211" title="bbva-homa01" src="http://vicenteocana.com/wp-content/uploads/2011/05/bbva-homa01.jpg" alt="" width="640" height="1165" /></a></br></br>
And an inner page:</br></br>
<a href="http://vicenteocana.com/wp-content/uploads/2011/05/bbva_interior01.jpg"><img class="alignnone size-large wp-image-2220" title="bbva_interior01" src="http://vicenteocana.com/wp-content/uploads/2011/05/bbva_interior01-605x1024.jpg" alt="" width="484" height="819" /></a></br></br>

&nbsp;

&nbsp;

&nbsp;]]></content:encoded>
			<wfw:commentRss>http://vicenteocana.com/bbva-brand-world/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LinkedIn Résumé</title>
		<link>http://vicenteocana.com/linked-in-resume/</link>
		<comments>http://vicenteocana.com/linked-in-resume/#comments</comments>
		<pubDate>Mon, 23 May 2011 10:28:24 +0000</pubDate>
		<dc:creator>vicente</dc:creator>
				<category><![CDATA[Blog |]]></category>
		<category><![CDATA[CV]]></category>

		<guid isPermaLink="false">http://vicenteocana.com/?p=2176</guid>
		<description><![CDATA[I have aggregated my LinkedIn online CV, automatically updated from their website. Should you like to visit it, you can click here: http://fr.linkedin.com/in/vicenteocana]]></description>
			<content:encoded><![CDATA[<link rel='stylesheet' id='fb_linkedin_resume-css'  href='http://vicenteocana.com/wp-content/plugins/fb-linkedin-resume/style.css?ver=2.6' type='text/css' media='all' />
I have aggregated my LinkedIn online CV, automatically updated from their website.

<span id="more-2176"></span>

Should you like to visit it, you can click here: <a title="VIcente Ocana LinkedIn online CV" href="http://fr.linkedin.com/in/vicenteocana" target="_blank">http://fr.linkedin.com/in/vicenteocana</a>
</br></br>
<div class="profile-header">
						<div id="member-1" class="masthead vcard contact">
            
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    


      
    
  
      
      
  
      
      
  
      
      
  
      
      
  
      
      
  
      
      
  
      
      

      
        
      




















  
  
  
      <div class="image zoomable" style="display:block" id="profile-picture">
        
            
                 <img src="http://m3.licdn.com/mpr/pub/image-00drw8kMEo15Znh5uEziqdZ_4FdLPv_Rp0zetkvM4SwpBpGj00detZSM4wp0BU91EonA/vicente-oca%C3%B1a.jpg" class="photo" width="100" height="100" alt="Vicente Oca&#xf1;a">
              
          
		</div>
	
  
  
      <h1>

      
        

        
            <span id="name" class="n fn">
              <span class="full-name"><span class="given-name">Vicente</span> <span class="family-name">Oca&#xf1;a</span></span>
            </span>

          
          
          

      
        

      </h1>
    

  
  
    
      <span class="phonetic-full-name">
      
      </span>
    
  

  
  
    <p class="headline-title title" style="display:block">
    
    
        Interaction designer, UX professional, internet consultant
      
    
    </p>
  
  
  
       
     
  
  <dl id="headline" class="demographic-info adr">
    <dt>Location</dt>
    <dd>
    <span class="locality">
    
        
          
	      Paris Area, France
            
	    
      
    </span>
    
    </dd>
    
    <dt>Industry</dt>
        <dd class="industry">
    
            Online Media
      
    </dd>
    
  </dl>
  
       
     
      












            </div>
            
                
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    


      
    
  
      
      

      
        
      


      
    
  
      
      

      
        
      












<div id="nprofile-overview" class="join-linkedin name-button">
  <div class="header">
    <h2>
      <a href="https://www.linkedin.com/reg/join-pprofile?_ed=0_dfHO8ItrV_BTL_0P7o4SJRdSf3s7PA64b2wUbD5tRnVt1xr0t0ZUqIgoujj7RAh3hbyNWSKRjBurlZEs0-gTm_Jhen7XZ-9g1XRdv2gxzVB&amp;trk=pprof-0-ts-view_full-0" rel="nofollow">
          Join LinkedIn and access Vicente Oca&#xf1;a&#8217;s full profile. It's free!
      </a>
    </h2>
  </div>
  <div class="content">
    <p>As a LinkedIn member, you'll join 225 million other professionals who are sharing connections, ideas, and opportunities.</p>
    
      <ul>
        <li>See who you and <strong>Vicente Oca&#xf1;a</strong> know in common</li>
        <li>Get introduced to <strong>Vicente Oca&#xf1;a</strong></li>
        <li>Contact <strong>Vicente Oca&#xf1;a</strong> directly</li>
      </ul>
    
  </div>

  

  
    <p id="show-expanded" class="actions ">
      
        <a class="btn-tertiary" id="regform-show" href="https://www.linkedin.com/reg/join-pprofile?_ed=0_dfHO8ItrV_BTL_0P7o4SJRdSf3s7PA64b2wUbD5tRnVt1xr0t0ZUqIgoujj7RAh3hbyNWSKRjBurlZEs0-gTm_Jhen7XZ-9g1XRdv2gxzVB&amp;trk=pprof-0-ts-view_full-0" rel="nofollow">
          
              View Vicente's full profile
            
        </a>
      
    </p>
  

  

  
</div>














              
            
            
            
          </div><div class="section" id="profile-summary" style="display:block">

    <div class="header">
      <h2>
				Summary
				
				
			</h2>
    </div>

    <div class="content">

      
      
      
        
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    







<p class=" description summary">
    +5 years of experience in Interaction Design,  Information Architecture and UX research for Digital Communication projects (web, mobile).<br>
<br>
+7 years experience in mixed (creative / programming) team management, with skills in web project management.<br>
<br>
Specialties : <br>
- Interaction design, User experience research for web and mobile projects<br>
- Technological innovation applied to communication<br>
- User experience research, strategy and production for web/mobile projects
</p>


    
      
      
	      
	      
    </div>
  </div><div class="section subsection-reorder" id="profile-experience" style="display:block">
  <div class="header">
    <h2>Experience
	  </h2>
  </div>
  <div class="content vcalendar">
  <div> 
    <div>
    <div class="position  first experience vevent vcard summary-current" style="display:block">
      <a class="include" href="#name"></a>

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    

      
    
  
      
      
  
      
      
  
      
      
  
      
      

      
        
      
























<div class="postitle">
   <h3 class="false"> 
   
       <span class="title">Freelance Interaction Designer, User Experience consultant</span>  
     
   
   </h3>
   
      <h4><strong>
      
         
             <span class="org summary">self employed</span>
           
         
       
      </strong></strong> 
       </h4>
    
</div>











      
       
     
      
 	      <p class="orgstats organization-details current-position">
  	        
	  	      
  	    </p>
  	    <p class="period">
  	          <abbr class="dtstart" title="2012-04-01">April 2012</abbr>
  	              &#8211; <abbr class="dtstamp" title="2013-05-20">Present</abbr>
  	          <span class="duration"><span class="value-title" title="P1Y2M"> </span>(1 year 2 months)</span>
                  
       
     
                      <span class="location">Paris Area, France</span>
                  
       
     
  	    </p>
        
       
     

            

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    







<p class=" description current-position">
    Collaborations avec Christophe Cotin Valois &#xe0; niveau de interaction design, audit ergonomique, recherche, parcours d'utilisateur, ergonomie, et adaptation des projets aux dispositifs mobile (tablette, smartphone).<br>
<br>
Design des wireframes, processus d'interaction, parcours d'utilisateur, audits ergonomiques, benchmarks et prototypes.
</p>

  

  	  </div>
			</div>
    <div>
    <div class="position   experience vevent vcard summary-current" style="display:block">
      <a class="include" href="#name"></a>

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    

      
    
  
      
      
  
      
      
  
      
      
  
      
      

      
        
      
























<div class="postitle">
   <h3 class="false"> 
   
       <span class="title">Internet consultant &amp; User Experience Designer</span>  
     
   
   </h3>
   
      <h4><strong>
      
         
             
                 <span class="org summary">Vicente Ocana</span>
               
           
         
       
      </strong></strong> 
       </h4>
    
</div>











      
       
     
      
 	      <p class="orgstats organization-details current-position">
  	        Self-Employed; Myself Only;
	  	      Internet industry
  	    </p>
  	    <p class="period">
  	          <abbr class="dtstart" title="2010-10-01">October 2010</abbr>
  	              &#8211; <abbr class="dtstamp" title="2013-05-20">Present</abbr>
  	          <span class="duration"><span class="value-title" title="P2Y8M"> </span>(2 years 8 months)</span>
  	    </p>
        
       
     

            

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    







<p class=" description current-position">
    Self employed User Experience Designer and technological innovation consultant, working in projets for Swarovski (RH projets) and Pomkaa Stratus (Specialized social network projets) right now in Paris.<br>
<br>
<br>
- Highly interested in brainstorming and thinking of innovative solutions in the field of digital communication and User Experience<br>
<br>
- Skilled in Team coordination, presentations, User experience, and small/medium sized digital project management<br>
<br>
- Fluent english, native spanish and intermediate french speaking. Paris based.
</p>

  

  	  </div>
			</div>
    <div>
    <div class="position   experience vevent vcard summary-past" style="display:block">
      <a class="include" href="#name"></a>

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    

      
    
  
      
      
  
      
      
  
      
      
  
      
      

      
        
      
























<div class="postitle">
   <h3 class="false"> 
   
       <span class="title">Project Manager</span>  
     
   
   </h3>
   
      <h4><strong>
      
         
             
                 <span class="org summary">DoubleYou</span>
               
           
         
       
      </strong></strong> 
       </h4>
    
</div>











      
       
     
      
 	      <p class="orgstats organization-details past-position">
  	        Privately Held; 51-200 employees;
	  	      Marketing and Advertising industry
  	    </p>
  	    <p class="period">
  	          <abbr class="dtstart" title="2010">2010</abbr>
 &#8211; <abbr class="dtend" title="2010-07-01">July 2010</abbr>  	          <span class="duration"><span class="value-title" title="P"> </span>(less than a year)</span>
  	    </p>
        
       
     

            

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    







<p class=" description past-position">
    At the request of their Managing Director in Madrid, I joined Doubleyou (Spanish most creative and award-winning digital agency, pioneer of integration independant with worldwide hall-of-fame: 3rd in Won Report, Cannes lions awards, NY festivals, Meribel Ad Festival). My role was project manager / UX consultant / Technological consultant. I concentrated in the 2 following strategic projects:<br>
<br>
- Coca-Cola Company (Aquabona mineral water) campaign, Microsite, digital outdoor, and Facebook application.<br>
- Diageo group, preparing technical documentation and setting up technological resources to fit into Diageo's very exigent Agency Roster.
</p>

  

  	  </div>
			</div>
    <div>
    <div class="position   experience vevent vcard summary-past" style="display:block">
      <a class="include" href="#name"></a>

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    

      
    
  
      
      
  
      
      
  
      
      
  
      
      

      
        
      
























<div class="postitle">
   <h3 class="false"> 
   
       <span class="title">Founder &amp; CEO</span>  
     
   
   </h3>
   
      <h4><strong>
      
         
             <span class="org summary">Zapiens</span>
           
         
       
      </strong></strong> 
       </h4>
    
</div>











      
       
     
      
 	      <p class="orgstats organization-details past-position">
  	        
	  	      
  	    </p>
  	    <p class="period">
  	          <abbr class="dtstart" title="2003-01-01">January 2003</abbr>
 &#8211; <abbr class="dtend" title="2010-02-01">February 2010</abbr>  	          <span class="duration"><span class="value-title" title="P7Y2M"> </span>(7 years 2 months)</span>
  	    </p>
        
       
     

            

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    







<p class=" description past-position">
    http://zapiens.com<br>
<br>
Due to work pace growth, I founded Zapiens in 2003, a Web Design &amp; production agency. <br>
<br>
Online campaigns&amp;promotions, emailings, online games, portal design, internal communications, mobile campaigns and promotional actions proposed to several clients, directly or through advertising agencies.<br>
<br>
Direct accounts: Sony-BMG, BBVA, Mazda Spain, Carrefour, and several local businesses. <br>
Partners: Saatchi&amp;Saatchi, Publicis Spain, El Laboratorio, Wysiwig (a Razorfish group agency).<br>
<br>
Tasks:<br>
- CEO <br>
- Interactive communication consultancy.<br>
- User experience diagramming and creation for sites, portals, microsites.<br>
- Client presentation skills, including high standard presentation design skills.<br>
- Online production management (campaigns, microsites, portals, interactive experiences...) from briefing to delivery and file archiving. <br>
- Role and timing quoting, responsibility over possible contingencies. <br>
- Coordination of online production teams: ActionScript Frontend Senior/Junior programmers, XHTML/Javascript Frontend Senior/Junior programmers, trainee and mixed teams.<br>
- Coordination with partner production agencies.<br>
- QA and testing, analysis and anticipation to possible functional problems.<br>
- Communication bridge in between creativity, accounts and production.<br>
- Recruiting and personal evaluation for different roles into production department or outsourcing  profiles.
</p>

  

  	  </div>
			</div>
    <div>
    <div class="position   experience vevent vcard summary-past" style="display:block">
      <a class="include" href="#name"></a>

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    

      
    
  
      
      
  
      
      
  
      
      
  
      
      

      
        
      
























<div class="postitle">
   <h3 class="false"> 
   
       <span class="title">Independent developer and consultant</span>  
     
   
   </h3>
   
      <h4><strong>
      
         
             
                 <span class="org summary">Sony-BMG</span>
               
           
         
       
      </strong></strong> 
       </h4>
    
</div>











      
       
     
      
 	      <p class="orgstats organization-details past-position">
  	        Public Company; 1001-5000 employees;
	  	      Music industry
  	    </p>
  	    <p class="period">
  	          <abbr class="dtstart" title="2001-04-01">April 2001</abbr>
 &#8211; <abbr class="dtend" title="2003-01-01">January 2003</abbr>  	          <span class="duration"><span class="value-title" title="P1Y10M"> </span>(1 year 10 months)</span>
  	    </p>
        
       
     

            

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    







<p class=" description past-position">
    Consulting, design and production for international artists like Pink, Santana or DiDo, and for other local artists; making of their first interactive content CDs, cover designs and proposals of innovative banner and self promotion microsites for artists.
</p>

  

  	  </div>
			</div>
    <div>
    <div class="position   experience vevent vcard summary-past" style="display:block">
      <a class="include" href="#name"></a>

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    

      
    
  
      
      
  
      
      
  
      
      
  
      
      

      
        
      
























<div class="postitle">
   <h3 class="false"> 
   
       <span class="title">Director of web department</span>  
     
   
   </h3>
   
      <h4><strong>
      
         
             <span class="org summary">Addison Espa&#xf1;a</span>
           
         
       
      </strong></strong> 
       </h4>
    
</div>











      
       
     
      
 	      <p class="orgstats organization-details past-position">
  	        
	  	      
  	    </p>
  	    <p class="period">
  	          <abbr class="dtstart" title="1999">1999</abbr>
 &#8211; <abbr class="dtend" title="2001">2001</abbr>  	          <span class="duration"><span class="value-title" title="P2Y"> </span>(2 years)</span>
  	    </p>
        
       
     

            

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    







<p class=" description past-position">
    At the request of Addison (a full range worldwide brand consulting agency in Madrid) CEO, I returned in charge of creating, staffing, and managing a web department, with a team composed of 5 production and 4 design profiles. <br>
<br>
My role included extensive consultancy proposals and tasks in User Experience, Information Architecture and Interface Design for the agency clients.<br>
<br>
Accounts: Altadis (Seita) , Bolsamania (web financial group), Terra (Telefonica group, the highest ranked content portal in Spain in the 90s) and BBVA (2nd most important bank in Spain)
</p>

  

  	  </div>
			</div>
    <div>
    <div class="position   experience vevent vcard summary-past" style="display:block">
      <a class="include" href="#name"></a>

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    

      
    
  
      
      
  
      
      
  
      
      
  
      
      

      
        
      
























<div class="postitle">
   <h3 class="false"> 
   
       <span class="title">Studio director</span>  
     
   
   </h3>
   
      <h4><strong>
      
         
             <span class="org summary">raro s.l.</span>
           
         
       
      </strong></strong> 
       </h4>
    
</div>











      
       
     
      
 	      <p class="orgstats organization-details past-position">
  	        
	  	      
  	    </p>
  	    <p class="period">
  	          <abbr class="dtstart" title="1998-07-01">July 1998</abbr>
 &#8211; <abbr class="dtend" title="1999-09-01">September 1999</abbr>  	          <span class="duration"><span class="value-title" title="P1Y3M"> </span>(1 year 3 months)</span>
  	    </p>
        
       
     

            

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    







<p class=" description past-position">
    Online, editorial &amp; corporate design, under the direction of the Creative and Production Directors, in charge of a 4 designers &amp; producers, and responsible for their first and second web design.
</p>

  

  	  </div>
			</div>
    <div>
    <div class="position   experience vevent vcard summary-past" style="display:block">
      <a class="include" href="#name"></a>

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    

      
    
  
      
      
  
      
      
  
      
      
  
      
      

      
        
      
























<div class="postitle">
   <h3 class="false"> 
   
       <span class="title">Graphics Producer</span>  
     
   
   </h3>
   
      <h4><strong>
      
         
             <span class="org summary">Teknoland</span>
           
         
       
      </strong></strong> 
       </h4>
    
</div>











      
       
     
      
 	      <p class="orgstats organization-details past-position">
  	        
	  	      
  	    </p>
  	    <p class="period">
  	          <abbr class="dtstart" title="1997">1997</abbr>
 &#8211; <abbr class="dtend" title="1998-06-01">June 1998</abbr>  	          <span class="duration"><span class="value-title" title="P1Y"> </span>(1 year)</span>
  	    </p>
        
       
     

            

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    







<p class=" description past-position">
    As Internet was becoming the next big cultural wave, I decided to redirect my career into what I felt I fitted best. I entered Teknoland, the top interactive agency in Spain in the 90s, in charge of controlling graphics quality in production, translating designer's screens into proper slices for front end programming, under the technical director and inmersing myself into the new big thing that Internet was bringing.<br>
<br>
Accounts: Renault, BBVA, Sanitas (largest medical assurance company in Spain)
</p>

  

  	  </div>
			</div>
    <div>
    <div class="position   experience vevent vcard summary-past" style="display:block">
      <a class="include" href="#name"></a>

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    

      
    
  
      
      
  
      
      
  
      
      
  
      
      

      
        
      
























<div class="postitle">
   <h3 class="false"> 
   
       <span class="title">IT &amp; Technical Director</span>  
     
   
   </h3>
   
      <h4><strong>
      
         
             <span class="org summary">Addison Espa&#xf1;a (graphic identity agency)</span>
           
         
       
      </strong></strong> 
       </h4>
    
</div>











      
       
     
      
 	      <p class="orgstats organization-details past-position">
  	        
	  	      
  	    </p>
  	    <p class="period">
  	          <abbr class="dtstart" title="1994-01-01">January 1994</abbr>
 &#8211; <abbr class="dtend" title="1997-01-01">January 1997</abbr>  	          <span class="duration"><span class="value-title" title="P3Y1M"> </span>(3 years 1 month)</span>
  	    </p>
        
       
     

            

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    







<p class=" description past-position">
    In charge of maintenance and repair of studio computers; server and LAN setup; backup strategy, and E-mail and web services.
</p>

  

  	  </div>
			</div>
  </div>
   
  </div>
</div><div class="section" id="profile-skills" style="display:block">

    <div class="header">
      <h2>Skills &amp; Expertise
        
        
      </h2>
    </div>

    <div class="content">
      
      
      

        
            
            
            <ol class="skills" id="skills-list">
                        
              
       
     
              
                  <li class="competency show-bean  ">
                     
                    
                      
                      
                        
                      
                    
                      
                    
                      <span title="">
                        
                          User Experience
                         
                      </span>                    
                    
                  </li>
                
                
       
     
                          
              
       
     
              
                  <li class="competency show-bean  ">
                     
                    
                      
                      
                        
                      
                    
                      
                    
                      <span title="">
                        
                          Web Project Management
                         
                      </span>                    
                    
                  </li>
                
                
       
     
                          
              
       
     
              
                  <li class="competency show-bean  ">
                     
                    
                      
                      
                        
                      
                    
                      
                    
                      <span title="">
                        
                          ergonomie web
                         
                      </span>                    
                    
                  </li>
                
                
       
     
                          
              
       
     
              
                  <li class="competency show-bean  ">
                     
                    
                      
                      
                        
                      
                    
                      
                    
                      <span title="">
                        
                          Information Architecture
                         
                      </span>                    
                    
                  </li>
                
                
       
     
                          
              
       
     
              
                  <li class="competency show-bean  ">
                     
                    
                      
                      
                        
                      
                    
                      
                    
                      <span title="">
                        
                          User Interface Design
                         
                      </span>                    
                    
                  </li>
                
                
       
     
                          
              
       
     
              
                  <li class="competency show-bean  ">
                     
                    
                      
                      
                        
                      
                    
                      
                    
                      <span title="">
                        
                          Interaction Design
                         
                      </span>                    
                    
                  </li>
                
                
       
     
                          
              
       
     
              
                  <li class="competency show-bean  ">
                     
                    
                      
                      
                        
                      
                    
                      
                    
                      <span title="">
                        
                          Digital Marketing
                         
                      </span>                    
                    
                  </li>
                
                
       
     
                          
              
       
     
              
                  <li class="competency show-bean  ">
                     
                    
                      
                      
                        
                      
                    
                      
                    
                      <span title="">
                        
                          Graphics
                         
                      </span>                    
                    
                  </li>
                
                
       
     
                          
              
       
     
              
                  <li class="competency show-bean  ">
                     
                    
                      
                      
                        
                      
                    
                      
                    
                      <span title="">
                        
                          Mobile Devices
                         
                      </span>                    
                    
                  </li>
                
                
       
     
               
            </ol>
          
       
        
          
        
        
      
    </div>

  </div><div class="section" id="profile-languages" style="display:block">

    <div class="header">
      <h2>Languages
        
      </h2>
    </div>

    <div class="content">
      
      
      
        
        <ul class="languages competencies">
          
            <li class="competency language">
              
       
     
              <h3>Anglais</h3>
              
                <span class="proficiency">
                  (Full professional proficiency)
                </span>
              
              
       
     
            </li>
          
            <li class="competency language">
              
       
     
              <h3>Espagnol</h3>
              
                <span class="proficiency">
                  (Native or bilingual proficiency)
                </span>
              
              
       
     
            </li>
          
            <li class="competency language">
              
       
     
              <h3>Fran&#xe7;ais</h3>
              
                <span class="proficiency">
                  (Professional working proficiency)
                </span>
              
              
       
     
            </li>
          
        </ul>
      
    </div>

  </div><div class="section subsection-reorder summary-education" id="profile-education" style="display:block">
    <div class="header">
      <h2>
Education
      </h2>
    </div>
    <div class="content vcalendar">
			  <div> 
            <div class="position  first education vevent vcard" id="23012509">


                <h3 class="summary fn org">
                  
CENP                  
                </h3>


              <h4 class="details-education">
                
                <span class="degree">Diplomado</span>, 
                  <span class="major">
PUBLICIDAD                  </span>
                
              </h4>

              
       
     
                  <p class="period">
                    <abbr class="dtstart" title="1984-01-01">1984</abbr> &#8211; <abbr class="dtend" title="1987-12-31">1987</abbr>
                    
                  </p>
              
       
     



                   

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    







<p class=" desc details-education">
    
</p>

    






            </div>
            <div class="position  education vevent vcard" id="17765922">


                <h3 class="summary fn org">
                  
Universidad Complutense de Madrid                  
                </h3>


              <h4 class="details-education">
                
                <span class="degree">Titulado</span>, 
                  <span class="major">
Publicidad                  </span>
                
              </h4>

              
       
     
                  <p class="period">
                    <abbr class="dtstart" title="1985-01-01">1985</abbr> &#8211; <abbr class="dtend" title="1986-12-31">1986</abbr>
                    
                  </p>
              
       
     



                   

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    







<p class=" desc details-education">
    Non finished study career, mostly disappointed with the poor quality of the study programme.
</p>

    






            </div>
        </div>
			   
    </div>
  </div><div class="section" id="profile-courses" style="display:block">

    <div class="header">
      <h2>Courses
        
      </h2>
    </div>

    <div class="content">
      
      
      
       
     
        <ul class="competency courses">
           
        
          
           
                      
            
              
                  
                  <li class="course-group">
                  
                      
                          <h3>Diplomado, PUBLICIDAD</h3>
                        
                      <h4>
                        CENP
                      </h4>
                    
                            
            
                            
            
            
            <ul>
              
            
              <li class="competency">                
                    publicidad
                    
                  </li>
                
              
            </ul>
            </li>
          
             
          

           
        

        
        
          
      </ul>
      
       
          
    </div>

  </div><div class="section" id="profile-additional" style="display:block">
  <div class="header">
    <h2>Additional Information
    </h2>
  </div>
  <div class="content">
  <dl>
    <dt class="websites" style="display:block">Websites:</dt>
    <dd class="websites" style="display:block">
       <ul>
           <li class="website">
            <a href="http://www.linkedin.com//redir/redirect?url=http%3A%2F%2Fwww%2Evicenteocana%2Ecom&amp;urlhash=XsS2" target="_blank" title="New window will open" >
               Blog
            </a>
           </li>
           <li class="website">
            <a href="http://www.linkedin.com//redir/redirect?url=http%3A%2F%2Fzapiens%2Ecom&amp;urlhash=FA_L" target="_blank" title="New window will open" >
               Portfolio
            </a>
           </li>
           <li class="website">
            <a href="http://www.linkedin.com//redir/redirect?url=http%3A%2F%2Fwww%2Edoubleyouworks%2Ecom&amp;urlhash=AipU" target="_blank" title="New window will open" >
               Last job agency website
            </a>
           </li>
       </ul>
           </dd>




    
    


  </dl>
</div>
</div>]]></content:encoded>
			<wfw:commentRss>http://vicenteocana.com/linked-in-resume/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Social media and the arts: Social Media Club France conference, March 22</title>
		<link>http://vicenteocana.com/social-media-and-the-arts-social-media-club-france-conference-march-22/</link>
		<comments>http://vicenteocana.com/social-media-and-the-arts-social-media-club-france-conference-march-22/#comments</comments>
		<pubDate>Wed, 23 Mar 2011 10:22:41 +0000</pubDate>
		<dc:creator>vicente</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[community manager]]></category>
		<category><![CDATA[Jobs |]]></category>
		<category><![CDATA[social media jobs]]></category>

		<guid isPermaLink="false">http://vicenteocana.com/?p=1913</guid>
		<description><![CDATA[The emergence of social media has, without a doubt, affected countless industries around the world, the arts being no exception. For many years, we focused our attention on the effects the developments in social media had on music and video. This, however, was just the tip of the iceberg. Fashion, painting, photography, among other forms [...]]]></description>
			<content:encoded><![CDATA[<img class="alignnone size-full wp-image-2037" title="RS-ART-22MARS1" src="http://vicenteocana.com/wp-content/plugins/rss-poster/cache/fa342_RS-ART-22MARS11.jpg" alt="RS-ART-22MARS1" width="583" height="418" />

<span>The emergence of social media has, without a doubt, affected countless industries around the world, the arts being no exception. For many years, we focused our attention on the effects the developments in social media had on music and video. This, however, was just the tip of the iceberg. Fashion, painting, photography, among other forms of art, were also influenced by the newly emerging social media trends.</span>

<span>The success of social networking-based businesses dedicated to performing arts (</span><a onclick="javascript:pageTracker._trackPageview('/outbound/article/en.book.fr');" href="http://en.book.fr/" target="_blank"><span>book.fr</span></a><span>, </span><a onclick="javascript:pageTracker._trackPageview('/outbound/article/modelmayehem.com');" href="http://modelmayehem.com/" target="_self"><span>modelmayehem.com</span></a><span>) or graphic art (</span><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.deviantart.com');" href="http://www.deviantart.com/" target="_blank"><span>deviantart.com</span></a><span>), as well as the monetization of high fashion (<a onclick="javascript:pageTracker._trackPageview('/outbound/article/carnetdemode.com');" href="http://carnetdemode.com/" target="_blank">carnetdemode.com</a>), remind us that the art world continues to change and adapt, thus affording businesses a certain niche market.</span>

<span>What new artistic forms emerged as a result of social media? How has social media affected different artistic practices? What new opportunities have emerged to promote and monetize art?</span>

<span>To answer these questions, we asked:</span>

<span> </span><span><span><span><strong>Emmanuel Mahé</strong>, a researcher in the field of information sciences and communication, specializing in the relationship between innovative technology and digital art, to introduce and moderate the debate. </span></span><span><span>Link: </span><span><a onclick="javascript:pageTracker._trackPageview('/outbound/article/decalab.blog.lemonde.fr');" href="http://decalab.blog.lemonde.fr/" target="_blank">http://decalab.blog.lemonde.fr/</a></span></span></span>

<span><span><span><a onclick="javascript:pageTracker._trackPageview('/outbound/article/decalab.blog.lemonde.fr');" href="http://decalab.blog.lemonde.fr/" target="_blank"></a></span></span></span><span><span><span><strong>Elliot Lepers</strong>, host of the show L’œil de Links on Canal+, which often features social media artists and focuses on emerging </span></span><span><span>trends. Link: </span><span><a onclick="javascript:pageTracker._trackPageview('/outbound/article/loeildelinks.blog.canalplus.fr');" href="http://loeildelinks.blog.canalplus.fr/" target="_blank">http://loeildelinks.blog.canalplus.fr/</a></span></span></span>

<span><span><span><a onclick="javascript:pageTracker._trackPageview('/outbound/article/loeildelinks.blog.canalplus.fr');" href="http://loeildelinks.blog.canalplus.fr/" target="_blank"></a></span></span></span><span><strong>Arbia Smit</strong><strong>i</strong>, the founder of Carnet de Mode. Link: </span><span><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.carnetdemode.com');" href="http://www.carnetdemode.com/" target="_self">http://www.carnetdemode.com/</a></span>

<span><strong><em>Bertrand Horel</em></strong><em>, co-founder of Social Media Club France and researcher at the University of Paris VI, will facilitate the discussion.</em></span><p>Article source: <a href="http://socialmediaclub.fr/2011/03/social-media-and-the-arts-social-media-club-france-conference-march-22/">http://socialmediaclub.fr/2011/03/social-media-and-the-arts-social-media-club-france-conference-march-22/</a></p>]]></content:encoded>
			<wfw:commentRss>http://vicenteocana.com/social-media-and-the-arts-social-media-club-france-conference-march-22/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hello again</title>
		<link>http://vicenteocana.com/hello-world/</link>
		<comments>http://vicenteocana.com/hello-world/#comments</comments>
		<pubDate>Thu, 04 Nov 2010 09:09:05 +0000</pubDate>
		<dc:creator>vicente</dc:creator>
				<category><![CDATA[Blog |]]></category>

		<guid isPermaLink="false">http://vicenteocana.net/blog/?p=1</guid>
		<description><![CDATA[Hola. Aqui seguire posteando mis reflexiones a partir de ahora. Hi. this is the place where we I will keep posting from now on.]]></description>
			<content:encoded><![CDATA[Hola. Aqui seguire posteando mis reflexiones a partir de ahora.

Hi. this is the place where we I will keep posting from now on.]]></content:encoded>
			<wfw:commentRss>http://vicenteocana.com/hello-world/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>De cómo las tabletas están cambiando el diseño web</title>
		<link>http://vicenteocana.com/de-como-las-tabletas-estan-cambiando-el-diseno-web/</link>
		<comments>http://vicenteocana.com/de-como-las-tabletas-estan-cambiando-el-diseno-web/#comments</comments>
		<pubDate>Mon, 04 Oct 2010 19:44:44 +0000</pubDate>
		<dc:creator>vicente</dc:creator>
				<category><![CDATA[Design d'interface]]></category>
		<category><![CDATA[Design visuel]]></category>
		<category><![CDATA[Mobile]]></category>

		<guid isPermaLink="false">http://lostinterface.wordpress.com/?p=56</guid>
		<description><![CDATA[El formato apaisado y la vuelta de los formatos 1024 han añadido un nuevo estándar a los layouts de interfaz de web. Por un lado, la propia Apple ha dedicado sus esfuerzos a hacer parecer las versiones cloud de sus apps de correo o calendario gráficamente iguales que sus apps; Twitter o The New York [...]]]></description>
			<content:encoded><![CDATA[<a href="http://vicenteocana.com/blog/wp-content/uploads/2010/10/nyt-ipad.png"><img class="alignright size-medium wp-image-64" title="App ipad - New York Times" src="http://vicenteocana.com/blog/wp-content/uploads/2010/10/nyt-ipad.png?w=300" alt="" /></a>

El formato apaisado y la vuelta de los formatos 1024 han añadido un nuevo estándar a los layouts de interfaz de web.

Por un lado, la propia Apple ha dedicado sus esfuerzos a hacer parecer las versiones cloud de sus apps de correo o calendario gráficamente iguales que sus apps; Twitter o The New York Times han rediseñado sus webs imitando los elementos de interfaz (cuadros de diálogo, avisos, menus e iconos) similares a los del iOS... Estamos asistiendo a la "ipadización" de la web?

Es cierto que para los ejemplos citados, usar en web un diseño similar a la app de tablet ayudará sin duda a coordinar y uniformar las tareas de diseño visual y de interacción, ya que numerosas webs dan por descontado que duplicarán o triplicarán su presencia online en forma de app mobile.

Y no olvidemos la investigación que se está produciendo en los estudios gráficos y de UX para desarrollar la capacidad de estos modelos de interacción para comportamientos táctiles, como el no rollover, scroll, pulsaciones con dedos y no con ratón...

La próxima aparición de dispositivos tablet, tipo Samsung galaxy tab o playbook de blackberry no harán más que aumentar la cantidad de interfaces de navegación de este tipo.

Mashable dedica un <a href="http://mashable.com/2010/09/30/ipad-web-design/">artículo al tema</a> usando ejemplos y tendencias recientes.]]></content:encoded>
			<wfw:commentRss>http://vicenteocana.com/de-como-las-tabletas-estan-cambiando-el-diseno-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sistemas de gestión de contenido para todos</title>
		<link>http://vicenteocana.com/sistemas-de-gestion-de-contenido-para-todos/</link>
		<comments>http://vicenteocana.com/sistemas-de-gestion-de-contenido-para-todos/#comments</comments>
		<pubDate>Wed, 29 Sep 2010 08:40:36 +0000</pubDate>
		<dc:creator>vicente</dc:creator>
				<category><![CDATA[Design d'interface]]></category>
		<category><![CDATA[Usabilité]]></category>

		<guid isPermaLink="false">http://lostinterface.wordpress.com/?p=48</guid>
		<description><![CDATA[Hace unos meses diseñamos un interfaz de edición de contenidos para una web de un fotografo, una persona muy ocupada, con necesidad de actualizar su portfolio frecuentemente y de manera autónoma, y que debía tener una premisa fundamental: que fuera sencillo y muy visual; así, lo que se nos ocurrió fue que el interfaz de [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://vicenteocana.com/blog/wp-content/uploads/2010/09/capture-d_ecran-2010-09-29-a-10-09-20.png"><img class="aligncenter size-full wp-image-50" title="unify" src="http://vicenteocana.com/blog/wp-content/uploads/2010/09/capture-d_ecran-2010-09-29-a-10-09-20.png" alt="" /></a></p>
Hace unos meses diseñamos un interfaz de edición de contenidos para una web de un fotografo, una persona muy ocupada, con necesidad de actualizar su portfolio frecuentemente y de manera autónoma, y que debía tener una premisa fundamental: que fuera sencillo y muy visual; así, lo que se nos ocurrió fue que el interfaz de administración fuera la propia página, en la que aparecían, al teclear directamente en el teclado una contraseña de administrador, una serie de gadgets de edición para que el fotógrafo pudiera, fácil y visualmente, modificar los contenidos de su portfolio.

<a href="http://vicenteocana.com/blog/wp-content/uploads/2010/09/capture-d_ecran-2010-09-29-a-10-09-52.png?w=300"><img class="alignright size-medium wp-image-51" title="Unify CMS" src="http://vicenteocana.com/blog/wp-content/uploads/2010/09/capture-d_ecran-2010-09-29-a-10-09-52.png?w=300" alt="" /></a><a title="unify CMS" href="http://unify.unitinteractive.com/" target="_blank">Unify</a>, un CMS basado en AJAX que he descubierto ayer, representa la evolución lógica de esta idea de edición simple y visual, hasta tal punto que manejarlo es hasta divertido. A nivel técnico, el sistema está basado en cloud computing, y aunque no se da mucha información técnica, el sistema no está destinado, evidentemente, a sustituir un Drupal, Typo3 u otro CMS de alto nivel, sino a cubrir las necesidades de ese gran nicho de usuarios que demandan un sistema de gestión de su presencia web asequible (25$) y sobre todo, fácil de utilizar.

Os recomendamos<a href="http://unifydemo.unitinteractive.com/unify/login.php" target="_blank"> visitar su demo</a>, que es impresionante, a nivel de diseño de interfaz e incluso gráficamente.]]></content:encoded>
			<wfw:commentRss>http://vicenteocana.com/sistemas-de-gestion-de-contenido-para-todos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dribbble, un portfolio social</title>
		<link>http://vicenteocana.com/dribbble-un-portfolio-social/</link>
		<comments>http://vicenteocana.com/dribbble-un-portfolio-social/#comments</comments>
		<pubDate>Tue, 28 Sep 2010 19:42:56 +0000</pubDate>
		<dc:creator>vicente</dc:creator>
				<category><![CDATA[Design d'interface]]></category>
		<category><![CDATA[Design visuel]]></category>
		<category><![CDATA[Grid]]></category>
		<category><![CDATA[Usabilité]]></category>

		<guid isPermaLink="false">http://lostinterface.wordpress.com/?p=43</guid>
		<description><![CDATA[Dribbble.com es un showcase digital de artistas y diseñadores con una caracteristica especial, que crea una experiencia mas allá de la clásica lista slideshow: esta creado por los propios interesados, que dejan su muestra en forma de imagen de 400 x 300 pixels -siempre debe ser el mismo tamaño-. Cada uno de los pequeños pedacitos de [...]]]></description>
			<content:encoded><![CDATA[<a href="http://vicenteocana.com/blog/wp-content/uploads/2010/09/capture-d_ecran-2010-09-28-a-21-24-07.png"><img class="alignright size-medium wp-image-44" title="Capture d’écran 2010-09-28 à 21.24.07" src="http://vicenteocana.com/blog/wp-content/uploads/2010/09/capture-d_ecran-2010-09-28-a-21-24-07.png?w=300" alt="" width="300" height="180" /></a>

<a title="dribbler.com" href="http://www.dribbler.com" target="_blank">Dribbble.com </a>es un showcase digital de artistas y diseñadores con una caracteristica especial, que crea una experiencia mas allá de la clásica <em>lista slideshow</em>: esta creado por los propios interesados, que dejan su muestra en forma de imagen de 400 x 300 pixels -siempre debe ser el mismo tamaño-.

Cada uno de los pequeños pedacitos de su obra puede ser etiquetado, comentado y relacionado con otras a través de un sistema semántico de búsquedas muy flexible y natural.

Como no podia ser de otra manera, si hay una "clasificación" de las distintas obras es a traves de votos, de número de visiones de la imagen, y de cantidad de personas a las que ha gustado.

El diseño de la pagina es sobrio y discreto, para dejar el protagonismo a las obras de los participantes. La iniciativa se completa, lógicamente, con apps de iPad y un <a title="twitter dribble" href="http://twitter.com/#!/dribbble" target="_blank">canal de info en twitter.</a>]]></content:encoded>
			<wfw:commentRss>http://vicenteocana.com/dribbble-un-portfolio-social/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
