The proper way to design an empty space in your app
App designers (and Apple), take note! Designer Craig Dennis has an excellent article on Codrops about designing empty space in your app. These are pages with no data, such as an empty mail inbox or a folder barren of any documents. Dennis argues that no empty space in an app should ever actually be "empty," or blank. There should always be something telling the user why the space is blank in order to avoid confusing the user, who might assume that a blank page means something has gone wrong, like the app has a bug or there is no Internet connection that can display the data.
Dennis slots necessary empty space in apps into three categories: first use (something should appear there, like a photo, but the user hasn't taken a picture yet), user cleared (all inbox emails read and deleted), and errors (web pages not loading). Leaving any of those pages blank gives the user no information.
Dennis says that adding a message that describes why the page is blank is essential. For example, an empty space in a first-used app should say "Once you take a photo it will appear here;" an empty used inbox should say, "No messages to display" (something Apple's Mail doesn't do); and an error page (such as an unloaded web page) should clearly state the cause of the error.
As Dennis says, "Pay attention to when users will see nothing, and give them something."
Subscribe to Newsletter
Software Updatesmore updates
- NFL Mobile updated for 2014 Season with new Fantasy Football features, NFL Now integration
- Yahoo Mail improves email inbox searching with new filtering options
- Ember for Mac gains 'hugely-requested' screen recording feature
- Spotify update adds equalizer, refreshed Artist page and more
- Fantastical 2.1 for iOS adds new snooze, search and notification features
- ExpanDrive 4, more services and faster sync