robbins portfolio case studies

51
John M. Robbins Portfolio User Experience Design D 3E D 3E esign esign

Upload: jmr

Post on 28-Jan-2015

111 views

Category:

Technology


1 download

DESCRIPTION

Portfolio & WEEI Case Study by John Robbins, Principal, Design 3E

TRANSCRIPT

Page 1: Robbins Portfolio Case Studies

John M. RobbinsPortfolio

User Experience Design

D 3ED 3Eesignesign

Page 2: Robbins Portfolio Case Studies

Research &Strategic Planning

Page 3: Robbins Portfolio Case Studies

Experience Brief

Page 4: Robbins Portfolio Case Studies

High Level User Flow

Page 5: Robbins Portfolio Case Studies
Page 6: Robbins Portfolio Case Studies

Content Analysis

Energy Client Campaign messaging broken down by level of persuasiveness. 1. Persuasive content messaging = multiple explanations of message with external supporting evidence.2. Somewhat persuasive = 1 or 2 explanations of message, with minimal external supporting evidence.3. Non-persuasive = tangential reference to message with no external supporting evidence.

Page 7: Robbins Portfolio Case Studies

Gap Analysis

Page 8: Robbins Portfolio Case Studies

Engagement Strategy

Page 9: Robbins Portfolio Case Studies

Video MediaExpert Research

Provide contextuallead ins for videosegments

Tags, socialbookmarking,unique urls,and embedtext should bestandardpractice

Provide episodesummary and basicmeta-data.

Page 10: Robbins Portfolio Case Studies

Video MediaExpert Research

http://www.thedailyshow.com/video/index.jhtml

Provide multiplesearch options throughdifferent displaytechniques.

Provide multiplesearch options throughdifferent filters anddisplay techniques.

Page 11: Robbins Portfolio Case Studies

Video MediaExpert Research

http://www.thedailyshow.com/

Provide multiplesearch options throughdifferent displaytechniques.

Provide multiplesearch options throughdifferent displaytechniques.

Explore unique waysfor re-purposingarchived content.

Page 12: Robbins Portfolio Case Studies

User Research

Page 13: Robbins Portfolio Case Studies

Image Collage

Page 14: Robbins Portfolio Case Studies

Card Sorting [Web Sort]

FOR FAMILY AUDIENCE

NewsPolicies &Initiatives

Safety& Law

Schedule &Finance

WhyImmunize?

Guides &Educational

Support

Interactives

Page 15: Robbins Portfolio Case Studies

Card Sorting [Web Sort]

Research

News &Events

EducatingFamilies

Safety &Liability

VaccineProvider

Tools

ClinicalEducation

FOR CLINICIANS AUDIENCE

Page 16: Robbins Portfolio Case Studies

Audience Surveys

|Figure B: Based on 793 responses to the NAEA Audience Profile survey when filtered by allclassroom educators. Respondents could select as many as apply.

|Figure A: Based on 992 responses to the NAEA Audience Profile survey.Respondents could select multiple audience types.

Page 17: Robbins Portfolio Case Studies

Personas

Page 18: Robbins Portfolio Case Studies

PRIMARY PERSONA #1

Cara Molinas Elementary Arts Educator “My first year as the lone art teacher of a new program was a blur. Last year was survival; this year has been more about creating engaging experiences for all kids.”

DIFFERENTIATORS Was a [CLIENT] student

member, did not renew Inexperienced educator Needs resources to start new

program

Profile Cara was born and raised in Guanica, Puerto Rico. Her husband works as a high school social studies teacher and they have four kids under the age of 8 that they both work very hard to support. She lives near her extended family as they moved all from Puerto Rico where she was ten, to Brooklyn, NY. Three years ago, Cara completed a teaching degree from NYU, and is now in the middle of her second year as an elementary school art teacher at the Roberto Clemente School. Due to strong leadership, the school realized that it was doing nothing to address the total child. So, after creative budgeting and a small corporate grant, they were able to hire Cara as a mobile art teacher along with a music teacher. With 600 + students, Cara has been working frantically to find curriculum resources and materials to outfit her “traveling art caravan.” Last year was a blur to her as she spent countless hours trying to prepare engaging experiences for her kids on less than a shoestring. Using her laptop that she purchased while in graduate school, Cara takes spends 1-2 hours the night before researching and preparing lessons. Cara was a [CLIENT] member as a student in her teaching program, but did not see the benefits for cost of membership. During the day she has no time for any computer work beyond checking e-mail a few times a week when she has a 10 minute break.

Personal Information Age: 27

Location: Brooklyn, NY

Profession: 2nd year Elementary Arts teacher with a mobile cart

Home Life: Married with 4 children

Hobbies: Family cookouts & beach days

Favorite TV Shows: Ugly Betty, HSN

Personality: Outgoing, energetic and embraces her strong family bonds.

Internet Usage Internet Usage: 1-2 hrs. a day

