Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem...
Transcript of Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem...
![Page 1: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/1.jpg)
Gaia UX Patterns & Building Blocks May 28 2012
Gaia UX Patterns & Building Blocks:
BU
ILDIN
GB
LOCK
Entry Sheets
The Gaia Guide to
Things That
Pop-Up
Notifications
Dialogues & Menus
SystemOverlays
Josh Carpenterv1, June 20 2012
![Page 2: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/2.jpg)
Gaia UX Patterns & Building Blocks May 28 2012
Gaia UX Patterns & Building Blocks:
PATTERN
Entry Sheets
![Page 3: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/3.jpg)
Weekly team meeting
Boardroom TN
Cancel Add Event Done
All Day
From:
Repeat: Alert:
Attendees:
Notes:
None None
Monday, Apr 19 2012
From:
Monday, Apr 18 2012
Create calendar event
![Page 4: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/4.jpg)
Cancel
Search
Add Contact
Adam AdamsCompany name
Blake Adams
Miguel AdamsCompany name
Daryl Adams
A
Miguel AdamsCompany name
Amy Meyers
Jack Winstons
Browse for contact
![Page 5: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/5.jpg)
To:
Subject:
Cancel Compose Email Send
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation labore.
Testing the quick entry
Compose email
![Page 6: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/6.jpg)
To:
Subject:Sam Foster
Sara MendesCompany name
Tim Saxon
Salud JuradoCompany name
Sarah Foster
Sara MendesCompany name
Cancel Compose Email Send
Sa
![Page 7: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/7.jpg)
To:
Subject:
Cancel Compose Email Send
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation labore.
Sam Foster
Testing the quick entry
![Page 8: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/8.jpg)
Gaia UX Patterns & Building Blocks May 28 2012
Gaia UX Patterns & Building Blocks:
BU
ILDIN
GB
LOCK
Dialogues & Menus
![Page 9: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/9.jpg)
Gaia UX Patterns & Building Blocks May 28 2012
Gaia UX Patterns & Building Blocks:
BU
ILDIN
GB
LOCK
PromptsDialogues & Menus
![Page 10: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/10.jpg)
Clear Private Data?
ClearCancel
Browsing settings, including passwords and cookies, will be deleted.
!
![Page 11: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/11.jpg)
DeleteCancel
Are you sure you want to delete this thread?
![Page 12: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/12.jpg)
Cancel
Available networks
Starbucks Free WiFi
Office Park
Mozilla Mobile
Mozilla Guest
MyHomeNetwork
Neighbourhood Cafe
![Page 13: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/13.jpg)
Huddle LoginhUser name or email:
Password:
Forgot your password?Sign up
• • • • • • • •
https://my.huddle.net/
LoginCancel
![Page 14: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/14.jpg)
OKDon’t Allow
[AppName] would like to access your contacts
Brief explanation Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.
You can change this permission at any time from Settings.
![Page 15: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/15.jpg)
Gaia UX Patterns & Building Blocks May 28 2012
Gaia UX Patterns & Building Blocks:
BU
ILDIN
GB
LOCK
Value Selectors
Dialogues & Menus
![Page 16: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/16.jpg)
Select Time
SelectCancel
6 38
7 39
8 40 AM
9 41 PM
10 42
![Page 17: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/17.jpg)
Select Date
SelectCancel
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 1 2 3 4 5
SUN MON TUE WED THU FRI SAT
April 2012
![Page 18: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/18.jpg)
Repeat
Cancel
Every year
Every month
Every week
Every day
None
![Page 19: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/19.jpg)
Reminder
Cancel
15 minutes before
10 minutes before
5 minutes before
None
2 hours before
1 hour before
30 minutes before
45 minutes before
3 hours before
![Page 20: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/20.jpg)
Ringtones
SelectCancel
Sosuyou
Chiming bells
Suction cups
Guitar strum
Kettle drum
Xylophone
![Page 21: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/21.jpg)
Gaia UX Patterns & Building Blocks May 28 2012
Gaia UX Patterns & Building Blocks:
BU
ILDIN
GB
LOCK
Action Menus
Dialogues & Menus
![Page 22: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/22.jpg)
Share
Send Message
Set as Wallpaper
Assign to Contact
Delete
Cancel
Cancel
![Page 23: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/23.jpg)
Mozilla Firefox 3
![Page 24: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/24.jpg)
Mozilla Firefox 3
Cancel
Message
Share
![Page 25: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/25.jpg)
Cancel Add Event Done
Title:
Location:
Date: All Day
From: To:
10:00 AM 11:00 AM
Repeat: Alert:
Attendees:
None None
Notes:
Monday, April 23
![Page 26: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/26.jpg)
Cancel Add Event Done
Title:
Location:
Date: All Day
From: To:
10:00 AM 11:00 AM
Repeat: Alert:
Attendees:
None None
Notes:
Monday, April 23
Cancel
Every Month
Every Week
Every Day
None
![Page 27: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/27.jpg)
Gaia UX Patterns & Building Blocks May 28 2012
Gaia UX Patterns & Building Blocks:
BU
ILDIN
GB
LOCK
Object Menus
Same UI as Action Menus (for v1).
May get fancier in v2.
Dialogues & Menus
![Page 28: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/28.jpg)
Delete
Delete
Cancel
Cancel
Send Message
Set as Wallpaper
Assign to Contact
![Page 29: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/29.jpg)
John RossRe: Subject of the messageLorem ipsum dolor sit amet, consect...
2:00 pm
Blake AdamsRe: Subject of the messageLorem ipsum dolor sit amet, consect...
1:00 pm
Sarah Foster Re: Subject of the messageLorem ipsum dolor sit amet, consect...
11:30 am
Tom DixonRe: Subject of the messageLorem ipsum dolor sit amet, consect...
Yesterday
Sam JonesRe: Subject of the messageLorem ipsum dolor sit amet, consect...
Yesterday
Edit Refresh
Inbox (2) New
![Page 30: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/30.jpg)
John RossRe: Subject of the messageLorem ipsum dolor sit amet, consect...
2:00 pm
Blake AdamsRe: Subject of the messageLorem ipsum dolor sit amet, consect...
1:00 pm
Sarah Foster Re: Subject of the messageLorem ipsum dolor sit amet, consect...
11:30 am
Tom DixonRe: Subject of the messageLorem ipsum dolor sit amet, consect...
Yesterday
Sam JonesRe: Subject of the messageLorem ipsum dolor sit amet, consect...
Yesterday
Edit Refresh
Inbox (2) New
Cancel
Mark as Read
Flag
Move
Delete
![Page 31: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/31.jpg)
Gaia UX Patterns & Building Blocks May 28 2012
Gaia UX Patterns & Building Blocks:
BU
ILDIN
GB
LOCK
BannerDialogues & Menus
![Page 32: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/32.jpg)
5 messages deleted Undo
2 emails moved Undo
The alarm is set for 7 hours and 14 minutes from now.
![Page 33: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/33.jpg)
John RossRe: Subject of the messageLorem ipsum dolor sit amet, consect...
2:00 pm
Blake AdamsRe: Subject of the messageLorem ipsum dolor sit amet, consect...
1:00 pm
Sarah Foster Re: Subject of the messageLorem ipsum dolor sit amet, consect...
11:30 am
Tom DixonRe: Subject of the messageLorem ipsum dolor sit amet, consect...
Yesterday
Sam JonesRe: Subject of the messageLorem ipsum dolor sit amet, consect...
Yesterday
Edit Refresh
Inbox (2) New
2 emails deleted Undo
![Page 34: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/34.jpg)
7:30 AMAlarmSun,Tue,Wed,Thu,Fri,Sat
12:30 PMLunch timeWeekdays
4:13 PM Mary’s birthday call
9:45 AMTeam meetingMon
Clock
7:30 AMTuesday, June 5
The alarm is set for 7 hours and 14 minutes from now.
![Page 35: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/35.jpg)
Gaia UX Patterns & Building Blocks May 28 2012
Gaia UX Patterns & Building Blocks:
BU
ILDIN
GB
LOCK
Notifications
![Page 36: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/36.jpg)
Meeting today with JohnToday at 11:30 AM, Starbucks
Calendar app: passive notification
![Page 37: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/37.jpg)
John ValdésWhat time are we meeting?
SMS app: passive notification
![Page 38: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/38.jpg)
Gaia UX Patterns & Building Blocks May 28 2012
Gaia UX Patterns & Building Blocks:
BU
ILDIN
GB
LOCK
System Overlays
![Page 39: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/39.jpg)
Helena SchmidtMOBILE | Movistar | 415 290 1078
01:31Dialer app: full screen active call interface(System Overlay)
![Page 40: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/40.jpg)
12:30PM
Snooze Close
AlarmWeekly Team Meeting
Clock app: full screen alarm interface(System Overlay)
![Page 41: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/41.jpg)
Helena Schmidt 5:25
Dialer app: status bar active call indicator(System overlay)
![Page 42: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/42.jpg)
Volume indicator(System overlay)
![Page 43: Building Blocks: The Gaia Guide to Notifications Things ... · Cancel Compose Email Send Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt](https://reader034.fdocuments.us/reader034/viewer/2022050501/5f9367e36026673365496f1c/html5/thumbnails/43.jpg)
Power off, system charging indicator(System overlay)