5
 _experience the commitment TM Reading Life - Standroid - App Folders Tablet Wireframes Version: 1.0 Published: November 06, 2013 Created By: Shanak Rahman ([email protected])

Reading Life - App Folders

Embed Size (px)

DESCRIPTION

asdf

Citation preview

  • _experience the commitmentTM

    Reading Life - Standroid - App FoldersTablet Wireframes

    Version: 1.0Published: November 06, 2013 Created By: Shanak Rahman ([email protected])

  • Disclaimer: Document is not indicative of final graphic design, colour and exact scale. For identification of elements & their relationships only.

    Confidential and Secure Handling Required

    Page 2 of 5Reading Life - Standroid - App FoldersVersion: 1.0 | Published: November 06, 2013 | Created By: Shanak Rahman ([email protected])

    5

    4

    3

    Table of ContentsChange Log

    Reading Life - Full Home Experience

    Creating an App Folder

  • Disclaimer: Document is not indicative of final graphic design, colour and exact scale. For identification of elements & their relationships only.

    Confidential and Secure Handling Required

    Page 3 of 5Reading Life - Standroid - App FoldersVersion: 1.0 | Published: November 06, 2013 | Created By: Shanak Rahman ([email protected])

    Change LogPAGE /SECTION

    VERSION 1.0-1.1

    First draft of app folder wires.1.0

  • Disclaimer: Document is not indicative of final graphic design, colour and exact scale. For identification of elements & their relationships only.

    Confidential and Secure Handling Required

    Page 4 of 5Reading Life - Standroid - App FoldersVersion: 1.0 | Published: November 06, 2013 | Created By: Shanak Rahman ([email protected])

    PAGE TITLE:

    USER STORY:

    HIERARCHY:

    WIREFRAME

    Reading Life - Full Home Experience

    Noitification Bar

    Tap here to create a collection

    Books

    123 items

    Magazine

    12 Items

    Pocket12 Item

    s

    Message from Kobo

    Get 50% off your next great read

    EXPIRES APRIL 13, 2013

    New Issue!Apr 2013

    Related to your readInferno

    You finishedThe Hobbit

    Rate it

    15% read Go beyond the book for:Pride and Prejudice

    Lebron James scores 27, records double double as Miami Heat roll past Milwakee Bucks

    espn.com

    45% read

    5 5 5

    About 2 hours to go

    Book title goes here and spans two lines

    spot72 just liked your Pulse post

    About 9 hours to go

    5 5 5

    2 hrs to go

    Search here for your next great read!

    Kobo Store

    Related to your readInferno

    Feedly12 Item

    s

    1

    2

    1 App Folders on StandroidThis document contains requirements for the app folder experience on standroid. App folders, much like how they exist on Android, is the ability to group several apps in one grid position, and give it a name.

    App folders can exist on the standroid page itself.

    SocialYoutube

    Games

    Gmail

    2 App Folders on the DockApp folders can exist on app dock as well.

    Related to your readHobbit

    2

    3 App folders can live inside App bars in collections as well App folders can exist on app dock as well.

  • Disclaimer: Document is not indicative of final graphic design, colour and exact scale. For identification of elements & their relationships only.

    Confidential and Secure Handling Required

    Page 5 of 5Reading Life - Standroid - App FoldersVersion: 1.0 | Published: November 06, 2013 | Created By: Shanak Rahman ([email protected])

    PAGE TITLE:

    USER STORY:

    HIERARCHY:

    WIREFRAME

    Creating an App Folder

    1 User drags an app towards anotherThe speed in which the user is dragging an app onto another will determine whether they create a folder or simply move the app aside.

    This is the interaction found on a standard Android launcher, and we should be adopting it in Standroid.

    1

    2 Creating a folderIf the user drags the app at a high velocity over another, it will prompt the user to create a folder with an animation (lets start with what's standard on Android).

    3 Moving an app asideIf the user drags the app at a low velocity over another, it will push the app aside (again - lets use stock android logic/interaction here)

    Enter Folder Title

    DoneCancel

    Untitled

    Social

    Twitter

    Twitter

    2 3

    4

    5

    4 Name your folderThis is where we differ from standard Android interaction. As soon as a folder gets created for the first time, we prompt the user to name the folder itself. We should use the same dialog for naming a collection (with different copy)

    5 Folder created. The RequirementsThe folder has now been created. Its interaction rules and requirements can all be adopted from the standard android experience, with an exception to the following:

    Cover of the app folder: The ordering of the apps shown in the folder itself should represent the most recently used app from within the folder itself. It should behave similarly to the cover items on collections - ie. dropping an app into the folder or launching the app from the folder itself will make it appear first.

    Groupon

    Social

    8Tracks

    6

    6 App Folders can exist in collectionsThe same interaction to create app folders are found within app bars as well inside of collections.