b2g messaging application - mozilla · 2012-05-02 · b2g messaging application application...
TRANSCRIPT
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