Next in line technical pack

Page 1

NEXT IN LINE

Digital information as Heirlooms

Technical pack

Author

Rahul Boggaram

Version

4.2

Service

Next In Line


NEXT IN LINE

Digital information as Heirlooms

“A platform that allows being selective to preserve, inherit and ethically hand down your digital possessions in their authentic form.�


Contents 1. What, Who & Why 2. User Persona 3. Web Service •

Service Map

User Journeys

Wireframes

Visual Identity

UI Elements

Visual Prototype

User Testing Results

4. Mobile App •

Service Map

User Journeys

Wireframes

Visual Identity

UI Elements

Visual Prototype


What, Who and Why


What is it?

Next in line is an effort to design experiences that allows being selective to preserve, inherit and ethically hand down digital possessions in their authentic form.

Who is it for?

This project is designed for a person who embraces digital life and would want to preserve to bequeath their digital possessions. A person who feels responsible to take care of their ancestors digital assets and thinks its important to preserve his best moments and choices to convey to his future generations. It is for Bruce Willis, who was rumoured that he wanted to hand down his massive library of digital music assets equally to his three daughters.

Why am I doing this project?

This project started when an unexpected gift came to my door, which I photographed every step on to my social network page while I unpacked it, to understand that it was from my parents who never used Internet before, learnt it just to order a gift for their son abroad. It was truly a memorable moment, a moment I wanted to preserve and convey the emotions I went through to my future generations. What grasped my attention was that the photograph did not attract any comments or likes on my social network page. It did not interest any of my friends. This also pushed me to understand, something that was immensely meaningful to me was not at all of an interest to my friends. Increasingly, Mobile, Social networks, Internet and other digital technologies have become part of everyday living. We are acquiring what we do, where we are, who we are with, what we like etc., In digital form around different services. This data is large rich collection of a person’s behaviour (traits) and their memories, but like a lot of us, I was surprised to know that most digital assets cannot be handed down or outlived, as our accounts restrict to an username and a password, which is not legal or ethical to share. With the knowledge of witnessing tangible heirlooms, the similar approach to digital life might create longevity to digital possessions, evocate memories, convey stories, create a sense of burden and outlive a person. How can we enable users to be selective to preserve, inherit and ethically bequeath digital possessions in their authentic form? How can we unpack those experiences to offer stimuli and create a meaningful recall in to inherited digital content?


User Persona A technique that employs fictitious users to reflect their activities, knowledge, interest and influences.


General Name Age

Tallulah Belle Willis

Walter Bruce Willis

19 yrs

58 yrs

Lifestyle Activities

Likes pubbing , meeting new people and exploring new places. Spends a lot of time reading books, listening to music. She also tags, blog, tweets to share all her experience.

• •

Ultimate Goal

Goal is to start a career in the world of modeling. Keeping in touch with trends to embrace them.

Enjoys music and spends a lot of his money on it. Travels a lot to visit new locations. Blog, emails and embraces social networks to keep in touch with his fans, family and friends. He always retains his old goods. He hopes his kids live in an ethical society

To make sure he conveys his best moments to his children and full fill the responsibility of handing down his family possessions from his ancestors.

Technology Competency High and Up to date with the current trends.

Moderate but puts his efforts to stay informed of whats worth learning.


Web Service


Service Map Service Map is a way to specify and detail each individual aspect of service.


User Journeys A customer user journey map provides a structured visualisation of the touch points where users interact with the service.


First time user to join the service NEXT IN LINE

Digital information as Heirlooms

A platform that allows being selective to preserve,

How it works

inherit and ethically hand down your digital possessions in their authentic form.

Login

Join us

Download our app to carry your possessions with you. *The mobile app is only a viewer.

Getting Started

About

Subscribe

News

Terms

Press

Contact ©2013 Next In Line

Sign up

Full Name

Walter Bruce Willis

Email

bruce @willis.com 19th Mar 1955

Date Of Birth

***** ****

Pass Phrase

willis1237890

Memorable Word

Bank Card Number

1234-5678-0123-7890

By creating an account, I accept

Service Terms.

Submit

Getting Started

About

Subscribe

News

Terms

Press

Contact ©2013 Next In Line

NEXT IN LINE

Digital information as Heirlooms

Log In Username Passphrase Remember me

Forgot Passphrase? Forgot Username?

Getting Started

About

Subscribe

News

Terms

Press

Contact ©2013 Next In Line


2nd time and subsequent journeys NEXT IN LINE

Digital information as Heirlooms

A platform that allows being selective to preserve,

How it works

inherit and ethically hand down your digital possessions in their authentic form.

Login

Join us

Download our app to carry your possessions with you. *The mobile app is only a viewer.

Getting Started

About

Subscribe

News

Terms

Press

Contact ©2013 Next In Line

NEXT IN LINE

Digital information as Heirlooms

Log In Username Passphrase Remember me

Forgot Passphrase? Forgot Username?

Getting Started

About

Subscribe

News

Terms

Press

Contact ©2013 Next In Line

NEXT IN LINE

Digital information as Heirlooms

Please enter character 5, 6 & 13 from your memorable information

Forgot Memorable information?

Getting Started

About

Subscribe

