buongiorno tat dual_screen_tablet_concept_and_use_cases_final_delivery_t1_appendix_updated

Description of available navigation methods and layout elements

Project Name-Company internal use onlyFinal Delivery (incl. Appendix for the T1 device)

Buongiorno

Dual screen tablet - Primary use casesInteraction design wireframe document

- including appendix for the T1 device -

22-11-2010

Two Paths - Use Case 1 - Sign up to SCP

Buongiorno Dual screen tablet concept

RSS headlineLorem ipsum dolor sit amet, consectetur.


RSS headline<First line>

Discover headline<Source (link)>

My edition


RSS headlineLorem ipsum dolor sit amet, consecteturadipiscing elit. Curabitur ac ligula id sem...




SCP Demo movie (Start)

Takes the user through the setup process, what the SCP is and why it’s needed to register for the service...

Skip

Initial Setup Process - Sign up to SCP service and Login to social networks (Twitter and Facebook) (pt. 1)

Screen ID

02 01Setup process - Android Setup Wizard (Skip through setup)

The user has turned on his device and he is presented with the “Android Setup Wizard”. He can skip through it without the need for setting up a gmail account etc.

9:52 PM

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec turpis quis eros consequat suscipit. Donec adipiscing vestibulum dolor dapibus tempus. Vivamus a quam ligula, at aliquet nibh. Integer egestas, tellus in mollis rutrum.

Vivamus egestas iaculis sapien, ac dapibus dui volutpat a. In commodo ligula at dolor interdum eget convallis nunc imperdiet. Nullam at mattis eros.

Aenean quis tellus purus, vitae commodo augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Integer malesuada massa a nunc varius congue. Suspendisse felis velit, placerat at convallis vel, cursus non libero. In consequat, massa a fermentum.

Customize your phone

Next

9:52 PM

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec turpis quis eros consequat suscipit. Donec adipiscing vestibulum dolor dapibus tempus. Vivamus a quam ligula, at aliquet nibh. Integer egestas, tellus in mollis rutrum.



Integer malesuada massa a nunc varius congue. Suspendisse felis velit, placerat at convallis vel, cursus non libero. In consequat, massa a fermentum.

Use Google location

NextBack

Screen ID

02 02Setup process - SCP Setup Wizard (Demo movie of SCP setup + Create SCP account)

When the user has skipped through the “Android Setup Wizard” he is presented with a short demo movie (Splash) explaining what the SCP is and why it will be necessary to register for an SCP account.

When it has �nished, the user will be on the “Create SCP account” screen, where the user will need to enter his details (Username, Password, Email) in order to create a new account. When this screen is presented to the user, the QWERTY-keyboard will slide up from the bottom and the �rst (Username) �eld will already be highlighted (with cursor in it).

When �nished with entering his details he taps on the “Create”-button

The user has the possibility to login with an existing account from this screen as well, by tapping on the [Login with existing account]-button.





My edition






Q1 2 3 4 5 6 7 8 9

! @ # $ % & * ? /

_ “ ‘ ( )

123#

-

; :

+

0

E R T Y UW I O P

A D F G H JS K L

X C V B N

, .

Z M

Screen ID

02 03Setup process - SCP Setup Wizard (Login with existing account)

On the SCP Login screen, the user can login with an existing account (We take into consideration that the user might already have an SCP account and that this is not his �rst SCP device so he must have the possibility to login with an existing account or that a user has reset his device and now wants to login with the existing account).

Logging in from this screen will take the user to his SCP start screen.

After X amountof seconds(No user input)

After X amountof seconds SCP Demo movie (End)(No user input or skip)Tap on [Next]-button

(Skip customization)

Tap on [Next]-button(Skip Google location)





My edition






Q1 2 3 4 5 6 7 8 9

! @ # $ % & * ? /

_ “ ‘ ( )

123#

-

; :

+

0

E R T Y UW I O P

A D F G H JS K L

X C V B N

, .

Z M

Login

CreateBack Login with existing account

Tap on [Login withexisting account]-button

Back

Types in detailson QWERTY keyboardthenTap on [Create]-button

Goes toScreen ID

02 01

Create SCP account

Username:

FredrikA_84

Password:

Email:

[email protected]

Recieve promotional material from services

Enter your details to sign up for an SCP account

SCP Login:

Username:

Password:

Keep me logged in to SPC








My edition






Screen ID

03 01Setup process - SCP Setup Wizard (Creation of SCP account successfull - Add social networks)

If all goes well and the setup of the new account is successfull, this will be what the user is presented with (Potentially there could be steps in between this and the previous screen presented in this scenario).

The user will here be prompted to login or create an account to one of the available social networks (facebook, twitter etc.).

This step can be skipped by the user but if one account to a social network is added, the “Skip”-button seen on the bottom right will state “Continue” instead.

The user taps on the “Facebook”-icon in order to login to that social network.

SCP account successfully created

Skip





My edition






Login to Facebook

Login to use your Facebook account with SCP.

E-mail address: [email protected]

Password:

Keep me logged in

Join Facebook

Q1 2 3 4 5 6 7 8 9

! @ # $ % & * ? /

_ “ ‘ ( )

123#

-

; :

+

0

E R T Y UW I O P

A D F G H JS K L

X C V B N

, .

Z M

Login Cancel

Screen ID

03 02Setup process - SCP Setup Wizard (Login to Social network accounts)

This is the facebook login screen where the user can login to his facebook account or join Facebook (Create a new one).

The user enters his details using the QWERTY-keyboard and taps on the “Login”-button (He can also cancel by tapping on the “Back”-button).

Facebook Twitter YouTube

Thank you for registering to the SCP!

Now please take a moment and connect to your social networks to ensure you have the best experience with the SCP

Login or create an account for a social network by tapping on its icon Tap on [Social network]-icon RSS headline

Lorem ipsum dolor sit amet, consectetur.




My edition






Request for Permission

SCP is requesting permission to do the following:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec turpis quis eros consequat suscipit. Donec adipiscing vestibulum dolor dapibus tempus.

Vivamus egestas iaculis sapien, ac dapibus dui volutpat a. In commodo ligula at dolor interdumpenatibus et magnis.

Aenean quis tellus purus, vitae commodo augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Vivamus egestas iaculis sapien, ac dapibus dui volutpat a.

In commodo ligula at dolor interdum eget convallis nunc imperdiet. Nullam at mattis eros.Aenean quis tellus purus, vitae commodo augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Integer malesuada massa a nunc varius congue. Suspendisse felis velit, placerat at convallis vel, cursus non libero. In consequat, massa a fermentum. Aenean quis tellus purus, vitae commodo augue.

SCP

Logged in as Fredrik Andreasson (Not You?) Allow Don’t Allow

Screen ID

03 03Setup process - SCP Setup Wizard (Logged in - Connect to or grant permission (OAUTH))

When the user has logged in to his facebook account, he will be asked to grant the SCP application the needed permissions in order to properly connect his facebook account with his SCP account.

The user allows the request for permission by pressing on the “Allow”-button (if he doesn’t allow the permission, he will be logged out and returned to the previous login screen with his entered details intact).

Types in detailson QWERTY keyboardthenTap on [Login]-button

Tap on [Allow]-button

Goes toScreen ID

04 01

Tap on [Create]-button

Goes toScreen ID

04 02

Report Application








My edition






Screen ID

04 01Setup process - SCP Setup Wizard (Creation of SCP account successfull - Add social networks)

When the user has connected the facebook account he decides that he doesn’t want to connect any more accounts at this moment so he taps on the “Continue”-button.

Only one account can be added per social network.


Continue

Facebook(Fredrik Andreasson)

Twitter YouTube



Login or create an account for a social network by tapping on its icon





My edition






Screen ID

04 02Setup process - SCP Setup Wizard (Creation of SCP account successfull - Add trend packages)

When the user is �nished with connecting his social network accounts, he will be presented with Trend Packages o�ered by the SCP.

The user can tap on anyone of the Trend Packages in order to view a preview of what they contain.

The user taps on the News Package.


We would now like to introduce you to Trend Packages.

Trend Packages contain Official feeds from some of the major players in the fields of News, Sports, Fashion and Media.

Whatever you are interested in - the chances are big that you will find a Trend Package suitable for you.

Tap on the icon of a Trend Package to view a preview of it and recieve the possibility to follow it instantly

Music Sports News Finance

Travel Games Fashion Furniture

Skip

Tap on [Continue]-button





My edition






Screen ID

04 03Setup process - SCP Setup Wizard (Creation of SCP account successfull - Preview trend packages)

When the user taps on the News Package, he will be presented with the preview of that Package on the top screen.

