Twin Cities Eloqua User GroupJuly 30, 2013

today’s agenda

start end

Updates  &Announcements

’13  Summer  Release  Highlights

Jim’s  Code  Corner Inside  Ron’s  Brain Open  Discussion    &  Social  Time

Updates & Announcements

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

’13 Summer Release Highlights

’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

Jim’s Code Corner

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

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.

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.

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.

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.

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

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)

Inside Ron’s (my) brain

R1 appcloud‣ Cloud

Connectors

‣ Cloud Components

‣ Cloud Apps

Debuting at EE13

‣ 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

Stump the Consultants

Open Discussion / Social Time

REMINDER: No August Session

8009 34th Avenue South, Suite 300Minneapolis, MN 55425

P: 763.355.1025E: info@relationshipone.comW: www.relationshipone.com