Posts Tagged: design

Give users more room: design lessons from Google+ and Mac OS X Lion

It’s clear Google+ and Mac OS X Lion are getting a lot of attention from tech and design communities online. Some question the focus, but I think it’s well deserved based solely on both products’ visual design changes. However, it’s not flashy CSS3 animations or iOS-like visualizations that have me excited. Instead, I’m most impressed by the changes in spacing; Google+ and Lion provide significantly more room between UI elements and content than their competitors (or in the case of Lion, earlier versions of Mac OS X.)

That white space factor is one way Google+ distinguishes itself from Facebook and Twitter: Content receives extra padding and wider margins than I initially expected. Side columns are sparsely populated and the pages for Circles and profile management are spaced out to ensure editable elements have adequate room. Comment threads are limited in scope by default (though more customization here would be welcome) to keep the stream view uncluttered. In addition, while it’s not exactly Google+ only, listings in Gmail, Google Calendar and core Google Search results all received a bump in padding to increase readability.

Continue reading…

Readability: A review

Given the high volume of content I read online, Readability, a new subscription based web and mobile reading app, seemed like a good fit; I decided to sign up for a month and try it out on my Mac, iPad and iPhone. Four weeks and over a hundred read articles later, while the experience isn’t perfect, I’d recommend it to almost anyone, especially those that read frequently from blogs and other online sources. The HTML5 mobile app has some bugs, but my current pairing of Readability on the desktop and Instapaper for mobile makes for an excellent experience.

Basics

Readability is a twist on existing apps like Instapaper with a built in compensation scheme for content writers and publishers. The app’s foremost objective is to deliver an uncluttered reading experience for what’s online. Users find any web page article of interest (e.g. blog post, news story) and use a browser based extension or bookmarklet to strip the article down to its essence: No ads, ample white space, clear typography, and sparse imagery. In addition, 70% of subscribers’ membership fees go directly to the publishers and writers behind articles read through Readability. That often translates to pennies to the writer per article read, but cumulatively it adds up. I see Readability’s payment system as one step closer to a paid ecosystem that doesn’t rely on traditional sources of revenue like banner ads and paywalls. The whole process also requires almost zero commitment on the part of content publishers, just a registration with readability.com to receive revenue.

Continue reading…

Apple’s native iOS style

Considering the App Store’s maturity I’m surprised how many new iOS apps like Pulse and Pocket Casts deviate significantly from Apple’s native visual style. Back in 2008 or 2009 such wide deviations and experiments were expected, yet today I’m downloading apps with solid functionality and design in a package that feels and looks like something Apple could have never designed; that?s a problem.

Don’t get me wrong – I’m not suggesting developers that blindly copy the company’s aesthetic to automatically expect greatness. Originality of design and function, not to mention solid customer support and a well written code base are all critical factors behind app success. Nevertheless, the appeal of Apple?s native app look shouldn?t be underestimated: Remember a huge subset of iOS users spend most of their time buried deep within Apple’s native apps (e.g. Safari, Calendar, Mail, Messages), only occasionally branching off into other third-party apps. If a third-party app it just looks or feel too different from Apple?s approach, especially for novice users, it runs a risk of being ignored or eliminated. In addition, the bias of the Mac tech elite (e.g. John Gruber, Macworld) have toward more native Apple looking apps is significant; often it’s their recommendations that trickle down to other power users (e.g. yours truly) who in turn ultimately spread their influence to a wider, more casual audience.

Continue reading…

Camera+ and successful UI design

Being a fairly prolific iPhone photographer, I?ve been interested in the meteoric rise of the Camera+ (C+) app over its competition like Camera Plus Pro (CPP). C+ has dominated the sales charts for weeks, the only photography app regularly in the top 10 of all paid apps in the App Store. Curious to learn more, I decided to give C+ a try.

After putting C+ through it?s paces for few weeks, I?d argue the app?s appeal is straightforward and instructive for almost any designer: the app adds less functionality than its competitors to avoid being overwhelming, yet throws in enough to feel like a noticeable upgrade coming from Apple?s default app. At the same time, C+ better identifies its audience than its competition, providing an appropriate, well thought out user interface in the process.

Admittedly at first glance C+?s pared down approach appears to be a losing proposition in a crowded and feature rich app market. The economics don?t help either; almost all apps trend in the $1-2 range and it?s hard to stand out with one killer feature.

Continue reading…

Lessons from The Future of Web Design, day 2

Adding to yesterday’s wrap up of talks from The Future of Web Design NY, several additional trends emerged from the conference on day two:

  1. Simplicity and focus are critical to good web design.
  2. Successful designers and developers are multi disciplinary; they learn skills outside their purview.

Continue reading…

The dearth of iPad app innovation

There’s something paradoxical about the current state of the iPad that I find both thrilling and disturbing. On one hand, the iPad is clearly a commercial success: Sales are very high and the device has been almost universally praised by the tech press for its hardware. Yet what about the software? While the iPad app market has increased exponentially, I find the often conservative design and nature of what’s out there a bit disheartening.

Too many purchases are simply an upscaled version of an existing iPhone app with the surface area quadrupled, an “HD” slapped on the title and a doubling (or more) of the price. The UI can often be slower, more cumbersome and at times flat out boring compared to a similar iPhone counterpart.

Continue reading…

Color Inspiration from Fine Art Masters

palettefineart_monetClaude Monet, Haystacks (Effect of Snow and Sun), 1891
courtesy Metropolitan Museum of Art

Color can be one of the most important creative decisions made in any web design. Whether it’s in the setting of a more sedate and controlled corporate branding, or wild and vibrant smaller sites, a shrewd and unique color palette can set apart great sites from the merely good. In this article, I examine how the masterworks of fine art can give us the inspiration behind a killer color combination.

Continue reading…

Grid Based Web Design Works

grid_abeits

Grid based design has been taking the web design world by storm. As evidenced from the sheer amount of resources and conferences with big name designers extolling its benefits in the past year, it may be reaching its zenith of influence. I’ve become a firm believer in a grid based approach to web design, and it’s my hope that with the opinions and resources I’ve compiled below, you will be too.

Continue reading…