E-paper Concept, More than a Device

In the last years there have been a lot of buzz around the electronic paper technology (or epaper, for short), specially after the introduction of the Amazon Kindle. At Design vs Art our motivation for our last project was the fact that, aside from ebook readers, not many devices have been presented using the epaper technology.

In order to discover opportunities we went through a whole design process: defining the problem to solve or motivation, looking for a strategy, ideation, prototyping and explaining the idea.

 

Designing with Post-it

Designing with Post-it is always fun

 

For us one of the most important features about the epaper technology is the possibility of creating a whole system around the device. Data on the display could come from different sources and the epaper device could communicate to a variety of other devices and to gather information from its environment creating a whole information ecosystem.

 

Epaper billboard with Paperspot logo

Electronic paper billboards are one of the faces of our last project, Paperspots. See our project page on Designvsart.com

 

Once we decided to develop an advertising system, it was clear for us that we would need more than a device if we wanted a good user experience; so we designed epaper billboards and a whole information system including the necessary interfaces to manage it.

We also imagined the way the user would intereact with the billboard and how the service could add value to customers.

 

 See how the Paperspots system works

 

Of course traditional paper billboards already work in a system; but the digital nature of the electronic paper could revolutionize the business.

At Design vs Art we do product ideation and concept design, starting with a motivation and following a whole creative and design process.

If you are thinking of a new product or service focused on users or if you are interested in any of our concepts you might want to contact us. Here is our contact information.

Products that are Part of a Service Ecosystem

There is a clear trend in product design, especially in electronics design: in the last years we have been observing the raise of products that offer, additionally to the physical thing, a bunch of extra services connected to the computer and internet ecosystem. In this article I give you a few examples on this design trend.

 

Kodak cameras are not silly apparatuses

The sudden appearance of digital cameras made Kodak lost big amounts of money, from one day to the other a network of services around the picture development business was gone. So Kodak started thinking outside the camera again but this time in the digital world: they developed Easyshare, a software bundled to cameras that makes photo printing, storing and sharing easy. Easyshare is actually not just another software, it is the revival of that old good Kodak service. I find important the fact that Kodak is now the number one digital camera brand. 

  

Kodak Offering Services

Picture taken from Kodak’s website

 

The Kindle should be the new iPod

Let’s say it, the first Amazon Kindle was, judged from the physical point of view, a poorly designed device. So why it was such a success? Amazon did to Sony what also Apple did to Sony; they practically stole the market through the offering of something that is more than just a device; Amazon and Apple designed whole service ecosystems around the Kindle and iPod. Of course, Apple designed beautiful iPods and Amazon had to redesigned the way the Kindle hardware looked in order to make it more appealing and usable, but the new concept here is that physical design, software interface and service design are all very important.

 

Kindle Offering Services

Amazon Kindle offering services, picture taken from Amazon’s website

 

Nokia makes the best cell phones

Any doubt about the previous statement? Well, technically, it is true. I still remember using my Nokia smartphone and being able to connect everywhere and getting a fantastic speaking quality; physically, Nokia telephones are great. But Nokia was in the past not able to successfully design a proper ecosystem around those smartphones, I still remember how complicated loading music or installing applications on the phone was… Oh, and I won’t forget that time when I did an update of the phone’s OS and all my information was deleted.

 

A cell phone without a zero button, actually, a not that happy phone.

 

Connecting to the environment could add glamor to a brand: Fiat

Fiat’s eco:Drive connects cars to computers offering customers the possibility of checking how they drive and offering customized advice on how to drive more efficiently to reduce emissions and save money. Plug the car to the computer to get extra services.

 

Fiat Service Design

 Picture taken from Fiat’s website

 

The connected patient

A highly probable success will be the connection of medical devices to systems outside the devices themselves. An example is the asthma inhaler designed by Cambridge Consultants that connects to an online personal health care application to send relevant health information to monitor progress and to make it available to the care specialist. A traditional "lonely" device like an inhaler is now connected to a bigger system to provide a better user experience.

 

Connected Patient Inhaler

Picture take from Cambridge Consultants

 

Conclusion

At Design vs Art we believe that in the future devices will be even more connected, not only to the Internet but they should also start talking among them. In order to offer a better user experience and a better service, devices should start connecting and talking to the bigger system they belong to.

Design Examples of Website Internationalization and Localization

Internationalization and localization are the processes of designing a website, rich internet application or any other software so that it can be adapted to different languages and regions. One important problem is how to make this possible from the technical point of view, the architecture behind the application. Another problem is how to communicate to users about the internationalization and localization options. In this article I explain the later.

If a website is available in several languages it is, logically, very important to give users an easy way to change to their preferred one. Unfortunately there is no standard interface design on how to do it, every website it’s taking a different approach.

 

On a little research I did I’ve found the following:

- Showing a flag is the strongest way to show that your website is available in different languages or for different regions.

- Showing a world icon works well, but not always.

- Using phrases like "change to global edition" does work but it is not always easy to find.

 

Here there is collection of website UI design examples presenting internationalization and localization options: 

 Amazon detects that the user is connecting from another country and offers to switch to the local version of the website. The message is displayed very big but when the user changes is difficult to go back to the American version.

Amazon

 

The BBC News website also shows users the option to change internationalization options with a prominent message.

BBC

 

Ciao, a comparison shopping website, does not offer a link to its European websites on its American version. I’m not sure if this have been done for political or marketing reasons, maybe it is not the best approach.

Ciao Homepage

 

On the other side, Ciao offers links to its international versions on their European websites. The links are a bit hidden, at the bottom of the homepage, but at least they are there.

Ciao Countries

 

Another website having a high level of internationalization but not displaying it too much is eBay.

eBay Homepage

 

eBay users have to scroll down to the bottom of the homepage to see the links to the local versions.

eBay countries

 

 Is there something more international than Coca-Cola? Users landing to coke.com are presented to the localization options in a prominent position. The combination of "Change Country" plus a flag icon makes the option difficult to skip. A problem could be that once the user chooses a country is difficult to go back to the internationalization options.

Coke Countries

 

El Pais is a spanish leading newspaper. Although it offers news in Spanish language only, it also offers an international version showing less local articles. The option is displayed in a prominent position but the lack of a icon makes the link a little bit difficult to see.

ElPais

 

Last.fm offers language options placed in a way that it’s difficult to overlooked. The planet icon alone would not have been enough for most users.

lastfm

 

 For Mapoot.com, a real estate listings website, we noticed that a "language" link was not working. Adding a little flag icon made the internationalization options more visible.

Mapoot Homepage

 

The New York Times’ link "switch to global edition" is the first option of the navigation bar.

NYT Homepage

 

 Yahoo Canada detects that the user is not connecting from Canada and shows internationalization options in a highly visible section.

Yahoo

 

YouTube displays internationalization and localization options in a highly visible position.

YouTube

 

Apparently, there are several approaches to design a user interface with internationalization and localization options. My general recommendation is to place the links in a visible position and to display a flag icon if that matches your website design.