Primary Uses: e-mail and lesson planning

Favorite Sites: Incredible Art Dept,

Computer: 3 yr old iBook. T1 line at school, dial up connection at home.

Goals & Motivators Cara comes to the site to … Get Lesson Plans See examples of student work Listserv once a week Get classroom management tips

Business Objectives We want Cara to … Become a member Share & Rate lesson plan Show student work Participate in discussion forums

Page 19: Robbins Portfolio Case Studies

PRIMARY PERSONA #2

Devon Harrison High School Arts Teacher/Dept. Head “I’ve seen education trends come and go, but give a kid a camera or put them in front of a pottery wheel and that’s where true creative expression begins.”

DIFFERENTIATORS Non-active [CLIENT] member Experienced educator Minimal computer usage Expertise & quality student

work available

Profile Devon is from Grand Rapids, Michigan and moved to Davis, CA for college. He is divorced with two teenaged kids, and works very hard to support his family with his ex-wife on the road frequently for her work in sales. Devon has always had a passion for art and has always incorporated art into his daily activities. Devon enjoys spending time with his kids hiking, canoeing and camping, practices yoga regularly and working in his studio above the garage. Devon has been an artist for 30 years focusing on pottery and photography. To support his artwork, he became an art teacher 25 years ago and has developed a passion for teaching high school aged kids and helping them unleash their potential. For the past 15 year, Devon has worked at Davis Senior High School, serving as department chair for the past 5 years. Devon uses the computer at school about ½ - 1 hour per day primarily for handling “administrivia.” In his role as department chair, he needs to keep abreast of grant opportunities and new curriculum ideas to share with his team. Not being technologically inclined, he relies on some of his other team members to provide art research and web support. Devon is a non-active [CLIENT] member.

Personal Information Age: 51

Location: Davis, California

Profession: High School Art teacher & Department head, 25yrs experience

Home Life: Divorced with 2 Children

Hobbies: wood carving and yoga

Favorite TV Shows: Discovery & History Channels

Personality: Soft spoken, calm energy very creative and abstract in his work and communication.

Internet Usage Internet Usage: ½-1 hrs daily

Primary Uses: Work related and internet research.

Favorite Sites: Getty Images,

Computer: Dell Inspiron, Internet Explorer, T1 at work, old 356 IBM at home.

Goals & Motivators Devon comes to the site to …

Learn about the National convention Update basic membership Get general information about

[CLIENT] contacts Grant opportunities Impact of NCLB on arts programs

Business Objectives We want Devon to …

Become a more active member Contribute successful lesson plans & slideshows Showcase student work Post suggestions for photography and ceramics discussion

forums. Respond to blog postings on best practices.

Page 20: Robbins Portfolio Case Studies

Decision Making

Ecosystems

Page 21: Robbins Portfolio Case Studies

PROJECT Marketing & Social Media Strategy | CLIENT | DATE 10.05.09 | VERSION 1.0 | PAGE

Decide to relocate

Decide where to relocate

Decision Making Ecosystem Notes

* All “Decision Making Influencers” data collected from: “A View From Corporate America: Winning Strategies in Economic Development Marketing”A Continuing Survey of Corporate Executives with Site Selection Responsibilities, by Development Counsellors International (DCI)July 28, 2008

Decision Making Ecosystem #1 Large Business

Leading Sources of Information1. Dialogue with industry peers2. Articles in newspapers and magazines3. Business travel4. Online sources5. Word of mouth

Most Effective Marketing Techniques1. Internet/Web site2. Public relations / publicity3. Planned visits to corporate executives4. Hosting Special Events5. Direct Mail

Most Useful Online Features1. Demographic information2. Information on available incentives3. Current comparisons with competitors4. Directory of available buildings & sites5. Information on quality of life

Decision Making Influencers

Most Likely Need for Facility Change1. Manufacturing / production plant2. Regional sales office or service center3. Corporate, division or regional headquarters4. Distribution center5. Back office facility

Jordan DouglasLarge Business C.F.O.

ProfileMale, 54

Married 24 years2 children high school/college age.Dedicated family man who enjoys working outside in his yard when he’s not at work. Has to travel frequently for work, so he enjoys having a sanctuary with easy access to transportation and services.

Page 22: Robbins Portfolio Case Studies

Sitemaps & Wireframes

Page 23: Robbins Portfolio Case Studies
Page 24: Robbins Portfolio Case Studies
Page 25: Robbins Portfolio Case Studies
Page 26: Robbins Portfolio Case Studies

PROJECT [CLIENT] - My SpaceDATE 04.07.08VERSION 1.0

MySpace Navigation MySpace SearchUser Shortcuts:

Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7 Item 8 Item 9 Item 10 Item 11 Item 12 Item 13 Item 14

CONTACT [CLIENT] Send MessageAdd to FriendsInstant MessageAdd to Group

Forward to FriendAdd to FavoritesBlock UserRank User

