Please move to Artificial Horizon, the new version of this blog, containing all the posts and new ones. This domain name will die soon so don't bookmark/link anything here. Thank you.

Articles and links tracking the design process

by Thibaut Sailly

Current posts

More

Subscribe to Posts [Atom]

Get to the archives

 

Bookishness

How the Kindle is ugly and feels wrong, let aside the subjectivity of beauty or taste.

Quotes form the Newsweek article :

"If you're going to do something like this, you have to be as good as the book in a lot of respects," says Bezos.

First, it must project an aura of bookishness; it should be less of a whizzy gizmo than an austere vessel of culture.


Form factors



There's a little styling going on here.

While the overall shape seems to be well proportioned and balanced (considering the plain volume alone), I don't get the reason of being of these angled cuts. Does it add comfort when holding the device or interacting with it ? Does it help to frame the text better ? Does it relate to some cultural meaning ? As from today, I'd like to get a clue. To me this is just a subjective decision, style for the sake of it, and it hangs in there as a hair on the soup. Same feeling about the progressively slanted keys of the keyboard. Style is good, but it needs to be backed up with purpose.

ASSymmetry

I don't have anything against asymmetrical designs, and as said above, the volume itself is ok to me. But having symmetric elements (the keyboard and the screen) that weight the most visually included un-centered (left aligned) in an asymmetric shape can only result as a mess. If you choose asymmetry, stick with it. For example, don't make a symmetric keyboard when you can do an asymmetric one. But first, don't choose it when the purpose of the object is to display a book page that looks like it's having a center line (apparently they acknowledged this fact by placing the logo centered under the screen).

Let's go random

Why the hell would you formalize a linear notion such as previous/next in a non linear way ? I've been staring at this picture for a long time and I simply don't get it.

A little more visual noise, while we're at it

Somebody explain me why this separation on the right of the screen couldn't have been integrated in the screen as a graphic element rather than a plastic stripe. Does it have a function other than this one ?

Ergonomics



The comfort zones

I don't know for the guys at Amazon, but when I read a book, I like to grab it full hand. More importantly, when I lay on a couch or in a bed with a good book, I tend to change the way I hold it every now and then because it gets uncomfortable at some point. The picture above is highlighting the areas where you have the option to hold the Kindle without interacting with it. It is very little, far from being enough. Reading on the Kindle, you'll have this underlying stress of being careful to do not hit a button unintentionally, while a book while let you dive 100% in the text.

The discomfort zones

Speaking of reading comfort, here are highlighted the visual features that are distracting the eyes of the reader from the text. Far too much.

Established conventions

Usually, the left is associated with the past, and the right is associated with the future. Instead of having 2 sets of previous page / next page buttons, one on each side of the screen, why didn't they place the previous page button on the left of the screen, and the next page button on the opposite side ? Probably because they thought that lefties would be lost without a next page button on "their" left side of the screen I guess. Amazon is supposed to have great knowledge in the field of user interface, and I don't understand why they validated choices like this.

Some ideas



♦ Cover by default. A screen needs protection, and in the case of a book (electronic or not), a cover has a semiotic meaning. It's what distinguishes a pile of bound paper sheets from a book. So if you try to achieve some sort of bookishness, start from here.

♦ Get rid of the unnecessary elements like the keyboard, the logo or the "next" and "previous" writings (make them obvious instead) from the face where the text is displayed. This is a device which purpose is to stage text from an author and allow the reader to dive into it. Respect the text.

♦ Match the color and finish of the casing surrounding the screen with the ones of the e-ink screen to get closer to what happens on a book page. Making the sides darker will also help to get a better result by highlighting the "page" in the device.

♦ Make it waterproof. At least as some cameras like the Pentax K10D are. So you can feel comfortable reading the morning news while drinking your coffee.


♦ Here is a sketch of a possible scenario, assuming that touch screen are not available for e-ink displays.



a : previous page button.
b : next page button.
c : insert bookmark button.
d : book index, library, notes & bookmarks, volume, shop and news buttons.
e : slide out keyboard for additional controls and input.
f : scroll wheel to navigate menus or flick through pages while reading.

The cover would act as a power button. When it's open, it's on.
The connection points (usb, power, sound) would be accessible when the keyboard is slid out.

Labels: , , , ,


 

Paul Rand

 

Core calls

Or how to call/sms your favorites with 2 click-and-drags on an iPhone.

The last update of the iPhone software gave the double click on the home button the same functionality of bringing up the favorites, but there is maybe a way to avoid these two clicks.