News

Terms

Press

Contact ©2013 Next In Line

➕ Preserve

Inherit

Recent Activity

View


To preserve a personal possession

➕ Preserve

Inherit

View

Recent Activity

Personal

Social

Public

Personal

Social

Public

Meta Data

Sunday 17 February 2013 14.57

London

47 Comments

Walter Bruce Willis

Annotation

Add annotation to your possession

Enter login passphrase

Obligation

Obligate your possession Forgot Passphrase?

Our programme validates rights with this source to legally embed in to your contents.

Our programme validates rights with this source to legally embed in to your contents.

Preserved

Next in line


To preserve a social possession

➕ Preserve

Inherit

View

Recent Activity

Personal

Social

Public

Personal

Public

Social

Meta Data

Sunday 17 February 2013 14.57

London

47 Comments

Walter Bruce Willis

Annotation

Add annotation to your possession

Enter login passphrase

Obligation

Obligate your possession Forgot Passphrase?

Our programme validates rights with this source to legally embed in to your contents.

Our programme validates rights with this source to legally embed in to your contents.

Preserved

Next in line


To preserve a public possession

➕ Preserve

Inherit

View

Recent Activity

Personal

Social

Public

Meta Data

Sunday 17 February 2013 14.57

London

47 Comments

Walter Bruce Willis

Personal

Social

Public

Annotation

Add annotation to your possession

http://www.guardian.co.uk/film/filmblog/2013/feb/17/bruce-willis-five-best-moments

Obligation

Obligate your possession

Our programme validates rights with this source to legally embed in to your contents.

Enter login passphrase

Forgot Passphrase?

Our programme validates rights with this source to legally embed in to your contents.

Preserved

Next in line


Inheriting a possession

Jan ’13

Hints

Meta Data

Top 25 played in 2012

Plays : 195

Walter Bruce Willis

Annotation

My favourite when i was young

Enter login passphrase

Obligation

Only to Rumer Willis and her younger children their after Forgot Passphrase?

The Heir may move the chosen digital asset to his archive when permissible and the single license holding digital possession is deleted from the originating user’s personalised archive

Our programme validates rights with this source to legally embed in to your contents.

âž•

Preserved

Next in line


Viewing possessions

➕ Preserve

Inherit

View

Recent Activity

Jan ’13

Hints

Jan ’13

Hints View Certificate

Jan ’13

Meta Data

Last read 2012

10 comments

39 Highlights

Walter Bruce Willis

Annotation

My steps in to new thoughts

Obligation

An Entrepreneur will take this

Preserved

Next in line

Hints View Certificate


Wireframes The wireframes indicate the functional aspect of the web page rather than design.


Basic layout details and liquid layout rules

Higher screen resolution

Standard screen resolution

1024 px

1440 px

Layout of this website is built for 1024px * 768px(todays standard screen resolution in the industry). The layout carry a liquid layout rule to re-center the contents of the page for screens of higher resolution, the empty space on both ends of higher resolution screens to be filled with hex value colour #ECECEC. The components are drawn to scale in the attached Adobe InDesign package and the developer can copy these components to render them as a web-page. 768 px


1.0

Getting Started

Getting started page consists of service statement, how it works video, join us, login and app download link. This page is to quickly communicate what the service is about to first time users and as a login page for subsequent users.

Logo with tag line

2 A platform that allows being selective to preserve, inherit and ethically hand

1

down your digital possessions in their

4

3

Login

Join us

768 px

authentic form.

Download app to carry your possessions with you. *The mobile app is only a viewer.

5 Footer Links Copyrights

1024 px Higher resolution screens Description

1

How it works video

2

Service statement

3

Join us takes the user to 1.1 Sign up.

4

Subsequent users can choose login, this will direct to 2.0

5

App store logo opens an external browser window to their respective web pages to download mobile app.


1.1

Sign Up

Its compulsory to fill in every field on this page to create an account with the service.

Logo Sign up

1

2

Full Name

Walter Bruce Willis

Email

bruce @willis.com 19th Mar 1955

Date Of Birth

***** ****

Pass Phrase

3

willis1237890

Memorable Word

Bank Card Number

1234-5678-0123-7890

Hint Bank Card details are used only to check the authenticity of the user.

4

By creating an account, I accept Service Terms.

Submit

5

Footer Links Copyrights

Description

1

User can upload a profile picture.

2

Users basic information.

3

Secured information is chosen by the user which includes a passphrase and a 13 digit memorable information which will be required to access their account.

4

An interactive pop up to communicate the user of why the service needs a bank card to sign up. Bank Card number is used only to check the authenticity of the user.

5

Submit sends a confirmation link to the email provided by the user. The users has to click the link on his email to activate the account.


2.0

Login

Logo with tag line

Log In Username Passphrase

3

Hint Tick this to save your username on this computer. This won’t save your passphrase.

1

Remember me

Forgot Passphrase? Forgot Username?

2

Footer Links Copyrights

Description

1

Filling in username and passphrase will open 2.1 Memorable information page.

2

Forgot username or forgot passphrase opens 2.01

3

An interactive pop up to keep the user informed about the selection.


