Don’t ever stop talking to each other. It’s what the internet is really and truly for. Talk to each other and listen to each other. But don’t ever stop connecting. Be a prodigy of the new world. Stand up for the truth no matter how often they take our voices away and try to replace the idea of reality with fucking insane Lovecraftian shit. Don’t give up, don’t let them have this world. Love things. Love people. Love the small and the weird and the new.

Because that’s what fascists can’t do. They don’t love white people or straight people or silent women or binary enforced gender or forced birth or even really money. They want those things to be the only acceptable or even visible choices, but they don’t love them. They don’t even want to think about them. They want them to be automatically considered superior and universally mandated so they don’t have to think about them—or else what do you think the fury over other people wearing masks was ever about? The need to be right without thinking about it, and never have to see anything that wakens a spark of doubt in their own choices.

Obey, do not imagine, do not differ.

Geeks, though. Us weird geeks making communities in the ether? We love. We love so stupidly hard. We try to be happy. We get enthusiastic and devote ourselves to saving whales and trees and cancelled science fiction shows and each other. The energy we make in these spaces, the energy we make when we support and uplift and encourage and excite each other is something people like Musk can never understand or experience, which is why they keep smashing the windows in to try and get it, only to find the light they hungered for is already gone. Moved on, always a little beyond their reach.

Back then Javascript wasn’t even a requirement to do your job. It was great to have it, but knowing how to create a website was enough for most places. Accessibility, making sure things work on every browser were the key aspects of the job. Heck responsive web design wasn’t even a thing, Ethan Marcotte coined the term in 2010. jQuery was the emerging winner of the fight to create a flavour of JS that would work on every browser, but mootools was a tight contender.

Move the clock 13 years and the front of the front-end is something you barely spend any time working on. There are 456 trillion frameworks and approaches to JS. Every day a new thing appears and none of it actually change the basics of how you compose a website, just how convoluted your journey is going to be to get there.

I took the State of Javascript survey and I don’t think I’ve heard half of the stuff they were talking about. They even had the nuts of telling me that based on my knowledge I was on the top 100% of people. Yes, literally nobody else knows less that I do. Thanks guys.

I appreciate you can’t roll back the clock and go back to how we built sites all those years ago. Some of that new complexity actually helps. But bloody hell, can people just stop creating new ones, sit down and agree a way of working that makes sense for 90% of the sites? There’s no need to have 456 trillion options when we’re doing the same websites.

Creating a calendar from scratch is quite a lot of work, so we decided to look at a few React headless UI libraries as they provide functional components that are tested, accessible and you can make it look how you need.

We chose Adobe’s React Aria as their useCalendar was exactly the kind of component we needed. The documentation unfortunately is not the best I’ve seen, but Devon Govett’s example was perfect to get started (wish it was on the documentation).

The only step left was to tweak and make it type safe. React Aria comes with built-in type declarations but all the examples are in JavaScript, so I turned Devon’s example into TypeScript, in case somebody finds it useful.

There’s a lot of truth in that. People joining the work market often lack the understanding of how capitalism works. How the hard working engineers are just a replaceable cog in a modular system designed to fulfil one objective: enrich the owner at the top.

Some dream becoming that owner at the top and while one or two may achieve that, the rest fail to see that 99% of those owners they admire had an unfair advantage. They started already near the top, placed by their families deep pockets be that blood diamonds, hedge funds or whatever.

As they get burned by a system that demands moarrr from their dispensable pawns they realise that maybe, their own lives are also worth something. That they are used and discarded and that maybe it’s not worth spending all your energy making your boss filthy rich while you get some spare change and if lucky, a pat at the back.

Fortunately looks like the new generation is much more aware of that reality, more that mine was at the time. Less willing to accept the status quo and continue feeding meat to the capitalism grinder.

Others happily carry the long working hours badge while sitting on the meat grinding conveyor belt.

Product

Designers and product managers will normally create the flow of screens and information for a site without a full understanding of how the backend works. They ensure the correct information is present at the right time, the actions are clear and help people navigate whatever they need them to do.

Backend

Back-end engineers may use those flows to create their endpoints, but quite often they will already have a system in place, or will break down that flow of information on several endpoints that read and write into their databases, on a more abstract level that may not necessarily match what product has in mind in terms of steps. The design may not even be completed by the time they start!

The answer to match those two disciplines is better collaboration, but that doesn’t always happen. And who’s in the middle of those two? The front-end developers.

Acting as a communication bridge

As a front-end, you understand what endpoints are going to be used and when, how they are going to affect the flow that product has in mind. Equally you can communicate with backend to help them see how their endpoints need to be change in order to allow the product vision to happen.

A front-end that doesn’t work as a communication bridge will just try build the closest to the product vision with the tools given by the backends. Will think of themselves as an executor, when they could think as an enabler of better products.

By helping that communication between disciplines early on, you can help make that product vision a reality.

We always have limited time to spend, especially when we care about things outside work. If you are leading a team, you could focus on following the Scrum methodology like some holy grail, turning your team into an efficient sausage factory, worrying about the impact on your precious velocity that holidays or new team members will have. Or you could spend your time ensuring your team is trusted, listened to, has meaningful work to do, they help each other and nobody is blocked.

Which approach is more likely to produce better work? I know which one I prefer, hence I don't care about velocity.

Here’s my journey, in case it helps somebody else that want to do the same and like me 2 years ago and doesn’t know where to start.

So where do I start?

Two years ago I barely knew any development. Yes I was pretty handy at html/css as I started my career as a frontend dev, but that was in 2005. The world was easier, and being good at html/css was enough to have a job coding websites. JS was an emerging force with jQuery, as finally there was a way to support all browsers (back then cross-browser compatibility was hard). Fast forward to 2019, and you won’t get far without knowing TONS of javascript.

I always thought that I wasn’t good at thinking like an engineer. Bullshit. It’s just a different way of thinking, but you learn that. To some people it may come more naturally than to others, but it should not stop you.

The main difference to me is that html and css are declarative, if you can visualise a website and you know your tags and css rules, you can paint that idea on a screen.

You’ll need to think in a different way to learn JavaScript, but you’ll get there. More on this later.

I’ve also found that some of the frontend engineers, at least at junior and mid-weight level, may be great at javascript but have some gaps when dealing with certain html/css things. So you may have an edge if you’re very good at creating layouts.

The first steps

I started adding some jQuery to my sites and prototypes, mainly so I was able to hide and show elements. This was 2018/9 and by then jQuery was already like really? But it’s not a bad place to start your journey if you ask me. Simple and may trigger your curiosity to learn how to do things properly with vanilla JS.

A colleague at that time called Tim Brooke taught me the basics of how to do a React app. Just putting some pages together without any additional functionality, simply html inside JSX. It was handy as I could import some of my company’s existing components. In our case, I was testing a new design for a FX card we were selling. Having a working FX calculator was very useful for our usability research, so Tim coded the calculator and I used it on my React prototype. It worked great as during research people thought they were dealing with a real website, we got much better insights.

But I had no clue what I was doing, and simply writing html inside a React app didn’t seem to make much sense. I was hooked again, so decided to learn more.

But wait, I know nothing of that!

I’m assuming you are comfortable writing HTML and CSS. Maybe you’ve done some very simple JS as well. As I said earlier, by the time I got back into the development world I had done a lot of html and css. Even some PHP and MySQL (I wrote my own CMS back in 2004 using Dreamweaver! Like you do, always reinventing the wheel), so had some knowledge, just didn’t know how to put it all together and move forward.

