As promised, here are fullscreen shots of my Reminders for Messages on iOS concept. Check out the original Dribbble post for full details.
This is revision three for the interface I’m working on. In the process of designing what I had in mind, I drifted away from what I’m really aiming for in this concept. I haven’t really expressed it either so here’s my goal and vision for this interface concept:
To create a seamless, user intuitive interface with access to all of iOS’ core features that can be viewed with one unified action or gesture.
Going back and re-thinking how I wanted to go about this, I changed a lot of things (as you can see from the pictures). Although I didn’t feel like I was rushing, I’m nonetheless going to take my progression a little bit slower so that I get a level of in-depth development. I appreciate all the suggestions and feedback you’ve given me so keep it up!
Before I move forward with the explanation of this revision, read up on my previous work to get some background. They are of the past now, but it’s good to get some well-rounded information about my progression.
Oh one last thing: Here are the assumptions I made when building this concept:
- To achieve the seamless nature, the interface is an overlay over a blurred image of what’s in the background (wherever you came from)
- No matter where you are when in this interface, all the features work and are useable.
- This interface is accessible everywhere except the lock screen (for security reasons — manage lock screen notifications with this concept).
Activating this interface could really be anything, however the methods that I’ve chosen for this interface are:
- Double tap Home button
- Swipe down on status bar
To get out of this interface, you can tap the Home button twice again or swipe up from the bottom of the shade.
In iOS 5, the way you access the Notification Center is by swiping down from the status bar while accessing the App Switcher is done with a double tap of the Home button. Since this interface is unified, you’re able to access both while within the interface. However, the starting page can be different depending on what you do. Here’s how I have it working (conceptually):
But first — note that the App Switcher interface I’ve designed is a merge between launchpad and multitasking functionality. It will be explained in more detail farther below.
- Double tap Home button — It will bring you to the App Switcher/launchpad interface first. From there, you can move from page to page
- Swipe down from status bar — You start off at the Notification Center. From there, you can swipe to get to the App Switcher/launchpad page
Note: In terms of the page dots, the Notification Center is the first dot and the App Switcher/launchpad page(s) are after. The number of dots varies on the number of pages you have on your App Switcher/launchpad.
The page you’re on is noted by a page dot. To get to other pages, simply swipe left or right like on the SpringBoard.
When on this page, you not only have access to what applications are multitasking but also applications that you can launch. The page(s) that pertain to App Switcher/launchpad are organized from top to bottom starting with applications that are multitasking (most recent first). After that, they are organized in alphabetical order by default. The layout of the App Switcher/launchpad isn’t based off of what your SpringBoard looks like. You can make it the exact same if you want to our change it up however you wish. Putting applications into folders works in this interface just like on the SpringBoard.
- To restore to the default alphabetical order for this interface, there will be a reset button somewhere in Settings.
- You cannot delete applications from this interface. That is all done through the SpringBoard like default.
You can at anytime arrange the icons however you want by going into Wiggle mode (holding down on one of the icons). When in Wiggle mode, applications that are multitasking will be distinguished by the default minus button which will allow you to quit the application out of the background if you wish to.
Note: My design incorporates my multiple icon mover concept (outdated but the premise is the same. I’ll at some point go back and revamp it to match this interface)
The Notification Center is another page that is directly accessible from this interface. You can move to this page at any time as well as start on it (read above under the Starting Page section). And of course, you can move to the App Switcher/launchpad interface from here by swiping to the respective page.
All the normal functionality of the current Notification Center (managing notifications and what not) applies here.
Note: There are components of my older Notification Center concept will be incorporated eventually (outdated but many of the parts apply to this).
The Spotlight feature is definitely a staple a component of this interface. It is taken to a new level because it is available no matter what page you’re on. Swiping between pages switches content below the Spotlight header but never hides it. You always able to access and utilize its functionality.
Here is my checklist for this concept as of now
- - Review what’s already done and tweak accordingly
- - Incorporate music/rotation lock controls
- - Work with the Spotlight feature in more detail
- - Add important toggles
- - Elaborate on the quitting applications functionality (individual and multiple)
- - Put in multiple icon mover functionality (or I should say demoed with this interface)
The first draft reveals the art, revision reveals the artist.“ - Michael Lee
© 2012 Joshua Tucker