32. free the phone
content portability
adaptability of interface
33. free the phone
content portability
adaptability of interface
new social paradigms
34. screen. If you wish to see a clear view just zoom in on that cells. If you or your
friends are choose to reveal where you and what you and he/she doing, there is
a option to leave a notes or some new way we help users to leave message.
Also the invisible option is available when you don!t want to be showed on this
explore the urban jungle
cell world.
the first screen you go to see after you enter social network is the local mode, the
star in the center represented the user, and single blue man is friend, and multi
grey men is stranger as it stated on the graph. the direction and near or far from
the user is determined by the direction and how far in real life they are related to
the user. as in the graph, my friend is very close to me on the left, and there is
an event is the farest from me to my southeast. (by the way, north is up, south is
down, common map knowledge). the blue pin is the mouse, you use navigation
buttons to control to move it around, and if you are over an object, a digram pop
up to show you quick info, and if you are interesting, click the middle button to
enter the profile page.
5.3 connect with the website
There are three type of profile page, user!s own(for editing), people, and event. In
event, you can get the direction by the bottom left key, most of the info are 6. Search(linked visualization)(side tracker1)
description of event and address in the style of product page.
! Scenario:
! A. you are looking for information on Hong Kong. it pull out all of the
important information about hong kong. You are not satisfied, want to have a
better understanding of it. You use the visualization tool, very quick find out o
information direct tag to hong kong with the highest tags, such as jackie Chan
English-Chinese treatment.
35. the first screen you go to see after you enter social network is the local mode, the
star in the center represented the user, and single blue man is friend, and multi
grey men is stranger as it stated on the graph. the direction and near or far from
the user is determined by the direction and how far in real life they are related to
the user. as in the graph, my friend is very close to me on the left, and there is
an event is the farest from me to my southeast. (by the way, north is up, south is
explore the urban jungle
down, common map knowledge). the blue pin is the mouse, you use navigation
buttons to control to move it around, and if you are over an object, a digram pop
up to show you quick info, and if you are interesting, click the middle button to
enter the profile page.
5.3 connect with the website
6. Search(linked visualization)(side trac
! Scenario:
! A. you are looking for information on Hong Kong. it pull o
important information about hong kong. You are not satisfied, w
better understanding of it. You use the visualization tool, very q
information direct tag to hong kong with the highest tags, such
There are three type of profile page, user!s own(for editing), people, and event. In
English-Chinese treatment.
36. screen. If you wish to see a clear view just zoom in on that cells. If you or your
friends are choose to reveal where you and what you and he/she doing, there is
a option to leave a notes or some new way we help users to leave message.
Also the invisible option is available when you don!t want to be showed on this
explore the urban jungle
cell world.
the first screen you go to see after you enter social network is the local mode, the
star in the center represented the user, and single blue man is friend, and multi
grey men is stranger as it stated on the graph. the direction and near or far from
the user is determined by the direction and how far in real life they are related to
the user. as in the graph, my friend is very close to me on the left, and there is
an event is the farest from me to my southeast. (by the way, north is up, south is
down, common map knowledge). the blue pin is the mouse, you use navigation
buttons to control to move it around, and if you are over an object, a digram pop
up to show you quick info, and if you are interesting, click the middle button to
enter the profile page.
There are three type of profile page, user!s own(for editing), people, and event. In
event, you can get the direction by the bottom left key, most of the info are
description of event and address in the style of product page.
5.3 connect with the website
37.
38. as for the friend page, you can chat with your friend, see his/her status. The
pictures and video options are not in this part of the interface, since it would
dramatically increase the complexity and control difficulties. It is presented in
other section. Top of the page is your friend!s name, and the fast status he set for
such as online and offline. Blow that is status message. after that it is the chat
section. The left one is the person you are chatting to and the right one is you. It
will display 5 last msgs exchange between you two if there is any. the left button
is sennd the chat message, and there is no use of the navigation button. Since
the chat section took large part of the page, the user would be naturally think it is
logic to chat so there will be no interaction error or confusion,dummy proof.
39. as for the friend page, you can chat with your friend, see his/her status. The
pictures and video options are not in this part of the interface, since it would
dramatically increase the complexity and control difficulties. It is presented in
other section. Top of the page is your friend!s name, and the fast status he set for
such as online and offline. Blow that is status message. after that it is the chat
section. The left one is the person you are chatting to and the right one is you. It
will display 5 last msgs exchange between you two if there is any. the left button
is sennd the chat message, and there is no use of the navigation button. Since
the chat section took large part of the page, the user would be naturally think it is
logic to chat so there will be no interaction error or confusion,dummy proof.
40. the third type of profile is the user!s own. He can edit it, in there, he can set his
status and visibility. status message. Title will be My profile, blow that is the old
status message if there is any(want to be in 40 characters to save screen space).
the next two section is visiablity and status message. When user setup visiablity
the chat section is not highlighted, user finished set up and move down, it will be
highlighted.
if the user didnt find anyone or any event attractive to him or her. The user can
click the city button(left button) in the local mode to switch to city mode.
in City mode, it will display the map of the current city user located. It will be
shadowed and very much zoomed out. there will be a short animation before the
user could interacted with it, which will be the entire map showed with a full cover
of hexagon sharps (bee-nest). then it will disappear and reappear the bee-nest
where there is an actives(people or event). This a good to represent where the
actives are without misleading the user that only select place are available in the
city. after the short animation, user can interacts with the system, still use the
mouse system to help the users get more experience and easy to move around.
when the mouse over an active cell, there will be a pop up of the statics in this
cell(number of people & event). click that cell to enter that cell!s local mode.