Skip to main content

Design

See All Stories
Site default logo image

The secret behind Apple’s design excellence is a simple one, says former senior designer & UX specialist

The secret behind Apple’s design excellence is a simple one, says former senior designer and user experience specialist Mark Kawano in an interview with Fast Company: it’s not just something left to the designers.

It’s actually the engineering culture, and the way the organization is structured to appreciate and support design. Everybody there is thinking about UX and design, not just the designers. And that’s what makes everything about the product so much better . . . much more than any individual designer or design team.

Kawano says that everyone on the team caring about design was how Apple was able to create its core products in the early days of the iPhone with a team of around 100 designers.

For the most part, Apple didn’t employ specialist designers. Every designer could hold their own in both creating icons and new interfaces, for instance. And thanks to the fact that Apple hires design-centric engineers, the relatively skeleton design team could rely on engineers to begin the build process on a new app interface, rather than having to initiate their own mock-up first.

He also revealed that many of the small, thoughtful touches for which Apple is famous were things that individual designers and engineers came up purely as interesting experiments and then tucked away for years. He gave the example of the password box in OS X shaking if you didn’t enter it correctly.

Say we need a good way to give feedback for a password, and we don’t want to throw up this ugly dialog–then it’s about grabbing these interaction or animation concepts that have just been kind of built for fun experiments and seeing if there’s anything there, and then applying the right ones.

Another iPhone 6 mockup shown off in new photos, now in Space Gray

More images of an iPhone 6 mockup have recently been published via NoWhereElse. At this point, publishing these dummy models has become somewhat of a daily ritual, but they are definitely interesting to look at.

If it means anything, these are definitely the most detailed iPhone 6 dummy models that we’ve seen to date. Like previous mockups, there’s nothing special to see here, but if these models are designed around the rumored specifications, it may give us an idea of what’s coming down the line later this year.


Expand
Expanding
Close

Site default logo image

Digital design app Sketch 3 released for Mac

Introducing Sketch 3 from Bohemian Coding on Vimeo.

This will be good news for a lot of graphic designers on the Mac. Bohemian Coding today released version 3.0 of its digital design app Sketch bringing new features and improvements. Here’s the list of features from Sketch 3:

NEW IN VERSION 3:
– Symbols, for reusing elements in your design
– Text Styles and Layer Styles, redesigned and unified for a better experience
– Redesigned inspector, giving you quicker access to everything
– Automatic Slices, export layers directly, without needing to set up manual slices
– Export multiple resolutions from a single slice, at any scale
– Improved PDF, EPS and SVG importing and exporting
– Speed, bug fixes and polish all around
– Presentation Mode, go full screen and hide all controls, perfect for showing off designs
– Improved bitmap editing with Magic Wand, Crop, Invert and Vectorize tools

The app is a paid upgrade so you won’t be able to move from Sketch 2 to Sketch 3 for free. Customers who bought Sketch 2 on the Mac App Store after March 1st, however, can email Bohemian Coding with their receipt and receive Sketch 3 at no cost.

Sketch 3 will be on sale from today until April 21st at $49.99 on the Mac App Store before it returns to its full price of $79.99.

Jony Ive shakes up Apple’s software design group, iPhone interface creator Greg Christie departing

Site default logo image

Following friction between top Apple Human Interface Vice President Greg Christie and Senior Vice President Jony Ive, Apple’s hardware and software design is being dramatically shaken up, according to sources familiar with the matter. After adding human interface design direction to his responsibilities in 2012, Ive will soon completely subsume Apple’s software design group, wresting control away from long-time human interface design chief Christie, according to sources briefed on the matter. Previous to this shakeup, all Apple software design has been led by Christie, who has reported to Craig Federighi, and Ive has been attending interface design meetings and providing instruction…


Expand
Expanding
Close

Latest iPhone 6 concept based on Japanese sketches looks more persuasive

Site default logo image

Martin Hajek has been busy this week: after iPhoneclub commissioned him to create concept images of an iPod Nano-inspired design of the iPhone 6, French site Nowhereelse asked him to use the Japanese sketches mentioned in that piece to create something far closer to the existing iPhone 5s design.

With many of our commentators criticizing the square corners of the previous concept, this latest one returns us to the rounded corners we know and love. More controversially, perhaps, we also see a return to the glass back. More images below the fold …


Expand
Expanding
Close

Sunday Times interviews Jonathan Ive on everything design, Apple, and much more

Site default logo image

