Information Architecture for Rocketalk Web

4
Information Architecture for Rocketalk.com ALL PAGES WILL CONTAIN AN AREA ON WHICH WE SHOW HOW THAT PARTICULAR PAGE IS SEEN ON THE MOBILE PRODUCT AS WELL Registration page: Username: (please enter one word only. To use multiple words, separate them with a special character. eg. Ekta_rohra) Password: Confirm password: Email ID: (We use this to send you your passwords and show you offline messags when you want.) Mobile number: (So that you can use Rocketalk on mobile as well!) Location: [--choose your country--] [--choose a city--] Birthday: [-day-] [-month-] [-year-] Gender: [-choose one-] I am: A user(will upload non-copyrighted stuff) / An artist (will upload content which i have copyright on) (The user should have the option to choose just one or choose both if he wants) verification letters: Registration step 2: Confirmation of registration Invite friends o Enter email ID invite fields o Get friends from Outlook express Yahoo Gmail Hotmail orkut Facebook LinkedZone

description

The information architecture document for Rocketalk web design. This was part of the brief sent to the graphic design team for mock-up design of the web interface.

Transcript of Information Architecture for Rocketalk Web

Page 1: Information Architecture for Rocketalk Web

Information Architecture for Rocketalk.com

ALL PAGES WILL CONTAIN AN AREA ON WHICH WE SHOW HOW THAT PARTICULAR PAGE IS SEEN ON THE MOBILE PRODUCT AS WELL

Registration page:

Username: (please enter one word only. To use multiple words, separate them with a special character. eg. Ekta_rohra)

Password: Confirm password: Email ID:

(We use this to send you your passwords and show you offline messags when you want.) Mobile number:

(So that you can use Rocketalk on mobile as well!) Location: [--choose your country--] [--choose a city--] Birthday: [-day-] [-month-] [-year-] Gender: [-choose one-] I am: A user(will upload non-copyrighted stuff) / An artist (will upload content

which i have copyright on) (The user should have the option to choose just one or choose both if he wants)

verification letters:

Registration step 2:

Confirmation of registration

Invite friendso Enter email ID invite fieldso Get friends from

Outlook express Yahoo Gmail Hotmail orkut Facebook LinkedZone Linkedin Etc etc.

My page: We need the following Stuff for his immediate attention – My messages, My friend invites, My

community invites, My wall messages Picture with a dummy (placeholder) according to gender and a clear button from

where he can udpate his photo

Page 2: Information Architecture for Rocketalk Web

Voice box: His voice profile where he can easily click and record. This is a small player with a play button, a record button and a stop button. A single row thing...not too big. This is so that the user can play his voice as well as upload it right away]

[There will be a similar player and recorder for the video as well if the user has a video. Else there will be an upload video button]

Profile listing o Name, age, sex, location o The option to fill his extended profile right there through interactive edit

areas. the extended profile fields are: Relationship status Looking for sexual orientation Education Occupation Interests Fav movies Fav music

Stats area: visitors to my profile, view for my content, comments that I have given as well as the comments which have been given on my profile

Friends list Communities list Subscriptions to other people’s media…new stuff in subscriptions Navigation for the following

o Upload more mediao Customize my channelo Write on blogo Manage friends listo Manage communitieso Settings

Edit profile state: We can actually have the options to edit individual fields by clicking on them from the profile itself (web 2.0 format). You just have to design the same page for how it will look when the fields are open.

My Channel (as seen by other people):

All the above mentioned fields. Except personal stuff like My messages etc. & navigation links for customization

A featured display area for his media, A navigation for all the options of social networking, bookmarking, sending

friend invite, sending a message, first couple of entries of his blog if they are there, his events if he's an artist.

An area where his latest blog entries are shown as well Latest Wall messages

Page 3: Information Architecture for Rocketalk Web

Note: You can create separate pages for artists, non artists and both as well or one pge so that it accommodates both states without looking funny when one is not there.... [In the registration page, we have a section on which the user declares whether he's an artist or a simple user or both. On the backend, information of an artist is his original work and the copyright belongs to him and for a non-artist, the infromation can come from any source. For an artist, we have other facilities as well, like events, galleries, special search etc. for a non-artist, we have other options, for both we have to provide a profile which can accommodate both]