2.01 Forgot Passphrase Pop up Forgot Passphrase pop up is for users who choose to reset their passphrase.

Logo with tag line

ForgotLog Passphrase In

2

Username Enter email Enter Username Passphrase Remember me

1

Forgot Passphrase? Forgot Username?

Footer Links Copyrights

Description

1

Entering necessary information, sends data to webserver to receive passphrase reset link on users email provided while joining the service. Once the link sent, the pop up will close and takes the user back on to 1.1

2

Selecting close, directs to 1.1


Memorable Information

2.1

This is a security step which requires 3 mentioned characters from users memorable inforamtion chosen while joining the service.

Logo with tag line

Please enter characters

5, 6 & 13 From your memorable information

1 2

Forgot Memorable information?

Footer Links Copyrights

Description

1

The users chooses his 13 digit memorable inforamtion while signing up and 3 random characters would be required by the server to allow the user in to his main page.

2

Forgot memorable information opens 2.01


3.0

Home

Home page is the main navigation point for the users which shows all the key features the service has to offer. Each icon links them in to their respective pages.

1

2

3

4

Inherit it!

View

âž• Preserve

Recent Activity

5

5

5

Description

1

Profile picture, which is also a link to 4.0

2

Preserve directs to 5.0

3

Inherit directs to 6.0

4

View directs to 7.0

5

Recent activity feed show possessions most recently accessed and they also link in to 7.0


Profile

4.0

1

4

2

3

Full Name

Walter Bruce Willis

Email

bruce @willis.com

Change Memorable word

5

Change Passphrase

Description

1

Guides to 4.1

2

Profile picture also to redirect back in to 3.0

3

Sign out leads the user back in to 2.0

4

Users basic information.

5

Change security information.


4.1

Manage Next in line

Manage Next in line is a list of heirs the user is connected.

1 2

3

Logo

Possessor

Next in line

Tallulah Belle Willis Requests to be ‘Next In Line’

Accept Wait

S cou LaRue Willis

Demi Moore

Mabel Ray Willis

4

4

4

Description

1

Logo is also a link back to 3.0

2

Guides to 4.2

3

Notifications from heirs.

4

Each heir can be clicked into 4.11 to send a send a personal request or unlist them.


4.11 Manage Next in line Pop up

Possessor

Next in line

1

Full Name

Email

Message

2 Request

Scout

LaRue Willis

Demi Moore

Remove

Mabel Ray Willis

3

Description

1

Close pop up will redirect back into 4.1

2

Users can message their heirs or possessors to request for a particular possession.

3

Remove heir, will block heir from viewing users possessions.


4.2

Manage Possessors

Manage possessors page allows the user to check their possessors, it also helps search and send a request to be next in line (an heir).

1

Logo

Possessor

3

Next in line

Find

4

Marlene Willis

David willis

Request sent!!

Description

1

Logo is also a link back to 3.0

2

Guides to 4.1

3

Search field, to connect to a new possessor.

4

List of possessors that user can inherit from.

2


5.0

Preserve

Main navigation point for preserving digital possessions from different locations.

Logo

1

2

3

Personal

Social

Public

Description

1

Preserving digital possessions under personal control. The button links into 5.1

2

Preserving possessions from social networks. This button links into 5.2

3

Preserving digital possessions open to public. This button directs to 5.3


5.1

Preserve Personal

Sub navigation page to preserve possessions under personal control.

Logo

1 Personal

3

3

2 Social

3

Public

3

Description

1

Click directs to 5.2

2

Button directs to 5.3

3

Links into respective locations that opens up in 5.11

3

3


5.2

Preserve Social

Sub navigation page to preserve possessions on social networks.

1

2 Personal

3

3

3

3

Social

3

3

Public

3

3

3

3

3

Description

1

Click directs to 5.1

2

Click directs to 5.3

3

Links into respective social networks that opens up in 5.11 to select a possession to preserve.

3


5.3

Preserve Public

Sub navigation page to preserve possessions open to public.

1

2 Personal

Social

Public

3 4

Description

1

Click directs to 5.1

2

Click directs to 5.2

3

Open field to paste a web link.

4

Click to copy the possession on the link pasted on the open field and direct to 5.12


5.11 External Pop up An external pop up is a location chosen by the user on sub navigation page to preserve his possessions.

1 2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

Description

1

Redirects to respective sub navigation preserve page 5.1 or 5.2 or 5.3

2

Selectable digital possessions in the selected preserve location. Service will intelligently copy related reference, For possessions on computer or other similar devices - service brings in available meta data on the selected document and also a screen shot of user interface. For Itunes and other possessions bought from a secured source - service saves music file, album cover, artist, times played, username of the owner and also a screen shot of the itunes interface. In case of Twitter and other social networks- service saves selected tweets and also the whole conversion, comments, username, tags, location, annotations and screenshot of the user interface. In case of a link into a news article or a possession open to public - service saves the author, link, date, comments, pictures related and a screen shot of the article and other related cues around.


5.12

Annotation & Obligation

1 2 Paris

3

5 Comments

4

Meta Data

21 Retweets

@brucey willis

Annotation

Add annotation to your possession Obligation

Obligate your possession

5

Our programme validates ownership and excludes illegal assets

