B2G Messaging Application - Mozilla · 2012-05-02 · B2G Messaging Application Application...
Transcript of B2G Messaging Application - Mozilla · 2012-05-02 · B2G Messaging Application Application...
![Page 1: B2G Messaging Application - Mozilla · 2012-05-02 · B2G Messaging Application Application Wireframes V2 05-01-12. Messages No Messages You don't have any messages Write Message](https://reader034.fdocuments.net/reader034/viewer/2022043003/5f82c894ff51bf761a1ff2ac/html5/thumbnails/1.jpg)
B2G Messaging ApplicationApplication Wireframes
V2 05-01-12
![Page 2: B2G Messaging Application - Mozilla · 2012-05-02 · B2G Messaging Application Application Wireframes V2 05-01-12. Messages No Messages You don't have any messages Write Message](https://reader034.fdocuments.net/reader034/viewer/2022043003/5f82c894ff51bf761a1ff2ac/html5/thumbnails/2.jpg)
Messages
No Messages
You don't have any messages
Write Message
2
![Page 3: B2G Messaging Application - Mozilla · 2012-05-02 · B2G Messaging Application Application Wireframes V2 05-01-12. Messages No Messages You don't have any messages Write Message](https://reader034.fdocuments.net/reader034/viewer/2022043003/5f82c894ff51bf761a1ff2ac/html5/thumbnails/3.jpg)
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
![Page 4: B2G Messaging Application - Mozilla · 2012-05-02 · B2G Messaging Application Application Wireframes V2 05-01-12. Messages No Messages You don't have any messages Write Message](https://reader034.fdocuments.net/reader034/viewer/2022043003/5f82c894ff51bf761a1ff2ac/html5/thumbnails/4.jpg)
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
![Page 5: B2G Messaging Application - Mozilla · 2012-05-02 · B2G Messaging Application Application Wireframes V2 05-01-12. Messages No Messages You don't have any messages Write Message](https://reader034.fdocuments.net/reader034/viewer/2022043003/5f82c894ff51bf761a1ff2ac/html5/thumbnails/5.jpg)
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
![Page 6: B2G Messaging Application - Mozilla · 2012-05-02 · B2G Messaging Application Application Wireframes V2 05-01-12. Messages No Messages You don't have any messages Write Message](https://reader034.fdocuments.net/reader034/viewer/2022043003/5f82c894ff51bf761a1ff2ac/html5/thumbnails/6.jpg)
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
![Page 7: B2G Messaging Application - Mozilla · 2012-05-02 · B2G Messaging Application Application Wireframes V2 05-01-12. Messages No Messages You don't have any messages Write Message](https://reader034.fdocuments.net/reader034/viewer/2022043003/5f82c894ff51bf761a1ff2ac/html5/thumbnails/7.jpg)
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
![Page 8: B2G Messaging Application - Mozilla · 2012-05-02 · B2G Messaging Application Application Wireframes V2 05-01-12. Messages No Messages You don't have any messages Write Message](https://reader034.fdocuments.net/reader034/viewer/2022043003/5f82c894ff51bf761a1ff2ac/html5/thumbnails/8.jpg)
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
![Page 9: B2G Messaging Application - Mozilla · 2012-05-02 · B2G Messaging Application Application Wireframes V2 05-01-12. Messages No Messages You don't have any messages Write Message](https://reader034.fdocuments.net/reader034/viewer/2022043003/5f82c894ff51bf761a1ff2ac/html5/thumbnails/9.jpg)
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
![Page 10: B2G Messaging Application - Mozilla · 2012-05-02 · B2G Messaging Application Application Wireframes V2 05-01-12. Messages No Messages You don't have any messages Write Message](https://reader034.fdocuments.net/reader034/viewer/2022043003/5f82c894ff51bf761a1ff2ac/html5/thumbnails/10.jpg)
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
![Page 11: B2G Messaging Application - Mozilla · 2012-05-02 · B2G Messaging Application Application Wireframes V2 05-01-12. Messages No Messages You don't have any messages Write Message](https://reader034.fdocuments.net/reader034/viewer/2022043003/5f82c894ff51bf761a1ff2ac/html5/thumbnails/11.jpg)
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
![Page 12: B2G Messaging Application - Mozilla · 2012-05-02 · B2G Messaging Application Application Wireframes V2 05-01-12. Messages No Messages You don't have any messages Write Message](https://reader034.fdocuments.net/reader034/viewer/2022043003/5f82c894ff51bf761a1ff2ac/html5/thumbnails/12.jpg)
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
![Page 13: B2G Messaging Application - Mozilla · 2012-05-02 · B2G Messaging Application Application Wireframes V2 05-01-12. Messages No Messages You don't have any messages Write Message](https://reader034.fdocuments.net/reader034/viewer/2022043003/5f82c894ff51bf761a1ff2ac/html5/thumbnails/13.jpg)
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
![Page 14: B2G Messaging Application - Mozilla · 2012-05-02 · B2G Messaging Application Application Wireframes V2 05-01-12. Messages No Messages You don't have any messages Write Message](https://reader034.fdocuments.net/reader034/viewer/2022043003/5f82c894ff51bf761a1ff2ac/html5/thumbnails/14.jpg)
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
![Page 15: B2G Messaging Application - Mozilla · 2012-05-02 · B2G Messaging Application Application Wireframes V2 05-01-12. Messages No Messages You don't have any messages Write Message](https://reader034.fdocuments.net/reader034/viewer/2022043003/5f82c894ff51bf761a1ff2ac/html5/thumbnails/15.jpg)
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