From there he will be able to recieve some information about what the Package contains and which the default O�cial feeds he will follow if he decides to Subscribe. The user will have the possibility to select or deselect the default O�cial feeds and then Subscribe.

He does not make any changes to the default featured feeds but instead decides to Subscribe to what the SCP o�ers.


We would now like to introduce you to Service Packages.

Service Packages contain Official feeds from some of the major players in the fields of News, Sports, Fashion and Media.

Whatever you are interested in - the chances are big that you will find a Service Package suitable for you.




Skip

Tap on [News]-icon

<Name>

<Name><Name> <Name> <Name> <Name><Name> <Name> <Name>

Example services in package <Name>

Info about Service

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec turpis quis eros consequat suscipit.

Donec adipiscing vestibulum dolor dapibus tempus. Vivamus a quam ligula, at aliquet nibh. Integer egestas, tellus in mollis rutrum.


Subscribe toTrend Package

Tap on [Subscribe]-button

Goes toScreen ID

05 01

Back Back








My edition






Screen ID

05 01Setup process - SCP Setup Wizard (Creation of SCP account successfull - Follow service package)

The user will recieve instant visual feedback that he is now subscribing to the News Package (tick mark icon over Package icon).

The user taps on the “Continue”-button to move the process forward.








<Name><Name> <Name> <Name> <Name><Name> <Name> <Name>

Example services in package <Name>

Info about Service

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec turpis quis eros consequat suscipit.



EndSubscription

ContinueBack

Tap on [End Subscription]-button

Goes toScreen ID

04 03 RSS headlineLorem ipsum dolor sit amet, consectetur.




My edition






Screen ID

05 02Setup process - SCP Setup Wizard (SCP account finalization - Manage “My Edition” or “Finalize account”)

This is the last screen of the SCP account creation and the user has two choices - To learn more about how to manage “My Edition” or to begin exploring the SCP.

The user taps on the Finalize account icon and is presented with the SCP Start screen populated with his followed o�cial feeds and posts from his connected social network accounts.

SCP account finalization

Thank you for spending some time to personalize your SCP account!

Do you wish to learn how to make your SCP experience even better?

Tap on the “My edition” icon...

Would you rather begin exploring the SCP right now?

Tap on the “Finalize account” icon...

Back

Tap on [Continue]-button

My edition

Finalize account

SCPRSS headlineLorem ipsum dolor sit amet, consectetur.




My edition




Lorem ipsum dolor sit amet, consecteturadipiscing elit. Curabitur ac ligula id sem...

Facebook headline shared by <Name>



Screen ID

05 03SCP Application - Start screen

The user is on the SCP Start screen.

Tap on [My Edition]-icon

Goes toScreen ID

09 01

Tap on [Finalize]-button




My feed headline<First line>





My online edition




Screen ID

06 02Discover mode (Featured)

The maximized Discover stream is shown with related content to it. The Personal feed is accessible on the far left side (or right - if set in settings to right handed use or device is rotated 180°)

Browsing of o�cial feeds and social network feeds





My edition


Tweet headline shared by <Name>





Screen ID

06 01SCP Application - Start screen (Selecting one of the two available paths)

This is the SCP Start screen. It’s divided into the Discover stream and the Personal feed list. Discover is navigated horizontally and Personal vertically.

Access to stored content (tab in top right corner in the personal feed list) and to the edition manager (piechart icon on the top left corner in the personal feed list).

Indicators in the Discover stream to indicate that there is more. Slight movement in the stream in right-to-left direction enhances the “stream” feeling.

Tap on “Discover” item takes the user to Discover mode

Tap on “Personal feed” list takes the user to Discover mode







My onlinedition




Transition: Personal feed list slides to the left but not completely. Entire Discover article/ad/stumble upon content is revealed.

Transition:


My edition

Relatedcontent

RelatedcontentRelatedcontent

Relatedcontent

The highlighted Facebook headline shared by <Name>

8 hours agoLorem ipsum dolor sit amet, consectetur adipiscing elit.Morbi ut tellus ac purus pulvinar fermentum vel egestasdui. In in urna vitae justo vulputate laoreet sed quis mauris.Mauris magna tortor, cursus ut eleifend ut, venenatis nonarcu. Mauris at enim magna, eu volutpat ligula. Praesentpulvinar auctor congue. Nunc pulvinar nisi vitae quamtempor a pharetra turpis auctor.










Comment

Share

Store it

Like

Screen ID

06 03Personal mode (Selected post in list)

The personal mode displays the entire article in relation to the highlighted item in the feed list. This is placed ontop of the discover mode, so a simple drag and swipe to the left goes back to the SCP Start screen, or using the HW back key.


Transition: Personal feed full article slides inbehind the list and above the Discoverstream.

The highlighted feed headline

Relatedcontent

Relatedcontent






My Edition




Transition:

Comment

Share

Store it

Like

Featured

Friend activities

Popular

Personalized

Screen ID

06 04SCP Application - Layers (overview)

This layered overview tries to explain how the separate parts of the SCP application relate to eachother. The SCP Start screen features the “Personal feed”-list and the “Discovery mode”. All other parts can be displayed if needed.

SCP Start screen



Browse default SCP Start screen (When user has not Subscribed to O�cial feeds)

Screen ID

07 01Setup process - SCP Setup Wizard (Skipping vital parts of the SCP Setup)

The user has skipped through all vital parts of the SCP Setup Wizard meaning that he has not connected any social network accounts or Subscribed to any Service packages (containing O�cial feeds).

Screen ID

07 02SCP Application - Start screen (default without any user added social networks/feeds)

His SCP Start screen will be very un-personal only displaying posts from the default O�cial feed from SCP in his Personal feeds list.

The Discover mode will still be able to display Info about O�cial feeds that the user can follow and a shortcut to connecting his social network accounts will be the topmost item in the personal feed until the user connects atleast one account.

SCP edition feed can be deleted through the Customizer, SCP feed can't. SCP edition is composed of major o�cial feeds chosen by service manager (according country and language).





My edition






Q1 2 3 4 5 6 7 8 9

! @ # $ % & * ? /

_ “ ‘ ( )

123#

-

; :

+

0

E R T Y UW I O P

A D F G H JS K L

X C V B N

, .

Z M

Create SCP accountEnter your details to sign up for an SCP account

Username:

FredrikA_84

Password:

Email:

[email protected]

Recieve promotional material from servicesCreateBack





My edition







Skip

Facebook Twitter YouTube



Login or create an account for a social network by tapping on its icon





My edition










Tap on the icon of a Service Package to view a preview of it and recieve the possibility to follow it instantly



SkipBack





My edition






SCP account finalization

Thank you for spending some time to personalize your SCP account!

Do you wish to learn how to make your SCP experience even better?

Tap on the “My edition” icon...

Would you rather begin exploring the SCP right now?

Tap on the “Finalize account” icon...

Back

My edition

Finalize account

SCP

Skip connecting Social networks

Skip following Service Packages

Sucessfully create SCP account






My edition





Connect to a social network account in order to get the full experience



Logout and Login to SCP

Screen ID

08 01SCP Application - Start screen (Launching the application menu)

The user is on the SCP Start screen and he presses the hardware [Menu]-button in order to view the application menu.

Screen ID

08 03SCP Application - Start screen (Login screen when logged out from SCP)

The SCP Login screen that is only visible when the user has logged out manually (default is to keep the user logged in even if the device is turned o� and then turned on again).

Logging in from this screen will take the user to his SCP start screen (with all the users stored items intact, if another account is logged in, any previously stored items will be cleared upon login).

The user has the possibility to create a new account from this screen by tapping on the [Create new account]-button.





My edition






Q1 2 3 4 5 6 7 8 9

! @ # $ % & * ? /

_ “ ‘ ( )

123#

-

; :

+

0

E R T Y UW I O P

A D F G H JS K L

X C V B N

, .

Z M

SCP Login:

Username:

Keep me logged in to SPC

If a new account is logged in, any previously stored items will be cleared

Password:

LoginCreate new account


My edition










Screen ID

08 02SCP Application - Start screen (Application menu opened)

When the menu is displayed, the user taps on the “Logout”-icon after which he is presented with a Con�rmation dialog. Selecting to Logout again will log the user out from the SCP application and the device itself because it can’t be used without SCP running in the background.


My edition










Search DiscoveryDirectory

ManageAccount

GeneralSettings

Help Logout

Tap on [Menu]-hardware button

Goes toScreen ID

14 01

Discovery directory

SearchGoes to

Screen ID

12 02

Tap on [Create newaccount]-button

Goes toScreen ID

02 02

