Embed Size (px)
DESCRIPTION
This is a wireframe of my Mobile App Idea. And unfortunately it was dropped with some reason. I share this slide here just for discussion and expect other people can enhance the idea for their own usage. The target market of app benchmark was Korea market but it was aiming at being a app for global market someday. I expect you show my name and site (visionarena.co.kr) in your post in which you cite this slide.
Citation preview
Copyrighted by Brad Cho, 2009Do not distribute – strictly confidential and discussion use only
Wireframe: Navigation structure
1. Main Menu 2. Entering Message 3. Typing a Sender and Receivers 4. Searching Receiver
5. Send Message9. Setting Account
6. View Sent Messages
7.Setting Menu8.General Setting
Copyrighted by Brad Cho, 2009Do not distribute – strictly confidential and discussion use only
Wireframe: Main Menu
1. Main Menu
•This is the first screen of main menu when user execute this application.
☞ Screen Overview
1. Go to “New Message” page.
2. Go to “Sent Message” viewing page.
3. Go to “Setting” viewing page.
4. Exit this application.
☞ Annotation Descriptions
Copyrighted by Brad Cho, 2009Do not distribute – strictly confidential and discussion use only
Wireframe: Entering Message
2. Entering Message
•Enter the message with keyboard shown.
•A number of message bytes is updated as user enter the message.
☞ Screen Overview
1. Enter sender’s message here. Usually one length of simple message is limited by 80 bytes. But user can enter message over 80 bytes and application automatically split it into multiple messages.
2. If length of message is over 80 bytes, this icon appears to notify user it’ll be split into multiple messages.
3. Show the length of entered message.
4. Jump to Menu page
5. Go on to the next page.
6. Show touch key pad if possible
☞ Annotation Descriptions
Copyrighted by Brad Cho, 2009Do not distribute – strictly confidential and discussion use only
Wireframe: Typing a sender and receivers
3. Typing a Sender and Receivers
•Input Sender’s phone number which receiver can reply with.
•Input Receiver’s phone number and click “add” button. (can set many people)
•Added receivers are shown below list. (memorizing the receivers’ list needed)
☞ Screen Overview
1. Enter sender’s phone number which can be seen to receiver. (If sender have set it in general setting menu, it will appear automatically.)
2. Click “Search” button to search receivers from phone address book.
3. Show the list of selected receivers. It is automatically in checked status when selected. User can uncheck and skip it.
4. Edit the message again.
5. Send the message. If sender doesn’t have enough free messages or “MSG POINT”, then next page will be “PURCHASE MSG POINT””.
6. Show touch key pad if possible
☞ Annotation Descriptions
Copyrighted by Brad Cho, 2009Do not distribute – strictly confidential and discussion use only
Wireframe: Searching receivers
4. Searching Receiver
•When “add” button clicked with no entered number, then search screen open.
•Search can be done automatically by entering receiver’s name or phone number .
1. Enter receiver name or phone number
2. Search entered receiver’s name or phone number automatically in phone address book. User can select more than one receiver from the list.
3. Finish with saving selected list
4. Leave the page without saving. If user entered phone number in text field () and doesn’t select receiver in Grid () then entered phone number will be saved.
5. Show touch key pad if possible
☞ Screen Overview
☞ Annotation Descriptions
Copyrighted by Brad Cho, 2009Do not distribute – strictly confidential and discussion use only
Wireframe: Send Message
5. Send Message
•When “SEND” button clicked, user can see the message sending status and its result.
1. Show the total message count and current progressing message number.
2. Progressive-bar shows visual message of . Mail envelope image moves from left to right to show sending status of one message.
3. Show the message sending and progressing status.
4. If all messages are sent, then “OK” button will appear. (If possible “CANCEL” button can be appear when sending messages are in progress.)
☞ Screen Overview
☞ Annotation Descriptions
Copyrighted by Brad Cho, 2009Do not distribute – strictly confidential and discussion use only
Wireframe: View Sent Messages
6. View Sent Messages
•View list of sent messages and read the content of selected message.
☞ Screen Overview
1. List up sent messages. Plus(+) will be shown in the receiver column if the message was sent to more than one receiver.
2. Previous (next) button will capture previous (next) 30 messages.
3. When user select the message in the list (), then the message will be shown on this word balloon. Even if the message was split into many message because its length was over 80 bytes, the user can see it as a one message here. Sent time and receivers are listed up too.
4. Delete current message from sent message box.
5. Back to the main menu.
☞ Annotation Descriptions
Copyrighted by Brad Cho, 2009Do not distribute – strictly confidential and discussion use only
Wireframe: Setting Menu
7. Setting Menu
•This is a setting menu for pure user and free SMS user.
•A pure user can purchase “MSG POINT” by credit card or something.
•A “MSG POINT” decreases as a pure user send messages.
•A free SMS user earns “GOLD POINT” when a pure user consumes free SMS user’s free message account.
•A free SMS user can convert “GOLD POINT” into real money.
☞ Screen Overview
1. Set the general information
2. View “MSG Point” history of a pure user.
3. Purchase “MSG Point” here.
4. Set the free SMS account information.
5. View the “GOLD POINT” history.
6. Manage the “GOLD POINT”. Convert it into money or “MSG POINT”.
☞ Annotation Descriptions
Copyrighted by Brad Cho, 2009Do not distribute – strictly confidential and discussion use only
Wireframe: General Setting
8. General Setting
•Set general information which can be used in other pages.
☞ Screen Overview
1. Enter sender’s phone number and save it.
2. Select sender’s living country.
3. Select whether user type is a “pure user” or a “free SMS user”
4. Save and exit.
5. Exit without saving.
☞ Annotation Descriptions
Copyrighted by Brad Cho, 2009Do not distribute – strictly confidential and discussion use only
Wireframe: Setting Account
9. Setting Account
•Register the Free SMS Account Information of sender.
•Sender can register, delete and edit account information.
•Sender can change priorities of each account which is used when sending messages.
•Can view the left message count in each account.
☞ Screen Overview
1. Show registered Free SMS account for user. (Site name, Account Id, Left message count)
2. Register another Free SMS account.
3. Delete selected account from the list.
4. Edit selected account information from the list.
5. Increase the priority of selected accounts by one level.
6. Decrease the priority of selected accounts by one level.
7. Refresh the left message counts of accounts.
8. Enter maximum message counts for others
9. Save sender information and return to previous page.
☞ Annotation Descriptions
Copyrighted by Brad Cho, 2009Do not distribute – strictly confidential and discussion use only
End Of Document
