A social networking cell phone application

A social networking cell phone application November 9th, 2006 Leah Hullinger Dan Jensen Derek Olson • Concept • Research General Applications Phone Pros/Cons Stats Visual • Ideation General Narrowed Social Avatar Program table of contents • Functional Design Flowchart Functional Template • Look and Feel Font and Color Visual Layouts Create a cell phone application that encourages and facilitates face to face communication and social relationships by combining several current computer based networking tools. concept. We designed with higher resolution (150+ DPI) and bluetooth capability in mind. research. general. As of Q4 2006, Up and coming technology includes applications involving 3D space, office applications, and streaming television / media to your phone. Most phone applications are Java OS based, with many new Flash applications being developed for future features. Current phone application trends include increasing peoples connections to one another (Helio and My Space), and a big push to make the web accessible to cell phones (Flash early versions). applications. Music More and more phones gaining MP3 capabilities. A number of companies are joining together to bring music services to cell phones, like Ericsson and Napster with their planned “Napster-to-Go” service. iTunes is available already on Motorola phones. Apple and Motorola are also in talks to create an iTunes Store-like service for cell phones “Side-Loading” – the process of sending downloaded MP3s from your PC to your Cell Phone. This is the industry standard way to get music on to a cell phone. Unfortunately, some phones and PCs are incompatible, creating roadblocks for some users Interaction/Accessibility to music varies from phone to phone, as well as format compatibility. It’s basically a mixed bag Size limits on phones don’t allow huge collections of songs like on traditional MP3 players. The Motorola SLVR L7, for instance, is loaded with iTunes software, but is limited to only 100 songs The LG LX550 is one of the highest rated multimedia capable phones available applications con’t. Instant Messaging and Email IM (instant messaging) is the exchanging of written messages via cell phone. Much like MSN Messenger or AOL on a computer. SMS (short message service is the official name for texting. If a phone is email/IM capable, then it usually will come with an application to use. Users key the phones alpha/numerical keys to type message. Some phones can access a preexisting email account and download to the phone for reading or email is sent to phone’s own special email address. Some/most newer phones can send media files via IM/email Information Updates Sports ApplicationsSports radio on your cell phone Sports Alert - free text messages with scores / stats “Sports Fanatic Phone” -up to the minute scores, news, opinion columns, audio and video News Applications Personalization Instant Updates or Pay services Sent to Text message / Email , Dedicated Application phone pros/cons. Pocket sized Smallers --> lose resolution and space Can’t hand handle the complex tech Free or greatly discounted with new plan Standard flip phone Blackberry/sidekick/smart phone Large size More viewing space High end programs and capabilities $200 to $500 + technical specifications. Specs for the common flip phone: Screen resolutions: 128x128 176x220 128x160 Color depth: 4096 65k Most phones have polyphonic sound Polyphonic is different layers to music Monophonic is one tone/chime We designed this app for: Motorola V555 176 x 220 px (1.25” x 1.5”) 150 DPI 65k color depth Polyphonic and Monophonic Sound Bluetooth Enabled visual/interface. The buttons are still very rectangular. Traditional look and layout. This phone starts to get into the iconic style, but the icons are based on the Microsoft system. The new Blackberry Pearl is tiny! Again, it uses the Microsoft style icons although it is pulling away from the menu/list style and relying heavily on icons. This Cingular phone has a huge amount of screen space and could be doing some great graphics work, but instead they rely on the old menu/list style for navigation. There is a small amount of icons used. This phone starts to use icons, but they are not used well. In one, the background is square while the graphic is circular. This phone is better it mixes iconic and list systems. the icons are again of Microsoft decent and not very original. they are recognizable. ideation. brainstorming. General Streaming video/music Ringtone creator* Facebook stuff Photo manipulation* GPS - points of interest* Video editing Calendar/address book Info storage Avatar social networking* Video calling/conferencing Alarms Virus News/traffic updates Advertising Computer connectivity/synchronizing Integrating info & music Narrowed Photo manipulation Form of Photoshop on phone Ring tone creator GPS points of interest Software to database of what there is to do in the area/points of interest. Like a yellowpages for phone but based on area **Avatar proximity social networking Allows face2face connections based on interests and commonalities via bluetooth. Uses graphic avatar Final - Social Networking Program Audible sounds are linked to ring tone controls for silence Scheduler for when want active notifications or if want passive data collection for later reviewing On and off functions. Optional use Customizable information Alert when someone is near and can choose if want info transmitted Editable security levels functional design. Application Start Main Menu 1 1. Identity 2. Contacts 3. Preferences 2 3 flowchart. a g Contact List Identity b h Delete Preferences 1. Alerts 2. Brushing 1 2 c e -Scroll Left / Right 1. Details 1 Save Add Confirmation d 1. Icon Selector 2. Screen Name 3. Public Info 4. Keywords 1 2 3 4 Select Icon Select Sound Enter Screen Name Details a. Add b. Delete Delete a b Enter Public Info Toggle Brushing On Off Hide Save Add Edit / Delete Add New / Existing Keywords Existing 1 2 Edit Brush Notify f Enter Keyword 1. View 2. Ignore BlueTooth "Handshake" functional templates. Changing Avatar a EXIT Your Avatar is a graphical icon that will represent you. It can be a picture of yourself or an icon or character you identify with. The left arrow brings the user to the Identity Menu. Here, the user sets their shared preferences. AVATAR IMAGE IDENTITY PREFS CONTACTS EDIT IDENTITY Pressing the left arrow or center button while the Avatar bar is selected will bring the user to the “Set Avatar” page. AVATAR SCREEN NAME PUBLIC INFO KEYWORDS EXIT MENU Using the right arrow, the user can navigate back to the main menu at any time. SET AVATAR AVATAR IMAGE SAVE A preview of the currently selected avatar is centered on the page. Choices may be navigated through using the left/right arrow buttons. The Save button is navigated to using the down arrow and activated by the center button. This will save the selected avatar and bring the user back to the Identity Menu. EXIT MENU Changing/Setting Screen Name b Your screen name is the name that will appear on your outward profile. It should be a name that best reflects you, such as a nickname or pet name. EXIT The left arrow brings the user to the Identity Menu. Here, the user sets their shared preferences. AVATAR IMAGE IDENTITY PREFS CONTACTS EDIT IDENTITY AVATAR Pressing the left arrow or center button while the Screen Name bar is selected will bring the user to the “Set SN” page. SCREEN NAME PUBLIC INFO KEYWORDS EXIT MENU Using the right arrow, the user can navigate back to the main menu at any time. SCREEN NAME ENTER NAME: A desired screen name is entered in this field. SAVE The Save button is navigated to using the down arrow and activated by the center button. This will save the screen name and bring the user back to the Identity Menu. EXIT MENU Changing/Setting Public Info c Public Info is what people will see on your outward profile. Any information entered here will be seen by others, so if you do want to share a certain piece of info, don’t enter it! Fields include: -Name -Phone Number -Email Address -A Personal Description EXIT The left arrow brings the user to the Identity Menu. Here, the user sets their shared preferences. AVATAR IMAGE IDENTITY PREFS CONTACTS EDIT IDENTITY AVATAR Pressing the left arrow or center button while the Public Info bar is selected will bring the user to the “Set Info” page. SCREEN NAME PUBLIC INFO KEYWORDS EXIT MENU Using the right arrow, the user can navigate back to the main menu at any time. PUBLIC INFO REAL NAME: PHONE NUMBER: EMAIL ADDRESS: Information is entered into the designated fields. Any info entered into these fields is publically viewable. Fields are naviagated using the down arrow. Using the right arrow, the user can navigate back to the identity menu at any time. SAVE EXIT MENU The Save button is navigated to using the down arrow and activated by the center button. This will save the entered info and bring the user back to the Identity Menu. Changing/Setting Interest Keywords d Keywords are the points of commonality that will connect you with the people around you. Keywords can be anything you are interested in or are looking for in a friend, such as interest, career, personality, beliefs, ect. EXIT The left arrow brings the user to the Identity Menu. Here, the user sets their shared preferences. AVATAR IMAGE IDENTITY PREFS CONTACTS EDIT IDENTITY AVATAR Pressing the left arrow or center button while the Keywords bar is selected will bring the user to the “Set Keywords” page. SCREEN NAME PUBLIC INFO KEYWORDS EXIT Selecting save will bring the user back to the Keyword page. Using the right arrow, the user can navigate back to the main menu at any time. MENU ADD KEYWORD ENTER: KEYWORDS Add... DEFINED SAVE User enters desired keyword into the designated field. MENU EXIT Selecting an existing keyword will give you the option of changing or removing it. Do you want to edit or remove current keyword? EXIT MENU Using the right arrow, the user can navigate back to the identity menu at any time. edit remove Adding or Deleteing a Brush Contact e This is the process that the user goes through to add or delete a contact from their Brush list. EXIT AVATAR IMAGE IDENTITY PREFS BUDDY LIST At this page the user can view for detailed info of people he/she has brushed. The option to add or delete a Brush is here. The down arrow takes the user to the Brush List. screen name BRUSH LIST Selecting the avatar of a brush brings the user to more information. remove interests and personal statement add screen name EXIT EXIT MENU MENU These arrows cycle through the brushes in the list. The no button will take the user back to the info page. The add and remove buttons will take the user to a confirmation screen. Are you sure you want to remove / add “screen name” ? no yes The yes option takes the user to the brush list where they can view other brushes, view other parts of the program, or exit. You’ve Been Brushed! f This is what happens when a user brushes against another user on the street or in public. When one user brushes another BRUSHED! appears on the outside of the phone. BRUSHED! Open the phone and a more detailed alert appears. AVATAR IMAGE HEY! You just Brushed with Hobbes! You have 15 things in common! The ignore key will cancel out of the screen without adding the contact to the brush list. At this page the user can view for detailed info of people he/she has brushed. The option to add or delete a brush is here. screen name IGNORE EXIT MENU VIEW The view key will take the user to the person’s information page. remove interests and personal statement add EXIT MENU BRUSH LIST AVATAR IMAGE The add/remove buttons will take the user to a confirmation screen. The no button will take the user back to the info page. AVATAR IMAGE screen name Are you sure you want to remove / add “screen name” ? no yes EXIT MENU The yes option takes the user to the brush list where they can view other brushes, view other parts of the program, or exit. Changing Alert Sounds g Alert Sound is the audio notification you will recieve when you Brush with someone. Sound files are taken from the sound library already on your phone. EXIT AVATAR IMAGE IDENTITY PREFS CONTACTS PREFERENCES ALERT SOUND BRUSHING When the Preferences option is selected on the Main Menu, then the Preferences menu is pulled up on the screen. Once the sound file is picked, then the screen returns to the preferences menu. EXIT MENU When alert sounds is selected the user is taken to a menu to choose a sound file from the phone. ALERT SOUND SOUND.FILE SOUND.FILE SOUND.FILE SOUND.FILE SOUND.FILE SOUND.FILE SOUND.FILE SOUND.FILE EXIT MENU Changing the Brushing Status Brush Status simply determines whether your alerts are on or off. h EXIT AVATAR IMAGE IDENTITY PREFS CONTACTS PREFERENCES ALERT SOUND BRUSHING When the Preferences option is selected on the Main Menu, then the Preferences menu is pulled up on the screen. Once brushing is turned on or off, then the user is taken back to the Preferences menu. When brushing is selected the user is taken to a menu to choose whether brushing is on or off. EXIT MENU BRUSHING ON OFF EXIT MENU look and feel. fonts and color palette. Gill Sans Eurostyle visual layouts. socialcanvas identity prefs brush list main app menu sub menus Identity Avatar Screenname Public info Keywords Brush List Preferences prev next Alert Sound Brushing Hobbes view detail Public Info Name: Alert Sound Current: defaultSound.wav Name E-mail Phone Number Profile Greeting beep.wav siren.wav song1.midi song2.mp3 song3.mp3 You’ve been Brushed! Hobbes HEY! You brushed with Hobbes! You have 15 things in common! IGNORE VIEW Dan Jensen (262)2031883 jensendan@uwstout.edu View Interests