If you know nothing about coding sites I’d suggest you start by learning HTML and CSS. Forget about JS at this point.

But if you know your way around coding a site but need to get started with JS, here are 4 things that helped me a lot:

• Manipulating data types with methods
• Events
• Working the DOM
• Fetch API

Sounds like some alien words to you? Don’t worry I’ll try explain them in plain English below.

Where can I get that basic foundation?

I knew I didn’t understand JavaScript. So I got a subscription on frontendmasters.com to learn the basics. It was recommended by Tom and another one of my frontend devs. You can learn from free/cheaper sources as well, be that YouTube videos, free books, freecodecamp.org etc, but that was a great way for me to learn as I could watch those videos on my commute home (pre-pandemic world! 🙈), while I was cooking, etc.

Working with data

Those videos gave me the basics of how information is stored in JS (strings, numbers, booleans, etc.), but more importantly the idea that those data types could be used as objects and have methods. That if you have a string called _name_ you can call the following:

name.toLowerCase()

And that’d modify the string and make it lowercase. Or split it. Or change the order or an array. Add elements to it, etc.

Suddenly it was like ok I see how this can be useful. It was mind-blowing honestly. If I could store data in variables and then manipulate them using those methods, there was a way to make those html pages interactive.

But then… how do you actually interact with the page? I had no clue! Enter events.

People interact with sites via events

All the things we normally do on sites and apps: clicking, tapping, scrolling, etc., for the browser those are Events. And you can set something called an event listener so when they happen, you can execute something.

Now I could make my site do things based on user interaction, and modify data. But how about changing the actual page?

Working with the DOM

You can imagine the DOM as an inverted tree with all the tags of your site. Start with the <html> at the top, and start creating branches. Your head, body, headers, paragraphs… they are all nodes within that big tree that is the DOM. And you can query them, modify them and create new ones.

You use things like getElementByID or querySelector to select a particular node, then change its text content, or add classes (maybe when you select something?), or remove them entirely from the page if you need to hide something.

You can also create new parts of the tree by creating fragments and then appending them to an existing node of the tree. But for that, you’re going to need some data right? That’s where the Fetch API comes in handy.

Fetching data from the internet

Up until now all my sites would deal with static content stored on my hosting. You lay that down with some tags and create a site. But how do I get new information?

To gather some new data you need to fetch it from some database on the internet. And because you’re not going to interact directly with that database, there’s something on the front of the database called the API, that allow us to have a simple communication with it.

Imagine you want to buy a pair or shoes (I mean offline, physically going to a shop). You don’t walk into the shop, go to the back store, find the correct box, put the money into the cash register and go home. That’s nuts. You don’t know how each shop is organised, it’d be chaos! That’s why we talk to people and ask them “can I get this shows in size 9?”. They tell you how much it is, you pay, etc.

Those people at the shop? They work pretty much the same way on all shops right? So you learn how to shop in one, you know how to deal with all of them. Those people are your APIs.

So if you want to get the weather at some place, you could use the Weatherbit.io API to fetch that information. Latest news? There are APIs for that too.

Suddenly you’re able to gather information from the Internet, whether that’s your own or publicly available. And using the tools I mentioned above, you can modify the DOM to change your page to display that information, maybe request new one when the user clicks something. And you my friend, are now doing frontend developer work.

Those 4 things helped me a lot get an understanding of how to deal with sites on a more dynamic way. I started working that data, modifying it so it’d do whatever I needed. It was a two way process: my design hat would think what can I do, and then my engineer hat would break it down into all the steps needed to make it happen. It’s challenging and rewarding, and a lot of fun.

I hope that gives you an idea on where to start your path, like it did for me years ago.

You’ve been in those meetings. Everybody is really excited but that energy fades quickly. Things start to get delayed and nobody is confident anymore about what or when you’ll be able to launch.

When it finally goes live you’re relieved that it’s over and a bit depressed of what-could-have-been-but-wasn’t. 

Why does it happen all the time?

Missing shared understanding 

What does redesign actually mean? It’s a simple word with hundreds of possible interpretations. Like tomatoes, redesigns come in multiple shapes and colours. The problem arises when people stick to their interpretation of what we mean by redesign (or any other word of the design lingo), and believe that everybody else has the same one. This rarely happens.

Image credit: Derek Huether

From the get-go the team has very different expectations so delays and frustrations are inevitable. How do we solve it?

Clear expectations

Words are not enough, you need to visualise and quantify what you mean. If you are doing a redesign look for a frame that helps the team understand what that means. Print out the current site and a previous version, or a competitor, or another website that is similar enough. Put them in front of the team and discuss what gap is more appropriate. You’ll find that people’s expectations are wildly different. 

Then break it down even further. What are you going to do with:

• Content, key messages and hierarchy
• Images
• Components
• Fonts
• Etc.

Are you going to keep some? Change all of it? These changes will massively impact what you need to do, so agree on what is expected from day one. 

As it’s going to be impossible to exactly pinpoint the degree of change required, you can set an intention.

It’s going to be 75% change from the current site and option B
We aim to change 1/2 the copy. 
All images should change. 

You get the idea. At least now you are better prepared to guesstimate how long it will take to deliver. And when somebody requests to rewrite all the content you can go back to the previous discussion and remind them that you agreed to do less with X amount of time. Reduce scope or increase the time available, otherwise both the team and the quality of the work will suffer. 

So on your next project kick off meeting remember: words are meaningless and forgettable.

It’s surprising and disheartening to see that in 2018 we’re still struggling to deliver products in an efficient manner, and I believe the separation of design and development is responsible for a lot of wasted efforts. 

I don't know you, but I hate wasting my clients' money.

When Brad asked the audience whether we had ever been involved in a project that we were embarrassed to put in our portfolio, almost the entire room raised the hand. Too much effort is spent on prettifying deliverables and comps, not enough in ensuring those concepts are feasible, Dribbble is an example of our love for art, not design.

This, so many times. #DesignBetter pic.twitter.com/XtvxsTjaFi
— Alex Lillo (@Nordic) April 17, 2018

And there was again the question about should designers learn to code, nicely answered by Brad (hint: you need to know enough about the medium you are designing for) but that is very telling of the situation we're in. Designers that look for aesthetics, often do the right research to understand the problem space, but often fail to be close enough to the production aspect of the product. Imagine an industrial designer not knowing about the materials or processes needed to produce the objects, unthinkable. 

Yet we see that time and time again on digital design. Designers claiming to have a design system which is just a sketch library. Companies separating their design and development efforts (e.g. hire and design agency and then give the outputs to a development shop). Developers that believe that the only purpose of a designer is to make things logical and pretty. 

We need teams that have enough understanding and empathy for each other's work, that value working together instead of complaining about the other side of the silo. And yes that means designers knowing enough about how their medium works as that will only improve the conversation and lead to better quality and less frustration. 

And that movement needs to start from the leadership, having people that are driven to close that gap and make teams work together as one, helping them to understand each other and solve the issues. We can't let this happen any longer. 

Now I use Craft to serve the blog, a CMS I’ve used in the past to manage the Webcredible’s intranet. It’s simple to use and build and has a good community.

This change was also triggered by a change of hosting. After three years with DigitalOcean, I moved back to a classic managed hosting. I’m pleasantly surprised at how long I kept it going without having a clue of how to manage a server. Tools like Serverpilot have been invaluable but when I had to upgrade to a paid version in order to enable SSL, I could not justify the cost of both. It’s cheaper for me to have a managed hosting and not have to worry about it. 