[CLIENT] [Tagline]

[CLIENT SlDESHOW]

Lorem ipsum dolor sit ametPellentesque eros sit dolor.Lorem ipsum dolor sit ametPellentesque eros sit dolor.Lorem ipsum dolor sit ametPellentesque eros sit dolor.Lorem ipsum dolor sit ametPellentesque eros sit dolor.

[ROTATING IMAGES]

[CLIENT] BIO

View my Pics, Videos

Lorem ipsum dolor sit amet, conse ctetuadipisc.

Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros. Donec cursus. Suspen disse orci Fusce eget. Pellentesque eu eros. Donec cursus. Suspen disse orci Fusce eget.

FRIENDS OF [CLIENT] COMMENTS

[IMAGE]

[IMAGE]

Curabitur bibendum, magna ac egestas porttitor, felis diam consectetuer dui, non egestas mauris lorem vel sem. .

Curabitur bibendum, magna ac egestas porttitor, felis diam consectetuer dui, non egestas mauris lorem vel sem. .

FRIENDS OF [CLIENT]

11.05.07Lorem ipsum dolor sit amet, conse ctetuadipisc.Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros. Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros. Fusce eget lorem. Pellentesque eu eros.

11.03.07Lorem ipsum dolor sit amet, conse ctetuadipisc.Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros. Donec cursus. Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros. Fusce eget lorem. Pellentesque eu eros.

11.03.07Lorem ipsum dolor sit amet, conse ctetuadipisc.Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros. Donec cursus. Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros.

[CLIENT] BLOG

[CLIENT] STORY

Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros. Donec cursus. Suspen disse orci Fusce eget lorem. Pellentesque eu eros. Donec cursus.

Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros. Donec cursus. Suspen disse orci Fusce eget porta cursus orci.

URL: http://www.

[VIDEO PLAYER]

<center><br><a href="http://www.xxxxxxxxxxxxxxxxxxxxx="</font></a><br> <a Copy and paste the following code:

<center><br><a href="http://www.xxxxxxxxxxxxxxxxxxxxx="</font></a><br> <a Copy and paste the following code:

<center><br><a href="http://www.xxxxxxxxxxxxxxxxxxxxx="</font></a><br> <a

Copy and paste the following code:

GET INVOLVED [Take Away Items]

PODCASTS

[PODCAST WIDGET]

PARTICIPATE[Survey / Trivial Pursuit / Twitter]

[ROTATING WIDGET]

[X] Number of downloads[CLIENT] ICON]

[CLIENT] BANNER]

[CLIENT] BUTTON]

[X] Number of downloads

[IMAGE]

[IMAGE]

[IMAGE]

[IMAGE]

[IMAGE]

[IMAGE]

[IMAGE]

[IMAGE]

[IMAGE]

[IMAGE]

[IMAGE]

[IMAGE]

[X] Number of downloads

Wall PaperScreen Saver

1

2

3

4

5

6

7

8

9

10

11

12

13

[SLIDESHOW]

VIDEO [MySpace TV]

[VIDEO]

Archives:Lorem ipsum dolor sit amet, conse ctetuadipisc.

Archives:Lorem ipsum dolor sit amet, conse ctetuadipisc.

Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

View [CLIENT] Friends: All | Online | New

Viewing [X] out of [X]: View All | Add Comment

Page 27: Robbins Portfolio Case Studies

United States fund for UNICEF [Brand & Logo]

Fieldnotes Blog | Contact Us | Login | Search

All News >>

[PRIMARY VISUALS]

Recent News6.20.07Lorem ipsum dolor sit amet, conse ctetuadipisc.Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros. Donec cursus. Suspen disse orci Fusce eget lorem.

6.18.07Lorem ipsum dolor sit amet, conse ctetuadipisc.Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros. Donec cursus. Suspen disse orci Fusce eget lorem.

6.10.07Lorem ipsum dolor sit amet, conse ctetuadipisc.Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros. Donec cursus. Suspen disse orci Fusce eget lorem.

© 2007 United States Fund for UNICEF. All rights reserved. Privacy Policy | FAQ | RSS | Accessibility

Who We Are Our People Our Work Campaigns News & Media

[SHOP][DONATE] [VOLUNTEER]

1

2

3

4 6 7

15

[PARTNER LOGOS]

[KIDS SITE]

[FIELDNOTES BLOG] RSS

1.800.4UNICEF333 East 38th Street, New York, NY 10016

8

5

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc rutrum consequat velit. Full Post>Posted by Lorem I. Dolor on June 20th, 2007

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc rutrum consequat velit. Full Post>Posted by Halim J. Nubic on June 18th, 2007

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc rutrum consequat velit. Full Post>Posted by Halim J. Nubic on June 18th, 2007

Why Subscribe?

Email:

Newsletter Sign Up

Subscribe

[CHARITY NAVIGATOR]

13 14

10

11

12