Logging out from the SCP will requireyou to login again next time you wantto use the device

Proceed with logout?

LogoutCancel

Con�rmation dialog

This dialog is not traditional in thesense that it will pop-up, insteadit will replace the are used for the menu itself. Selecting logout willlog the user out of the SCP app.

Tap on [Logout]-iconLogout after confirmation dialog



Setting up My Edition

Screen ID

09 02SCP Application - Start screen (Edition manager hint animation)

The user is presented with the SCP Start screen populated with his followed o�cial feeds and posts from his connected social network accounts as well as with an animation that will provide the user with a hint to where he can �nd the Edition manager.

Screen ID

09 01Setup process - SCP Setup Wizard (Manage “My Edition” information)

The “My Edition” manager information. The user should have a way to familiarize himself with the way “My Edition” (his personal feed) works so this screen will feature an Interactive Demo movie which will try to explain to the user how the manager works. This step will try to provide the user with some guidance with how the di�erent parts (Social networks and Service packages) are related to eachother.

When the user taps on the “Finalize”-button he will be in his SCP Start screen but he should be guided visually that the piechart icon is where he can manage his Edition.






Available offline

My online edition




Relatedcontent

Relatedcontent


Available contacts Social network <name>

Top contacts

<Name> <Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name> <Name><Name>

<Name> <Name><Name>

<Name> <Name><Name>

<Name> <Name><Name>

<Name> <Name><Name>

<Name> <Name><Name> FinalizeBack

My Edition manager information

The key to making your SCP experience great is in managing and customizing your “Edition” to suit you and your lifestyle perfectly!

Tap on Finalize to finalize your account and jump straight into trying out the Edition manager.

Social networks

Service packages

My Edition

Goes toScreen ID

05 02

Tap on [Back]-buttonto go back to SCP

account finalization


Goes toScreen ID

17 03

Interactive Demo movie

Consider “My Edition” the whole sum of your connected social network accounts and the Service packages you subscribe to.

The pieces that make up the pie will need some maintanence by you because who other than yourself knows what you are interested in or who you usually communicate with

Tap on ”My Edition” to continue

Screen ID

09 03SCP Application - My Edition management (Social networks)

This is the “Edition manager” where the user can manage his “Edition” for his content. It is split in to two parts - Social networks and Service packages. The visual representation is di�erent for each of the two parts of which the Edition is comprised.

This is the Social networks part and from here the user can manage which social networks he is connected to and which his top contacts are for each connected account.

The user can also opt in for letting the Smartstream service display ranking of the users contacts (Not available at �rst, but at a later stage when the Smartstream service knows more about the user).






Available offline

My online edition




Relatedcontent

Relatedcontent


Available contacts

Facebook

Social networksTo add one - drag in to your edition

Twitter

Youtube

Smartstream

Social network <name>

Top contacts

<Name> <Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

Serv

ice

pack

ages

The worlds mostfamous videosharing site.

Join now and begin sharingvideos with the rest of the world

<Name> <Name><Name>

<Name> <Name><Name>

<Name> <Name><Name>

<Name> <Name><Name>

<Name> <Name><Name>

<Name> <Name><Name>

Tap on [Service packages]to manage them





My edition







Tap on Edition manager item (Perform selection)

My Edition ON

Two Paths - Use Case 2 - Discovering new content


Entering the Discover Mode and a brief introduction to the 4 types of Discovery

Friends activities

The “Friends activities” categoryare typically used to �nd Servicesthat other frineds have found intersting(and follows) - potentially this service could be intersting for you (the user) as well.

FeaturedThe “featured” category providesthe user with Editorial servicesthat are promoted by Buongiorno.

Personalized

As the user consume contentthrough the SCP user habits andintrest areas are recorded and stored in a database. This information is then used to inteligently provide the user with probably matching Services according to collected preferences.

PopularThe “Popular” category providesthe user with currently “hot” topicsbased on ranking algorithms and knowtra�c to curtain Services.Parameters that could be taken into account are both the users own network as well as global activities through the Buongiorno service and general internet tra�c.




Service taglineService name

My edition







Friends activitiesPopular

Personalized

Featured




My edition







Subscribe to Engadget

engadgetEngadget is a web magazine with obsessive daily

coverage of everything new in gadgets and consumer electronics.

Engadget was launched in March of 2004 in partnership with the Weblogs, Inc. Network (WIN).

Lovefilm movie streaming now live on UK PlayStation 3 consoles

Samsung Galaxy Tab fulfills its destinySlingPlayer arrives in Windows Phone 7

TAT's Dimension S3D is a user interfacefor stereoscopic TVs (video)

Palm Pre 2 swims across the English Channel ...more headlines

Persons you know, who are following this Service...

Mike, Martin, Cédric, Simon, Helena, Migge, Oscar + 10 more

Featured

Friend activities

Popular

Personalized




My edition







BBCThe BBC is the largest broadcasting

organisation in the world. Its mission is to enrich people's lives with programmes that

inform, educate and entertain.

Haider retires following threats

Pro-military poll 'win' in BurmaCameron's China visit 'fruitful'

Haiti tests capital for cholera

Bush defends White House record...more headlines

Subscribe to BBC

Screen ID

10 01SCP Start screen - accessing theDiscover Mode

This is the SCP Start screen. It’s divided into the Discover Mode and the Personal feed list. The Discover Mode is navigated horizontally and has to be initiated by the user to enable direct end user interaction.

When not activated The Discover mode provides a stream of smoothly presented news feed “portals” (services) in the background, enabling the user to get interested and eventually choose to follow the content published by the Publisher (Service provider).The stream is moving smoothly and discreetly from right-to-left in a transition manner, enhances the “stream” feeling.

Tap anywhere onthe discovery areato enter the discovermode

Press [Home] to returnto the Start screen

Screen ID

10 02Discover Mode - an introduction

Screen ID

10 04Discovery types a brief introduction...Featured, Friends activities, Personalized, Popular

Screen ID

10 03Changing Discovery type

The user has entered the Discovery Mode. The Stream is put to a hold for approx. 2 minutes - allowing the user to interact without disturbing undesired movment on the screen. At the bottom of the screen a navigation indicator shows the users current position. Previous Services (o�cial feeds) are shown as indicators to the left. Upcoming (other non-visited) Services are shown to the right.

The latest visited Discovery type is still seclected (in this case: “Frinds activities”).

For more information regarding the content of the Discover Mode see next page.

The user has changed Discover Mode to “Featured” which is the default type shown when the user starts the device.

The personal feedis minimized and

stays at the right sideof the screen.

The user changesDiscovery Type












Browse the service, peek preview it’s content and start a subscription (follow the service)

Featured

Friend activities

Popular

Personalized




My edition










You are subscribing to...





Unsubscribe to BBC

Screen ID

11 03A service beeing subscribied to (followed)

The user has just started to subscribe to the Service provider (BBC) and the “Subscribe to BBC”-button (right lower corner) has changed to “Unsubscribe to BBC” an Subscribtion indicator has been added to the Service as well (above the Service name).

Featured

Friend activities

Popular

Personalized




My edition














Subscribe to BBC




My edition










Tap on a headline or “...more headlines”

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec turpis quis eros consequat suscipit. Donec adipiscing vestibulum dolor dapibus tempus. Vivamus a quam ligula, at aliquet nibh. Integer egestas, tellus in mollis rutrum, magna turpis adipiscing ante, sit amet consequat orci nisi vel est.

Vivamus egestas iaculis sapien, ac dapibus dui a. In commodo ligula at dolor interdum eget convallis nunc imperdiet. Nullam at mattis eros.


Phasellus egestas nunc eget eros laoreet sollicitudin. Duis non augue eu tellus viverra ornare quis eget justo. Vivamus a hendrerit nibh. Aenean nec urna neque. nascetur ridiculus mus. Nam et blandit velit. Integer veturpis.

Haider retires following threats2 minutes ago

Pro-military poll 'win' in Burma18 minutes ago

Cameron's China visit 'fruitful'52 minutes ago

Haiti tests capital for cholera11:14

Bush defends White House record10:48

Leaks precede Myanmar vote results10:22

In memoirs, Bush backs waterboarding09:15

Zulqarnain Haider quits Pakistan amid death threats

BBC - International - Breaking, World, Business, Sports, Entertainment and Video News

Subscribe to BBC

Subscription started

Close the preview/reader

Screen ID

11 01Interacting with a Service (portal) Screen ID

11 02Sneak peek of available posts (articles)