Now I’m with Krystal hosting, and every query I had has been solved in minutes. Top notch service to far. 

RSS feed change

New CMS means new RSS. The new feed is https://nordic-design.net/feed..., in case you still use an old school reader like me. 

So what is it exactly? Is it like flexbox?

A key element of CSS grid is that it creates rows as well as columns. That makes the distinction between flexbox and grid very simple:

• Use flexbox for 1-dimensional compositions like rows or columns. E.g. tabs, your primary navigation
• Use grid for 2-dimensional compositions. Like defining a *ahem* grid for your content areas (header/sidebar/main content/footer, etc.)

How it works in a nutshell:

• You define horizontal and vertical tracks, delimited by grid lines
• You assign areas to use one or more cells created by the intersection of the grid lines, in whatever place you like, as long as it forms a rectangle (no Tetris shapes yet)

(Image from CSS-Tricks CSS grid guide. You should totally check it out after you've read this)

A key consideration is that you don’t have to fill the grid. Think about it as the holes of your IKEA furniture. You can use them to put hangers and stuff on them if you want to, or leave the shell empty. With the added benefit that the tracks can grow with the content. It's like having a wardrobe that grows as you put more clothes in it!

(Image from CSS-tricks)

CSS grid is so flexible that you don’t even have to assign explicit areas. Any child element of the grid will automatically use the next available grid space, from the top left corner (when writing in a western language). That means that you can perfectly layout an image gallery in seconds.

Then you can use CSS to reposition that content, maybe for another platform. This makes the separation of content and presentation a lot easier.

An example

Let me show you what I coded last week. Inspired by Jen Simmons’ Modern Layouts presentation, I wanted to create a layout for our intranet’s staff page that didn’t follow the standard main content + aside columns, but would rather use a more complex layout inspired by print magazines.

Start with the content

Having more flexibility to define fixed sized areas and flexible ones that use any available space, I started with chunks of content without a particular structure. Exploring what width and order were appropriate on different viewports to tell the story of that person, while trying to use a 1.414 scale to ensure all typographic, image and text elements were harmoniously related.

It was an iterative process to assess what seemed like ideal sizes for a given viewport size, and then how the different elements would adapt, what should maintain its size, what could flex.

Early concept of how chunks of content could be positioned:

Create your grid

Once I had a rough composition, I looked at what grid lines and areas would be needed. Time to get off Sketch and into the text editor. Turning those lines and areas into code was a bit of trial and error, but nothing you won’t understand in less than an hour.

#staffPage {
 display: grid;
 grid-template-rows: 10em 8em auto auto auto;
 grid-template-columns: 18.8333333333% 1fr 32.9166666667%;
 grid-column-gap: $baseline*2;
 grid-template-areas:
 "photo name links"
 "photo biog coached"
 "profile biog coachingRel"
 "quote quote coachingRel"
 ". experience coachingRel";
}

With the grid structure ready, adjusting the different breakpoints took literally minutes. Try to do that with a framework!

 @media all and (max-width: $medium-break) {
 grid-template-rows: 10em 4em auto auto auto;
 grid-template-columns: 18.8333333333% 1fr;
 grid-template-areas:
 "photo name"
 "photo links"
 "profile biog"
 "quote quote"
 ". experience"
 ". coached"
 ". coachingRel";
 }

The result

Once you understand how the grid works it’s very simple to create different types of layouts that would have been an absolute nightmare to code using floats, opening the door to thousands of ideas that would've been considered crazy just a few months ago.

If anything, designers will have to work hard to get out of our comfort zone and start creating compelling layouts that get the most of the medium.

What can I do with CSS Grid?

If you are a UX designer with basic HTML and CSS skills, you can use CSS grid to quickly prototype responsive websites in code. Ignore frameworks, you don’t need them anymore.

For example, I really like what I call content prototypes, very low fidelity designs that help me assess the basic grid and visual hierarchy of the content, in code, using actual devices. CSS Grid is perfect for this and will make my life a lot easier.

Learn how to do it

A great place to start is Rachel Andrews excellent site Grid by example. She also has a book that is high on my to read list, Get Ready for CSS Grid Layout. And her talk in An Event Apart will give all the basic knowledge of how to use CSS grid.

Jen Simmons’ talks are an amazing source of inspiration too, and I plan to follow her recommendation and start paying more attention to print, getting ideas to create different compositions that elevate the content on the web, getting us out of the standard header + 2 columns layout that we’ve been using for the last 15-20 years.

What do you think, would you use CSS grid to prototype?

If the client is looking for good UX

How to deal with more UX

When a developer proposes best practices

Dealing with best practices

When a designer gets defensive and argues that his design has better UX

[Design is] the intentional solution to a problem within a set of constraints. Mike Monteiro

How to deal with better UX

“Every Git working directory is a full-fledged repository with complete history and full version-tracking capabilities, independent of network access or a central server.” Git Software, Wikipedia

1. Create your repository

2. Differences between commit and push

3. Understanding the tree and branches

• Master branch. This is where your stable, production code is. You shouldn’t work here.
• Feature branches. Used to create new content (e.g. a new product page). This will duplicate the contents of the master branch and create a parallel universe. This allows you to work on new features keeping your master, stable code safe.

4. Merging your branches with pull requests

• Cultural. Management needs to move from one-off products that are redesigned every 2-3 years, to constant iteration and improvement
• Economical. Agencies have to be cost-effective, compared to the short/mid term costs of building and running an internal UX team

TL;DR

How it works

The code

The element1~element2 selector matches occurrences of element2 that are preceded by element1. Both elements must have the same parent, but element2 does not have to be immediately preceded by element1.

Pair designing

Critiques

Project retrospectives

• Materialize
• Material UI

User Experience (UX) involves a person's behaviours, attitudes, and emotions about using a particular product, system or service. User Experience includes the practical, experiential, affective, meaningful and valuable aspects of human–computer interaction and product ownership. Additionally, it includes a person’s perceptions of system aspects such as utility, ease of use and efficiency.

After 5+ years of usage, I've just broken up with Foursquare over the horror that is their forced Swarm app install. https://t.co/BznIm03YFb — David E. Weekly (@dweekly) July 22, 2014

Extra ball

Work low-fi. It’s important to acknowledge that the starting vision is wrong, wrong, wrong. It will need to change as you're building. So we work fast, low-fi and towards a common goal. We think aloud as a group, favor white-boarding to wireframes, favor hacking up screenshots rather than maintaining PSD masters. We favor the product over design artifacts and documentation. Get over it. Your product is the documentation.

The MailChimp Pattern Library is a byproduct of our move to a responsive, nimble, and intuitive app. Constant iteration requires both an efficient workflow and a well defined collection of atomic elements that can assemble new UIs quickly without accruing new technical or design debt.

Use cases in the design process

• Your process is more transparent, and you won’t be seen as a magician
• Your will get client buy-in, as you defined the solution together

• As a…
• I want to achieve …
• So I do …

As a logged-in customer, I want review my previous orders, so I can reorder them.

Tell me how big you are...

• How your design and analysis processes are going to work together
• What your final deliverables are going to look like.

We bumped into Eric Boullier at the airport and could not stop ourselves saying: “Get out of the f@*king way!”, which raised a resigned smile from the Lotus team principal.