6

Description

1

Close will take the user back to 5.11

2

Meta data is the soul of the possession, this is automatically bought in by the service and cannot be edited by the user.

3

Selected possession shown behind.

4

Annotation and obligation fields are for user to fill, in relation to their possession. An obligation is a name of a heir who will be the only user allowed to inherit or view that particular preserved possession.

5

Warning message regarding the authenticity of the possession. For possession brought through a secured source like Amazon or i Tunes - ‘Eligible files are ones originally bought. Our programme validates ownership and excludes illegal transferred files.’ Social network possession - ‘Our programme validates ownership and excludes illegal assets.’ Possession from public sources - ‘Our programme validates rights with this source to legally embed.’in

6

Click to confirm preserving. This action will pop up 5.13


5.13 Enter Passphrase Security step to preserve possessions.

1 Enter login passphrase

2 Forgot Passphrase?

Our programme validates ownership and excludes illegal assets

âž• Description

1

Close will take the user back to 5.12

2

Entering correct passphrase will direct the user to 5.14


5.14 Preserved Possession Confirmation

1

Logo

2

Preserved

Next in line 3

4

Description

1

Logo is also a link back in to home page. 3.0

2

Visual confirmation to the user that their possession is preserved. Once preserved no one will be allowed to delete the possession and the possession can be viewed in 7.0

3

Users can choose to navigate back to 5.0

4

Users can choose to navigate back to 5.11


6.0

Select Possessor

Inherit is one of the key features of the services which represents a family tree automatically arranged in hierarchy from the information provided in the profile. Its also shows the possessors and heirs the user is connected.

Logo

1

2

2 3 2

2

Description

1

Logo is also a link back in to home page. 3.0

2

Profile pictures of the possessors, users connected to and they are also links in to respective possessors archive. 6.1


6.1

Possessors Archive

The content a user see here are possessors preserved assets excluding the obligated possessions that the user is not allowed to see. This will look similar to users view feature, possessions are automatically arranged by time and also by cues of events, people, places and related format that might help users reminisce the story. All the images here will be cover pages of a possessions (e.g.; album cover of a song, cover page of a book, logo of an app etc;). Logo

2

1

Jun ’95

3

4

4

5

5

5

5

Hints

Description

1

Logo is also a link back in to home page. 3.0

2

Time scroll, a scrollable time line which shows month and year of the content present in main viewer.

3

Main viewer of a possession. Selecting the possession on main viewer will direct the user to 6.2

4

Possessions arranged by time.

5

Possession automatically generated by cues of people, places, linked events in relation to the content in rich viewer. This content is generated by comparing the meta-data of a possession in main viewer and the closest related meta-data in preserved possessions. These possession can be clicked to view in the main viewer.


6.2

View Annotation & Obligation

1 2 Top 25 played in 2012

Meta Data

Plays : 195

Walter Bruce Willis

3 Annotation

My favourite when i was young

4

Obligation

Only to Rumer Willis and her younger children their after

5

The Heir may move the chosen digital asset to his chest when permissible and the single license holding digital possession is deleted from the originating user’s personalized archive

6

Description

1

Close will take the user back in to 6.1

2

Meta data is the soul of the possession, this is automatically bought in by the service and cannot be edited by the user. If the possession is inherited by the heir, an additional meta data would be generated regarding the day preserved date and inherited date of the possession and the username.

3

Selected possession shown in the background.

4

Annotation and obligation fields can only be edited after the possession is inherited.

5

Warning message regarding the license of the possession. For possession brought through a secured source like Amazon or i Tunes - ‘The Heir may move the chosen digital asset to his archive when permissible and the single license holding digital possession is deleted from the originating user’s personalised archive.’

6

Click to confirm inheriting in to archive. This action will pop up passphrase window. 6.3


6.3

Enter Passphrase

Security step to inherit any possession.

1 Enter login passphrase

2 Forgot Passphrase?

Our programme validates ownership and excludes illegal assets

âž• Description

1

Close will take the user back to 6.2

2

Entering correct passphrase will direct the user to 6.4


6.4

Inherited Possession Confirmation Logo

1

2

Inherited

Next in line 3 Description

1

Logo is also a link back in to home page. 3.0

2

Visual confirmation of an inherited possession.

3

Navigation back in to possessors archive. 6.1


7.0

View

An archive of preserved and inherited possessions of an user. The possessions are automatically arranged by time and also by cues of events, people, places and related format that might help users reminisce the story. All the images here will be cover pages of the possessions (e.g.; album cover of a song, cover page of a book, logo of an app etc;) Logo

2

1

Jun ’95

3

4

4

5

5

5

5

Hints

Description

1

Logo is also a link back in to home page. 3.0

2

Time scroll, a scrollable time line which shows month and year of the content present in main viewer.

3

Main viewer of a possession. Clicking on this possession will be directed to 7.1

4

Possessions arranged by time.

5

Possession automatically generated by cues of people, places, linked events in relation to the content in rich viewer. This content is generated by comparing the meta-data of a possession in main viewer and the closest related meta-data in preserved possessions. These possession can be clicked to view in the main viewer.