6.08.07Lorem ipsum dolor sit amet, conse ctetuadipisc.Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros. Donec cursus. Suspen disse orci Fusce eget lorem.

6.06.07Lorem ipsum dolor sit amet, conse ctetuadipisc.Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros. Donec cursus. Suspen disse orci Fusce eget lorem.

6.03.07Lorem ipsum dolor sit amet, conse ctetuadipisc.Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros. Donec cursus. Suspen disse orci Fusce eget lorem.

All News >>

Page 28: Robbins Portfolio Case Studies
Page 29: Robbins Portfolio Case Studies

PROJECT [CLIENT NAME]DATE 11.20.07VERSION 1.3

2.1.0.0

Criteria, Grade Level & Topic Filters, Submit Lessons

Lesson Planning3.1.0.0

View by, categories, author, topic, most recent

CLIENT Blog6.1.0.0

Overview, Recipients, Tips Programs, Reports, Donations, Applications

Foundation Grants

▲ Global Navigation ▼ Footer Elements/Navigation0.3.0.0

Calendar[Functionality TBD]

0.4.0.0Contact UsHQ, Affiliates, Regionals, Advisory, Partners

0.5.0.0Search [box][Advanced search TBD]

0.6.0.0Copyright; Privacy Policy; Advertising; Address & Contact; Accessibility Policy; FAQ

1.0.0.0

News feeds, RSS sign up, Calendar, x-link to blogs,

News & Events

0.0.0.0

Primary visuals- diversity, mission, Welcome, News feeds, Blog, Gallery, Events, Membership, Newsletter, quick links

Home Page

2.0.0.0

CLIENT Learning intro, Research highlight, best practices, lesson plan intro, upcoming PD

Learning3.0.0.0

Visual intro, blog feed, gallery feature, membership benefits, sign up

Community4.0.0.0

Intro, Advocacy news, quick links, issue highlight, X- link to advocacy archives

Advocacy6.0.0.0

Intro, list alphabetically, NAEF highlight, Awards highlight

Grants & Opportunities

3.2.0.0

Gallery intro, teacher and student directory, featured portfolio, most commented,

Art Gallery

3.3.0.0

Benefits, Visual tour, join, renew, update profile, account maintenance

Membership

3.4.0.0

Overview, contact info, directory

Committees & Groups

3.5.0.0

Overview, link lists

Chapters & Associations

7.0.0.0

Intro, career benefits through membership, x-link to profile,

Careers8.0.0.0

Intro, shopping cart, top sellers, membership discounts, x-link to membership

Store

6.2.0.0

List awards alphabetically, application & submission process, awardees' highlight

Awards

6.3.0.0

Overview, description & links, proposal submission

Academies & Institutes

6.4.0.0

Grants & Foundations, Scholarships & fellowships

Links & Resources

5.0.0.0

Intro to archive types, X-Link to Subscriptions, Publications

Research & Publications

4.2.0.0

Alphabetical links by issue, resource sort by region/state, featured resource

Links & Resources

7.1.0.0

List alphabetically, sort by type, geography, level

Jobs Board

7.2.0.0

Hints & Tips from members, cross link to art gallery and portfolio.

Resume Builder

8.1.0.0

List alphabetically, level, topic, Featured book, top picks, members ranking

Books

8.2.0.0

List alphabetically, level, topic, Featured article, top picks, members ranking

Articles

8.3.0.0

List alphabetically, level, topic, Featured subscription, top picks, members ranking

Subscriptions

8.4.0.0

List alphabetically, level, topic, Featured merchandise, top picks

Merchandise

8.5.0.0

List alphabetically, level, topic, Featured Audio & Video, top picks, members ranking

Audio & Video

1.1.0.0

News feed archives, RSS signup

News Feeds

1.2.0.0

List & graphic view by month, filter by state, national, member, non-member

Events Calendar

1.3.0.0

Visual intro, forms, registration, previous, forum threads

National Convention

1.4.0.0

Intro, forms, registration,

State/Regional Conferences

5.1.0.0

Featured articles, search results & abstracts -general audience, full articles- member

Research Archives

5.2.0.0

Featured artlces, search, abstracts & full articles –general access

Advocacy Archives

5.3.0.0

Alphabetical by region/state, most popular resources

Links & Resources

5.4.0.0

Intro, archive list of survey’s and polls, highlight survey, current poll entry/ graphic

Surveys & Polls

5.5.0.0

X-link “About Us” advertising, Print Advertising

2.2.0.0

Webinars, Workshops, x- link blogs, calendar

Professional Development

0.1.0.0About UsHistory, Scope, Services, FAQ, Advertising

0.2.0.0MembershipLogin / Sign Up

KEY Homepage & Global Elements

Primary Navigation

Secondary Navigation

3rd Party Supported Micro-Site

CLIENT staffed, affiliate Micro-Site

2.3.0.0

Grade level & topic filters, general view, members participate

Best Practices Forums

