Ho Ho Ho

I took the lazy, err green, err economical route this year and didn’t send paper holiday cards. Instead, I created a digital holiday card. You can view it here:

http://www.joehribar.com/card/

Wishing you a wonderful holiday season and a happy and healthy new year.

Bluebird Blues

I don’t have much to add to what’s already been said about the Twitter.com and Twitter for iPhone redesign/restructure; I don’t often use either (I do most of my tweeting from Tweetbot).

But while I was looking around the new Twitter.com last night, something jumped out at me. Looking at the Twitter logo, the verified logo, the compose-a-tweet button, the following button, the home button, and the follow-this-person button, I noticed almost all of those elements use a different blue a blue other than the official Twitter blue. Here they are for comparison (click for larger version):

twitter blues

Was this on purpose? Or was someone just being lazy? If this wasn’t a mistake, it sure looks like one.  I’m assuming Twitter has an internal identity guide that their designers are supposed to follow. And if the designers didn’t have that guide, they could have easily gone to Twitter’s public logo page, downloaded the bird, grabbed the RGB color, and designed the buttons using the official Twitter blue.

Details matter. The consensus is that Twitter struck out with the redesign/restructure. They even seem to have struck out with their own color. Twitter has the blues. And they’re using too many of them.

iOS Linen and Other Grip(e)s

iOS linen doesn’t really bother me; it’s Apple’s favorite texture right now, and that’s fine. What does bother me is inconsistency in visual and interaction design.

Say this is my home screen with one of my photos (click on any photo for a larger version):

current iPhone home screen

When I open the Utilities folder, something heinous happens:

current iPhone folder

My wallpaper gets split and filled with linen. Because my wallpaper and my apps are treated as the same layer in the home-screen hierarchy, both the wallpaper and the apps divide and split apart when opening a folder; revealed underneath is the layer with the folder apps and linen.

Here’s another example with a nice wallpaper by Louie Mantia:

current iPhone home screen

Folder opened:

current iPhone folder

Visually, I have two issues with this. First, I don’t want my wallpaper split in two. Second, I don’t want additional colors (or texture) introduced behind my apps. I want a consistent wallpaper behind my apps.

So here’s what I propose: introducing three layers instead of two and saying goodbye to linen. Instead of the top layer consisting of the home-screen apps and wallpaper and the bottom layer consisting of the folder apps and linen, the top layer will consist of home-screen apps, the middle layer folder apps, and the bottom layer wallpaper.

When a folder opens, instead of the wallpaper splitting and moving up and down from the break, the wallpaper will remain stationary. The apps will still split as they do now to reveal the folder apps, but replacing the linen behind the apps will be a blurred section of the wallpaper:

proposed iphone folder

With this functionality, the wallpaper doesn’t split in two, and the wallpaper color scheme stays intact.

proposed iphone folder

But what about other instances of linen? This solution works with both the multitasking drawer and Notification Center. Currently when the multitasking drawer opens, everything above it slides up to reveal the apps and, of course, more linen:

current iPhone multitasking drawer

In my proposal, when the drawer opens, the apps will slide up, but the wallpaper will remain stationary just like when a folder opens. And instead of linen behind the drawer, there will be a blurred section of the wallpaper.

proposed iphone multitasking drawer

(What’s that grip for? I’ll come back to that shortly).

Notification Center will display similarly. Instead of linen in the background, you guessed it: blurred wallpaper.

proposed iphone notification center

But this treatment for Notification Center only works if the functionality of Notification Center changes as well. Instead of pulling down over the home screen, Notification Center will push down the home screen just like how the multitasking drawer pushes up the home screen. Just as I do now, I will swipe down from the top bar to open Notification Center, and all the home-screen apps will move down with Notification Center. (As Neven Mrgan pointed out, the current Notification Center grip needs some work; I used his solution.)

And since I can swipe down to open Notification Center, I should be able to swipe up to open the multitasking drawer hence the grip above. Max Rudberg has an example video of this. Swiping up takes far less effort than double clicking the home button and will be consistent with how to open Notification Center. (One additional note, for consistency, I also propose to keep the top bar visible when the multitasking drawer is open. Currently, when the multitasking drawer is open, the top bar slides up with the apps and wallpaper and is not visible, but when a folder is open, the apps and wallpaper slide under the top bar keeping it visible.)

So there’s my proposal: greater visual consistency in the wallpaper and improved behavioral and gestural consistency in the multitasking drawer and Notification Center. As a result, no more linen.

But if you really like that linen texture, you could always make it your wallpaper; it might even look nice blurred.

Some side-by-side comparisons:

folder comparison

multitasking drawer comparison

notification center comparison

(Many thanks to Teehan+Lax and their iOS 5 GUI PSD for help with the Notification Center and multitasking drawer images.)

Zzzzz > Buzzzzz

I love Notification Center in iOS 5. I love not missing any notifications because a new one came in. And I love periodically pulling down to open Notification Center just for the sake of opening it (I love me some touchscreen gestures, too).

I don’t love that my iPhone goes off at all hours of the night. When I go to sleep, I toggle silent mode on. While I don’t hear notification sounds during the night, because I have my iPhone set to vibrate while on silent mode, it still vibrates at all hours of the night.

Missing from Notification Center is a sleep option where you specify a block of time where the notifications will still roll in, but iPhone won’t make any sounds. Some apps like Tweetbot and Boxcar have this option in their settings, but not all apps do and certainly not the Apple apps.

So here’s what I do: When I go to bed, I toggle my iPhone to silent mode like usual, and in the Sounds settings, I turn off vibrate in silent mode

vibrate off

Notifications will still accumulate, but my iPhone won’t make a sound and won’t vibrate all through the night.

If I am using my iPhone as an alarm, the alarm will still play its sound even when the phone is in silent mode (this works for the Clock app but not for third-party alarm apps).

Having an actual sleep option for Notification Center would be great in a future iOS release. Until then, this is my workaround. Maybe you’ll find it useful, too.