7.1 View Pop up Double clicking on main viewer will pop out a window to view in to a possession. (E.g, a book might contain 100 pages and view pop out is a viewer to look in to all those page.)

1

Jun ’95

2

Hints View Certificate

Description

1

Close will take the user back in to viewer 7.0

2

Viewer to look in to the selected possession.

3

Button to take the user in to 7.2

3


7.2

View Certificate

Every possession will have a certificate which consists of annotations, obligations, meta data of the possession and a responsibility seal by the service to confirm it was an authentic possession when preserved.

Jun ’95

Meta Data

Last read 2012

10 comments

39 Highlights

Walter Bruce Willis

Annotation

My steps in to new thoughts

Obligation

An Entrepreneur will take this

Preserved

Next in line

Hints

Description

1

Close will take the user back in to viewer 7.1

2

Users can edit annotations and obligations before possessions are inherited by heir.


1.2

About

About A platform that allows being selective to preserve, inherit and ethically hand down your digital possessions in their authentic form.

Features

1

2

3 Preserve

Allows the users to be selective to choose data from their device, secured services, social networks and content open to public. It also intelligently brings in linked conversations, likes, comments, UI, metadata along with the selected content. Users can also annotate and obligate their possessions while preserving and can be changed when necessary and before inherited. The preserved possession cannot be deleted by any one in any case. Eligible files are ones originally bought. Our programme validates ownership and excludes illegal transferred files.

Footer Links Copyrights

Description

1

Rollover to read about ‘Preserve’.

2

Rollover to read about ‘Inherit’.

3

Rollover to read about ‘View’.


1.3

Subscribe

Subscription

Personal + Social

Personal + Social + Public

Capacity: 1 GB

Capacity: 5 GB

Capacity: 10 GB

1

2

3

Personal

Responsibility your data deserves ‘Next in line’ will meet the highest standards of Internet security All confidential data are encrypted on disk with AES-256. Decryption codes would be secured on separate machines.

Footer Links Copyrights

Description

1

Select to preserve only personal possessions.

2

Select to preserve personal & social possessions.

3

Select to preserve personal, social & public possessions.


1.4

News

Reviews and articles published about the service are posted here.

Newsroom The First Moment

June 2012

This project started when an unexpected gift came to my door, which I photographed every step on to my social network page while I unpacked it, to understand that it was from my parents who never used Internet before, learn it just to order a gift for their son abroad. It was truly a memorable moment, a moment I wanted to preserve and convey the emotions I went through to my future generations. What grasped my attention was that the photograph did not attract any comments or likes on my social network page. It did not interest any of my friends. This also pushed me to understand, something that was immensely meaningful to me was not at all of an interest to my friends. Increasingly, Mobile, Social networks, Internet and other digital technologies have become part of everyday living. We are acquiring what we do, where we are, who we are with, what we like etc., In digital form around different services. This data is large rich collection of a person’s behaviour (traits) and their memories, but like a lot of us, I was surprised to know that most digital assets cannot be handed down or outlived, as our accounts restrict to an username and a password, which is not legal or ethical to share. With the knowledge of witnessing tangible heirlooms, the similar approach to digital life might create longevity to digital possessions, evocate memories, convey stories, create a sense of burden and outlive a person. How can we enable users to be selective to preserve, inherit and ethically bequeath digital possessions in their authentic form? How can we unpack those experiences to offer stimuli and create a meaningful recall in to inherited digital content?

First Exhibited

June 2013

Central Saint Martins Degree show 2013

Footer Links Copyrights


1.5

Terms

More about the terms of use and privacy policies.

Terms of use To create an account Important terms that you need to know about accessing and using ‘Next In Line’ website and its service. When you sign up, please provide your real name as your user name and for billing purposes, we would also store your bank details for security reasons of your preserved content. You also agree to maintain the security of your pass phrase and accept all risks of unauthorized access to your account data. Our Service allows you to preserve and inherit content. You retain all of your rights to the content you preserve, link and make available on or through the Service.

To preserve Selected content preserves its authenticity by bring in its basic layout of user interface, Meta data, layers of other related memories (E.g. Comments, Likes, Re tweets, Highlights, Notes etc;). Users can annotate and obligate the log while preserving it into their archive and can change them when necessary . This preserved possession cannot be deleted, it can only be inherited. Eligible files to preserve are the ones originally bought through a secured source. Our programme validates ownership and excludes illegal transferred files. If the selected content is on an external source (E.g. public blog news website) or link that needs to be embed, our programme verifies rights with the source to preserve it to your archive.

To inherit The Heir may inherit the chosen digital content to his archive when permissible by the set obligations. He can edit the obligations after inheriting. If the content is a single license holding log, it will be deleted from the originating user’s archive.

Footer Links Copyrights


1.6

Press

Documents posted here are for press to download.

nEWS To DEVELOPERS Important terms that you need to know about accessing and using ‘Next In Line’ website and its service. When you sign up, please provide your real name as your user name and for billing purposes, we would also store your bank details for security reasons of your preserved content. You also agree to maintain the security of your pass phrase and accept all risks of unauthorized access to your account data. Our Service allows you to preserve and inherit content. You retain all of your rights to the content you preserve, link and make available on or through the Service.

