12 Apr
   Filed Under: Apple, Interface Design, Personal, Popular   

I have been noticing a disturbing trend in custom interface design of third party applications for Mac OS X. As it is no longer an exception for software developers to build interface elements that are entirely unique to their application, the threshold for customizing other, system-standard interface elements is also lowered significantly. The ghastly trend I am about to describe is in existence due to this lowered threshold. In fact, I think this particular deviation off the beaten interface path would have been far more frowned upon a few years ago, when Mac interface designers were more conservative in using custom UI elements in general, and Apple disapproved of it more fiercely. Today, however, it won’t even stand in the way of scoring a design award runner-up, as my examples will go to prove.

Continue reading…

06 Apr
   Filed Under: Design, Interface Design, News   

Uli Kusterer remarks how this week was full of visual UI goodness; from the blog post by Sean Patrick about designing and implementing resolution-independent Leopard-style buttons in Mac OS X, to the release of Icon Resource (featuring Alastair’s interesting thoughts on the videos in the package) and a podcast about making custom views.

I also found John Gruber’s ‘Firefox vs. Safari’ post interesting, being in my Latitude browser state of mind, as he prefers Safari over Firefox for its, yes, superior UI. I’ve complained about this before on the blog, and it seems I am not the only one.

Also, talking about interface design and resolution-independence, I hope you have not missed the video of Cabel Sasser’s C4[1] talk – he posted the slides and a Photoshop file used in the presentation on his blog this week. Be sure to view the video if you haven’t seen it yet!

07 Mar
   Filed Under: Design, Interface Design, Personal Work   

I had some Q&A on Latitude, my Dream Browser, on Bernie Zimmerman’s site, Browsersphere. Check it out if you want to read the answers to some questions and misconceptions people have.

06 Mar
   Filed Under: Apple, Design, Icon Design, Interface Design, iPhone   

zzzdk.pngApple has just revealed the new, open Software Development Kit for the iPhone. It’s an exceptional program, which had been pre-seeded to developers. It allows developers to create native applications for the device, which had been highly desired since the start.

I was reasonably tight-lipped about this because I got a stash of email from companies a while before the keynote of today. I’ve been working on iPhone apps with developers for a few weeks now, and as such, I had been expecting a reasonably fully fledged SDK to appear. A device that already astonished people worldwide will now perform almost any desirable function, in a beautiful and revolutionary way. We truly stand at the brink of a user experience and software development revolution.

An online friend, Leonardo Cassarani, said:

Imagine something like Delicious Library’s barcode scanning on iPhones. You could read users’ reviews of the product you’re considering buying. Or auto-update your delicious library via the web. How about keeping a wishlist as you go out for shopping, maybe record the store names and addresses so you can get back to it and buy it or integrate it with something like Amazon’s wishlist?

This is a perfect example of why this is going to change a lot of things in the software industry. Not to mention, the target audience of people owning an iPhone will soon be much larger than the audience of desktop software – especially Mac software.

Although it’s not looking great for application icons, currently (the ones in the presentation were mediocre at best), you can imagine my enthusiasm about creating interfaces for all these great new applications, with a more interactive usage model than ever before. New applications are even promised a way to poll the iPhone for its location, it’s acceleration and tilt – making a game that responds to the way you hold the device an ‘obvious idea’. Where there was a limited model of development first, it seems the only boundary right now is the creativity of the designers and developers working with this.

I would say I expect to see a lot of cool apps coming out in June, but fortunately, I won’t. I know for sure that we’ll see a lot of great apps in June.

Edit: Thomas made this funny point:

Your shopping-oriented examples are really just slightly modified versions of the same hoary old “imagine if you could buy a soda..with your phone” that we’ve been hearing forever… (entire comment)

I think that if you feel this way, you’re failing to see the implications to anything in the web and desktop application spectrum today. Social networking, content exchange, collaboration, and more of such concepts in software are about to be reinvented in ways oriented at the most pleasant interaction model in existence. There’s bound to be some great rethinking of rusty conventions and repairing of broken implementations of good ideas.

26 Feb
   Filed Under: Design, Interface Design, Personal Work, Unfiled   
latitudeheader.png

It’s been a while since I released the first mockups and some explanation behind my ‘Dream Browser’. Several developers have contacted me with the desire to develop it, and some have already actively begun programming whole aspects of it. I’m very pleased with the activity, and to help the efforts, I have decided to create a design document and a centralised website to manage the project development. There’s also a working name; Latitude.

Latitude: Filtered History.

Latitude fullscreen mode: Single page.

Latitude fullscreen mode: Tabs mockup.

For now, I have created some mockups of the full-screen browsing mode, with an automatically hiding toolbar and an image with a roughly mocked up set of tabs for the full-screen mode. Additionally, I’ve made a mockup for the history feature, activated with the ‘Time Machine’-like, which also shows the ‘expanded’ mode, which is quite similar to how Safari looks.

To get some critique and mostly misunderstanding out of the way; one of my primary goals in this browser interface is to minimalise the amount interface clutter, although it may not seem that way. I don’t want to eliminate tabs or add some sort of permanent sidebar; a browser should still be usable as we use it today. However, having multiple sidebars, menu’s, or even full overlapping views that are opened with widgets that are in wildly varying positions in the interface. This browser, as I outlined in the previous post, uses a sidebar to consolidate various features that are now scattered throughout a browser, and helps to reduce clutter by also adding elements like the conventional ‘tabs’ to the sidebar. The ‘expanded’ viewing mode, as shown in the ‘history’ interface mockup without a sidebar active, will be your preferred state for viewing content.

I’ll update this new category when the document finishes or to keep tabs on community activity. Thanks for all the input and hard work so far!

16 Feb
   Filed Under: Apple, Design, Interface Design, Personal Work   

I got inspired by the iTunes sidebar today to mock up a browser interface that I had thought about for the last few weeks. In iTunes, a ‘hub application’ approach is taken to music and video content, simplifying and streamlining the experience from acquiring content, to organising and viewing it. I am aware of several ‘new generation’ browser projects, but none really line up with my ideas.

Let me show you what I came up with.

Continue reading…