1. First click and drag : unlock the phone.



2. Rotate it anti-clockwise to display the favorites. It works to call the Coverflow interface when playing music, so it might as well work to call an action from the home screen. I guess. Anyhow, this is where the double click disappears.




3. Select one of the favorites : that's the second click (or tap, how do you call them...). As a result, the other contacts icons and names fade out a little, and two bars appear at the top and bottom on the screen to invite you to the next step.



4. Drag and release the icon of your contact on top to call (the result is a fade to the classic call screen of the iPhone), and on the bottom to send a text message (also fades to the classic sms app screen). Once the icon enters one of the area it changes color to tell the user ot has understood his call for this action and performs it on release (so it's always possible to change your mind even if you entered an active zone).




Recursive actions need to be simple so they don't get boring or tiring to perform, and this is what it's all about.
One limitation though is that it would work well if you have up to 10 favorites. Passed this number, I don't know if the interface sensibility can deal with smaller icons/names, and as I don't live in the US, I can't check for myself on the device. Maybe somebody can tell ?
On the other hand, 10 is way enough in terms of favorites as far as I'm concerned.

Labels: , , , , , , ,


 

Send. Receive. Period. {6}

This is the sixth post about a cell phone design project that started here.

Considering the amount of time I could allow in modeling, I had to make a choice between the solutions that were presented before. The Mies track and the leather track were, to me at least, the most interesting solutions.
The essence of the project is really expressed in the Mies one, as we're aiming at minimalism and simplicity from the start.
Getting the leather solution further was interesting because this object has a strong statement : you could own a well crafted object (and therefore more expensive) that is not tied to high end technology.


The Mies track





The green led is the visual feedback : it flashes once when a key is pressed.
The blue leds are for the reception level and the red ones for the battery level. A single press on them and they display the level by quarters (1 led = 25%).
The front is three sided to help navigating and choosing the right key to press.



The hold button is pressed "inwards" to unlock the keypad. It stays in this position to act as a sign. The "send/end call" button is just under it : in a single and well placed press, the user can unlock and answer an incoming call.



The bottom cap (incorporating the mic) protects the USB plug and the quick SIM card access.


The leather track






In this case, the light chamfer around the keys, as well as the stiffness difference between the leather and the metal, help the user to point the right key. No plastic in this one, metal only. Leather and plastic rarely feel right...



The hold button is a slider. When it's on the right, thus aligned with the buttons grid, the keypad is unlocked.



The back side can be uncovered to access the SIM card (U shaped cut in the leather) and to slide out the USB plug.


As a conclusion, here is a transcript of Orange's director of technology Norman Lewis about 3G, during the '06 Emerging Telephony conference (link to his talk) :

if every one of our customers, theirs families and their dogs had mobile phones and used them for 6 hours a day for the next 31.7 years, we would get our money back from what we spent on 3G licensing

In other words : a mobile phone transmitting voice only ? It may suits your needs, but not the telephone companies wacked business models.

(Many thanks to Volker Weber and Steven Frank for their feedback)

Labels: , , , ,


 

Send. Receive. Period. {5}

This is the fifth post about a cell phone design project that started here.

Materials and finishes.



As much as the shape of an object, materials and finishes determines its personality. Stiffness, reliability, simplicity should then be the attributes of the material used in this case. Economics are usually also driving the choice of a particular material over another, but as this is some sort of a dream project, we'll stay pretty vague and just say that that a thermoplastic is the most appropriate material for this kind of object.

The last track chosen in the form factors part of the project was born considering the portability of the object, and the answer was to give a rounded shape to the object so it would be adapted to be carried in pant pockets for example. Materials can also respond to the considered context and induce a solution. At least it's what happened here when I realized that in the objects that I carry around, a lot of them use leather : my bag, wallet, notebook,... Personal taste is of course involved, but leather reaches the attributes cited above, is soft on touch and shape, gets nicer when it gets older, smells good and speaks of good craft by its own. A cell phone made of leather first got me to think of these oh so nice phone cases with a belt clip, but it sure could be better than this. Anyhow, the leather track was on.



Next

Labels: , , , ,


 

Telco is dead

France Telecom's Norman Lewis on the current / future state of Telcos and voice communications over the internet at O'Reilly Media Emerging Telephony Conference 2006.
The best speach I've heard on the subject to date. Good to hear how bad the move to 3G is a mess from an inside guy.
Link.

Labels: , , , ,


 

Touch CAD

Can't wait to have a CAD program working with this multipoints touch screen interface. Sound waves coming along, check your volume.

Labels: , ,