An example of interactive UI design, the future of web design

HTML5 is a name we give the next level of web technology, it's just simpler to remember. All the web is built using HTML, CSS and Javascript and with HTML5 new and better ways of using these languages are being made available everywhere.

The revolution started with the iPhone.

With the launch of their breakthrough device they didn't intend for developers to be making Apps. Apple instead believed that developers would make web apps using HTML5 and save the web app as an icon of their phone. Surprisingly open by Apple's standards the strategy soon changed to native apps because web apps simply didn't feel quick enough.

Web technology is getting better

However, as HTML5 becomes a standard on PCs everywhere web apps are approaching the same sophistication as native applications. The hardest step now is for developers to take the plunge and create these great new interfaces and not get stuck in the old way of thinking and just pushing out another blog.

One of my favorite designers, Dustin Curtis, is leading the way with this new UI element on his site; the Kudos button.

It looks great. It's fun to use and it's a really simple way to add some life to a site. It doesn't work on touch interfaces for obvious reasons. Sadly Dustin hasn't made the code available yet, but most programmers could probably copy the concept. It's that easy. We just have to make sure we starting thinking less about static web and more about user interaction.

New iOS notification system

Notifications on the iPhone and the iPad are broken. They distract us and get us away from our work flow or Angry Birds and if you, like me, get a lot of them they stack most annoyingly. Push notification on an iPhone

So why haven't Apple already solved this? We can't know that for sure, secretive as Apple is. But I'll bet it has something to do with the new iteration of OS X.

Lion In Lion Apple is bringing iOS features back to the Mac. Specifically, for notifications, applications are now encouraged to be full screen. Full screen apps can't use badges or jumping icons in the dock to notify users of what's going on.

Lion has to redesign notifications. And Lion has to make notifications work with full screen apps, exactly the same problem that Apple faces on the iPhone and iPad.

Unified notification system I believe the new notification system will be the same, or very similar, across all Apple platforms. It just makes to much sense not to, all their devices need new notifications and they face the same constraints... Except input. iOS handles touch,  OS X has a mouse/keyboard. Both of them handle gestures however.

Universal Gestures? In the new beta of iOS, 4.3, Apple has released a set of gestures to do multitasking making the feature a lot more powerful and easy to use.

[youtube wvxSSGUtTYA]

These gestures don't translate all that well to the iPhone (five fingers on a 3" screen?) but I dare say Apple can solve that. But I also notice there's one gesture missing: down. Right and left swipes change app, swipe up to show active apps, why not swipe down to show a notification app/menu?

Notification app/menu/dock Gathers all notifications, only needs to make a sound or visual cue for new notifications and users can come back to it at will. It would work on all Apple devices and could be accessed by gesture or from the icon.

Sounds pretty Apple-y to me. What are your thoughts?