The user has show interest in a Service (in this case BBC) and has tapped on a news headline. An overlay screen is presented and allows the user to read the latest news articles. If more then one headline (article) has been published the user will be able to read another article by tapping in the headline overview (upper left area).The user could also choose to initiate a subscription of the Service and there by recieve new publications (posts) directly into the “Personal feed”.

The user is at the Discover Mode (Type: Featured). The screen above shows a Service “portal” in this case “BBC”. The user is presented with a brief description of the Service as well as the latest headlines from the Service provider.

Just as described previously - the user will be able to navigate (browse) through the Services by �icking left/right.

The user can also navigate rapidly between the di�erent services by holding the �nger and dragging left/right (or tapping) at the bottom of the the lower screen (on the navigator indicators):

The user has been transported to the 8th Service “portal”...

If the user starts a subscription to a service a pop-up dialoge is displayed in the upper right corner informing the user of the matter.

A subscription indicator is displayed on the Service “portal” that indicates that it is beeing subscripbed to. All feeds (posts) from the Service will now be made available in the “Personal feed” as they are published.

You have started to subscribe to BBC newsYou have started to subscribe to BBC news

The user manually goes back to the Discover Mode




My edition









Discovering new and manage Services through a “Discovery Directory”

Featured

Friend activities

Popular

Personalized




My edition














Subscribe to BBC

Featured

Friend activities

Popular

Personalized




My edition














Subscribe to BBC

Screen ID

12 01Accessing the Discovery Directory Screen ID

12 02Navigating within the Discovery Directory Screen ID

12 03Unsubscribe to a Service through the Discovery Directory

The user is at the Discover Mode and would like to get an overview of available Services as well as manage his/her subscriptions.

The user presses the [menu]-button, and is presented with the following menu options (displayed at the bottom of the screen):

The user is presented with a similar layout as to the one presented in the setup procedure where the user could choose Service packages.In this scenario the user is viewing the Music trend.

In the Discover Directory the user will be able to tap on one of the trends provided at the top screen - at the same time the lower screen will be utilized to show Available Services (subscribed and not subscribed to). In indicator shows if the user is currently subscribing to a speci�c Service (in this case a checkbox).

Services are presented in alphabethic order.

By tapping on a <serviceName> on the lower screen the user will be provided with a brief description of the currently highlighted Service.

Pressing the [Back]-button will exit the Discovery Directory

Once an unsubscription has been initiated the user has to con�rm the action.

Stored articles are keept as the user obviously once had some kind of interest in the article.

Discovery Directory


Manageaccount

GeneralSettings

Help Logout

Tap on one of the Service trends below, to manage your subscriptions.



Featured

Friend activities

Popular

Personalized




My edition














Subscribe to BBC



By unsubscribing to <serviceName> you will not recieve any post from this source in the future. Articles from <serviceName> will still be available in your storage.

You will be able to subscribe to <serviceName> again when you so desire.

<serviceName>Start date: <subscriptionStartDate>No. of stored articles: <number>

CancelUnsubscribe

Close Discovery Directory


Discovery DirectoryDiscovery Directory

Goes toScreen ID

13 01

Search

Goes toScreen ID

14 01

Description/Information about the currently highligted service...



Unsubscribe toService






Tap on Service

Unsubscribe

Menu

Cancel



Browsing available Services and and make a new subscription

Featured

Friend activities

Popular

Personalized




My edition














Subscribe to BBC

Screen ID

13 01Discovery Directory - Subscribing to a new service

Subscribing to a Service through the Discovery Directory is very similar to unsubscribing to a Service.

In addition to the subscription button the user is also able to peak preview the currently highlighted Service “portal” in the “ordinary” Discovery mode.




Discovery DirectoryComes fromScreen ID

12 02




Subscribe toService






Goes toScreen ID

11 02

View exampleheadlines

Go to Service “portal”



Searching for content within the SCP

Comes fromScreen ID

12 01Featured

Friend activities

Popular

Personalized




My edition














Subscribe to BBC

Screen ID

14 01Searching for content within the SCP

When the user initiates a search he/she is instantly provided with a text �eld and a QWERTY-keyboard which alows him/her to rapidly input a search string.

Once the user starts to type he/she is provided with a auto-complete suggestions (predictive text) where proposed matching strings are displayed (Android style).The user can then tap on one of the strings to auto complete the word.

Q1 2 3 4 5 6 7 8 9

! @ # $ % & * ? /

_ “ ‘ ( )

123#

-

; :

+

0

E R T Y UW I O P

A D F G H JS K L

X C V B N

, .

Z M

Type to search

Search

Stoc

Search

Stock marketStoc Stocks Stock photos Stockholm

Featured

Friend activities

Popular

Personalized




My edition














Subscribe to BBC

Screen ID

14 02Matching search results are shown instantly