“I still own my responsibility in the failure to bring him home. It may not have been my fault, but it was my responsibility. I was the leader and there was only one person to look to, when you, for everything that your men do or fail to do, and that’s the leader…That’s the right mentality to have, even though you may err on the side of carrying too much weight. Particularly as I’ve seen leadership as applied in, well, at least in my context in the business world, I think that the Marines get it right, and they got it right by teaching me from the get-go that hey, it is your job as a leader to accept responsibility, that’s what you do, particularly to accept responsibility for failure. And when you’re given these forty young men, we’re going to tell you your life is no longer about yourself, it’s about taking care of them and achieving your mission. That’s a, I realize now that that’s a rare philosophy, and that’s a rare leadership model. We say that life is not about you anymore. The minute you pin on the rank, and the minute you accept that paycheck, you accept responsibility and you accept a commitment to something greater than yourself. And I think that applies just as much now as it did then.”

You don’t own the game, you’re only renting it

EA decides how you can and can't play the game

They don’t care about you

Don’t make things difficult for your customers

“UX shouldn't use Agile. It's a tool created to ship software, not design” (not literal, I don't remember the exact words)

Task-driven design

Just-in-time design

It just works

You need to find a competitive advantage

If we were building cars, one purely created by engineers would have a great engine and all the imaginable extras, but it will unpleasant to drive and probably quite ugly. A car created by designers will be beautiful and a joy to drive, at least if it existed, because it will never go pass the prototype phase. But a combination of engineers and designers working together could create the smoothest, more comfortable and desirable car ever built.

• Part I: I’m the UX expert. I have the ultimate truth.
• Part II: Clients have no idea.

We focus too much on the users

• User flows. Getting a really deep understanding of how every single page and feature of your website wrongs. A great document to discuss with your developers.
• Study the key tasks your site/app/etc has to do. As Robert Hoekman Jr. says in his book Designing the Obvious, Situation Centred Design could be a much better approach than 'User Centred Design'. For instance, if you're creating an app to upload pictures to Twitter, how relevant is to know that your user is a 25 years old guy, art student from East London? What you should focus is on learning everything about the activity and situation around taking and uploading pictures. The who, what, when, where and why.

Conclusion

Clients have no idea

I'm the UX expert. I have the ultimate truth.

TUAW writes: One other funny note: The screenshots above are straight from the official App Store page for AT&T's official app. Of course the app in the shots is connected to WiFi as well (and you'll have to be connected to your local WiFi network to use the digital remote features), but anyone else think it's amusing that AT&T's own iPhone screenshots don't show full bars on the connection?

We removed FB buttons and traffic from Facebook increased. Reason: instead of "liking" articles, readers share it on their timeleine.

Who is your audience?

How good is your content?

In a nutshell

How to install the script

1. First you have to activate the Script menu. But the _AppleScript Utility_ that says the forum doesn’t exist anymore. You have to open the AppleScript Editor, go to its Preferences and activate Show Script menu in menu bar.
2. (Optional) Personally I prefer having the application scripts at the top, rather than the bottom.
3. Time to open Omnigraffle. You should see the scripts icon in the menu bar. Open it and select Open OmniGraffle Pro Scripts Folder.
4. Move the uncompressed script file to that folder.
5. You’re now ready to crop! Just select the image to crop and the shape you’re going to use to crop it, go to the scripts menu and you’ll find Crop image. Select and that’s it!

Para aquellos que se enfrenten a ello y tengan dudas sobre *cómo explicar en papel los diferentes gestos que debe realizar el usuario sobre la pantalla*, esta “guía de referencia de gestos táctiles”:http://www.lukew.com/touch/TouchGestureGuide.pdf (PDF) le puede ser muy útil.

Hay más información sobre qué suele hacer cada gesto en los diferentes dispositivos (iPhone, Android, Windows Phone 7, etc.) en el post de Luke Wroblewsky “Touch Gesture Reference Guide”:http://www.lukew.com/ff/entry.asp?1071.

Hay templates para uso rápido en los siguientes sabores:
* “PDF”:http://www.lukew.com/touch/TouchGestureTemplate.pdf
* “EPS”:http://www.lukew.com/touch/TouchGestureTemplate.eps
* “Ommigraffe”:http://www.lukew.com/touch/TouchGesturesgstencil.zip
* “Visio”:http://www.lukew.com/touch/TouchGesturesVisio.zip

Vía “Wireframes”:http://wireframes.linowski.ca/2010/05/touch-gesture-reference-guide/

A mi vuelta de aquel viaje y tras bastantes búsquedas me encontré con la solución. Lo dejo aquí por si alguno no lo encuentra en la web de Simyo y tiene los mismos problemas que tuve yo.

La cuestión es que el móvil no cambia solo de red (como hacen las demás operadoras), sino que debes ir tu a la configuración de red de Simyo y decirle que estás fuera de España. A la vuelta deberás hacer lo mismo pero al revés.

Esto es lo que dicen ellos en su “post explicando el funcionamiento del roaming”:http://blogsimyo.es/una-indicacion-sobre-el-roaming/:

Sólo debes entrar en el menú Servicio simyo (su ubicación depende del modelo de móvil, pero suele estar en el menú principal o en carpetas como Entretenimiento o Servicios SIM).

En este menú debes elegir la opción Servicio Roaming y a continuación, Selección de Red. Te aparecerán dos opciones: elige Selección manual y pulsa en Internacional. Tu tarjeta se reiniciará y podrás hablar y enviar mensajes con el operador del país en el que te encuentres.

Y cuando vuelvas a España, sólo tendrás que repetir los pasos pero eligiendo Nacional en el último paso.

Decir que yo no he tenido más problemas con el roaming, ni en Roma ni en Londres.

!http://www.nordic-design.net/images/147.jpg (Captura de pantalla de flightstats.com)!

Mediante eye-tracking analizó las fijaciones de 21 usuarios en 541 diferentes páginas web, y estos son los resultandos en porcentaje de atención según la zona de la web (en píxeles).

!http://www.nordic-design.net/images/149.png (fijación de los usuarios en una web, según eje horizontal)!

Se ve como se presta más atención a la parte izquierda que a la derecha, por lo que su conclusión es que una navegación tradicional (con menú a la izquierda) es más adecuada.

Yo tomaría esta información con pinzas, ya que me gustaría saber cómo eran esas 541 webs. Si la mayoría tenían el menú a la izquierda, es lógico que los resultados sean así. Él afirma que seleccionó esos usuarios y esas webs para que el estudio no estuviera sesgado, pero creo que sería interesante analizar webs que tengan la navegación a la derecha, a ver cómo salen los datos.

En cualquier caso, es lógico que los usuarios hayan aprendido con el paso de los años que a la izquierda van a encontrar un menú, y por lo tanto fijen parte de su atención en esa zona.

Como siempre, si no tienes claro qué hacer con tu web o porqué, seguir los estándares establecidos es una buena idea.

Nos vamos con la tranquilidad de haber pensado bien cada uno de los pasos que dábamos, no a lo loco sino con cabeza y teniendo claro que un cambio así no es una tontería, y más cuando se van dos personas.

Creo que por ahora todo está saliendo bastante bien, en dos semanas ambos estaremos trabajando y la búsqueda de piso está muy encaminada. Tras mucho darle vueltas parece que vamos a elegir “zona E1, lo más cerca de Aldgate”:http://maps.google.com/maps?f=q&source=s_q&hl=es&geocode=&q=2+Aldgate+High+Street,+Greater+London,+UK&sll=51.516888,-0.072484&sspn=0.013246,0.037336&ie=UTF8&hq=&hnear=Aldgate+High+St,+London+EC3N,+Reino+Unido&ll=51.515152,-0.071583&spn=0.027828,0.074673&z=14 posible.