4.1.X.0

Intro, news updates RSS, article highlight, take action

[Issue Pages]

2.4.0.0

YouTube, SlideShare, RSS feeds.

Educational Videos, Podcasts & Slideshows

2.3.0.0Classroom Forums

4.3.X.0

Alphabetical by region/state, most common, tips and examples

Petition Forms

1.5.0.0

Intro, sign up, recent news, archives

Newsletter

8.6.0.0

List alphabetically, level, topic, Featured Publication, top picks, members ranking

Journals

Page 30: Robbins Portfolio Case Studies

© 2007 [CLIENT NAME] Home | Privacy Policy | Advertising | Accessibility Policy | FAQ

[CLIENT NAME LOGO]

SEARCHMembership/Login | About Us | Contact Us |

TAGLINE...

News & Events Learning Community Advocacy Research & Knowledge

Grants & Opportunities Careers Store

Text Size: A A A | Email This Page | Print this Page

WIREFRAME

1. [CLIENT NAME] Logo & TaglineThe [CLIENT NAME] Logo and tagline will appear on all pages and serve as navigation to the homepage. All design will be coded in CSS.

2. Global Navigation“Membership / Login,” “About Us,” “Contact Us,” “[CLIENT NAME] Foundation,” and “Search global navigation will appear consistently on all pages. Membership & NAEF will direct users to landing pages within the main navigation, About, Contact & Search will direct to sections unique within the global navigation. User preferences for text sizing, “Email this page,” and “Print this Page” will also be provided globally.

3. Main Navigation“News & Events,” “Learning,” “Community,” “Advocacy,” “Research & Publications,” “Grants & Opportunities,” “Careers,” and “Store” navigate to main landing pages for each section. Drop down menus will also show sub-navigation for each section.

4. Visual PresentationDesigned by Virilion in flash, a series of images with text create a compelling narrative of teachers and students engaged in the diversity of arts education.

5. WelcomeA brief welcome statement to support the visual presentation, provide a few quick links to new highlighted content, and link to learn more about [CLIENT NAME] membership and join.

6. [CLIENT NAME] BlogProvides 3-4 of the most current Blog posts. Includes the Blog headline, category, date, time, website link & brief description. RSS feeds from Type Pad Blog page with multiple authors and categories. Most current and some “sticky” posts represented.

7. News & EventsProvides 3-4 of the most current News & Events posts in separate columns. Includes headline, date, time, link & brief description. Featured events or news (ex. Convention) can be made “sticky” to persist.

8. Art GalleryThis provides a rotating series of images each which can navigate to the select classroom gallery (Artsonia) or e-portfolio page (Digication). The title to this section will direct to the main Art Gallery landing page.

9. Footer Elements / NavigationWeb site copyright, link to home, privacy policy, advertising guidelines, accessibility policy and frequently asked questions, are footer navigation.

[VISUAL PRESENTATION]

Duis euism od lorem ipsum datumluctus est. Pellentesque eu eros. Fusce eget lorem. Pellentesque eu eros. Duis euism od lorem ipsum datumluctus est. Donec cursus. Suspen disse orci Fusce eget porta cursus orci. Quisque porta cursus orci curabitur bibendum.

NEWS

WELCOME4

7

1

9

5

2

12.20.07Lorem ipsum dolor sit amet.Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros.

12.18.07Lorem ipsum conse ctetuadipisc.Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros.

12.16.07Lorem ipsum dolor sit amet, Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros.

JOIN [CLIENT NAME]

ART GALLERY [Classroom Images & E-Portfolios]

[ROTATING IMAGES]

12.15.07Lorem ipsum dolor sit amet.Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros.

12.13.07Lorem ipsum conse ctetuadipisc.Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros.

12.10.07Lorem ipsum dolor sit amet, Duis euismod luctus est. Fusce eget lorem. Pellentesque eu eros.

8

3

[CLIENT NAME] BLOG RSS

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc rutrum consequat velit. Full Article> Posted by Halim J. Nubic on Dec. 18th, 2007

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc rutrum consequat velit. Full Article> Posted by Halim J. Nubic on Dec. 18th, 2007

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc rutrum consequat velit. Full Article> Posted by Lorem I. Dolor on Dec. 20th, 2007

TAKE A TOUR[Quick Link 1][Quick Link 2] [Quick Link 3][Quick Link 4]

[QUICK LINKS]

View All News >> View All Events >>

6

[CLIENT NAME] HOME PAGE 0.0.0.0

EVENTS

Page 31: Robbins Portfolio Case Studies

Home Page: www.recycline.com

Blueprint for Website Re-Design www.recycline.com

Local Navigation

Contextual Navigation

Products Stores Recycling News About Us ContactGlobal Navigation

Oral Care

Razors

Table Ware

R & D

The Process

Links

Releases

Media

Our Story

Staff

Careers

FAQ's

Newsletter

Online Store

Retail Stores

Target

