The document summarizes the agenda for the Twin Cities Eloqua User Group meeting on July 30, 2013. The agenda included updates and announcements about the upcoming Eloqua Experience conference and job openings at R1. It also provided highlights of the 2013 summer software release including new features for campaigns, segmentation, assets, editors, reporting, and security. The agenda included a session called "Jim's Code Corner" about responsive web design techniques. Finally, there was an open discussion period for questions.

1. Twin Cities Eloqua User Group
July 30, 2013

2. today’s agenda
start
end
Updates
&
Announcements
’13
Summer
Release
Highlights
Jim’s
Code
Corner Inside
Ron’s
Brain Open
Discussion
&
Social
Time

3. Updates & Announcements

4. updates and announcements
‣ Eloqua Experience 2013 registration open
‣ October 23-25, San Francisco
‣ http://www.eloquaexperience.com/northamerica/
‣ R1 is still growing
‣ Carl Hendrickson, Software Development Manager
‣ R1 positions to fill
‣ marketing automation consultants
‣ business development representative

5. ’13 Summer Release Highlights

6. ’13 summer release highlights
‣ Campaigns - completion, reporting dates, fields, status, run as
‣ Segmentation - external activities
‣ Asset chooser - design, breadcrumb, recent
‣ Editors - upload zip, color coding, dynamic content in subject line
‣ Reporting - save dashboards, access all account/contact/campaign fields
‣ Profiler - redesign
‣ Security - groups, CDO-level
‣ 16 known issues from summer release
‣ 31 known prior issues

7. Jim’s Code Corner

8. Jim’s code corner - Responsive Design
‣ Let’s see an example.
‣ We’ll cover:
‣ Basic code
‣ Why does responsive matter?
‣ Do you need it?
‣ Changing your design
process

9. How does it work?
CONFIDENTIAL | PAGE
Jim’s code corner - Responsive Design
‣Let’s assume we have a Twitter
feed floated to the right:
#tweets {
float: right;
width: 250px;
font-size: 16px;
}
9
Lorem ipsum dolor sit
amet, consectetur
adipiscing elit. Donec
cursus gravida erat
convallis faucibus. Ut
sit amet nibh ut arcu
blandit tincidunt at
quis eros. Etiam non
faucibus lorem. Morbi
hendrerit tempor
interdum.

10. How does it work?
CONFIDENTIAL | PAGE
Jim’s code corner - Responsive Design
‣Width based breakpoints using CSS media queries
<meta name="viewport" content="width=device-width, initial-scale=1.0">
...
@media screen and (max-width:480px) {
#tweets {
float: none;
width: 100%;
font-size: 24px;
}
}
10
Lorem ipsum dolor sit
amet, consectetur
adipiscing elit. Donec
cursus gravida erat
convallis faucibus. Ut
sit amet nibh ut arcu
blandit tincidunt at
quis eros. Etiam non
faucibus lorem. Morbi
hendrerit tempor
interdum.

11. Why does responsive design matter to marketers?
CONFIDENTIAL | PAGE
Jim’s code corner - Responsive Design
‣Content readability impacts conversions.
‣Alternatives are expensive (adaptive design, native apps).
11
Mobile is here to stay
‣81% of US Adults use multiple devices for browsing.
‣67% use multiple devices for shopping.
‣Of those purchases, 81% spontaneous, 19% planned purchases.

12. Q: So, do I need it? A: Maybe
CONFIDENTIAL | PAGE
Jim’s code corner - Responsive Design
‣Mobile devices will handle non-responsive pages.
‣Responsive design adds cost, but improves the user experience on mobile.
‣Increases testing at design time and for each change.
12
Q: Ok, but do I want it? A: Probably.
‣When implemented correctly, responsive design markedly improves readability.
‣Eliminate pinching and squinting. Let users focus on content.
‣Future proofing your design efforts is a smart strategy.
‣Avoid an exclusively Outlook / Internet Explorer environment.

13. Changing your design process
CONFIDENTIAL | PAGE
Jim’s code corner - Responsive Design
‣Spend more time planning. Be deliberate.
‣Simplify your design.
‣Tell a story. Print it out and mark it up.
‣Push fluff to the bottom.
‣Navigation is no cakewalk.
‣Eliminate social widgets, optimize for speed.
‣Avoid responsive email...for now.
13

14. More examples
CONFIDENTIAL | PAGE
Jim’s code corner - Responsive Design
‣Oliver Russell (http://oliverrussell.com/)
‣King's Hill Cars (http://www.kingshillcars.com/)
‣Lancaster University (http://www.lancaster.ac.uk/)
14
Links, code, and sources available on my Github page
‣Jim’s Code Corner (https://github.com/jcumminsr1/codecorner)

15. Inside Ron’s (my) brain

16. R1 appcloud
‣ Cloud
Connectors
‣ Cloud
Components
‣ Cloud Apps
Debuting at EE13

17. ‣ Lead Capture App
Cloud AppsCloud Components
‣ Contact Date Checker
‣ Datacard Date Checker
‣ Datacard Field Appender
‣ Datacard Match & Append
- Prospect
Cloud Connectors
app library
‣ Naming Convention
Generator
‣ Datacard Match & Append
- Account
‣ Datacard Match & Append
- Contact
‣ Datacard Match & Append
- Custom Object
‣ SFTP Connector
‣ Salesforce.com Connector
‣ Custom Object Manager

18. Stump the Consultants

19. Open Discussion / Social Time
REMINDER: No August Session

20. 8009 34th Avenue South, Suite 300
Minneapolis, MN 55425
P: 763.355.1025
E: info@relationshipone.com
W: www.relationshipone.com