En cuanto a mi trabajo, me da pena dejar Xperience, pero tengo ganas de un nuevo reto. Tengo por delante el periodo de buscar trabajo allí, y elegir si quiero seguir en consultoría o prefiero volver a una agencia. Según he visto en Londres sí existen agencias interactivas con equipos de usabilidad, y podría ser interesante volver a ese mundo después de más de 3 años en consultoría.

Así que a partir de dos semanas, ¡el que esté por Londres que avise!

En casa tengo un “iPod Touch”:http://www.apple.com/ipodtouch/ que utilizo básicamente para leer el correo, navegar, twittear, etc. Casi no lo saco fuera de casa, es como mi dispositivo portable para estar conectado a Internet.

Para ese uso es muy útil porque no tengo que abrir un ordenador para leer el correo, ni levantarme del sofá, ni estar tecleando. Todo es rápido, ágil y táctil. *¿Qué hecho en falta muchas veces? Más tamaño*.

Ahí es donde creo que entra el iPad. Muchos lo han dicho ya, es un iPod Touch con esteriodes. No puedes llamar, no puedes hacer multitarea, no tiene cámaras, etc. Nada de eso posiblemente lo necesites la mayoría de las veces, simplemente ahora podrás navegar en condiciones (1024×768 de resolución).

¿Vale la pena por el precio? Supongo que cuando lo tengas en la mano creerás que es imprescindible tener uno, como suele pasar con la mayoría de los productos de Apple. Ahora mismo sólo unos pocos early adopters / fanboys lo comprarán, al menos en España.

Pero la ventaja que tienen es que no existe nada comparable en el mercado. Esto no es un netbook, no hay que abrirlo, esperar que se encienda el sistema operativo, etc. Simplemente darle a un botón y a funcionar. Sin ratón ni tener que escribir en un teclado incómodo. Y no hay nada así ahí fuera.

Para cuando la competencia saque algo al mercado (rápido y mal) para intentar meterse en el nicho, ellos ya sacarán la segunda versión del bicho. Una segunda versión que ya tendrán planeada, y que podrían haber sacado ahora mismo pero, ¿para qué? Así lo podrán vender de nuevo a todos los fanboys.

Interacción 2010 es un congreso internacional que tiene como principal objetivo promover y difundir los avances recientes en el área de la Interacción Persona-Ordenador, tanto a nivel académico como empresarial. El congreso pretende establecer un foro de discusión e intercambio de ideas que permita seguir avanzando en el uso y aplicación de novedades relacionadas con la interacción en campos tan interesantes y actuales como salud, educación y aprendizaje, comunidades y redes sociales, acceso a la información y conocimiento, nuevos entornos de computación, etc.