Amazon

Store Home

My Account

Cart Contents

Check Out

Tongue Cleaner

Toothbrush

Toothbrush Jr.

Tableware

Tumblers

Cutlery

Recyclable

Blades

Razor Triple

Triple blades

Partnerships

What's Next

History

MissionPrint

Online

Podcasts/TVToothpick

Our Pledge

General

E- Organizations

E- Directories

E- Friendly Corps.

Recycle Guides

Your Neighborhood

Subscribe

Archives

Overview

Sourcing

Suppliers

Reprocess & Clean

Testing & Issues

Search by State

Whole Foods

Wild Oats

Trader Joes

Hannifords

Created By: John M. Robbins, Lead IA, Design 3E, December 18th, 2006

johnrobbins
Draft
This draft was completed on December 18th, 2006 by John M. Robbins, and is currently being reviewed by Recycline's development team.
John M. Robbins
Comment
Blueprint designed by John M. Robbins, Lead Information Architect for Design 3E on 12/18/06. Based on preliminary meetings with the online development team at Recycline Inc., producers of the Preserve toothbrush and other recyclable personal care products. This draft document serves as a representation of facilitated discussions by Design 3E, based on a collaborative research & marketing strategy for Recycline's web site re-design.
johnrobbins
Note
Unmarked set by johnrobbins
Page 32: Robbins Portfolio Case Studies

9.0.0 Membership8.0.0 About Us7.0.0 Education6.0.0 Resources5.0.0 Programs4.0.0 Events3.0.0 Publications2.0.0 Store1.0.0 Home

ACM SIGGRAPH.ORG Site Map

3.3.0 Instructions for authors

3.4.0 SIGGRAPH Rarities

3.2.0 Newsletter Archives

3.1.0 Conf. Papers Stats

2.3.0 Conference

2.2.0 Membership

2.1.0 Videos

12.0 WIKI.SIG

11.0 Chapters.SIG

10.0 ARTS.SIG

Global Navigation 1.4 Search

1.3 Contact1.2 Accessibility1.1 Site Map

Sub Sites

IDIA 630 Information ArchitectureTeam D Members:John RobbinsLynn RogalaMike RogersLiz Zietlow

SIte Map: www.SIGGRAPH.orgSite Analysis & Relevance to Students

STUDENTS.SIGGRAPH.ORG

Project: STUDENT.SIGGRAPH.org Site DevelopmentClient Contact: Shannon TuckerDate: March 26th, 2007

4.3.0 SIGGRAPH 2007

4.4.0 SIGGRAPH 2008

4.2.0 Conferences

4.1.0 Affiliated Symposia

5.3.0 Project Grants

5.4.0 Art Gallery '97

5.2.0 CG Pioneers

5.1.0 Awards

6.3.0 CG & IT Related LINKS

6.4.0 Digital Library

6.2.0 Calendar

6.1.0 Art/Design Resources

7.3.0 Building Community

7.4.0 Students

7.2.0 Resources

7.1.0 News

8.3.0 Contact Us

8.4.0 EC Meeting Minute

8.2.0 Overview

8.1.0 Policies & Procedures

9.3.0 Join Via Mail or Fax

9.4.0 Accessing SIGGRAPH

9.2.0 Renew

9.1.0 Join

3.7.0 CG Quarterly

3.8.0 Video Review

3.6.0 Conf. Documentation

3.5.0 Corrigenda

3.9.0 GraphicsTransactions

4.7.0 NPAR 2007

4.8.0 Web 3D 2007

4.6.0 Symposium

4.5.0 2007 Sandbox

4.11.0 SCA 2007

4.10.0 EDT 2007

4.9.0 Graphics Hardware '07

Relevant to Students

Not Relevant to Students

Site Map Key:

Sub Site

Main Navigation

5.7.0 Art Gallery '03

5.8.0 Art Gallery '05

5.6.0 Art Gallery '01

5.5.0 Art Gallery '99

5.9.0 Traveling Art Show

6.6.0 Industry Directory

6.5.0 Jobs & Career

7.6.0 About the Ed. Committee

7.5.0 Confs. & Workshops

8.7.0 FY 2005 Financials

8.8.0 Nomencla-ture/Pronounce

8.6.0 Policies Bylaws

8.5.0 Annual Reports

8.9.0 Logo Use Policy

8.11.0 Proposed New Bylaws

8.10.0 Conf. Policies

John M. Robbins
Comment
As part of a content strategy document for the development of Student.SIGGRAPH.org, I developed this site map of ACM SIGGRAPH's main site to illustrate where content relevant to students is currently located. This document is part strategy appendix along with a full content inventory of the site. This site development proposal is scheduled for completion on May 15th, 2007 as a final project for the Information Architecture class that I've taken at the University of Baltimore.
Page 33: Robbins Portfolio Case Studies

Executive Dashboard

Wireframes

Page 34: Robbins Portfolio Case Studies