The UK’s Sunday Timespublished a massive, five-page interview (paywall) with Apple SVP of Design Jonathan Ive today that takes a look at the history and future of Apple from the perspective of the man who designed some of the most iconic devices of the past decade.

In the interview, Ive discusses (among other things) his approach to designing new products, which allows a device’s function to dictate its form:

Ive starts a new project by imagining what a new kind of product should be and what it should do. Only once he’s answered those questions does he work out what it should look like. He seeks advice in unlikely places. He worked with confectionery manufacturers to perfect the translucent jelly-bean shades of his first big hit, the original iMac. He travelled to Niigata in northern Japan to see how metalworkers there beat metal so thin, to help him create the Titanium PowerBook, the first lightweight aluminum laptop in a world of hefty black plastic slabs.

With regard to manufacturers like Samsung “referencing” Apple’s design in their products, Ive called the practice “theft” of “thousands of hours of struggle.” 
Expand
Expanding
Close

Site default logo image

iWatch likely contains pedometer; Jawbone designer imagines ‘wearable kit of sensors’

With Apple’s iWatch looking set to have a major health and fitness angle, and likely to be bristling with sensors, it seems likely that a pedometer will be one of them. Patently Apple reports on an Apple patent designed to allow steps to be accurately tracked using a wrist-mounted device. Or, in patentspeak:

In some implementations, optimizations for detecting steps when a pedometer is worn at a user’s wrist are described. In some implementations, a threshold crossing step detection method can be enhanced for wrist locations by counting the number of positive peaks between comparison threshold crossings, adjusting a minimum peak-to-peak threshold for qualifying threshold crossings, and inferring a second step based on the amount of time between threshold crossings. In some implementations, the pedometer can automatically determine that the pedometer is being worn on a user’s wrist.

Jawbone’s design lead Yves Béhar, meantime, has been imagining how “a wearable kit of sensors” could enable us to effectively take our doctor with us wherever we go in a piece written for TIME
Expand
Expanding
Close

Retail section of Apple.com updated with new design inspired by iOS 7

Site default logo image

Apple quietly updated the retail section of its website today with a new look that more closely resembles iOS 7. Where the previous version of these pages used content boxes, borders, textured backgrounds, and gradients, the new page instead utilizes ample whitespace and thinner typefaces.

The change is probably best illustrated on the section’s home page, where images previously constrained by content boxes now fill the entire page. On the “Learn” page, buttons with heavy gradients have been replaced by thinly-outlined, lighter versions of the previous design. Gradient-filled headers have disappeared from every page, now replaced by unadorned text.

Oddly, the “Make a Reservation” button that allowed users to quickly create a Genius Bar appointment has been removed from the site’s navigation. Appointments can only be made by navigating to the Genius Bar page and clicking a link in the first paragraph of that page’s content. The Concierge page has not been updated to the new design yet.

You’ll find a bunch of before-and-after comparisons and take our poll on the new design below:


Expand
Expanding
Close

Site default logo image

Shazam iPhone app redesign incoming w/ new features

Update Feb. 25: The redesign we told you was incoming today started rolling out to iOS users globally. The updated app is available on the App Store now and the company notes that other new features are coming soon, including:

·  Quick access to lyrics with a preview as soon as a track is matched, and with direct access to the music video and additional videos related to a song;

·  Recommendations unique to Shazam;

·  Lightning fast access to the most important information about any show broadcast on over 160 TV channels in the US: music in the show, cast and crew, and more;

·  More engaging biographies and discographies, making it easy to go from discovering a great track to learning about and experiencing more from the band.

Shazam, the audio recognition app that lets users find currently playing songs and more, today announced that a redesign of its iPhone app is rolling out ahead of a larger change to the experience coming later this month. Today’s update replaces much of the light, baby blue color theme Shazam has long used and also introduces new features for accessing content and getting recommendations:

Over the coming weeks, Shazam’s more than 150 million iPhone users will see a new tag result experience as it is rolled out, with Android users getting it shortly thereafter.  The new experience means Shazaming becomes the beginning of a journey, giving users effortless access to:

· A brand new look and feel for music and television results with easy access to previewing, buying, and sharing a track;

· Quick access to lyrics with a preview as soon as a track is matched;

· Direct access to the music video and additional videos related to a song; and,

· Recommendations unique to Shazam

The updated Shazam iPhone app will be available through both the Free and Encore versions.

Site default logo image

Hate the new Twitter web redesign? This Safari extension might help