To preserve The Heir may inherit the chosen digital content to his archive when permissible by the set obligations. He can edit the obligations after inheriting. If the content is a single license holding log, it will be deleted from the originating user’s archive.

Footer Links Copyrights


1.7

Contact

Ask a question to get an answer directly from the service providers.

Contact us Have a question? We would love to hear from you!

FAQ’s

Name

How to edit obligations? Username / E.mail

Why cant i delete some possessions from my archive? Message

How to buy more space?

FAQ’s How to unfollow heirs?

1

Send

Footer Links Copyrights

Description

1

Sends the message to service provider.


Footer links

Š2013 Next In Line

Footer links are on 1.0 1.1 1.2 1.3 1.4 1.5 1.6 1.7 2.0 2.1 3.0 4.0

Contact

2

4

News

5

Subscribe

6

About

7

Getting Started

3

1

Links to 1.7

2

Directs to 1.6

3

Guides to 1.5

4

Links to 1.4

5

Links to 1.3

6

Guides to 1.2

7

Redirects to 1.0

8

Click to view copyrights and visual identity details of the service.

Terms

1

Press

8

Description


Visual Identity

Note:

All the components and their effects shown are available in the attached InDesign document for exact sizes.


Colours Significant colours

Description

01

02

01 & 02 are the two blue tones which are the key colours in the logo and to highlight any user touch points in the service. It is also used in main headings on pages which are directed from footer links.

R0% G95% B124%

R24% G166% B209%

#005F7C

#18A6D1

03

Background colour for all the web and mobile app pages.

R236% G236% B236%

#ECECEC

04

This tone of Grey is used for most of the text on the web and mobile app pages, except unclickable main headings on pages that are redirected from footer links. R106% G106% B106%

#6A6A6A Secondary colours

05

06

R0% G0% B0%

R255% G255% B255%

#000000

#FFFFFF

07

05, Black is used on pop up windows with 75% opacity to give partial visibility of interface behind and 06, white is used for text on the pop up to complement the black.

07, is used on the content wire frames when the possession is of smaller resolution or without a cover page or a smaller cover.

R179% G178% B178%

#B3B2B2

08

R210% G35% B42%

#D2232A

Red is used for a notification and warning messages, this is to quickly differentiate from the other inforamtion on the interface and to grab quick attention by the user.


Fonts Typeface Name

Trajan Pro Regular

ABCDEFGHIJKLMNOPQRSTU VWXYZ?!@£$€1234567890ÿí©

Description

Trajan Pro Regular, is used for the logo and for main headings on pages directed from footer links.

Myriad Pro Light

ABCDEFGHIJKLMNOPQRSTU VWXYZ?!@£$€1234567890ÿí© abcdefghijklmnopqrstuvwxyz

Myriad Pro Light and Regular, are the only sans serif typeface to be used. It has been chosen for its modern appearance as well as its ability to fit within different circumstances.

Myriad Pro Regular

ABCDEFGHIJKLMNOPQRSTU VWXYZ?!@£$€1234567890ÿí© abcdefghijklmnopqrstuvwxyz Note:

All fonts are web friendly and hosted from typekit.com. Multiple fonts sizes are used and they can be picked up from the attached InDesign document.


Logo

35 px

NEXT IN LINE 9 px

25 px 30 px

62 px

15 px

210 px 170 px

Digital information as Heirlooms

NEXT IN LINE

Semantics - Immediately below the present holder of a position in order of succession.

ellipsis noun ( pl. ellipses |-sēz| ) the omission from speech or writing of a word or words that are superfluous or able to be understood from contextual clues. Ellipses can also be used to indicate an unfinished thought or, at the end of a sentence, a trailing off into silence (aposiopesis, is a figure of speech wherein a sentence is deliberately broken off and left unfinished, the ending to be supplied by the imagination).[1]

Digital information as Heirlooms

Tag line, is to briefly communicate about the service.


Main components and their visual effects Component

âž•

âž•

Component Description

Effect details

Inner Shadow - Opacity 25%, Distance 1px, Angle 120, Size 3px

Type field

Drop Shadow - Opacity 50%, Distance 12px, Angle 90, Size 10px, Outline 3pt

Frame detail for all digital possession and a pictogram to represent their format.

Outline 4pt

3.0

Home page main navigation buttons.

Effects apply to navigation buttons on Outline 2pt

2.0 2.1 4.0 5.0 5.1 5.2 5.11 5.12 5.13 5.14 6.2 6.3 6.4 Ellipsis as homepage link on

Inner Shadow - Opacity 25%, Distance 5px, Angle 90, Size 8px, Outline 3pt

Drop Shadow - Opacity 50%, Distance 0.5px, Angle 90, Size 4px, Outline 3pt

Inherited

Outline 8pt

1.2 1.3 1.4 1.5 1.6 1.7 4.1 4.2 4.11 5.0 5.1 5.2 5.3 5.14 6.0 6.1 6.4 7.0 Profile pictures of user, connected possessors and next in line on 3.0 4.0 4.1 4.11 4.2 6.1

Confirmation stamp on pages 5.14 6.4 7.2


Visual examples of main pages 1.0

Getting started

NEXT IN LINE