As data becomes available

Campaign Progress

PROJECT | DATE 10.05.09 | PAGE Executive Dashboard 0.0.0.0 | VERSION 3.0

Current Month

Membership X,XXX

Category StatusPrevious

X,XXX

% Active Advocates XX% XX%

Paid Media Impressions XXX,XXX

XXX,XXX

XX,XXX

Earned Media XXX,XXX

Web Traffic XX,XXX

[X.X% ]

[X.X% ]

[X.X% ]

[X.X% ]

XX,XXXTone XX,XXX [X.X% ]

EXECUTIVE DASHBOARD

Help I Contact I Logout

[CAMPAIGN TIMELINE]

XX.XX.XX

[VIDEO AD]

Current Advertising

Enter Collaborative Workspace >

MEDIA DATE

TV XX.XX.XX

Print XX.XX.XX

Online

TV XX.XX.XX

TITLE

Lorem ipsum dolor sit amet, consectetuer

Vestibulum ultrices, cus pellentesque.

Lorem ipsum dolor sit amet, consectetuer

Lorem ipsum dolor sit amet, consectetuer

Campaign Assets View Archives >

DATE [Week of]

XX.XX.XX

TITLE

Lorem ipsum dolor sit amet, consectetuer

Vestibulum ultrices, cus pellentesque.

Lorem ipsum dolor sit amet, consectetuer

Weekly Report

XX.XX.XX

XX.XX.XX

[About this Chart] >>

[About this Chart] >>

Web Traffic

Earned Media

[U.S. Map Graphic]

Membership & Campaigns

Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt.

[About this Chart] >>

XXX,XXX[Polling Question(s)]Lorem ipsum dolor sit amet, consectetaur .

XXX,XXX [X.X% ]

Volume

[About this Chart] >>

Polling Questions

[GRAPH]

[GRAPH]

[GRAPH]

XXX,XXX

3

2

4

5

6

1

ToneVolume

VisitorsTime on SiteAverage page viewsTraffic summary

[Question A][Question B][Question C][Question D]

[X.X% ]

Page 35: Robbins Portfolio Case Studies

PROJECT client | DATE 10.05.09 | PAGE Executive Dashboard 0.0.0.0 | VERSION 3.0

1. Campaign TimelineThe existing Campaign timeline will retain the same level of functionality, content and detail, but will be narrowed in width to accommodate high level content illustrating campaign progress.

2. Campaign ProgressA summary spreadsheet will be provided as a quick snapshot view, highlighting progress across each key metric area, in the most recent month. The column headings will be as follows: “Category” for the title of each metric, “Previous” will provide a baseline for the metric category being measured, “Current Month,” will show the latest information, and “Status” will provide the percent change including a simple graphic which indicates an increase, decrease or no change. Scrolling over any category, a pop up will reveal a descriptor for the specific measurement methodology. The graphic design elements will be further defined by Virilion with attention to color coding.

3. Membership & CampaignsA US map with text providing numeric data on:

a. Total membershipb. Membership growth in the past month. c. Active membership; both numeric data and percentage of total.

* This figure will be calculated by sub-contractor, using a formula based on the number of members who have participated in: e-mail campaigns, gone to a meeting, or written a congressmen regarding legislation.

Visual distinction for the states with campaign focus. Upon rollover of these campaign focus areas, a pop up box will reveal campaign specific membership levels, percentage of national average, membership growth rate and the percentage of “Active Members.”

* For each graph or chart, an “About this graph” link provides a pop up descriptor for the specific measurement methodology. In addition, a glossary of terms will be provided to support the dashboard documentation.

4. Earned MediaThis chart displays the combined earned media volume across online media sources. Radian6 earned media measurement software will be imported and manually configured monthly to display progress in terms of total “Volume” and “Tone” for targeted earned media. A drop down selection menu will provide both views with “Tone” selected as the default.

To determine the tone across a representative sample of articles, Virilion has developed a set of criteria based on a 3 point scale:

1. negative2. balanced3. positive

5. Web TrafficImporting data from Hitbox, this bar graph will be manually configured monthly to provide a variety of web site traffic data on client’s site. The total number of visits will show as default in a monthly view. An additional drop down selection menu will provide the following additional views:

1. Number of visitors2. Time on Site3. Average number of page views4. Traffic summary

6. Polling Questions Utilizing data collected by client’s monthly flash polling questions, this data will be displayed in a complimentary format to the type of questions posed, and as the data becomes available. A drop down menu can be provided here to provide data for multiple polling questions.

Assumptions:* Archived data & graphs for each metric area will be incorporated into Virilion’s weekly reports on a monthly basis.* The monthly manual data entry & reporting will be accounted for through the earned media retainer.

Page 36: Robbins Portfolio Case Studies

Case Study:

WEEI Sports Radio Network

Page 37: Robbins Portfolio Case Studies