As the user has to type matching search criterias are shown instantly according to each of the SCP “domains”. (the user does not have to tap a search-button. The search results are dynamically updated.

The user has typed “Stockholm” and is presented with an indication of matching posts in each of the “domains”.

Q1 2 3 4 5 6 7 8 9

! @ # $ % & * ? /

_ “ ‘ ( )

123#

-

; :

+

0

E R T Y UW I O P

A D F G H JS K L

X C V B N

, .

Z M

Stored posts 3 matching

My Edition (personal feed) 5 matching

Discover Services 6 matching

Featured

Friend activities

Popular

Personalized




My edition














Subscribe to BBC

Screen ID

14 03Extracted domain (browsing search results)

The user has expanded the “Stored posts” domain and the QWERTY has been dismissed.

If the user �nds what he/she is looking for - a single tap on the matching element will automatically transport the user to the feed/article in it’s corresponding context.

Tapping on the search �eld will bring up the QWERTY again and all domains will automatically be returned to its previous “imploded” state (see previous screen.

Stored posts (and My Edition) will provide matching posts, based on the content within the post.

Stockholm

Search

6 matching Discover Services

<serviceDescription><serviceProviderName>






3 matching Stored posts

Tap the search field

Extract the domain

Goes toScreen ID

14 02Tap to implode

The domain will be cotracted to it’s original state.(no QWERTY keyboard will be extracted)

Tap

on “

Stoc

khol

m”

Extra

ct th

e do

mai

n

Stockholm

Search

Stored posts

<matchingPostContent><matchingPostSource (e.g. name of contact)>

<date>

<matchingPostContent><matchingPostSource (e.g. name of contact)>

<date>

<matchingPostContent><matchingPostSource (e.g. name of service)>

<date>

Tap matching post Transports the user to the matching post in it’s corresponding context.

Tap matching post Transports the user to the matching Service

Two Paths - Use Case 3 - Browsing through content/feeds


Always being able to browse followed o�cial feeds (O�ine version of My Edition)





My edition





My edition

Relatedcontent

Relatedcontent

Relatedcontent













Reply

Retweet Store it

13 minutes agoLorem ipsum dolor sit amet, consectetur adipiscing elit.Morbi ut tellus ac purus pulvinar fermentum vel egestasdui. http://www.youtube.com/watch?v=acOIAP0gkxE

The highlighted Tweet headline shared by <Name>

Relatedcontent

Relatedcontent

Screen ID

15 01SCP Application - Start screen (Select Personal feed)

The user is on the SCP Start screen and he taps on one of the items in the “Personal feed” list to select it (in example a Twitter post).

When the post is opened the strength of the WI-Fi network has dropped and his connection has been lost.

If connection drops, some items in the list that the device has catched in memory will be available to the user even if he has no online functionality (some functions may not work properly but the user will still have access to content in the pages).

Trying to navigate to one of the items that have not been catched in memory, will provide the user with info about the loss in connectivity.

If the user has “stored” items, these will be available to certain extent (possibly not the embedded media in them).

Screen ID

15 02SCP Application - Personal mode (Connection lost)

The SCP will try to provide the user with info regarding the sudden Wi-Fi connectivity drop by displaying the small noti�cation in the upper right corner.

The item that the user has selected previously will still be visible because it was catched in memory but all media connected to the post will not be available (only potentially available if previously stored) and this will be represented by the video in the background being faded as well as the options that the user can perform on the post (Retweet, Reply) - they are also not available. URLs featured in the post will become plain text in order to not be confusing to the user and the user will not be able to post status updates.

Potentially related content can or can’t be displayed.

The hint displayed for o�ine (connection lost) will be displayed until the device is connected again or until the user taps on the hint itself to hide it.

Tap on item (Perform selection)


My edition

Relatedcontent

Relatedcontent

Relatedcontent










Reply

Retweet Store it



Relatedcontent

Relatedcontent

Screen ID

15 03SCP Application - Personal mode (Connection found)

The SCP will provide the user with info about when there is full connectivity again. The Video in the background will be available again as well as the Option buttons, Status update �eld, the URL and the Related content.

The hint displayed for online (connection found) will be transient and dissapear after X amount of seconds.

Connection lost Connection found

Offline - lost Wi-Ficonnection(No user input)

Online - found Wi-Ficonnection(No user input)

After X amountof seconds(No user input)



Handling of content/feed updates

Screen ID

16 01Accessing the manual update

The user has navigated to the top of the feeds list (by �icking downwards in the feed list). Once at the top the list bounces back but if the user continues to drag downwards (see next wireframe) the user is able to update the feed list.


My edition

Relatedcontent


Relatedcontent












Comment

Share Like

Store it

Screen ID

16 02Initiating the feed list update

The user initiates the update by explicitly dragging the list down and releasing the �nger.

Before releasing the �nger the user can “dismiss” an update by instead dragging the �nger upwards again (hiding the “update area”).

My edition

Relatedcontent


Relatedcontent











shared by <Name>


Comment

Share Like

Store it

Pull down to update

Screen ID

16 03One new update has been fetched

The user is presented with new posts (in this case only one new post has been found). The lastest post is automatically expanded so the user can read it instantly.

New posts are added at the top of the “My edition” list.

My edition

Relatedcontent


Relatedcontent








Lorem ipsum dolor sit amet, consectetur

adipiscing elit. Curabitur ac ligula id sem...




Updating posts

The “update area” is changed to let the user know that an update is beeing performed (animated eggtimer).

Facebook headline (first sentence) shared by <Name>

Comment

Share Like

Store it

Screen ID

16 04Setting My editor (feeds) auto update


Manageaccount

GeneralSettings

Help Logout

By extracting the Menu (pressing the [Menu]-button, the user will be able to reach the settings for Auto-update. Here the user will be able to set the frequence of automated updates.

Once an update has been performed (manually or automated) a noti�cation toast dialog appears in the upper right corner of the upper screen.The toast dialog informs the user of the matter and provides information about how many new feeds that have been downloaded/fetched.If the update was initiated automatically and no new updates has been fetched, then no noti�cation will be displayed.But if it was initiated manually - “No new posts” will be displayed to the end user.

3 new updatesYou have started to subscribe to BBC news

1 new update



Managing My Edition




My edition








Screen ID

17 01SCP Application - Start screen (Select manage My Edition)

The user is on the SCP Start screen and he taps on the “My Edition manager”-icon in the “Personal feed” list to select it.

Screen ID

17 02SCP Application - My Edition management (Social networks)

This is the “Edition manager” where the user can manage his “Edition” for his content. It is split in to two parts - Social networks and Service packages. The visual representation is di�erent for each of the two parts of which the Edition is comprised.

This is the Social networks part and from here the user can manage which social networks he is connected to and which his top contacts are for each connected account.

The user can also opt in for letting the Smartstream service display ranking of the users contacts (Not available at �rst, but at a later stage when the Smartstream service knows more about the user).

Screen ID

17 03SCP Application - My Edition management (Service packages)

This is the second part (Service packages) where the user can subscribe or unsubscribe to Service packages and manage which O�cial feeds he is following from each subscribed Service package.

Tap on Edition manager item (Perform selection)






Available offline

My online edition




Relatedcontent

Relatedcontent


Example services in package

Available services

Finance

Service packagesTo add one - drag in to your edition

Furniture

Sports

Fashion

Service package <name>

Added services

<Name> <Name> <Name>


<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>


<Name>

<Name>

<Name>

<Name>Package overview -Add/Remove services

from package

<Name>

<Name>

<Name>

Soci

al n

etw

orks






Available offline

My online edition




Relatedcontent

Relatedcontent


Available contacts

Facebook


Twitter

Youtube

Smartstream


Top contacts

<Name> <Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

Social network overview -Add/Remove contacts

Serv

ice

pack

ages

The worlds mostfamous videosharing site.

Join now and begin sharingvideos with the rest of the world

<Name> <Name><Name>

<Name> <Name><Name>

<Name> <Name><Name>

<Name> <Name><Name>

<Name> <Name><Name>

<Name> <Name><Name>

Service packagesDrag-n-drop topiechart tosubscribe to them

Social networksDrag-n-drop to

piechart toconnect to them

Services/Official feedsDrag-&-drop toService packagelist (Add)

ContactsDrag-&-drop toSocial network

list (Top contacts)

Tap on [Service packages]to manage them

Tap on [Social networks]to manage them

My Edition ON

Piechart overviewRepresenting connected

Social networks

The user can either rotate ortap on a “piebit” in order to change its focus

My Edition ON

Piechart overviewRepresenting subscribed to

Service Packages

The user can either rotate ortap on a “piebit” in order to change its focus

Two Paths - Use Case 4 - Enjoying content


Reading content within a webview




My edition









My edition

Relatedcontent


Relatedcontent

10 minutes agoLorem ipsum dolor sit amet, consectetur adipiscing elit.Morbi ut tellus ac purus pulvinar fermentum vel egestasdui. In in urna vitae justo vulputate laoreet sed quis mauris.

Mauris magna tortor, cursus ut eleifend ut, venenatis nonarcu. Mauris at enim magna, eu volutpat ligula. Praesentpulvinar auctor congue. Nunc pulvinar nisi vitae quamtempor a pharetra turpis auctor.

Morbi ut tellus ac purus pulvinar fermentum vel egestasdui. In in urna vitae justo vulputate laoreet sed quis mauris.Mauris magna tortor, cursus ut eleifend ut, venenatis nonarcu.

Nunc pulvinar nisi vitae quamtempor a pharetra turpis auctor.

Morbi ut tellus ac purus pulvinar fermentum vel egestasdui.

In in urna vitae justo vulputate laoreet sed quis mauris.










Share Store it Like

The highlighted RSS headline published by <Name>

Screen ID


The user is on the SCP Start screen and he taps on one of the items in the “Personal feed” list to select it (in example an RSS feed).

Screen ID

18 02SCP Application - Personal mode (Selecting an external URL in content)

By selecting the item in the list, the item which is an RSS feed will be displayed on the right area across the two screens. The area where the item was selected in the list will be overlayed with a set of option buttons (Share, Store it, Like). The option buttons will be dependent of the kind of item they relate to (in example - RSS feed).

The user reads through the RSS feed on the right area and selects an URL by tapping on it.

Screen ID

18 03SCP Application - Personal mode - Webview overlay (External webpage)

The external content (in this example a website) will be opened in an overlay which keeps the original content in the background as well as it loads the website from where the article originates. The external content will have related content, which uses the same paradigm as within the SCP application (maximize/minimize).

The user can scroll the website within the webview itself independantly of the related content on the bottom. The related content will have a �xed position on the bottom and it will also be scrollable within that area but expanding related content will enlarge the area to be used for interacting with it (possibly the whole bottom screen but never across both screens).The website behind the article can be navigated to by tapping on the corner where it is visible (Closing the article).

A tap on the “Close”-button in the upper right corner will close the webview overlay.

If the website contains URLs, these can be selected as well but navigation will be very limited and only navigating back or forward will be possible (the user will not be allowed to enter a new URL address in the address �eld). The user will also have the possibility to refresh the webpage by tapping on the “refresh”-button.


Tap on URL (web link) opens in overlayedwebview browser


My edition

Relatedcontent


Relatedcontent
















Share Favorite

The highlighted RSS headline published by <Name>http://www.engadget.com/2010/10/28/ibuypower-revamps/

Web page



Aenean quis tellus purus, vitae commodo augue. Cum sociis natoque

penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus egestas nunc eget eros laoreet sollicitudin. Duis non augue eu tellus viverra ornare quis eget justo. Vivamus a hendrerit nibh. Aenean nec urna neque.

Integer malesuada massa a nunc varius congue. Suspendisse felis velit, placerat at convallis vel, cursus non libero. In consequat, massa a fermentum tristique, est nunc iaculis metus, nec euismod risus eros quis velit.

Lorem Ipsum Dolorsit Amet Consectetur Adipiscing Necturpis

Relatedcontent

Relatedcontent




Phasellus egestas nunc eget eros laoreet sollicitudin. Duis non augue eu tellus viverra ornare quis eget justo. Vivamus a hendrerit nibh. Aenean nec urna neque.


Sed pellentesque arcu vel nulla sagittis congue at at tellus. Mauris sit amet quam et lectus porttitor tincidunt. Mauris sed viverra enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pharetra,

Engadget Article

Tap on “Close”-button(To close webview overlay)

[Refresh]-button(Refreshes current content)

[Back] & [Forward]-buttons(Navigation between websites)

URL address field

Overlay options(Same as original post/feed)



Playback of media within an embedded media player (pt. 1 - video)




My edition





My edition

Relatedcontent

Relatedcontent

Relatedcontent













Reply

Retweet Store it



Relatedcontent

Relatedcontent


Screen ID


The user is on the SCP Start screen and he taps on one of the items in the “Personal feed” list to select it (in example a Twitter post).

Screen ID


By selecting the item in the list, the item which is a Twitter post will be displayed on the right area across the two screens. The area where the item was selected in the list will be overlayed with a set of option buttons (Retweet, Store it, Reply). The option buttons will be dependent of the kind of item they relate to (in example - Twitter post).

The user reads through the Twitter post on the right area and selects the video (Shown behind the post) by tapping on the play button or the URL at the bottom.

Screen ID

19 03SCP Application - Personal mode - Webview overlay (External video)

The external content (in this example a video) will be opened in an overlay which keeps the original content in the background. The external content will have related content, which uses the same paradigm as within the SCP application (maximize/minimize).

The user can Play/Pause the video, interact with the progress slider of the video and adjust the volume of the video. The related content will have a �xed position on the bottom and it will also be scrollable within that area but expanding related content will enlarge the area to be used for interacting with it (possibly the whole bottom screen but never across both screens).


When the video has ended, the user will have a “Replay”-button centered over the video area.


Tap on video play/URL (video link) opens in overlayedvideo player


My edition

Relatedcontent


Relatedcontent
















Share Favorite


Relatedcontent

Relatedcontent


Swedish House Mafia Vs Tinie Tempah - Miami 2 Ibiza (Offi...

0:11 / 3:36

[Volume]-slider(Sets video volume)

[Progress]-slider(Displays the progressof the video)[Play] / [Pause]

-button(Plays or pauses

video)

Video




Playback of media within an embedded media player (pt. 2 - music)


My edition

Relatedcontent

Relatedcontent










Comment

Share

Store it

Like

Comment

Share Unlike

Store it13 minutes agoLorem ipsum dolor sit amet, consectetur adipiscing elit.Morbi ut tellus ac purus pulvinar fermentum vel egestasdui. In in urna vitae justo vulputate laoreet sed quis mauris.Mauris magna tortor, cursus ut eleifend ut, venenatis nonarcu. Mauris at enim magna, eu volutpat ligula. Praesentpulvinar auctor congue. Nunc pulvinar nisi vitae quamtempor a pharetra turpis auctor. http://www.beemp3.com/Jeremih - Down on me.mp3


Relatedcontent

Relatedcontent

Relatedcontent

Relatedcontent

Jeremih - Down on me.mp3

0:11 / 3:36

Goes toScreen ID

21 01

[Volume]-slider(Sets music volume)

[Progress]-slider(Displays the progressof the music track)RSS headline

Lorem ipsum dolor sit amet, consectetur.



My edition





My edition

Relatedcontent

Relatedcontent













Comment

Share

Store it

Like

Comment

Share Unlike

Store it13 minutes agoLorem ipsum dolor sit amet, consectetur adipiscing elit.Morbi ut tellus ac purus pulvinar fermentum vel egestasdui. In in urna vitae justo vulputate laoreet sed quis mauris.Mauris magna tortor, Jeremih - Down on me.mp3, venenatis non arcu. Mauris at enim magna, eu volutpat ligula. Praesent pulvinar auctor congue. Nunc pulvinar nisi vitae quam tempor a pharetra turpis auctor. www.beemp3.com


Relatedcontent

Relatedcontent


Screen ID


The user is on the SCP Start screen and he taps on one of the items in the “Personal feed” list to select it (in example a Facebook post).

Screen ID


By selecting the item in the list, the item which is a Facebook post will be displayed on the right area across the two screens. The area where the item was selected in the list will be overlayed with a set of option buttons (Share, Like, Comment, Store it). The option buttons will be dependent of the kind of item they relate to (in example - Facebook post).

The user reads through the Facebook post on the right area and selects the music albumart (Shown behind the post) by tapping on the play button or the music URL.

Selecting the web URL at the bottom will open a website (unknown at this stage if it contains music) in a webview overlay.


Tap on music play/URL (music link) opens in overlayedmusic player

Tap on URL (web link) opens in overlayedwebview browser

Screen ID

20 03SCP Application - Personal mode - Webview overlay (External Music file)

The external content (in this example an mp3 music �le) will be opened in an overlay which keeps the original content in the background. The external content will have related content, which uses the same paradigm as within the SCP application (maximize/minimize).

The user can Play/Pause the music, interact with the progress slider of the music and adjust its volume. The related content will have a �xed position on the bottom and it will also be scrollable within that area but expanding related content will enlarge the area to be used for interacting with it (possibly the whole bottom screen but never across both screens).

A tap on the “Close”-button in the upper right corner will close the webview overlay and a tap on the “Minimize”-button will minimize the music in a small music player.

When the music has ended, the user will have a “Replay”-button centered over the music albumart area.


[Play] / [Pause]-button

(Plays or pauses music track)

Music

[Minimize]-button(Music in miniplayer)




Playback of media within an embedded media player (pt. 3 - music)

Screen ID

21 01SCP Application - Personal mode - Webview overlay (External webpage containing embedded music)

The external content (in this example a website with embedded music) will be opened in an overlay which keeps the original content in the background. The external content will have related content, which uses the same paradigm as within the SCP application (maximize/minimize).If the website has embedded music content, there will be a music player control bar provided under the URL �eld on top. From it, the user will be able to control the embedded music and skip tracks etc.. The Music player control bar can be minimized to allow the user to continue enjoying music and use the SCP app at the same time.

The user can scroll the website within the webview itself independantly of the related content on the bottom. The related content will have a �xed position on the bottom and it will also be scrollable within that area but expanding related content will enlarge the area to be used for interacting with it (possibly the whole bottom screen but never across both screens).



My edition

Relatedcontent


Relatedcontent
















Share Favorite


50 Cent - Get it Hot 0:11 / 3:36

http://www.engadget.com/2010/10/28/ibuypower-revamps/

Web page


Vivamus egestas iaculis sapien, ac dapibus dui volutpat a. In commodo

ligula at dolor interdum eget convallis nunc imperdiet. Nullam at mattis eros.

Aenean quis tellus purus, vitae commodo augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus egestas nunc eget eros laoreet sollicitudin. Duis non augue eu tellus viverra ornare quis eget justo. Vivamus a hendrerit nibh. Aenean nec urna neque.


Lorem Ipsum Dolorsit Amet Consectetur Adipiscing Necturpis

Relatedcontent

Relatedcontent


[Progress]-slider(Displays the progressof the music track)

[Previous] / [Next]-buttons(Jumps between embedded music)

[Play] / [Pause]-button

(Plays or pauses music)

[Minimize]-button(Music in miniplayer)

Screen ID

21 02SCP Application - Personal mode (Music miniplayer)

When the Music player control bar has been minimized, the user will close the overlay from where it originates but continue to have the minimized version of the player visible as an overlay on top of the SCP.

The user has the same functionality as previously but he has to expand it again in order to use the “Overlay options”.


My edition

Relatedcontent

Relatedcontent










Comment

Share

Store it

Like

Comment

Share Unlike

Store it13 minutes agoLorem ipsum dolor sit amet, consectetur adipiscing elit.Morbi ut tellus ac purus pulvinar fermentum vel egestasdui. In in urna vitae justo vulputate laoreet sed quis mauris.Mauris magna tortor, Jeremih - Down on me.mp3, venenatis non arcu. Mauris at enim magna, eu volutpat ligula. Praesent pulvinar auctor congue. Nunc pulvinar nisi vitae quam tempor a pharetra turpis auctor. www.beemp3.com


Relatedcontent

Relatedcontent

50 Cent - Get it Hot 0:11 / 3:36

[Maximize]-button(Music overlay / webview)



O�ine content stored for later usage (Playlists, Bookmarks etc.) (pt. 1)

Screen ID

22 01SCP Application - Startscreen

The user is on the SCP Start screen and he presses a personal item from in this case Facebook.

Screen ID

22 02SCP Application - Store a feed

In the Personal mode the item selected is overlayed with di�erent functions related to this item. The user presses ‘Store it’.




My edition





My edition

Relatedcontent


Relatedcontent



Single press onpersonal item takesthat to fullscreen

Press on ‘Store it’













Screen ID

22 03SCP Application - Stored feed

IThen an item has been stored, it goes in “My storage”. A noti�cation is displayed to the user for approx. 5 seconds. The user still has the article put to the storage visible on the right side. The ‘Store it’ function is changed to ‘Remove it from storage’.Access to my storage is done by pressing the top right button. This button is also accessible when the list is pushed to the side (discovery mode).


My edition

Relatedcontent


Relatedcontent












This item has been added to your storage

Goes toScreen ID

23 01Press ‘Storage’

Comment

Share

Store it

Like

Comment

Share

Removefrom storage

Like

Press on ‘Remove from storage’




O�ine content stored for later usage (Playlists, Bookmarks etc.) (pt. 2)

Screen ID

23 01SCP Application - My storage

Once in ‘My storage’ the latest stored item is placed in the top of the list, and selected.The user can �lter the stored items by what type of content it contains (social, Web, Music and Video).To go back to Me edition the user presses back.


Relatedcontent


Relatedcontent






Lorem ipsum dolor sit amet, consecteturadipiscing elit.





Goes toScreen ID

22 03Press ‘back’

Web MusicSocialAll Video

My storage

Comment

Share

Removefrom storage

Like


Two Paths - Use Case 5 - Social network circulation


Sharing a feed or content through Twitter or Facebook (pt. 1)




My edition





My edition

Relatedcontent


Relatedcontent















Comment

Share Like

Store it


Screen ID


The user is on the SCP Start screen and he taps on one of the items in the “Personal feed” list to select it.

Screen ID

24 02SCP Application - Personal mode (Select to share item)

By selecting the item in the list, the item which is a post will be displayed on the right area across the two screens. The area where the item was selected in the list will be overlayed with a set of option buttons (Share, Like, Comment, Store it). The function-buttons presented are directly applied to the currently “active” post. Avilable functions will be dependent on what kind of service (post) they relate to (in this example - facebook).

The user selects the “Share”-button by tapping on it.

Screen ID

24 03SCP Application - Personal mode - Sharing item overlay (Types in comment)

When the “Share” option is selected, an overlay will display a small preview of the item that will be shared (in this example a facebook post with an embedded image), a comment �eld (if possible to add comment) and where the item will be shared (facebook/twitter). In the future additional SNS and other communication services could be added to suplement facebook and twitter such as E-mail, mySpace etc.

The user types in a comment in the topmost comment �eld (cursor already in this �eld) using the QWERTY-keyboard on the bottom screen.

A tap on the “Close”-button in the upper right corner will cancel the sharing.






My online edition




Relatedcontent

Relatedcontent

The highlighted feed headline<Source (link)>

Comment

Share

Favorite

Like

Q1 2 3 4 5 6 7 8 9

! @ # $ % & * ? /

_ “ ‘ ( )

123#

-

; :

+

0

E R T Y UW I O P

A D F G H JS K L

X C V B N

, .

Z M

Types in commenton QWERTY keyboard

Goes toScreen ID

25 01


Tap on “Share”-button (To share item)

Share via:

Preview:

Comment:


Share

Lorem ipsum dolor sit amet, consectetur adipiscing elit.Morbi ut tellus ac purus pulvinar fermentum vel egestasdui. In in urna vitae justo vulputate laoreet sed quis mauris.Mauris magna tortor, cursus ut eleifend ut...

Tap on “Close”-button(Cancel sharing)

Instead of tapping on a post in the My Edition list the user could also �ick through posts by explicitly dragging up/down in the Feed item fullscreen.

If the user performs a �ick, the navigation will a�ect the postion of the current post (showing more items (e.g. Related conten) once the user reaches the end of the post (incl. related content) he/she whould have to perform yet another explicit drag (e.g. down) to be presented with the next post inline.

The post will snap into position once the user jumps to the next post inline.



Sharing a feed or content through Twitter or Facebook (pt. 2)

Screen ID

25 01SCP Application - Personal mode - Sharing item overlay (Selects to share item)

Once the user has typed in a comment, he can choose where to share the item (facebook or twitter) then press on the “Share”-button in order to share the item.






My online edition




Relatedcontent

Relatedcontent


Comment

Share

Favorite

Like

Q1 2 3 4 5 6 7 8 9

! @ # $ % & * ? /

_ “ ‘ ( )

123#

-

; :

+

0

E R T Y UW I O P

A D F G H JS K L

X C V B N

, .

Z M

Share via:

Preview:

Comment:


Share


Goes toScreen ID

24 02


I really liked this post...Check it out!


Screen ID

25 02SCP Application - Personal mode (Shared item transient dialog)

The user has now shared the item to facebook and recieves hint by a transient dialog in the upper right corner.


My edition

Relatedcontent


Relatedcontent












Comment

Share Like

Store it

You have shared this on Facebook



Liking a feed or content through Facebook

Screen ID


The user is on the SCP Start screen and he presses a personal item from Facebook.

Screen ID

26 02SCP Application - Personal mode

In the Personal mode the item selected is overlayed with di�erent functions related to this item. The user presses ‘Like’.




My edition





My edition

Relatedcontent


Relatedcontent



Screen ID

26 03SCP Application - Personal mode (likes)

When ‘Like’ is pressed the function switches to ‘Unlike’ and the ‘Like’ is added to the full post. If pressing ‘Unlike’ the user is back at previous screen.


My edition

Relatedcontent


Relatedcontent

The highlighted Facebook headline


<Name> likes this

Single press onpersonal item takesthat to fullscreen

Press on ‘Like’






















shared by <Name>

Comment

Share Like

Store it Comment

Share Unlike

Store it

Press on ‘Unlike’




Posting an update to Twitter or Facebook (pt. 1)

Screen ID


The user is on the SCP Start screen and he presses the status update �eld. It’s placed in the right edge of the list making it accessible even if the list is pushed to the side (in discover mode).




My edition







Screen ID

27 02SCP Application - Status input

The status �eld is expanded and the search �eld is collapsed. The on screen keyboard is presented in the bottom screen.Once the �rst character is pressed the �eld will expand showing the options available for the user.





My edition







Q1 2 3 4 5 6 7 8 9

! @ # $ % & * ? /

_ “ ‘ ( )

123#

-

; :

+

0

E R T Y UW I O P

A D F G H JS K L

X C V B N

, .

Z M

Typing initiatedon QWERTY keyboard

Screen ID

27 03SCP Application - Status share

The user presses ‘Post’ to con�rm the input.





My edition







Q1 2 3 4 5 6 7 8 9

! @ # $ % & * ? /

_ “ ‘ ( )

123#

-

; :

+

0

E R T Y UW I O P

A D F G H JS K L

X C V B N

, .

Z M

Goes toScreen ID

28 01

Forem ipsum dolor sit amet

PostShare via:PostShare via:

Pres

s ‘P

ost’

Single press accessthe status update textfield




Posting an update to Twitter or Facebook (pt. 2)

Screen ID

28 01SCP Application - Users status updated

The user has now posted anstatus update to facebook and/or Twitter and recieves hint by a transient dialog in the upper right corner.The on screen keyboard is removed and so is the status update input options.




My edition







You have posted “Forem ipsum dolor sit amet”on Facebook




Posting a comment to a feed or content on Facebook (pt. 1)




My edition





My edition

Relatedcontent


Relatedcontent















Comment

Share Like

Store it


Screen ID


The user is on the SCP Start screen and he taps on one of the items in the “Personal feed” list to select it.

Screen ID

29 02SCP Application - Personal mode (Select to comment on item)

By selecting the item in the list, the item which is a post will be displayed on the right area across the two screens. The area where the item was selected in the list will be overlayed with a set of option buttons (Share, Like, Comment, Store it). The option buttons will be dependent of the kind of item they relate to (in example - facebook).

The user selects the “Comment”-button by tapping on it.

Screen ID

29 03SCP Application - Personal mode - Comment field (Types in comment)

When the “Comment” option is selected, a comment �eld will be displayed on the bottom of the top screen. This is made possible because the user might still want to scroll up or down in the post (maybe even view other comments if there are any) before typing in a comment.

The user types in a comment in the comment �eld (cursor already in this �eld) using the QWERTY-keyboard on the bottom screen.

A tap on the “Close”-button in the upper right corner of the comment �eld will cancel the comment and close the �eld.






My edition




Relatedcontent

Relatedcontent


Comment

Share

Favorite

Like

Q1 2 3 4 5 6 7 8 9

! @ # $ % & * ? /

_ “ ‘ ( )

123#

-

; :

+

0

E R T Y UW I O P

A D F G H JS K L

X C V B N

, .

Z M

Comment:

Post

Types in commenton QWERTY keyboard

Goes toScreen ID

30 01


Tap on “Comment”-button (To comment on item)







Posting a comment to a feed or content on Facebook (pt. 2)

Screen ID

30 01SCP Application - Personal mode - Comment field (Posts comment)

Once the user has typed in a comment, he can post it by tapping on the “Post”-button.






My edition




Relatedcontent

Relatedcontent


Comment

Share

Favorite

Like

Q1 2 3 4 5 6 7 8 9

! @ # $ % & * ? /

_ “ ‘ ( )

123#

-

; :

+

0

E R T Y UW I O P

A D F G H JS K L

X C V B N

, .

Z M

Comment:

Post

Goes toScreen ID

29 02

Really enjoyed reading your post Eric

Tap on “Post”-button (To post comment)

Screen ID

30 02SCP Application - Personal mode (new comment)

When the comment has been posted, there will be an indication of that on screen for the user to see. Tapping on it will expand the comment and display it in full.


My edition

Relatedcontent


Relatedcontent

The highlighted Facebook headline


1 new comment










shared by <Name>

Comment

Share Unlike

Store it




Tap on “Close”-button(Cancel comment)

Table of content


Initial Setup Process - Sign up to SCP service and Login to social networks (Twitter and Facebook) (pt. 1 - 4)

Browsing of o�cial feeds and social network feeds

Browse default SCP Start screen (When user has not Subscribed to O�cial feeds)

Logout and Login to SCP

Setting up My Edition

Entering the Discover Mode and a brief introduction to the 4 types of Discovery

Browse the service, peek preview it’s content and start a subscription (follow the service)


Browsing available Services and and make a new subscription

Searching for content within the SCP

Always being able to browse followed o�cial feeds (O�ine version of My Edition)

Handling of content/feed updates

Managing My Edition

Reading content within a webview

Playback of media within an embedded media player (video & music pt- 1 - 3)

O�ine content stored for later usage (Playlists, Bookmarks etc.) (pt. 1 - 2)

Sharing a feed or content through Twitter or Facebook (pt. 1 - 2)

Liking a feed or content through Facebook

Posting an update to Twitter or Facebook (pt. 1 - 2)

Posting a comment to a feed or content on Facebook (pt. 1 - 2)

Appendix: T1 Example Use Cases 5,2,4,3 (single screen mock-up)

DescriptionPage

2-5

6

7

8

9

10

11

12

13

14

15

16

17

18

19-21

22-23

24-25

26

27-28

29-30

32-36

Two Paths - Appendix: T1 Example Use Case 5 (single screen mock-up)

Buongiorno Single Screen (T1) tablet concept

Screen ID

27 01Screen ID

27 02

My edition






My edition






PostShare via:

Single press access thestatus update text field

Posting an update to Twitter or Facebook

In order to provide a feeling of what the Two Path concept would be exprienced on the mentioned “T1” device (one single screen 1024x600) we’ve made an example of what screen...

...would look like if they where transfered into the T1 experience.

Background

Screen ID

32 01SCP Application - Startscreen Screen ID

32 02SCP Application - Status input


Q1 2 3 4 5 6 7 8 9

! @ # $ % & * ? /

_ “ ‘ ( )

123#

-

; :

+

0

E R T Y UW I O P

A D F G H JS K L

X C V B N

, .

Z M



Screen ID

24 01Screen ID

24 02Screen ID

24 03

My edition






My edition







Relatedcontent

Relatedcontent

Relatedcontent


Comment

Share Like

Store it



My edition







Comment

Share Like

Store it

Share via:

Preview:

Comment:


Share




Background

Screen ID

33 01SCP Application - Start screen(Select Personal feed)

Screen ID

33 02SCP Application - Personal mode(Select to share item)

Screen ID

33 03SCP Application - Personal mode - Sharing item overlay (Types in comment)

Sharing a feed or content through Twitter or Facebook


Q1 2 3 4 5 6 7 8 9

! @ # $ % & * ? /

_ “ ‘ ( )

123#

-

; :

+

0

E R T Y UW I O P

A D F G H JS K L

X C V B N

, .

Z M



Screen ID

12 01Screen ID

12 02



Background

My edition






Screen ID

34 01Accessing the [menu]

My edition






Screen ID

34 03Navigating within the Discovery Directory

My edition






Screen ID

34 02Accessing the Discovery Directory

Discovery Directory



Vivamus egestas iaculis sapien, ac dapibus dui volutpat a. In commodo ligula at dolor interdum eget convallisnunc imperdiet.Nullam at mattis eros. Unsubscribe to

Service





Music Sports News Finance Travel Games Fashion Furniture

Tap on one of the Service categories below, to manage your subscriptions.




ManageAccount

GeneralSettings

Help Logout

Tap on DiscoveryDirectory

Tap on [menu] button



Screen ID

10 02Screen ID

10 01Screen ID

11 02



Background

Screen ID

35 01Reaching the Discover Mode Screen ID

35 02Interacting with a Service (portal)

Screen ID

35 03Sneak peek of availableposts (articles)

My edition

RSS headlineLorem ipsum dolor sit amet, consect.


Lorem ipsum dolor sit amet, conseturadipiscing elit. Curabitur ac ligula im...








engadgetEngadget is a web magazine with

obsessive daily coverage of everything new in gadgets and

consumer electronics.Engadget was launched in March

of 2004 in partnership with the Weblogs, Inc. Network (WIN).

Lovefilm movie streaming nowlive on UK PlayStation 3 consoles

Samsung Galaxy Tab fulfills its destiny

SlingPlayer arrives in Windows Phone 7


Palm Pre 2 swims across the English Channel

...more headlines

Featured

Friend activities

Popular

Personalized

My edition












engadgetEngadget is a web magazine with

obsessive daily coverage of everything new in gadgets and

consumer electronics.Engadget was launched in March

of 2004 in partnership with the Weblogs, Inc. Network (WIN).

Lovefilm movie streaming nowlive on UK PlayStation 3 consoles

Samsung Galaxy Tab fulfills its destiny

SlingPlayer arrives in Windows Phone 7


Palm Pre 2 swims across the English Channel

...more headlines

Featured

Friend activities

Popular

Personalized

My edition












Lovefilm movie streaming now live on UK Playstation 3 co...2 minutes ago

Samsung Galaxy Tab fulfills its destiny18 minutes ago

SlingPlayer arrives in Windows Phone 752 minutes ago

TAT’s Dimension S3D is a user interface for stereoscopic TVs (video)11:14

Palm Pre 2 swims across the English Channel10:48

People of Lava launches Scandinavia Android TV, melts home theat...10:22

Sony announces Bloggie Touch pocket video camera09:15

Love�lm movie streaming now on UK Playstation 3 console

engadget - consumer electronics


Browse the service, peek preview it’s content

Tap on an articleTap on the DiscoverMode area


Two Paths - Appendix: T1 Example Use Case 4 & 3 (single screen mock-up)


Screen ID

18 02Screen ID

18 01Screen ID

17 02Screen ID

17 01



Background



Background

Screen ID


Screen ID

36 02Feed view

My edition











Relatedcontent

Relatedcontent

Relatedcontent

8 hours agoLorem ipsum dolor sit amet, consectetur adipiscing elit.Morbi ut tellus ac purus pulvinar fermentum vel egestas dui. In in urna vitae justo vulputate laoreet sed quis mauris.Mauris magna tortor, cursus ut eleifend ut, venenatis non arcu. Mauris at enim magna, eu volutpat ligula. Praesent pulvinar auctor congue. Nunc pulvinar nisi


CommentShare Like Store it

My edition










Facebook headline shared by <Name>Tap on a post

Screen ID

36 04

My edition











Screen ID

36 05Screen ID

36 03Feed view

Relatedcontent

Relatedcontent

Relatedcontent

8 hours agoLorem ipsum dolor sit amet, consectetur adipiscing elit.Morbi ut tellus ac purus pulvinar fermentum vel egestas dui. In in urna vitae justo vulputate laoreet sed quis mauris.Mauris magna tortor, cursus ut eleifend ut, venenatis non arcu. Mauris at enim magna, eu volutpat ligula. Praesent pulvinar auctor congue. Nunc pulvinar nisi


CommentShare Like Store it

My edition











Reading content

My edition











Extract thePersonal feedonce again

Tap on the[back]- button.

Available contacts

<Name> <Name><Name>

<Name> <Name><Name>

<Name> <Name><Name>

My Edition ON

Facebook


TwitterYoutube Smartstream

The worlds most famous video sharing site.Join now and begin sharing videos with the rest of the world.


Top contacts

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

<Name>

SCP Application - Start screen (Select manage My Edition)

SCP Application - My Edition management (Social networks)

Tap on Myedition manager

Managing My Edition

Serv

ice

pack

ages

buongiorno tat dual_screen_tablet_concept_and_use_cases_final_delivery_t1_appendix_updated

Design