Digital information as Heirlooms

A platform that allows being selective to preserve,

How it works

inherit and ethically hand down your digital possessions in their authentic form.

Login

Join us

Download our app to carry your possessions with you. *The mobile app is only a viewer.

Getting Started

About

Subscribe

News

Terms

Press

Contact ©2013 Next In Line

3.0

Home page 1

➕ Preserve

Inherit

Recent Activity

View


Visual examples of main pages 5.2

Preserve Social

Personal

Social

Public

5.13 Enter Passphrase

➕ Enter login passphrase

Forgot Passphrase?

➕ The Heir may move the chosen digital asset to his chest when permissible and the single license holding digital possession is deleted from the originating user’s personalized archive


Visual examples of main pages 6.2

View Annotation & Obligation

Meta Data

Top 25 played in 2012

Plays : 195

Walter Bruce Willis

Annotation

My favourite when i was young

Obligation

Only to Rumer Willis and her younger children their after

The Heir may move the chosen digital asset to his chest when permissible and the single license holding digital possession is deleted from the originating user’s personalized archive

6.4

Inherited Possession Confirmation

Inherited

Next in line


Visual examples of main pages 7.0

View

Jan ’13

7.1 View Pop up Jan ’13

View Certificate


UI Elements


UI elements and their appearance when interacted Normal state

Rollover state

Clicked

Login

Login

Login

Login button on 3.0

Join us

Join us

Join us

Join us button on 3.0

Forgot Passphrase?

Forgot Passphrase?

Forgot Passphrase?

UI applies to all selections which help user retrieve their account details on 2.0 2.1 5.13 6.3

Interactive detail applies to possessions displayed in hints on pages 6.1 7.0

Hint Tick this to save your username on this computer. This won’t save your passphrase.

An interactive pop up, to keep the user informed or provide hints about a selection. 2.0 5.12 6.2


UI elements and their appearance when interacted Normal state

Rollover state

Clicked

Navigations buttons on 5.0 will posses this detail.

This interactive detail applied to buttons on home page. 3.0

Profile pictures of user, connected possessors and next in line on 3.0 4.0 4.1 4.11 4.2 6.1

Embed Sub navigation button UI on 2.0 2.1 4.0 5.0 5.1 5.2 5.11 5.12 5.13 5.14 6.2 6.3 6.4

Link back in to homepage on pages 1.2 1.3 1.4 1.5 1.6 1.7 4.1 4.2 4.11 5.0 5.1 5.2 5.3 5.14 6.0 6.1 6.4 7.0

Close button on all the pop up windows. 2.01 4.11 5.11 5.12 5.13 6.2 6.3 7.1 7.2


UI elements and their appearance when interacted Normal state

Rollover state

UI detail applies to all the possessions shown on the main viewer on pages 6.1 7.0 and on recent activity feed on page 3.0

Normal state

Jun ’95 Rollover state

Jun ’95 Timescroll, a scrollable date, when rolled over shows a hint. 6.1 7.0


UI examples of key pages 6.2 Normal State

01

Meta Data

Top 25 played in 2012

Plays : 195

Walter Bruce Willis

02

Annotation

My favourite when i was young

Obligation

Only to Rumer Willis and her younger children their after

03

The Heir may move the chosen digital asset to his chest when permissible and the single license holding digital possession is deleted from the originating user’s personalized archive

Rollover

01

Meta Data

Top 25 played in 2012

Plays : 195

Walter Bruce Willis

02

Annotation

My favourite when i was young Hint Obligation

Only to Rumer Willis and her younger children their after

03

The Heir may move the chosen digital asset to his chest when permissible and the single license holding digital possession is deleted from the originating user’s personalized archive

Inherit

Annotation and Obligation can be added or changed.


UI examples of key pages 7.0

02

Normal State

01

03 Jan ’13

04

05

02

Rollover

01

03 Jan ’13

04

05


Visual Prototype A partially functional prototype and an illustration of key user journeys using fictional scenarios to communicate the idea.


Note:

The disc contains SWF & HTML formats of proposed website and an InDesign package of all web pages with UI elements, visual effects and hyperlinks.


User Testing Results Value opportunity analysis was a method used to understand the users experience through the service and to find the opportunities to improve.


5

5

5

5

4/8/2013 20:07:05

4/14/2013 20:24: 56

4/16/2013 21:27: 04

4/18/2013 18:58: 40

Responsible

5

5

4

4

4

Ethical

4

5

4

5

4

Secured

4

3

5

5

3

trustworthy

5

5

5

4

3

validated

5

5

4

4

2

Authentic

5

5

4

5

3

Reliable

I would like to have an option to see all preserved contents by my father, even if i am not allowed 3 to have them. A link that allows the user to buy a similar asset on the web might be a better way to possess rather than downloading from ancestors 4 archive.

4 Andrew Gorodn

It wasnt a reliable experience because of the unfamiliarity in the 3 story

4 HuangYingShang

Frenny 5 Dharmecha

4 Girish Boggaram

Name

4 John Villar

Obligate

Service is formed under the values of being Selective, Responsible, Ethical, Secured, Trustworthy, Validated, Authentic, Reliable and obligated. After using the prototype, users where asked to rate their experience on each of these values on 5 scale and they were also asked to leave comments if anything needs to be changed, added or improved.