La Asociación para la Interacción Persona-Ordenador (“AIPO”:www.aipo.es) lleva organizando este congreso desde el año 2000. La XI edición se celebrará en el 2010 en Valencia, España, en el marco de la III edición del Congreso Español de Informática (“CEDI 2010″:http://cedi2005.ugr.es/2010). Para la organización de esta edición de Interacción también colaboran el Centro de Investigación en Métodos de Producción de Software (“PROS”:http://www.pros.upv.es ) de la Universidad Politécnica de Valencia y el Grupo de Investigación en Especificación,
Desarrollo y Evolución del Software (“GEDES”:http://lsi.ugr.es/~gedes ) de la Universidad de Granada.

TEMAS DE INTERÉS
* Accesibilidad de la información
* Adaptación y evolución
* Bellas artes e interacción
* Bibliotecas digitales y libros electrónicos
* Comercio electrónico e interacción
* Computación ubicua y pervasiva
* Comunidades virtuales y redes sociales
* Desarrollo de interfaces basadas en modelos
* Dispositivos de interacción
* Entornos y herramientas para el desarrollo de interfaces de usuario
* Ergonomía (Factores humanos)
* Evaluación de sistemas interactivos
* Experiencias en la empresa
* Hipermedia y Web
* Inteligencia ambiental
* Interacción, aprendizaje y enseñanza
* Interacción en el hogar (Domótica)
* Interacción para personas con discapacidad
* Interacción persona-máquina
* Interacción persona-ordenador-persona
* Interacción persona-robot
* Interfaces en lenguaje natural
* Interfaces inteligentes
* Metodologías para el estudio de la interacción
* Modelado del usuario y grupos
* Multimedia
* Realidad virtual y aumentada
* Sistemas interactivos y multimodales
* Sistemas para la colaboración (CSCW/CSCL)
* Sistemas sensibles al contexto
* Teorías, modelos conceptuales y ontologías
* Usabilidad
* Visualización de la información
* Web semántica

ORGANIZACIÓN
Presidentes del Congreso
* Óscar Pastor López, Universidad Politécnica de Valencia, España
* Pedro Latorre, Universidad de Zaragoza, España

Presidentes del Comité de Programa
* José Luis Garrido Bullejos, Universidad de Granada, España
* Fabio Paternò, ISTI-CNR, Italia

Presidente del Comité de Organización
* José Ignacio Panach, Universidad Politécnica de Valencia, España

CONTRIBUCIONES
Los tipos de contribuciones que se recibirán en Interacción 2010 serán los siguientes:
* Artículos largos
* Artículos cortos
* Pósteres y/o demostraciones
* Coloquio doctoral
* Experiencias y casos prácticos
* Tutoriales

FECHAS IMPORTANTES
* Envío de propuestas para tutoriales: 20 de febrero del 2010
* Envío de trabajos: 26 de marzo del 2010
* Notificación de aceptación: 30 de abril del 2010
* Envío de versión final: 14 de mayo del 2010
* Celebración del congreso: 7 al 10 de septiembre del 2010

Vía “twitter”:http://twitter.com/circuitry/status/8006693287 y “el blog de picapiedra”:http://elblogdepicapiedra.ketari.com/post/2010/01/21/mienten-mienten-mienten

Ayer intenté comprar dos terminales libres HTC Tattoo en la web de phonehouse.es, pero no pude. Al menos no comprarlos a la vez, ya que según su web _sólo puedo comprar un terminal de tipo contrato_.

Está claro que el que ha desarrollado la casuística del sitio web no ha pensado demasiado, ya que si me da la gana podría comprar 10 móviles libres a la vez, ¿qué me lo impide?

Y no, no me apetece pagar 8€ extras de otro envío y que cada uno vaya por un lado, prefiero irme a otro sitio a comprarlo. Ellos se pierden mi dinero.

1. Viola los derechos constitucionales en los que se ha de basar un estado democrático en especial la presunción de inocencia, libertad de expresión, privacidad, inviolabilidad domiciliaria, tutela judicial efectiva, libertad de mercado, protección de consumidoras y consumidores, entre otros.
2. Genera para la Internet un estado de excepción en el cual la ciudadanía será tratada mediante procedimientos administrativos sumarísimos reservados por la Audiencia Nacional a narcotraficantes y terroristas.
3. Establece un procedimiento punitivo «a la carta» para casos en los que los tribunales ya han manifestado que no constituían delito, implicando incluso la necesidad de modificar al menos 4 leyes, una de ellas orgánica. Esto conlleva un cambio radical en el sistema jurídico y una fuente de inseguridad para el sector de las TIC (Tecnología de la Información y la Comunicación). Recordamos, en este sentido, que el intercambio de conocimiento y cultura en la red es un motor económico importante para salir de la crisis como se ha demostrado ampliamente.
4. Los mecanismos preventivos urgentes de los que dispone la ley y la judicatura son para proteger a toda ciudadanía frente a riesgos tan graves como los que afectan a la salud pública. El gobierno pretende utilizar estos mismos mecanismos de protección global para beneficiar intereses particulares frente a la ciudadanía. Además la normativa introducirá el concepto de «lucro indirecto», es decir: a mí me pueden cerrar el blog porque «promocionó» a uno que «promociona» a otro que vincula a un tercero que hace negocios presuntamente ilícitos.
5. Recordamos que la propiedad intelectual no es un derecho fundamental contrariamente a las declaraciones del Ministro de Justicia, Francisco Caamaño. Lo que es un derecho fundamental es el derecho a la producción literaria y artística.
6. De acuerdo con las declaraciones de la Ministra de Cultura, esta disposición se utilizará exclusivamente para cerrar 200 webs que presuntamente están atentando contra los derechos de autor. Entendemos que si éste es el objetivo de la disposición, no es necesaria, ya que con la legislación actual existen procedimientos que permiten actuar contra webs, incluso con medidas cautelares, cuando presuntamente se esté incumpliendo la legalidad. Por lo que no queda sino recelar de las verdaderas intenciones que la motivan ya que lo único que añade a la legislación actual es el hecho de dejar la ciudadanía en una situación de grave indefensión jurídica en el entorno digital.
7. Finalmente consideramos que la propuesta del gobierno no sólo es un despilfarro de recursos sino que será absolutamente ineficaz en sus presuntos propósitos y deja patente la absoluta incapacidad por parte del ejecutivo de entender los tiempos y motores de la Era Digital.

La disposición es una concesión más a la vieja industria del entretenimiento en detrimento de los derechos fundamentales de la ciudadanía en la era digital.

La ciudadanía no puede permitir de ninguna manera que sigan los intentos de vulnerar derechos fundamentales de las personas, sin la debida tutela judicial efectiva, para proteger derechos de menor rango como la propiedad intelectual. Dicha circunstancia ya fue aclarada con el dictado de inconstitucionalidad de la ley Corcuera (o «ley de la patada en la puerta»). El Manifiesto en defensa de los derechos fundamentales en Internet, respaldado por más de 200.000 personas, ya avanzó la reacción y demandas de la ciudadanía antes la perspectiva inaceptable del gobierno.

Para impulsar un definitivo cambio de rumbo y coordinar una respuesta conjunta, el 9 de enero se ha constituido la Red SOStenible, una plataforma representativa de todos los sectores sociedad civil afectados. El objetivo es iniciar una ofensiva para garantizar una regulación del entorno digital que permita expresar todo el potencial de la Red y de la creación cultural respetando las libertades fundamentales.

En este sentido, reconocemos como referencia para el desarrollo de la era digital, la Carta para la innovación, la creatividad y el acceso al conocimiento, un documento de síntesis elaborado por más de cien expertos de 20 países que recoge los principios legales fundamentales que deben inspirar este nuevo horizonte.

En particular, consideramos que en estos momentos es especialmente urgentes la implementación por parte de gobiernos e instituciones competentes, de los siguientes aspectos recogidos en la Carta:

1. Los artistas como todos los trabajadores tienen que poder vivir de su trabajo (referencia punto 2 «Demandas legales», párrafo B. «Estímulo de la creatividad y la innovación», de la Carta);
2. La sociedad necesita para su desarrollo de una red abierta y libre (referencia punto 2 «Demandas legales», párrafo D, «Acceso a las infraestructuras tecnológicas», de la Carta);
3. El derecho a cita y el derecho a compartir tienen que ser potenciado y no limitado como fundamento de toda posibilidad de información y constitutivo de todo conocimiento (referencia punto 2 «Demandas legales», párrafo A, «Derechos en un contexto digital», de la Carta);
4. La ciudadanía debe poder disfrutar libremente de los derechos exclusivos de los bienes públicos que se pagan con su dinero, con el dinero publico (referencia punto 2 «Demandas legales», párrafo C, «Conocimiento común y dominio público», de la Carta);
5. Consideramos necesaria una reforma en profundidad del sistema de las entidades de gestión y la abolición del canon digital (referencia punto 2 «Demandas legales«, párrafo B, «Estímulo de la creatividad y la innovación», de la Carta).

Por todo ello hoy se inicia la campaña Internet no será otra tele y se llevarán a cabo diversas acciones ciudadanas durante todo el periodo de la presidencia española de la UE.

Consideramos particularmente importantes en el calendario de la presidencia de turno española el II Congreso de Economía de la Cultura (29 y 30 de marzo en Barcelona), Reunión Informal de ministros de Cultura (30 y 31 de marzo en Barcelona) y la reunión de ministros de Telecomunicaciones (18 a 20 de abril en Granada).

La Red tiene previsto reunirse con representantes nacionales e internacionales de partidos políticos, representantes de la cultura y delegaciones diplomáticas.

Firmado: Red SOStenible. La Red SOStenible somos todos. Si quieres adherirte a este texto, cópialo, bloguéalo, difúndelo.

Estaréis presentes en la boda

Este fin de semana estuve haciendo algunas pruebas, y estas son algunas de las primeras fotos:

Me parece que tendré que renovar mi “cuenta pro de Flickr”:http://www.flickr.com/photos/nordic/ en breve.

Conociendo por amigos un poco de la realidad de la investigación en España no puedo sino sumarme a la “iniciativa de La Aldea Irreductible”:http://aldea-irreductible.blogspot.com/2009/10/la-ciencia-en-espana-no-necesita.html, porque lo que se propone desde el Gobierno es un auténtico disparate.

Decir que España es un país de Ciencia es hacer verdaderos contorsionismos con las palabras… Decir que en España hay grandes científicos es obviar su precaria realidad, pero decir que se busca un modelo productivo basado en la Innovación y “reducir a la vez el presupuesto del Ministerio de Ciencia en un 37%”:http://www.elpais.com/articulo/sociedad/Alarma/comunidad/cientifica/recortes/investigacion/elpepusoc/20090910elpepisoc_2/Tes podría ser tildado perfectamente de tomadura de pelo.

Pero existen otras herramientas pensadas exclusivamente en los profesionales de la experiencia de usuario, como son Axure o iRise. Hoy me he enterado “vía GUUUI”:http://www.guuui.com/posting.php?id=2243 de la existencia de “ForeUI”:http://www.foreui.com/,
que tiene como bondades ser multiplataforma (Windows, Mac OS X, Linux y Solaris), que únicamente cuesta $79, permite crear interacción y que –según afirman– el resultado es _skinnable_. Esto es, que podemos darle el aspecto de Windows, de OS X o pintado a mano.

Lo que obtienes:
!http://www.nordic-design.net/images/141.png (Ejemplo de pantallas diseñadas con ForeUI)!

Y la interfaz de trabajo:
!http://www.nordic-design.net/images/140.png (Captura de pantalla de ForeUI)!

Más información “en su web”:http://www.foreui.com/.

Es sorprendente como en muchos sitios web, al llegar al proceso de compra lo encontramos repleto de promociones, enlaces a otros lugares de la web y muchos otros elementos que distraen la atención de *lo que queremos que haga el usuario: comprar*.

Mi consejo para cuando te enfrentes a la tarea de diseñar un proceso de compra es que para cada elemento te preguntes: *¿Es esto útil para que el usuario termine la compra?*

*Si la respuesta es no, quizás sea mejor eliminarlo*. Esto incluye menús, banners promocionales, enlaces transversales a otras secciones, etc.

Elementos que sí son interesantes incluyen teléfonos de ayuda, productos extras a añadir en la compra (upselling)… y no mucho más. Es probable que el resto sólo sirva para crear ruido, y hacerte perder una venta.

Ahí va el video:

Como “recuerdan en pitchfork.com”:http://pitchfork.com/news/36514-massive-new-smashing-pumpkins-undertaking-44-songs-all-for-free/ no es la primera vez que los Smashing Pumpkins hacen esto, ya que el disco Machina II lo publicaron íntegro de forma gratuita por Internet… en el año 2000. Recuerdo por aquel entonces que había que buscarse la vida para bajarlas, ya que las conexiones no eran lo que tenemos ahora.

¿Las primeras? Dicen que para Halloween quieren tener 4. A ver que tal suenan sin Chamberlain.

Vía “@rogercasas”:http://twitter.com/rogercasas/statuses/4055559883

!http://www.nordic-design.net/images/138.jpg (Varios notepod en una mesa)!

Lo venden en “packs de 3 en su web por $17.95″:http://notepod.net/, apenas algo más de 12€ al cambio de hoy (gastos de envío incluidos). Pena que no me dedique a ese tipo de interfaces, porque si no me compraba dos.

Vía “@albertosanjose”:http://twitter.com/albertosanjose/status/4028966853

Se trata de un juego básicamente económico y de farming, con tal cantidad de variables que, tras la primera partida de ayer, veíamos como las *posibles estrategias iban a ser muy amplias*.

La idea es que cada jugador dirige una isla de Puerto Rico, con sus zonas de cultivo y su capital (San Juan) donde construir edificios. El objetivo es convertirse en el más próspero dirigente, y para ello deberás cultivar los productos existentes en tus tierras, ubicar adecuadamente los colonos para que produzcan lo traído del campo, venderlo en el momento correcto, llenar barcos de barriles camino de Europa, etc.

!http://www.nordic-design.net/images/136.jpg (@edinne recortando las fichas del Puerto Rico)!

El juego tiene diferentes roles (colonizador, alcalde, capataz, etc.) con sus acciones particulares. Cuando un jugador elije un rol en una ronda el resto de los jugadores lo ejecutan por orden, y una vez todos han utilizado ese rol se pasa de turno, eligiendo un nuevo rol hasta que todos los jugadores han elegido el suyo.

Con ello acaba la ronda y empieza una nueva. Como hay más roles que jugadores hay que elegir el que mejor te conviene en cada momento para maximizar tu estrategia.

El juego es largo pero muy entretenido. Ayer nuestra primera partida duró casi 3 horas, estando casi una leyendo y asimilando las reglas.

Por ahora, una compra excelente.

Supongo que la mayoría conoceréis los monitores de embarque que utiliza Aena en los aeropuertos españoles. En ellos te indican con claridad compañía, destino, y cuando se abre la puerta EMBARCAD / BOARDING / EMBARQUEU.

Pues bien, estaba yo esperando tranquilamente a que saliera mi vuelo de vuelta a Madrid cuando me quedo mirando el monitor y veo esto:
!http://www.nordic-design.net/images/134.jpg (Monitor embarque en Ciampino)!

Bueno, todavía faltaba un rato para que se abriera la puerta, y no veía nada que dijera lo contrario. Sigue pasando el rato y no veo ningún cambio en el monitor, así que acerco a comprobarlo y ¡oh sorpresa!

!http://www.nordic-design.net/images/135.jpg (Detalle del monitor de embarque)!

Al lado de cada uno de los vuelos que embarcaban por esa puerta (que ya podían poner el destino más grande…), había un recuadro minúsculo con un hombrecito que andaba si la puerta estaba lista para embarcar.

Estoy seguro que el que ideó esa pantalla lo veía muy bien en su ordenador, pero que jamás pensó que igual en un aeropuerto, *a 40 metros de distancia, lo mismo no se veía tan bien*.

–
Foto monitor de Aena por “ruben7fg”:http://www.flickr.com/photos/ruben7fg/2324408735/in/set-72157604087815224/

Podéis “encontrarlo en Megaupload”:http://www.megaupload.com/?d=5LJE1W3N.

Le estoy dando un vistazo y la selección obviamente está muy bien, ya estoy descubriendo algunas cosillas que no conocía, y poniendo nombre a otras que suelo escuchar pero que no tengo ubicadas. Por citaros algunos grupos: The Rakes, Caesars, The Wolfmen, Empire of the Sun, Phoenix, New Order…

Eso sí, la próxima vez a ver si se curran bien el tageo de los temas, ¡que no está el nombre de las canciones!

Tras revisar los “foros de soporte de WordPress”:http://wordpress.org/support/topic/164999 y hacer muchas de cosas que allí ponía, a mi me funcionó la 6° solución. Os la dejo aquí traducida por si a alguien le pasa lo msimo:

mod_security puede estar causando problemas. Deshabilítalo para ver si es el problema. Para hacerlo crea un fichero .htaccess en tu directorio wp-admin con lo siguiente:

@@
@SecFilterEngine Off@
@SecFilterScanPOST Off@
@@

Antes que eso había echo los 5 pasos anteriores, y nada. Espero que os sirva

!http://www.nordic-design.net/images/129.jpg (Ayuda inteligente en los foros de Blogger)!

El funcionamiento es simple, cada vez que vas a crear un nuevo post en el foro, a medida que escribes el asunto a la derecha te va sugiriendo posibles respuestas a lo que preguntas.

Vendría a ser como llaman en Reaction, unas FAQ (Frequently asked questions) inteligentes.

Me parece una forma genial de quitarse de enmedio a aquellos usuarios que no han realizado una búsqueda previa antes de preguntar algo.

Recientemente publicaron un libro con lo mejor que guardan entre sus páginas. Y la selección está hecha por nosotros, los usuarios que opinamos sobre los sitios, subimos fotos y compartimos nuestro conocimientos de los recovecos de cada ciudad.

No hace falta explicar la ilusión que me hizo que me enviaran el libro:
!http://www.nordic-design.net/images/126.jpg (Los imprescindibles de 11870.com)!

Diseño cuidadísimo, opiniones de los usuarios en cada uno de los sitios, mapas, etc. Una excelente guía de las principales ciudades de España, hecha por personas como tu y como yo, no por críticos profesionales.

Si quieres conseguirla tienes dos opciones, descargarla en PDF para llevarla donde quieras cómodamente, o pedirla en “Bubok”:http://www.bubok.com/ por el coste de la impresión. Todo esto desde su web, “los impresdindibles de 11870.com”:http://11870.com/imprescindibles. Os recomiendo que no os la perdáis.

Cierro con un vistazo del interior, para que os hagáis una idea mejor:
!http://www.nordic-design.net/images/127.jpg (Vistazo interior del libro de 11870.com)!

!http://www.nordic-design.net/images/128.jpg (Primer plano de los ingredientes de una bandeja de salchichón)!

Supermercados Día, solucionando la crisis a base de dar más que la materia que hay.

Bonus: El producto no contiene “OMG”:http://www.frikipedia.es/friki/OMG

Te preguntas entonces, *¿y de los demás temas que no se también informarán tan mal?*

La última perla que he encontrado salió del “Expansión”:http://www.expansion.com/2009/04/21/empresas/tecnologia/1240346279.html. Líder en prensa económica, es lo que leen muchos de los encorbatados que mueven nuestro dinero. *Un periódico serio, en apariencia*.

!http://www.nordic-design.net/images/125.png (Epic fail en expasion.com)!

Pero *la cosa empieza mal desde el titular*, más propio del “Qué!”:http://www.que.es/ o un tabloide londinense:

Oracle se hace con la llave que abre todos los PC del mundo

Por si te has perdido y no sabes de que habla, se refieren de la “adquisición de Sun por parte de Oracle”:http://www.elpais.com/articulo/internet/Oracle/adquiere/Sun/Microsystems/5710/millones/elpeputec/20090420elpepunet_3/Tes, aunque *ese titular podría referirse a cualquier otra cosa*.

Por desgracia los fallos no quedan ahí, la cosa va en aumento a medida que vas leyendo:

Prácticamente todas las empresas de telecomunicaciones, software y hardware del mundo emplean Java para desarrollar sus programas sobre este lenguaje.

Este párrafo *no solo es falso* (qué pasa con C, con VisualBasic, COBOL, etc.), sino que además *está mal escrito*: _emplean Java para desarrollar sobre Java_. Bravo, tenemos un premio Pullitzer en potencia.

Se trata de una tecnología en código abierto, es decir, cualquiera puede descargársela de manera gratuita a través de Internet. El segundo lenguaje de programación más popular, el .Net, perteneciente a Microsoft, en cambio, es propietario. Esto significa que es necesario pagar una licencia para hacer uso de él.

WTF!? Como se nota lo poco que se informa el “periodista”. Lo que cuesta es la plataforma de desarrolo, ya que .Net es gratuito.

Toda la llamada Web 2.0, por ejemplo, debe su existencia a Java.

¡Ole! Esa frase es para las orejas, el rabo y sacar al plumilla a hombros por la puerta grande.

Java está presente en más 4,5 millones de dispositivos, incluyendo más de 800 millones de PC, de los 1.000 que existen en la actualidad en el mundo

Espera, algo no me cuadra. _4,5 millones de dispositivos, incluyendo 800 millones_ (800 > 4,5), _de los que 1000 que existen…_ ¿serán 1000 millones, no? Menos mal que este periódico es de economía. Números y tal, tu sabes.

De la parte final hablando de PC City sin venir a cuento ya ni comento, porque es de pitorreo total. Yo les aconsejaría que revisaran el material que publican antes de subirlo a la web, más que nada para que no ocurran estos errores de copy&paste.

Ese es el periodismo que tenemos. Más de uno debería dejarse de carreras universitarias y leerse unas “sencillas reglas para informar”:http://alt1040.com/2009/04/nueve-reglas-esenciales-para-informar. Seguro que lo harían mucho mejor.

Lo curioso es que ese mismo año “Etienne de Crécy”:http://open.spotify.com/artist/78YRbJhMi5kXKruiQGCJo7 utilizaba casi el mismo montaje en sus conciertos:

Creo que alguien se forró vendiendo el setup a todos los grupos que pilló por medio.

Es el caso de “Last.fm”:http://www.last.fm/, que desde el 2005 era el lugar obligado para todo lo relacionado con la música. Escuchabas música, descubrías grupos, comentabas discos, conciertos, etc. Prácticamente no había rivales, era o eso o la música en tu ordenador.

Pero tras *años sin apenas avances ni novedades*, más allá de “controvertidos rediseños”:http://www.last.fm/group/Bring+back+the+old+Last.fm, Last.fm seguía ofreciendo lo mismo. Y ahí llegó la competencia ofreciendo lo que ellos no daban: *música en streaming a velocidad de vértigo y gratuita*. Hablo obviamente de “Spotify”:http://www.spotify.com/en/, aunque hay más ejemplos como “Yes.fm”:http://yes.fm en el mercado nacional, o “blip.fm”:http://blip.fm/.

De pronto *legiones de usuarios de last.fm se cambiaron de camiseta*, dejando el barco nodriza como un lugar donde mantener los registros de qué escuchas, donde ver conciertos en tu ciudad… y no mucho más. Sí, *last.fm sigue siendo el estándar* y por eso toda aplicación musical que se precie engrosa sus estadísticas, pero eso está más *motivado por nuestro ego y caracter pedante* (mira cuánta música conozco) que por la utilidad real que nos ofrece.

Sólo hay que ver la estadística que nos ofrece Google Trends. Hasta yes.fm en España le ha comido terreno a last.fm:

!http://www.nordic-design.net/images/124.png (Tendencias de búsqueda entre last.fm, Spotify y yes.fm)!

¿Qué hace mientras el antiguo líder? No solo no sigue la misma línea, sino que relega las funciones de radio online a las suscripciones de pago (3€ al mes) si estás fuera de UK, Estados Unidos o Alemania. Algo que tras tantos años siendo gratuito podría entenderse como _dispararse en el pie_.

Veremos como acaba el tema, pero parece que desde que la CBS compró last.fm las cosas no han avanzado mucho.

Esta vez el tema es el diseño industrial, la especialidad que estudié en la universidad. Y a pesar de que actualmente mi camino discurra por otras vías, siguen apasionándome los objetos y su creación.

Actualmente se está presentando en “diversos eventos y festivales”:http://www.objectifiedfilm.com/screenings/, y me he encontrado en el blog de “Luke Wroblewski”:http://www.lukew.com/ff/entry.asp?788 una serie de citas que me han parecido interesantes (ojo, traducción rápida):

* “Cada objeto cuenta una historia si sabes como leerla” -Henry Ford
* “La gente reacciona positivamente cuando las cosas son claras y comprensibles.” -Dieter Rams
* “Mucho de lo que hacemos es introducir el diseño lo más pronto posible.” -Jonathan Ive
* “Normalmente nuestro trabajo más duro consiste en quitar, quitar y quitar.” -Ronan & Erwan Bouroullec
* “Mi trabajo como diseñador es mirar al futuro. No utilizar ninguna referencia existente.” -Marc Newson
* “El diseño necesita estar más conectado al comportamiento humano. El diseño se traduce en comportamiento.” -Naoto Fukasawa

Y para final, el trailer:

Este miércoles pasado Microsoft presentaba en el “MIX09″:http://live.visitmix.com/ la “versión 3 de Silverlight”:http://silverlight.net/, su alternativa al Flash de Adobe. Cargado de muchas e interesantes novedades, me incita principalmente a pensar en las *diferencias* innatas que presentan las *RIA* (Rich Internet Aplication) frente la *web tradicional*.

Y es que frente a una web estática formada por texto, enlaces e imágenes, nos encontramos con la posibilidad de introducir *nuevas formas* dinámicas de *interacción con el usuario*, video en alta definición o *aplicaciones sincronizadas en la web y en escritorio*, por poner un ejemplo.

Este abanico de posibilidades hace necesario pensar en la *usabilidad de forma diferente*, revisando si los conceptos clásicos siguen siendo útiles, o si es necesario abrir nuestra mente a nuevas formas de interacción, *centrándonos más que nunca en el usuario* desde el sentido común.

Personalmente creo que *las RIA son el futuro que ya está aquí*, aunque todavía tengan muy poca penetración en el mercado. Muchos no las necesitarán, y no creo que lleguen (en un futuro cercano) a sustituir a la web tal y como la conocemos.

Simplemente están para *cubrir necesidades distintas*.

Más información:
* “Nota de prensa”:http://www.microsoft.com/presspass/press/2009/mar09/03-18MIX09PR.mspx
* “Explicación de las nuevas características”:http://timheuer.com/blog/archive/2009/03/18/silverlight-3-whats-new-a-guide.aspx, por Tim Heuer
* “Videos y ejemplos de código”:http://silverlight.net/learn/videocat.aspx?cat=12#sl3. Para desarrolladores.