WEEI- Project Launch Goals:• Establish WEEI.com as THE go to place for Boston sports• Create strong digital brands for radio personalities• Develop unique integrated advertising opportunities

Page 38: Robbins Portfolio Case Studies

WEEI- The Situation:WEEI was a radio powerhouse, but had a sleepy Website. No TV/video. No print. Hard to compete broadly in the Boston market for sports news with radio alone – they were struggling to compete when up against the Boston Globe, the Boston Herald, New England Sports Network, Comcast Sportsnet, and the nationals like ESPN.

Page 39: Robbins Portfolio Case Studies

WEEI- The Solution:Transform weei.com from a radio offshoot to the hub of the WEEI Sports Network WHILE paying homage to the radio roots as well asmarketing the radio shows more effectively.

BEFORE AFTER

Page 40: Robbins Portfolio Case Studies

WEEI- Web Site Development:With a variety of content, and a diverse audience of passionate sports enthusiasts, it was important for WEEI to show a balance between opinion, news and fun.

Page 41: Robbins Portfolio Case Studies

WEEI- Overall Architecture:Providing multiple points of access to unique and news breaking content is what distinguishes WEEI.com as Boston’s sports network. Filtering by content lens or media type, integrating social tools, and providing multiple incentives for personalizing membership; Virilion’snewly designed architectural framework puts WEEI fans in charge.

Page 42: Robbins Portfolio Case Studies

WEEI- Site Map:The site map provides a scalable structure, and progressive navigation broken into groups by content lens, media type, membership and WEEI business access, with multiple access points and cross-linking to ensure that visitors are able to quickly navigate to their content of interest within 2 clicks.

Page 43: Robbins Portfolio Case Studies

WEEI- Homepage Wireframe:Creating a widgetized portal, quick visual access to the latest content, and integrated advertising space were the cornerstones supporting WEEI’s homepage blueprint. Ensuring that top stories and writers were presented in balance with the latest and most popular on-air shows was paramount to the use of space. Highlighting live and on-demand content, creating multiple tab views ofcontent, required early collaboration with 3rd party vendors like EveryZing A/V and Stats Data to create a cohesive user experience.

Page 44: Robbins Portfolio Case Studies

WEEI- Homepage:Creating a widgetized portal, quick visual access to the latest content, and integrated advertising space were the cornerstones supporting WEEI’s homepage blueprint. Ensuring that top stories and writers were presented in balance with the latest and most popular on-air shows was paramount to the use of space. Highlighting live and on-demand content, creating multiple tab views ofcontent, required early collaboration with 3rd party vendors like EveryZing and Stats Data to create a cohesive user experience.

Page 45: Robbins Portfolio Case Studies

WEEI- Show Scheduling:One way to provide an intro to the radio personalities was with a dynamic scheduling widget for the homepage. We designed an experience to introduce personalities, show times, and what’s coming up on the day’s show.

WEEI Schedule widget development

D i &

LISTEN: ON DEMANDTime | ProgramDecember 25th, 2008 7:43am

This needs to keep current date & timeNeeds to be able to 

scroll back 24hrs

Need to have admin

[BRAND]

6am: Teddy Bruschi

Dennis & Callahan 6am – 10am

LISTEN: LIVE

-

Need to have show

This button needs to be dynamic to correspond with current date and time “On Demand” for earlier programming links to Everyzing’s page categorized by show & date, “”Live” links to current program (Listen Live), “Coming up” no link…

Need to have admin access to change timing and show for games.

7am: Headlines, Headlines, Headlines8am: Joke of the Day9am: For immature audiences

Dale &Holley10am – 2pm

The BigShow2pm – 6pm

LISTEN: COMING UP+

+Need to expand as an ajax accordion widget using logos to the

Need to  have show branding

This text area needs to be accessible to each respective program’s producer to edit details for show programming in a “twitter‐esque’ format.

using logos to theright…

Needs to be able to scroll forward 24hrs

Page 46: Robbins Portfolio Case Studies

WEEI- Strong & unique brands for radio personalities:Create strong digital brands for unique radio personalities required interviewing, research and flexible templates to support unique offerings.

Page 47: Robbins Portfolio Case Studies

WEEI- Integrated Advertising:Provided multiple opportunities for advertisers to purchase page exclusives, integrated throughout the page while still keeping the content at center stage.

Page 48: Robbins Portfolio Case Studies

WEEI- Integrated Advertising:Created rich media concepts, integrated throughout the page while still keeping the content at center stage.

Page 49: Robbins Portfolio Case Studies

WEEI- The Results:Sponsorship has increased, fan engagement has increased, and WEEI has now fought it’s way to number 1.

Page 50: Robbins Portfolio Case Studies

WEEI- The Results:Sponsorship has increased, fan engagement has increased, and WEEI has now fought it’s way to number 1.

Page 51: Robbins Portfolio Case Studies

D 3ED 3Eesignesign

John M. Robbins

Principal [email protected]

207.522.8114