B2G Messaging ApplicationApplication Wireframes

V2 05-01-12

Messages

No Messages

You don't have any messages

Write Message

2

Messages (3)

Search

New

Messages Inbox

1. Unread message count

2. Time should be relative to current timeMessages in conversation

3. Multiple selection button

4. Search messages function

2

3

I can't believe it's not butter!

Josh Carpenter 2 days ago

Edit

Casey Yee, Patryk ...Something about nothing

and 1 other yesterday

Meet for Coffee?John Doe 2:00p

3

1

4

3

Messages (1 New)

Search

New

Single Message Edit

1. Press and hold message thread or message to edit.If user deletes a conversation or message, a status message is displayed

2. Enter multi-edit select mode

Edit

I can't believe it's not butter!

Josh Carpenter 2 days ago

Casey Yee, Patryk ...Something about nothing

and 1 other yesterday

Meet for Coffee?John Doe 2:00p

3

Delete

1

2

4

Multi Message Edit

2 Messages Selected

2

3

I can't believe it's not butter!

Josh Carpenter 2 days ago

Casey, Patryk ...Something about nothing

and 1 other yesterday

Meet for Coffee?John Doe 2:00p

3

Del

1. Cancels multi-edit

2. Deletes selected messages. Status message is displayed after edit is made.

5

Messages (3)

Search

New

Message Edit Status

1. Message or conversation edit undo.

I can't believe it's not butter!

Josh Carpenter 2 days ago

Edit

Casey Yee, Patryk ...Something about nothing

and 1 other yesterday

Meet for Coffee?John Doe 2:00p

3

11 conversation deleted Undo

6

Messages (3)

Search

New

Search Messages

I can't believe it's not butter!

Josh Carpenter 2 days ago

Edit

Casey Yee, Patryk ...Something about nothing

and 1 other yesterday

Meet for Coffee?John Doe 2:00p

3

Search Mail

1

1. Message search field is revealed when clicked. Alternatively, pulling down at the top of the messages list will reveal search field.

2. On field focus, keyboard slides in and Search field is focused.2

1

7

Search Messages

q w e Ar t y u Ai o p

a s d Af g h j Ak l

z x Ac v b n Am bsshift

space return123? .,

'

Jane Doe 2

From AllTo Content

Cancel

Meet for Coffee?

2:00p3

Jane Doe

1. On search field focus,Mail heading hides. Search field is focused.As user types, live search results show in messages pane.

2. Cancels mail search

3. Search filters

4. Substring results are highlighted

1 2

3

4

8

Search Messages Edit

Jane Doe 2

From AllTo Content

Cancel

Meet for Coffee?

2:00p3

Jane Doe

1. on search blur, keyboard slides away

2. press on hold to edit single entry, or

3. edit multi-select for multiple entries

1

Edit3

Delete

2

9

New Message

New Message Contact Search

Jane Doe

604 777 3434thumb

Adam Shelly

Search

A

778 880 8313thumb

Blake Martin

B

731 373 8878thumb

Ben Franklin

thumb

thumb

Jane Doe

Janet Lin

Add Recipient

Add Recipient

ABCDEFGHIJKLM

604 731 7766

604 582 2233

To 604 731 7766

thumb

thumb

Jane Doe

Janet Lin

604 731 7766

604 582 2233

q w e Ar t y u Ai o p

a s d Af g h j Ak l

z x Ac v b n Am bsshift

space return123? .,

'

Write message

1. Inline auto-complete contact with substring highlight.

2. Add recipient by Contacts browser, or substring search.

1 2

10

John Doe

Conversation

q w e Ar t y u Ai o p

a s d Af g h j Ak l

z x Ac v b n Am bsshift

space return123? .,

'

SendHamburg_

Let's go get some burgers! 2:01p

Let's go get some burgers!

Let's go get some burgers! failed

1. Return to last view

2. Write message input, camera/attach image

3. Message delivery states:

1

3

Sending

Failed send, retry

Hey what's going on? 1:50p

John Doe

11

3

John Doe

Message Edit

Let's go get some burgers! 2:01p

Hey what's going on? 1:50p

John Doe

It's been a while

Checkout this picture 2:05p

John Doe

Call

View contact

Delete

1. Keyboard slides out on write message blur.

2. Press and hold on message will reveal contextual menuthat allows the user to:

Call the contact - dials phone contactView contact entry - opens in contacts applicationDelete individual message - deletes message from conversation

3. MMS Picture message.Pressing opens image in Image viewerPress and hold opens context menu

Save image - save image to gallery

1

2

12

Write message

Thumb 3

Thumb

Save Image

New Message

New Multiple Recipient Message

To

q w e Ar t y u Ai o p

a s d Af g h j Ak l

z x Ac v b n Am bsshift

space return123? .,

'

Write message

John Doe 604 671 2244

13

John Doe

MMS Message

q w e Ar t y u Ai o p

a s d Af g h j Ak l

z x Ac v b n Am bsshift

space return123? .,

'

Send

Hamburg_

Let's go get some burgers! 2:01p

Hey what's going on? 1:50p

John Doe

14

1

Thumb

1. Add image to message (MMS) by clicking thecamera/image icon and taking picture (camera application) or selecting picture from gallery.

2. Pressing and holding image opens contextual menu.

Thumb

Delete

Conversations (2)

Send

Multiple Recipient Conversation

Hey, what are you up to? 2:00p

Nothing much. Coffee?

Write message

Yes? No?

2:01p

2:45p

11. Back to Messages

2. Conversations with >1 person will show 'Conversation'text rather then name.

To: [recipient]scrolls with message contents.John Doe

Wait for me! 3:00p

604 771 2324

Yesterday

2

To John Doe 604 771 2324

15