4

Selective

3/31/2013 19:19: 07

Timestamp

Please feel free to add any other comments that would help improve the experience Needs further imporvements on the links and authentication, this is only a model format. i also would like to carry my assets every 3 where i go. Reliability was moderate because It had content which i am not related to, but i understand it was just to get the idea across.Otherwise it is a website i would like to 3 subscribe.


Mobile App Mobile App is only a viewer, It allows users to carry possessions with them.


Service Map Service Map is a way to specify and detail each individual aspect of service.


Proposed structure of mobile app

Download App

A. Login

B. TimeScroll C. View Pop up

Key User Navigation Key user navigation pages Internal navigation page


User Journeys A customer user journey map provides a structured visualisation of the touch points where users interact with the service.


To view possessions

24 Jun 95 NEXT IN LINE th

24th Jun 95

Digital information as Heirlooms

Log In Username Passphrase

24th Jun 95


Wireframes The wireframes indicate the functional aspect of an app rather than design.


A

Login

24th Jun 95 Logo

Log In Username Passphrase

1

Description

1

Login will direct the user to B timescroll.


B

Timescroll

1 4

24th Jun 95

2

3

3

3

3

2

Description

1

Sign out links backs to A login.

2

Time Scroll, arranges users possessions by time and provides a gesture based scrolling. Scrolling up for recent activity and down for old possessions. Clicking on the possession will open in

C

3

Cues of linked events, people and places in relation to the possession viewed on timescroll. Cues are generated by closely related meta-data stored when preserving.

4

Date in relation to the possession on the timescroll.


C

View Pop up

24th Jun 95

1

2

Description

1

Close redirects the user to B timescroll.

2

Selected possession to view or listen into their contents.(E.g. an audio file or a book will only show cover page on timescroll, when opened in the viewer the user can listen to the audio content or view in to the contents of their book)


Visual Identity

Note:

All the components and their effects shown are available in the attached InDesign document for exact sizes.


Colours Significant colours

Description

01

02

01 & 02 are the two blue tones which are the key colours in the logo and to highlight any user touch points in the service.

R0% G95% B124%

R24% G166% B209%

#005F7C

#18A6D1

03

Background for all app pages.

R236% G236% B236%

#ECECEC

Secondary colours

05

06

R0% G0% B0%

R255% G255% B255%

#000000

#FFFFFF

07

R179% G178% B178%

#B3B2B2

05, Black is used on pop up and login page with 65% opacity to give partial visibility of interface behind and 06, white is used for text on the pop up to complement the black.

07, is used on the content wire frames when the possession is of smaller resolution or without a cover page or a smaller cover.


Fonts Typeface Name

Description

Trajan Pro Regular

Trajan Pro Regular is used in the logo.

ABCDEFGHIJKLMNOPQRSTU VWXYZ?!@£$€1234567890ÿí© Myriad Pro Light

ABCDEFGHIJKLMNOPQRSTU VWXYZ?!@£$€1234567890ÿí© abcdefghijklmnopqrstuvwxyz

Myriad Pro Light and Rare the only sans serif typeface to be used. It has been chosen for its modern appearance as well as its ability to fit within different circumstances.

Myriad Pro Regular

ABCDEFGHIJKLMNOPQRSTU VWXYZ?!@£$€1234567890ÿí© abcdefghijklmnopqrstuvwxyz Note:

All fonts are web friendly and hosted from typekit.com. Multiple fonts sizes are used and they can be picked up from the attached InDesign document.


Main components and their visual effects Component

Effect details

Component Description

Inner Shadow - Opacity 25%, Distance 1px, Angle 120, Size 3px

Type field

Drop Shadow - Opacity 50%, Distance 14px, Angle 90, Size 13px, Outline 3pt

Frame detail for all digital possession.

Opacity 80%, Outline 0.5pt

A pictogram detail on all possessions to represent their format

Outline 2pt

login and sign out pictogram detail.

Inner Shadow - Opacity 25%, Distance 5px, Angle 90, Size 8px, Outline 3pt

Ellipsis as recent activity link B

Opacity 70%, Outline 2.5pt

Navigation keys on B


Visual examples of mobile app interface

A

Login

B

24th Jun 95

NEXT IN LINE

Digital information as Heirlooms

Log In Username Passphrase

Forgot Passphrase? Forgot Username?

Timescroll

24th Jun 95


UI Elements


UI elements and their appearance when interacted Normal state

Rollover state

Clicked

Possessions wireframe detail B

Login and sign out button interactive detail on A

Right, left and down arrows on B

Ellipsis as recent activity link B

Close button on C

B


UI example of timescroll Normal State

B

Rollover

01

02

01

24th Jun 95

24th Jun 95

03

03

04

04

02


Visual Prototype A partially functional prototype and an illustration of key user journeys using fictional scenarios to communicate the idea.


Note:

The disc contains SWF & HTML formats of proposed mobile app and an InDesign package of all app pages with UI elements, visual effects and hyperlinks.


Thank you

Š2013 Rahul Boggaram

✉

rahulboggaram@gmail.com


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.