If you’re not a fan of the new iOS 7-like design on Twitter.com, this Safari extension transforms the massive, white tool bar into a less distracting, dark tool bar. It still keeps the simple, flat look and color matching, but it’s much less distracting. Now if only iOS could toggle back and forth as easily…

[tweet http://twitter.com/chrkirk/status/431105681102344192]

[tweet https://twitter.com/chrisfholm/status/431105399635206144]

[tweet https://twitter.com/bowiesongs/status/430418029814366208]

You can download TwitterDarkBanner here.

Poll: Do you like the iOS 7.1 beta 3 interface tweaks?

Site default logo image

Yesterday, Apple issued the third beta of iOS 7.1 to developers for the iPad, iPhone, and iPod touch. Like the original beta track for iOS 7.0, these iOS 7.1 betas have slowly been introducing some user-interface tweaks to the iOS Device experience. While not significant, changes to the Phone application, system sliders, some icons, and the keyboard slightly alter the way Apple’s products are used. Many of you sounded off in the comments about the changes, but we’ve compiled a poll (below) for you to vote if you like each new change over the iterations in the current release of iOS 7:


Expand
Expanding
Close

Site default logo image

Facebook Pages Manager for iOS updated with iOS 7 design and new tagging features

Facebook has updated its Pages management client for iOS. The new app has been redesigned for iOS 7 and now more closely resembles the mail Facebook app. The updated app also allows page administrators to tag other pages and people in posts and comments.

You can get Facebook Pages Manager on the iOS App Store for free.

What’s New in Version 2.2

• Optimized for iOS 7
• Tag other Pages in sharing tool
• Tag people in comments

Apple spruces up online support portal with new, simpler design

Apple has recently updated its online support portal on Apple.com with a more modern look and feel. The new design puts easier access to support for each of Apple’s products, with large images and clean lines. The older design (screenshotted below) was much more boxy and cluttered.

In the old layout, customers would have to click through to ‘All Products’ to get help about more obscure products. With the new design, the infinitely scrolling carousel puts everything on the portal homepage. It is also much clearer where to find the Apple communities and access phone support as other aspects of support have been removed completely from the page.


Expand
Expanding
Close

Site default logo image

Microsoft updates Bing for iPad to version 2.0 with iOS 7 design, SkyDrive bookmarks, and more

Microsoft has released a major update for its Bing app for iPad. The new app features a revamped interface to match the aesthetic of Apple’s latest OS along with a host of other features and improvements. Users are now able to save the daily image found on the search engine’s home page to their camera rolls for use as a wallpaper or whatever other purpose they decide.

Images and bookmarks can now be saved in the app and synced via Mirosoft’s SkyDrive service to other devices. Search results can now be shared to Facebook, Twitter, and other social platforms. Improvements and updates have been made to maps results, the Bing logo, and other graphics throughout the app.


Expand
Expanding
Close

Site default logo image

Plex media player for iOS updated with new design for iOS 7

Plex, the popular media player for desktop and mobile devices, has been updated to version 3.3 today. The update introduces an updated look based on Apple’s iOS 7 design along with a new media player screen for music and videos. The iOS 7 design isn’t entirely new, but a tweaked version of the existing design. The update also includes miscellaneous bug fixes.

You can get Plex for iOS now on the App Store. For new users, the app is $4.99. Existing users can update to version 3.3 for free.

Mini review: Kerf Case wooden iPhone cases

Site default logo image

http://www.youtube.com/watch?v=sadH0I_0Ve0

As regular readers may have noted, I’m a great fan of wood as a material. The ifrogz case I reviewed earlier in the year was wonderful in terms of aesthetics and build quality, but was essentially designed as a semi-permanent enclosure, which isn’t always convenient.

Others, like the iWood cases reviewed in the same piece, are more convenient but don’t feel as special. The Kerf Case is designed to bridge the gap: a genuine, all-wood case with the convenience of slipping it on and off in a second or two. Cases are available for the iPhone 4/4S and iPhone 5/5s … 
Expand
Expanding
Close

‘Toaster’ dual-iPhone charging dock appears on Kickstarter

The Foaster is a new novel charging dock for your iPhone and the creators are currently running a Kickstarter to put this neat dock into production. As you can tell from the video, the novelty here is the fact it resembles a toaster. The creators say that the kitchen is one of the most common places where people charge their phones, so they thought they would design a dock to suit.


Expand
Expanding
Close

Redesigned iPhoto & Garageband iOS icons appear, indicate likely makeovers next week

Site default logo image

Redesigned icons for iPhoto for iPhone, iPad, and iPod touch and Garageband have appeared in the iCloud Storage Management function in the iOS Settings app. The new icons are simpler, flatter, and is designed with iOS 7’s new icon grid system in mind. They are a stark contrast from the colorful, 3D-like icons used in the current versions of the apps.

In line with the app redesigns for all of Apple’s bundled iOS 7 apps, it is likely that the new icon will come as a complement to a completely redesigned version of the iPhoto app. When Apple released iOS 7 last month, the designs to Apple’s App Store apps went noticeably unchanged. Besides iPhoto, Apple has a slew of other App Store apps (like iWork’s Pages, Numbers, and Keynote & iLife’s iMovie). However, there are yet to be any solid indications of redesigns for the other apps…


Expand
Expanding
Close

Apple hires one of Nike’s top Fuel Band designers to work on wearable devices

Site default logo image

Apple has lured away top Nike design director Ben Shaffer, according to a source at Nike with knowledge of the details behind Shaffer’s departure. At Nike, Shaffer was the Studio Director of the Innovation Kitchen. This is Nike’s research and development lab where new product designs are created. Under Shaffer’s lead, Nike was named the most innovative company in 2013 by Fast Company. Nike’s Innovation Kitchen has been connected to wearable products like the popular Nike Fuel Band, and most recently, the Flyknit shoe.

With Apple’s continued development of its own wearable watch-like device, Shaffer’s experience in working on the wearables with Nike will be critical. The Nike Fuel Band is a popular product amongst Apple executives, including Apple CEO (and Nike Board member) Tim Cook and former Hardware lead Bob Mansfield. Based on Apple’s experience and usage of the Fuel Band product, it seems like that Apple’s own wearable computer will have similar fitness-tracking abilities. Furthermore, we recently reported that Apple hired the top fitness-expert (and Nike consultant) for the Fuel Band, Jay Blahnik...


Expand
Expanding
Close

A look at what an iOS 7-inspired OS X could look like [Gallery]

Site default logo image

In light of the upcoming launch of iOS 7, designer Stu Crew and other designers have imagined what a version of the OS X operating system with iOS 7 design principles could look like. Crew’s design matches iOS 7 by removing the heavy, metaphoric textures from OS X. The image above showcases a look at a desktop with many of the apps, and you can see how Finder, Calculator, Contacts, and iTunes received inspiration from iOS 7.

With iOS 5, iOS 6 and OS X Lion, OS X Mountain Lion, Apple moved to unify both the feature-sets and user-interfaces of its mobile and desktop operating systems. This fall, due to a leadership change at Apple, iOS and OS X will see different design philosophies. iOS 7 is “flat,” lacks heavy textures, while OS X retains its long-existing silver/metal design, keeps the green felt in Game Center, but drops the leather in Calendar and Contacts.

With integrated experiences and uniformity embedded into Apple’s DNA, it would not be surprising to see OS X look like iOS again in coming years. Below is a full gallery from Crew (in addition to some more mockups from other designers) of what an iOS 7-inspired OS X could look like.


Expand
Expanding
Close

Polls find users prefer iOS 7 design to iOS 6, fingerprint scanner to replace passwords

Site default logo image

An online poll conducted by Polar compares key user-interface elements from iOS 7 to the iOS 6 counterparts. Despite the outpour of criticism from some of iOS 7, these results show that an overwhelming amount of poll responders prefer the design of iOS 7 to iOS 6 and other previous iOS versions…


Expand
Expanding
Close

Apple continues website redesign, flattens support pages

Site default logo image

As noted by several 9to5 readers, Apple has just recently updated its Support pages through Apple.com to better reflect the redesign the rest of the site has been receiving in recent months.  Today’s update provides a new design for the majority of support pages available through Apple.com/support, including: Videos, Manuals, Tech Specs, and Downloads.

Apple used to present these pages using a design that was a few generations behind the rest of the site and displayed links in a search result style list. Today’s update brings a flat grid style layout that allows users to select or search for a product in order to find related manuals, videos, tech specs, etc, but also displays search results by product in the grid layout.

Apple.com’s search result pages also get a cleaner look today to match the recent Apple online store design (pictured below).
Expand
Expanding
Close

Manage push notifications

notification icon
We would like to show you notifications for the latest news and updates.
notification icon
You are subscribed to notifications
notification icon
We would like to show you notifications for the latest news and updates.
notification icon
You are subscribed to notifications