Web & Mobile Design, Technology and UX Conference - WebVisions

Posted by & filed under Generic topics.

I started writing this post on Sunday, right after the end of the WebVisions conference in Barcelona. I delayed finishing it, as I tried to gather as much material as possible for the sessions I participated (meaning the presentation slides and if possible video recordings). And if I ever needed another reason to like Smashing Magazine, I have it now. Thanks again for the ticket. I loved the experience.

Let’s deal with the less fun parts first, to get them out of the way. This category included the daily commute of 1:30 hours to reach the event location (and the same to get home late in the evening). The fact that the Oval Room was not specifically designed for public presentations, thus lacking a proper audio setup and any type of video recording equipment. While this allowed me to play video operator with my personal camera, the results can be called “decent” at best. I think that maybe a normal classroom would have been better. The last thing was the lack of research in local customs. In Spain, people start having lunch around 1:30 – 2PM. It’s hard to find a decent restaurant open before 1AM, except maybe fast foods joints or cafeterias. Thus having the lunch break set up from 12:OO to 1:30PM restricted a bit the possibility to get a good meal.

Now, to the good parts. Day one has been Studio Tour day. I could call this experience “people with great imagination need unusual offices”. Why’s that? Estudios Mariscal (creators of the ’92 Barcelona Olimpics Mascot) and Morera Design have their offices inside a renovated leather factory. The Almogavèrs business incubator is inside a renovated industrial building and the walls are covered in motivational phrases, in English, Spanish and Catalan. And last but not least, Herraiz Soto & Co makes use of what was in the ’30s a propeller factory. The end part of this warehouse-like building was offered as location for the party that ended the first day.

Because I forgot to take my camera with me, I had to do only with my phone camera. Thus I decided to reach to the Hipster side and took some Instagram shots, which you can see below:

Meeting Javier Mariscal

The “Garden” outside Mariscal Studios

Funny mascot at Morera Design

Motivational graffiti at Almogavèrs Business Incubator

I had to skip day 2, because I did not had a ticket for the Workshops and the 350 euro price was a bit steep for me. So I was present, bright and early, on Friday morning, when the presentation sessions began. I’ll focus on the sessions I attended personally, but you can check the full schedule to see what else was available. The criteria I picked the sessions was two-fold: first by topic and second by location. As I mentioned in the “not that good” part at the beginning, the sessions in the second Oval Room were not recorded on video so I focused on being present there and saving the other sessions for later when the video sessions will become available. For each session I will link either to the description on the event website or the place where the slides are uploaded (if I managed to get track of them). I thought about putting the slides inline, but that will make the post even longer.

1. We started with “Make it So: UX Lessons from Science Fiction” by Nathan Shedroff, a very interesting session, backed by lots and lots of data, showing the effect that technical evolution has on fictional interfaces and how the same fictional interfaces have sparked ideas that materialized in real life products. The research data backing this presentation will soon appear in book format, called also “Make it so”, although I am sure much will be lost when going from screen and video to printed word.

2. Next came Chrystal Beasley from Mozilla and 13 Signs your website needs an UX exorcism. A back-to-basis list of things to avoid and not to do if you don’t want your visitors to run away screaming. Not terribly exciting, but good enough to get woken up that early in the morning (the slides are available in the link above).

3. Jason Grigsby took off with a very engaging session called “Casting Off Our Desktop Shackles” showing off just how many prejudices and preconceptions are when it comes to a true mobile experience. I could not help but remember why I keep Opera Mini on my phone: because my favorite past-time-while-commuting website automatically redirects to a mobile version that does not have all the content as the normal site (including some quite important areas). Overall it was a very interesting session. Seeing it in a comfy chair with air conditioning (in the Auditorium) definitely helped (the slides are available in the link above).

4. Faruk Ates (creator of the Modernizr library)  held next session, focused on “Web’s Third Decade” – a thorough analysis of the status of the web today: lack of formal education, most professionals are self-thought; we still hand-code everything, as the tools are not up to date with production reality. Then came a list of what the community is doing to overcome obstacles, possible solutions for our problems and how people need to approach the new realities (the slides are available in the link above).

5. Next came Chris Mills from Opera who talked about “Adapt and Respond: An Expert’s Guide to Responsive Design“. I can’t say I remember much of the details covered, as I was too much in awe with the style of the presentation: 8-bit style images and sound effects from old games made up for an awesome unconventional session (the slides are available in the link above).

The day ended with a presentation by Jeff White from Industrial Light and Magic. Yes, that ILM – those who make awesome stuff in the movies we love (or we hate). I could not really see the connections between this session and the world of web, other than the first 5 minutes when we saw how the ILM website looked in the beginning and how it looks now. The rest was spent on covering ways to do special effects (with lots of examples) in movies like Jurassic Park, The Avengers and of course Star Wars. Slightly off-topic, but enjoyable nevertheless.


Last day started with a session on CSS Regions and how one can use them to create a magazine-like layout. The speaker was Mihnea Ovidenie, from Adobe Romania and one of the people who works on the WebKit engine. He is also one of the friends I made at this conference and trust me … it was great to be able to speak Romanian again with someone other than my wife. Anyway, while the support for this technology is not great yet (Chrome – needs activation of the flag – and IE 10), there is a lot of potential for the future. The slides are in the link above and here is also my own recording of the event:

Next session belonged to Chris Heilmann from Mozilla who, together with his colleague Chrystal Beasley started a rhyme-based duet on HTML5 and the future of the web. Although this highly entertaining part laste only about 15 minutes, the rest of the time was a free-for-all discussion on the impact these new technologies have on the current virtual landscape. The slides are linked above and, while I have recorded the entire session, I do not have the permission of the speaker yet.

The first session after lunch showcased Viktor Nordstrom and Daniel Iborra, two young entrepreneurs from Sitges (30km south of Barcelona) who did a presentation on WebGL, HTML5 and the Future of 3D. The highlight of the session was the showcasing of their web-based rendering application, which permits loading 3D models and rendering the resulted scene. I will also add the recorded session when I will receive the permission of the speakers.

Next presentation was from the second Romanian participant, Raul Hudea, also from Adobe Romania. The chosen topic was Bringing Cinematics to the Web with CSS Filters. In essence it allows one to apply the same kind of effects one does using Photoshop to almost every element of the page. This technology is so new, that it is not even entirely defined yet – there are still security details to be defined and implemented. The slides are linked above, but unless you open it with the latest version of Chrome, they will not function properly. Even so, the demo browser Raul used to present this topic was a customized build of nighlty WebKit. I ran it with Chrome v.20 and it was more or less OK for the entire length, with only a couple issues. I also recorded this session and got the permission to display it:

The evening ended with a nice party in open air, in the inner court of the Pompeu Fabra university, which had hosted the event. It was a great opportunity to know other people over a cold beer or Coca Cola and also to take a few last pictures.

Closing words by WebVisions Executive Director Brad Smith

Party location in the inner courtyard

Left to right: yours truly, Mihnea Ovidenie (Adobe Romania), Harish Sivaramakrish (Adobe India) and Raul Hudea (Adobe Romania)

Overall it was a great experience and I look forward for the next year session. I got to know some great people, got a peek behind the scenes to see what it takes to organize such an event and last but not least I got my eyes open on several advances in the field of Web Technologies that could make my profesional life even more interesting.

 

 

 

Leave a Reply

  • (will not be published)