Rjr camel cms cx3 moderator 072214 by Joseph Liberty

Camel.com CX3 CMS : Talkback Moderator

Page 1 of 40 July 23, 2014

UX: Wireframes v1.0

Talkback Moderator

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Overview, Stories and Definitions

Page 2 of 40 July 23, 2014

UX: Wireframes v1.0

Overview

Definitions

The CMS/CX3 Talkback Moderator will allow the moderator and reviewer to manage content generated by ATC’s on the website.

Pending Moderation

Sentiment

•

When a comment first enters the Moderator’s queue.

Moderator will sift through comments/content and establish whether each piece of content is appropriate per the Submission Guidelines. The Moderator is able to publish or un-publish every comment.

Pending Review

Moderator also has the ability to reply to ATC content by leveraging already approved brand materials.

Reviewed

The Moderator will always be coming from a consistent and comprehensive place when providing solutions and answers to ATC users.

•

Stories

When a comment task is resolved and was completed by a Moderator.

Priority

As an ATC user: I know that Camel is reviewing my comments and will respond if I have questions.

As a Moderator: •

Publish or unpublish ATC user’s comments based on their content.

•

Respond to an ATC user public or private on the Camel website using a public message so that all ATC users reading the comment thread can benefit from the response.

•

Send a pre-approved private message to an ATC.

•

Set Sentiment on a comment for reporting.

•

When a comment task is resolved and was completed by a Reviewer.

Moderated •

•

When a moderated comment is sent to the Reviewer’s queue.

Choose Primary Tags (General, Inquiry or Feedback) to a comment or gallery for reporting.

•

A comment can be:

•

High/Red (requires immediate review)

•

Medium/Yellow (requires review)

•

Low/Green (requires review)

Publish •

A comment can be:

•

Publish (visible on the website)

•

Unpublish (not visible on the website).

Watched •

An ATC user can be:

•

Add descriptive Secondary Tags to a comment or gallery for reporting.

•

Watched (subsequently their comments are automatically flagged in all queues)

•

Watch an ATC user so that their comments are subsequently flagged in all queues.

•

Watch (not flagged)

• •

Flag a comment as requiring review for cases where a Reviewer is required to make a decision on how to treat the comment. Publish a comment or gallery as featured content.

•

Describes the Sentiment of a comment. May be:

•

Positive

•

Neutral

•

Mixed

•

Negative

Message •

A message can be:

•

Public (appears publically on the website)

•

Private (is sent privately to an ATC user)

Tag •

Describes a comment; Moderator generated and defined.

Primary •

General (Default), Request, Feedback

Secondary •

See tag manager

View Thread •

A thread can be:

•

View original comment in conversation thread

Featured Comment/Gallery •

Publish a brand approved ATC comment/gallery ti a blog or program to appear in the “Featured Section”

As a Reviewer: •

Publish or unpublish ATC user comments based on their content.

•

Watch an ATC user so that their comments are subsequently flagged in all queues.

•

Send a private or private message to an ATC user so that they know why their comment was unpublished.

•

Flag a comment as requiring resolution for cases where another authority is required to resolve or otherwise make a decision on the comment.

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Moderator, Reviewer and Manager

Page 3 of 40 July 23, 2014

UX: Wireframes v1.0

Moderator •

•

Reviewer

Moderator monitors all live comments across the website. Relevant comments will be selected under the Detail pane for response and handled according to their Primary Tag, Priority, Sentiment and Watch users. The Moderator will be able to select task, select specific content and view their tasks on what they have to do that day. They can select and view All Comments, view Galleries, view Watched users, view and set high, medium or low Priority, and search comments. The Moderator will be able to evaluate and respond to comments, Publish, Unpublish, add Watched User, add Sentiment, send a Public or Private Message, add Tags, and view in context of comment thread for all user-generated comments on the website.

Moderator users will be able to: •

•

Choose Role

•

Filter

•

Sort

•

View Comments

•

View Galleries

•

Send Public or Private Message (Optional)

•

Tag Primary

•

Tag Secondary (Optional)

•

View Thread (Optional)

•

Set Watch User

•

Set Priority

•

Publish or Unpublish Comment

•

Set Sentiment

•

Finish Task

•

Send to Reviewer

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

•

New ATC comment that appears on the Reviewer queue will be coming from the Moderator.

•

The Reviewer will need to resolve the issue. Resolved comments will be displayed for the History tab. Reviewer can respond to Moderator’s response by email messaging, keeping an open communication between Moderator and Reviewer.

•

Is a user that reviews the Reviewer queue that was sent by the Moderator.

Reviewer users will be able to:

Manager •

Moderator or Reviewer roles will be able to manage tags and messages. All tags and messages will be availiable for when Moderation is needed.

Manager users will be able to: Tag Manager •

Add Tags

•

Edit Tags

•

Filter

•

Sort

•

Pagination

•

Choose Role

•

Filter

•

Sort

•

View Comments

•

Add Messages (Topic, Response

•

View Galleries

•

Add Category

•

Send Public or Private Message (Optional)

•

Add link

•

Tag Primary

•

Edit Messages (Topic, Response

•

Tag Secondary (Optional)

•

Edit Category

•

View Thread (Optional)

•

Edit Link

•

Set Watch User

•

Filter

•

Set Priority

•

Publish or Unpublish Comment

•

Sort

•

Set Sentiment

•

Pagination

•

Finish Task

Message Manager

Camel.com CX3 CMS : Login

Page 4 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Guest User Status: Not Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

PLEASE LOGIN

Access to the CMS tools require a separate login from that provided by the

1.0

Active Directory Authentication (ADA). User and group management is administered within the CMS. Displays CX3 graphic and Please Login copy.

1.1

Enter user name (Max character count 20) TBD

1.2

Enter password (Max character count 20) TBD

1.3

User can select check box for saving their user name and password

1.4

User can select login to enter into the CMS

1.5

User can recover password through current CX3 access method

1.6

Error state for entering user name or password

1.6 1.1

1.2

1.3 1.5

USER NAME

PASSWORD

Invalid User Name

Invalid Password

Remember me next time Forgot your password

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

1.4

Camel.com CX3 CMS : Forgot Your Password

Page 5 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Guest User Status: Not Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

PLEASE LOGIN

USER NAME 1.0

PASSWORD Forgot Your Password

1.1

Old Password

1.2

New Password

1.3

Retype Password

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Forgot your password title

1.1

User enters old password (Max character count 20)

1.2

User enters new password (Max character count 20)

1.3

User retypes new password (Max character count 20)

1.4

User to select Cancel button to exit screen

1.5

User to select “Save” button to save their new password

1.6

User to select “X” button to close screen

1.6

I forgot my user name/password Name User Name

User Name

1.0

Username

1.4

1.5

CANCEL

SAVE

Camel.com CX3 CMS : Moderator Dashboard Navigation

Page 6 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

Camel.com CX3 CMS

http://www.tobaccopleasure.com

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

CX3 LOGO 2

Main navigation can be contracted so that only primary navigation icons are visible. On hover the menu will display and allow selection.

Main Menu

Dashboard

Primary navigational element expanded. User can select main menu icon to open or close. Once opened they select to view their dashboard.

Moderator Reviewer Manager Reports History

CONTENT

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

CONT

Camel.com CX3 CMS : Moderator Navigation

Page 7 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

Camel.com CX3 CMS

http://www.tobaccopleasure.com

Camel.com CX3 CMS

http://www.tobaccopleasure.com

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

CX3 LOGO 1

CX3 LOGO 2

Main Menu

User to select Moderator to view hidden content in expanded view

Main Menu Primary navigational element expanded. User can select main menu icon to open

Dashboard

or close. Once opened they select to view the Moderator Navigation. Under the Moderator, user will have Comments, Galleries and Motto.

Moderator

Reviewer

Comments

Manager

Galleries

Reports

Motto

History

Reviewer

Main navigation can be contracted so that only primary navigation icons are visible. On hover the menu will display and allow selection.

Manager Reports CONT

CONT

CONTENT

History

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Manager Navigation

Page 8 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

Camel.com CX3 CMS

http://www.tobaccopleasure.com

Camel.com CX3 CMS

http://www.tobaccopleasure.com

User Type: Moderator - Manager User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

CX3 LOGO 2

Main Menu

User to select Manager to view hidden content in expanded view

Main Menu Primary navigational element expanded. User can select main menu icon to open

Dashboard

or close. Once opened they select to view the Manager Navigation. Under the Manager, user will have Tag and Message Manager.

Moderator

Reviewer

Manager

Main navigation can be contracted so that only primary navigation icons are visible. On hover the menu will display and allow selection.

Manager

Reports

Tag Manager

History

Message Manager

Reports History CONT

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

CONT

CONTENT

Camel.com CX3 CMS : Open Navigation States

Page 9 of 40 July 23, 2014

UX: Wireframes v1.0

1.0

Moderator

2.0

Dashboard

Moderator

Comments

Reviewer

Galleries

Reviewer

Motto

Manager

User Type: Guest User Status: Not Logged In

Additional Notes:

ANNOTATIONS AND INTERACTIONS

1.0

Expanded states for the Moderator to access: Dashboard, Moderator (Comments, Galleries and Motto), Reviewer, Manager (Tag and Message), Reports and History

2.0

3.0

Expanded states for the Reviewer to access: Dashboard, Moderator, Reviewer (Comments, Galleries and Motto), Manager, Reports and History

Expanded states for the Editor to access: Dashboard, Editor (Blog List, Add Blog, Window Shade List, Add Window Shade), Manager (Tag)

Manager

Tag Manager

Message Manager

Reports

History

Editor

PAGE NOTES

Comments

Motto

3.0

Reviewer

4.0

Expanded states for the Reviewer to access: Dashboard, Reviewer (Blog List, Window Shade List)

Reviewer

Dashboard

Editor

Reviewer

Blog List

Add Blog

Window Shade List

Window Shade List Add Window Shade Manager Tag Manager

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Moderator Dashboard

Page 10 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

1.0

WELCOME USER NAME

LOGOUT

1.0 Main Menu

Inbox

1.4

Most Recent Updates

1.1 1.5

1.3

Moderator

Reports

The dashboard view surfaces various content and data items for quick viewing

1.6

Dashboard

Administrator

access to log out of CX3. Help function could be links or files to download TBD

1.1 1.2

Reviewer

Once logged in, user will be able to view their user name. They will also have

0 total

History

TIAP Blog Post #4 Comments

Go To

Comments

000

SNUS Ad Creator Galleries

Go To

Galleries

000

SNUS Ad Creator Comments

Go To

Motto

000

items delivered.

1.2

Go To

Daily Spark Comments

Go To

the total number they will be able to view accurate total number

Comments, Galleries, Motto and Total of all. Numbers can increment up to 3 numeric placement.

1.4

1.5

1.6

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

In the inbox view user will be able to view number of counts. If user rolls over

In the inbox view user will be able to view individual number count for

1.3

Find It, Map It, Share It Comments

and/or access to editing/creating. The items displayed may not reflect the final

Most Recent Updates displays a listing of those content items that were most recently updated.

Items reflected can be any item that is user generated content within the Camel.com and SNUSNation site.

User will be able to select the “Go To” button for quick access to specific program within the system

Camel.com CX3 CMS : Moderator - Comments Search

Page 11 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT Once user selects Moderator and Comments, all comments will be populate to

1.0

Main Menu 1.1

Dashboard

1.2

1.4

1.5

When the page initially loads, user is in the Inbox, which is the default for this

1.1

Moderator

Search Comments for

1.0

Comments

1.3

1.6

Advanced Search:

Sort by

Clear

Task you want to go to. This will reload the page for that Task, and then the Program list will be populated for that Task. Only one task can be selected at a time.

Inbox - Comments (total)

the right. To change the selected Task for Moderation, simply click on the name of the

task. This will display the total number of comments. INBOX - This holds all of the Comments/Content that have not yet been moderated or reviewed.

Apply

Watched Users

Searching is applied to the Comments/Content for the task you have selected that meet the filter criteria you selected. It allows user to further refine the

Galleries

1.7

View

Items per page

Apply Batch

1.8

Prev 1

2 ... 21 Next Go To Page

Comments/Content items displayed. Search criteria displayed in the dropdown can be applied as follows: Comments/Content - User must provide at least 5 characters and no more than 50 characters. Alias - User must provide at least 3

Motto 1.2 Reviewer

characters and no more than 50 characters. PID - User must provide at least 4 characters and no more than 9 characters. Execute the search by clicking the magnifying glass or by pressing the Enter key on the keyboard. For the Enter key to work, the text box must be the active control. Clear the search by pressing the Escape key on the keyboard. For the Escape key to work, the text box must

Manager

be the active control. You can also clear the search by clicking the RESET button located in the filter criteria section.

Reports

Sort by: Most Recent, Ascending or Descending. The sort criterion allows user to

History

change how the Comments/Content items are sorted. Comments/Content are

1.3

initially defaulted and sorted by Date Posted in DESCENDING order when clicking the APPLY ALL button located in the filter criteria section. Selecting DESCENDING Comments/Content will display from (Z-A). Selecting ASCENDING Comments/ Content will display from (A-Z).

1.4 1.5

Clicking the CLEAR button will reset the filter criteria to its default and initiate a recount. Clicking the APPLY button will load the Results Viewer with the items that match the filter criteria.

User can select and view Watched Users that will preview below. Watched User are displayed with a light yellow background color. When selecting the WATCH/

1.6

WATCHED USER status of a user, will see ALL comments posted by that user will be displayed. This is because you are watching the “user” and not the comments, so the setting is applied to the PID of the user.

1.7

User can view number of comments on a page by 10, 20, 50, 100, 200

User can select the batch button for more efficient moderation to clear their que. Deafault settings are needed to accommodate this, includes: Primary Tag -

1.8

General, High/Red Priority - Negative sentiment set as unpublished, Medium/ Yellow Priority - Neutral sentiment set as publish, Low/Green Priority - Neutral sentiment set as publish.

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Moderator - Comments Search Cont'd

Page 12 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT User can use pagination to view more comments, by selecting the previous, next or type into an open type field to go to specific page

Main Menu Displaying numbers that are 5 or less. Arrows will be grayed out unless using an

Inbox - Comments (total)

double ellipsis's

Dashboard

If one number is displayed

Moderator

Search Comments for

Sort by

Clear

<1>

Apply

if two numbers are displayed

Comments

Advanced Search:

<12>

Watched Users

If three numbers are displayed

Galleries

View

Items per page

Apply Batch

1.0

Prev 1

2 ... 21 Next Go To Page

<123>

If four numbers are displayed

1.0

Motto

<1234> If five numbers are displayed <12345>

Reviewer Displaying numbers that are 6 or greater.

Manager

If user selects numbers one or two will only view one ellipsis's. <123…6>

Reports

If user selects three or greater numbers they will view two ellipsis's. < 1 … 2 3 4 … 30 > If user selects twenty eight or less numbers they will view two ellipsis's.

History

< 1 … 27 28 29 … 30 > If user is at the end of the number set numbers twenty nine and thirty will only view one ellipsis's. < 1 … 28 29 30 >

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Moderator - Comments

Page 13 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT User selects comments. Simple moderation includes:Change WATCH/WATCHED

1.0

Main Menu Dashboard

1.1

Moderator

Search Comments for

1.0

Sort by

Clear

Displays ATC avatar, user name, PID and Specific Program

Apply Setting the WATCH/WATCHED USER status results in the following: WATCH - The

Comments

Advanced Search:

Galleries

View

Watched Users

Items per page

1.2 Apply Batch

Prev 1

Motto

User Name PID # 000000

1.3 WATCH

1.3 General

1.1

✓

1.4 Request

Feedback

Taste It All (Program)

High

Med

Moderator feels that the user is not disruptive and is not a possible threat. WATCHED - The Moderator feels that the user is disruptive or a possible threat and want them flagged whenever they post within the site.

2 ... 21 Next Go To Page

1.2

Reviewer

Content PRIORITY to Red (High), Yellow (Medium) or Green (Low). Reviewer will not be able to set Priority or Sentiment.

Inbox - Comments (total)

USER status, Set Primary Tag, General, Request or Feedback, Set Comment/

User can select Primary Tags will be associated with General, Request or Feedback.

Low

Primary Tags will be associated with General (Default), Request or Feedback.

2/25/14 4:43pm

Setting the PRIORITY will results in the following:

Manager 1.5

Question: dolor sit amet, consectetur adipiscing elit. Proin a egestas justo. RED (High) - The Comment/Content will be immediately unpublished/hidden. If

Reports

Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam convallis et est. Nunc dignissim porta mi, consectetur tincidunt eros egestas et. Suspendisse tempus justo vulputate lectus viverra blandit. Praesent arcu mauris, mattis eget turpis at,

the Moderator has a question about unpublished/hidden Comment/Content, it can be sent to the Reviewer for further evaluation. The Reviewer will have an

History

opportunity to take a second look and ultimately resolve it. When a Comment/ Content is unpublished/hidden, the user will be alerted that their Comment/

1.6

User Name PID # 000000

Content has been removed and a “Private Message” can be sent.

1.4

WATCH General

Request

Feedback

Taste It All

High

Med

YELLOW (Medium) - The Moderator can provide recommended pre-approved response and respond to user. If the original Comment/Content is appropriate, it will remain live on the site. If the original Comment/Content is inappropriate,

2/25/14 4:43pm

the Moderator can finish Task and it will be removed. If the original Comment/ Content is inappropriate and the recommended pre-approved response is in question by the Moderator, the Moderator can send it to a Reviewer as

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a egestas justo. Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam convallis et est. Nunc dignissim porta mi, consectetur tincidunt eros egestas et. Suspendisse tempus justo vulputate lectus viverra blandit. Praesent arcu mauris, mattis eget turpis at, gravida suscipit dui. Etiam ac mauris ac elit semper tristique ut eget mi. Donec dignissim, nisi ac rhoncus tincidunt, elit nisi pretium leo.

unpublished and the Reviewer will resolve it. GREEN (Low) - The Moderator can provide a recommended pre-approved response to Comments/Content via the Public Message. Any response by the Moderator is immediately pushed to the site. This option will be hidden when

User Name PID # 000000

working as a Reviewer.

WATCH General

Taste It All

Request

Feedback

High

Med

1.5

Displays ATC comment or question with answer. If question is viewed it will be displayed either bold or italic.

2/25/14 4:43pm User to select to “View More” to further define a specific comment. Tools will

1.6

slide out from the bottom. Tools will slide out from the bottom pushing down Comments/Content.

Click to view tools

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : States - Single View

Page 14 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES User Type: Guest User Status: Logged In

Tags

1.1

User Name PID # 000000

1.7

WATCH General

Request

Feedback

High

Taste It All 1.2

Med

ANNOTATIONS AND INTERACTIONS Low

2/25/14 4:43pm

Once user selects “Click to edit” a set of tools will become available. Once user

Affinity

1.0 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a egestas justo. Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam convallis et est. Nunc dignissim porta mi, consectetur tincidunt eros egestas et. Suspendisse tempus justo vulputate lectus viverra blandit. Praesent arcu mauris, mattis eget turpis at, gravida suscipit dui. Etiam ac mauris ac elit semper tristique ut eget mi. Donec dignissim, nisi ac rhoncus tincidunt, elit nisi pretium leo. 1.3

1.0

Tags

View Thread

Sentiment

1.4

Featured

1.5

Unpublish

Message

1.6

Send to Reviewer

Additional Notes:

selects the tags button it will allow the user to search and add one or more tags to a comment/content

1.1

User can search tags by primary, secondary or specific name. A gallery of tags can be managed under the Tags Manager role. User can also type into text box.

The Secondary Tags editor allows user to add one or more Tags to a Comment/

Finish

Content. Secondary Tags are optional. Click in the text box that shows “Add a Tag” and type in the Tag user wants to pull from the Tag Manager Library. Add

View Thread

the Tag by clicking the Add button to the right of the text box or by pressing the

2.1

1.2

User Name WATCH PID # 000000 User Name PID # 000000 2/25/14 4:43pm Taste It All Lorem ipsum dolor sit amet consectetur adipiscing elit roin a eg.

General

Request

Feedback

High

Med

Enter key on the keyboard. For the Enter key to work, the text box must be the active control. To edit tag has to be done in the Manager Role. Clicking the x

Low

located to the right of the text in the Tag will remove it. Clicking the Remove All

2/25/14 4:43pm

button will remove all Tags from the Comment/Content. A Tag can be no longer than 75 characters.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a egestas justo. Praesent nec hendrerit eros. Curabitur sed tortor User Name PID # 000000 ac nisi congue aliquam convallis et est. Nunc dignissim porta mi, consectetur tincidunt eros egestas et. Suspendisse tempus 2/25/14 4:43pm justo vulputate lectusdolor viverra blandit. Praesent arcu mauris, mattis eget turpis at, gravida suscipit dui. Etiam ac mauris ac elit Lorem ipsum sit amet consectetur semper tristique ut eget mi. Donec dignissim, nisi ac rhoncus tincidunt, elit nisi pretium leo.

1.3

User to select “Featured” check box to feature comment on site, once approved by brand Toggling the PUBLISHED/UNPUBLISHED status results in the following:

2.0

PUBLISHED - Pre-approved responses to Comments/Content can be provided via Tags

View Thread

Sentiment

Featured

Unpublish

Message

Send to Reviewer

Finish

1.4

the Public Message. Any response provided is immediately pushed to the site. UNPUBLISHED - The Comment/Content is taken down immediately, and a private response can be sent to the user via the Private Message.

User to select “Send To Reviewer” button to flag a Comment/Content as

1.5

requiring resolution for cases where another authority is required to resolve or otherwise make a decision on the comment.

1.6 1.7

User to select “Finish” button to finish task in which Comment/Content will be removed from que. User to select “X” button to close screen

Once user selects the view thread button it will allow the user the ability to view

2.0

the original comment thread, with any replies that have been posted to it, within the context of the user. For original thread, will always display at the top. The Moderator will view the

2.1

user name, PID, date, time and comment. Replies will be displayed as indented content. If a lot of replies are in view a scroll bar will appear.

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : States - Single View Cont'd

Page 15 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES User Type: Guest User Status: Logged In

Sentiment User Name PID # 000000 Positive

3.1

Negative

WATCH Neutral

Mixed General

Additional Notes:

ANNOTATIONS AND INTERACTIONS

Request

Feedback

High

Taste It All

Med

Low

2/25/14 4:43pm

3.0 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a egestas justo. Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam convallis et est. Nunc dignissim porta mi, consectetur tincidunt eros egestas et. Suspendisse tempus justo vulputate lectus viverra blandit. Praesent arcu mauris, mattis eget turpis at, gravida suscipit dui. Etiam ac mauris ac elit semper tristique ut eget mi. Donec dignissim, nisi ac rhoncus tincidunt, elit nisi pretium leo.

Once user selects the sentiment button it will allow the user the ability to view the sentiment. The Sentiment can be set as follows: POSITIVE - feels that the comment is

3.1

3.0

positive in nature. NEGATIVE - feels that the comment is negative in nature. NEUTRAL - feels that the comment is neither positive nor negative in nature. MIXED - feels that the comment is both positive and negative in nature.

Tags

View Thread

Sentiment

Featured

Unpublish

Send to Reviewer

Message

Finish

Once user selects the message button it will allow user to search pre-approved

Message

4.0

4.4 User Name Thanks for Search PID # 000000

4.1

WATCH

Message

Message (sent directly to the user) to the Comment/Content.

Clear All General

4.3

PublicFeedbackPrivate Request

Taste It All Thanks for the shout

4.5

Thanks for the shout

High

Med

User can search messages by Response (default) or Topic. Once selected they

Low

will be able to search by typing into the open type field. Once selected the

2/25/14 4:43pm

4.1

We’re blushing right now. You just can’t see it.

4.2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a egestas justo. Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam convallis et est. Nunc dignissim porta mi, consectetur tincidunt eros egestas et. Suspendisse tempus Right on. We have a crush on you too. justo vulputate lectus viverra blandit. Praesent arcu mauris, mattis eget turpis at, gravida suscipit dui. Etiam ac mauris ac elit View 10 semper tristique ut eget mi. Donec dignissim, nisi ac rhoncus tincidunt, elit nisi pretium leo. Confirm 4.6

Tags

View Thread

Sentiment

Featured

4.0

Unpublish

Message

Send to Reviewer

response to populate into the message panel. Multiple responses can be placed into the message panel. A gallery of pre-approved messages can be managed under the Message Manager role.

4.2

User can view number of responses or topic on a page by 10, 20, 50

4.3

User will be able to use the tabs to select public or private message

4.4

The “Clear All” button will only be applied to either public or private, not both

4.5

User can select the “X” button to remove line item.

Finish

Thanks for the shout

4.6

We’re blushing right now. You just can’t see it. Message

Clear All

Right on. We have a crush on you too. View

answer will populate below. From here the user will be able to select the

Thanks for

Response Topic

messages, enter either/both a Public Message (published to the site) and Private

Public

If user selects a public or private message, they must “check” the corresponding Confirm checkbox for it to be published. Messages are optional.

Private

Thanks for the shout

I Love

Response Topic

I Love your products

Confirm

I Love Camel I Love Camel Crush View

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : States - Multi-View

Page 16 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Tags

User Type: Guest User Status: Logged In

Sentiment

Additional Notes:

1.3 1.1

Search and Add Tags

3.1

Positive

ANNOTATIONS AND INTERACTIONS

Negative

Once user selects “Click to edit” a set of tools will become available. Once user

1.2

Affinity

Neutral

Mixed

1.0

selects the tags button it will allow the user to search and add one or more tags to a comment/content

1.1

1.0

Tags

View Thread

Sentiment

Featured

Unpublish

1.4

Message More

Send to Reviewer

User can search tags by primary, secondary or specific name. A gallery of tags can be managed under the Tags Manager role. User can also type into text box.

1.2

Tags will be populated below the open type field

1.3

User to select “X” button to close screen

1.4

User to select “More” button to view message, send to reviewer and finish buttons Once user selects “Click to edit” a set of tools will become available. Once user

3.0

2.0

selects the view thread button it will allow the user the ability to view the original comment thread, with any replies that have been posted to it, within the context of the user.

Finish

Send to Reviewer

Message More

For comments, the Moderator will view the user name, PID, date, time and

Finish

2.1

comment. Replies will be displayed as indented content. If a lot of comments are in the

Once user selects “Click to edit” a set of tools will become available. Once user

3.0 View Thread

2.1

sentiment

Message

4.1

User Name PID # 000000 2/25/14 4:43pm Lorem ipsum dolor sit amet consectetur adipiscing elit roin a eg.

3.1

Thanks for

Describes the sentiment of a comment. The user can select positive, negative, neutral or mixed. Need up and down state

Once user selects the message button it will allow user to search pre-approved

Thanks for the shout

4.0

We’re blushing right now. You just can’t see it. User Name PID # 000000 2/25/14 4:43pm Lorem ipsum dolor sit amet consectetur

selects the sentiment button it will allow the user the ability to view the

messages, enter either/both a Public Message (published to the site) and Private Message (sent directly to the user) to the Comment/Content.

Right on. We have a crush on you too. 4.2

View

User can search messages by Response (default) or Topic. Once selected they

4.4

will be able to search by typing into the open type field. Once selected the Message

Tags

2.0

Public

Private

View Thread

Sentiment

Featured

Unpublish

Message

Send to Reviewer

Finish

Confirm

4.6

4.0

Message More

4.1

4.5

Featured

Unpublish

4.3

response to populate into the message panel. Multiple responses can be placed

Send to Reviewer

Finish

under the Message Manager role.

4.2

User can view number of responses or topic on a page by 10, 20, 50

4.3

User will be able to use the tabs to select public or private message

4.4

The “Clear All” button will only be applied to either public or private, not both

4.5

User can select the “X” button to remove line item.

4.6

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

answer will populate below. From here the user will be able to select the into the message panel. A gallery of pre-approved messages can be managed

Tags

Thanks for the shout

View Thread

Clear All

If user selects a public or private message, they must “check” the corresponding Confirm checkbox for it to be published. Messages are optional.

Camel.com CX3 CMS : Moderator - Galleries - Single View

Page 17 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT

1.0 Main Menu

Inbox - Galleries (total) Dashboard Moderator Comments

Search Comments for Advanced Search:

1.0

Clear

Apply

View

User to select either single or multi-view.

1.2

Displays ATC avatar, user name, PID and Specific Program.

1.3

Allow user to select the watch button if ATC has been inappropriate on site.

Watched Users

Items per page 1.1

View

Motto 1.2

populate to the right.

1.1

1.4

Galleries

Reviewer

Sort by

Once user selects Moderator and Galleries, all images and comments will be

User Name PID # 000000

Apply Batch

Prev 1

1.3

WATCH

1.4

1.5 General

Request

Feedback

Taste It All (Program)

Manager

2 ... 21 Next Go To Page

✓ High

Med

Low

2/25/14 4:43pm

User can select Primary Tags will be associated with General (Default), Request or Feedback.

1.5

User can select Priority - High (Red), Medium (Yellow) or Low (Green) (Default).

1.6

Displays ATC comment or question with answer.

1.7

Displays ATC image created, user will be able to click image for enlarged view.

1.6 User to select to “View More” to further define a specific comment. Tools will

Reports History

1.8

slide out from the bottom. Tools will slide out from the bottom pushing down Comments/Content.

1.7

(Click to Enlarge)

1.8

User Name PID # 000000

WATCH General

Taste It All (Program)

Request

Feedback

High

Med

Low

2/25/14 4:43pm

(Click to Enlarge)

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Moderator - Galleries - Multi-View

Page 18 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT

1.0 Main Menu

Inbox - Galleries (total) Dashboard Moderator Comments

Search Comments for Advanced Search:

1.0

View

Galleries

Sort by

Clear

Apply

Reviewer

User to select either single or multi-view.

1.2

Displays ATC avatar, user name, PID and Specific Program.

1.3

Allow user to select the watch button if ATC has been inappropriate on site.

1.4

User can select Priority - High, Medium or low.

Watched Users

Items per page

1.1

View

1.2

populate to the right.

1.1

Apply Batch

Prev 1

2 ... 21 Next Go To Page

1.5 Motto

Once user selects Moderator and Galleries, all images and comments will be

User Name PID # 000000

1.4

1.3

User Name PID # 000000

WATCH

Taste It All (Program)

1.5

Manager 1.6

High

Med

Low

General

Request

Feedback

High

Med

Low

General

Request

Feedback

Taste It All (Program)

2/25/14 4:43pm

1.7

Displays ATC image created, user will be able to click image for enlarged view.

User to select to “View More” to further define a specific comment. Tools will slide out from the bottom. Tools will slide out from the bottom pushing down Comments/Content.

(Click to Enlarge)

User Name PID # 000000

Displays ATC comment or question with answer.

1.8

(Click to Enlarge)

1.8

1.6

2/25/14 4:43pm

1.7

Feedback.

WATCH

Reports History

User can select Primary Tags will be associated with General, Request or

User Name PID # 000000

WATCH High

Med

Low

General

Request

Feedback

Taste It All (Program)

WATCH High

Med

Low

General

Request

Feedback

Taste It All (Program)

2/25/14 4:43pm

(Click to Enlarge)

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Moderator - Galleries - Image Detail View

Page 19 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT

Main Menu 1.7

Inbox - Galleries (total) Dashboard

1.1

Sort by

Clear

Apply

User Name WATCH # 000000 Watched Users Advanced PID Search: Taste It All (Program)

1.0

View

Galleries

High

Items per page

Apply Batch

Med

Low

Prev 1

User can ONLY VIEW Primary Tags will be associated with General, Request or Feedback.

1.3

User can ONLY VIEW Priority - High, Medium or low.

1.4

Displays ATC comment or question with answer.

Once user will be able to click image for enlarged view, an overlay will be General

Request

1.5

Feedback

View

displayed with all the functionality needed to moderate. User can mouse over the image to view a close-up of the image detail.

User Name PID # 000000

Reviewer

Allow user to select the watch button if ATC has been inappropriate on site.

2 ... 21 Next Go To Page

1.3

Motto

1.1

1.2

Search Comments for

Comments

Displays ATC avatar, user name, PID and Specific Program.

1.2

Image Detail

Moderator

1.0

WATCH

2/25/14 4:43pm User Name PID # 000000

1.4

High

Med

Low

General

Request

Feedback

Taste It All (Program)

Manager

WATCH

History

1.5

(Click to Enlarge)

Low

General

Request

Feedback

1.6

User will not be able to edit in this view

2/25/14 4:43pm

1.7

User to select “Click to Close” button to close screen.

(Click to Enlarge)

Click to Edit

User Name PID # 000000

Med

Taste It All (Program)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a egestas justo. Praesent 2/25/14 4:43pm nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam convallis et est. Nunc dignissim porta mi, consectetur tincidunt Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a egestas justo. Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam convallis et est. Nunc dignissim porta mi, consectetur tincidunt

Reports

High

Click to Edit

User Name PID # 000000

WATCH High

Med

Low

General

Request

Feedback

Taste It All (Program)

WATCH High

Med

Low

General

Request

Feedback

Taste It All (Program) Click to Close

1.6

2/25/14 4:43pm

(Click to Enlarge)

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Moderator - Motto

Page 20 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT

1.0 Main Menu

Inbox - Motto (total) Dashboard Moderator

Search Comments for

Sort by

Clear

Advanced Search:

Galleries

View

1.0

Displays ATC avatar, user name, PID and Specific Program

1.2

Allow user to select the watch button if ATC has been inappropriate on site

Apply

Reviewer

User can select Primary Tags will be associated with General, Request or Feedback.

Watched Users

Items per page

Apply Batch

Prev 1

2 ... 21 Next Go To Page

1.2

Motto

right

1.1

1.3 Comments

Once user selects Moderator and Motto, all comments will be populate to the

User Name PID # 000000

WATCH

1.3

User can select Priority - High, Medium or low

1.5

Displays ATC motto

User to select to “View More” to further define a specific comment. Tools will

1.4 General

1.1

1.4

Request

Feedback

Taste It All (Program)

High

Med

Low

2/25/14 4:43pm

1.6

slide out from the bottom. Tools will slide out from the bottom pushing down Comments/Content.

Manager 1.5

Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam

Reports History View More

1.6

User Name PID # 000000

WATCH General

Request

Feedback

Taste It All

High

Med

Low

2/25/14 4:43pm

Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam

User Name PID # 000000

WATCH General

Taste It All

Request

Feedback

High

Med

Low

2/25/14 4:43pm

Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam

Click to view tools

(Click to Enlarge)

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Moderator - History - Comments

Page 21 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT

1.0 1.1

1.2

1.3

1.4

1.5

Clear

Apply

Main Menu Search Comments for

Filter by

Sort by

1.1

Dashboard 1.6

Advanced Search:

1.7

View

â&#x153;&#x201C;

Comments

Galleries

Motto

Watched Users

All

Items per page

Apply Batch

1.8

1.9

Prev 1

1.2

1.3

2.1 User Name PID # 000000

WATCH

2.2 Request

Feedback

Taste It All (Program)

Reports

1.4

2.3 General

2.0

High

Med

Low

2/25/14 4:43pm

1.0

History

2.4

2.5

ACTION HISTORY

Published: Published

Moderated by: User Name

Moderated on: 2/25/14 4:43pm

Priority: Red

Sentiment: Negative

Tags: General

1.5 1.6

only the Comments/Content that were assigned a PRIORITY of High, Medium or

Sort by: Most Recent, Ascending or Descending Clicking the CLEAR button will reset the filter criteria to its default and initiate a recount. User can select apply to populate Comments/Content below User can select from the advanced filter by: comments, galleries, motto or all. Watched User and conversations will be sperate. Comments is selected

1.7

User can view number of comments on a page by 10, 20, 50, 100, 200

1.8

User can select the batch button to clear their que

1.9 2.6

Search comments by: PID, Alias or user can type into open type field i.e program

Low by the Moderator.

2 ... 21 Next Go To Page

Reviewer Manager

right

Filter by: PRIORITY: High-Red, Medium-Yellow or Low-Green - This filters for

Conversations

Moderator 10

Once user selects Moderator and History, all comments will be populate to the

User can use pagination to view more comments, by selecting the previous, next or type into an open type field to go to specific page

Click to Revert

User Name PID # 000000

WATCH General

Request

Feedback

Taste It All (Program)

High

Med

Low

2.0

Displays ATC avatar, user name, PID and Specific Program

2.1

Allow user to select the watch button if ATC has been inappropriate on site

2/25/14 4:43pm

2.2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a egestas justo. Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam convallis et est. Nunc dignissim porta mi, consectetur tincidunt eros egestas et. Suspendisse tempus justo vulputate lectus viverra blandit. Praesent arcu mauris, mattis eget turpis at, gravida suscipit dui. Etiam ac mauris ac elit semper tristique ut eget mi. Donec dignissim, nisi ac rhoncus tincidunt, elit nisi pretium leo.

ACTION HISTORY

Published: Published

Moderated by: User Name

Moderated on: 2/25/14 4:43pm

Priority: Red

Sentiment: Negative

Tags: General

User can select Primary Tags will be associated with General, Request or Feedback.

2.3

User can select Priority - High, Medium or low

2.4

Displays ATC Comment

Displays all the actions that had been done by the Moderator. Will list if

2.5

comment has been published, moderated by, moderated on, priority, sentiment and tags

Click to Revert

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

2.6

User to select if they need to further define a specific comment. Tools will slide out from the bottom.

Camel.com CX3 CMS : Moderator - History - Comments Conversations

Page 22 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT

1.0 1.1

1.2

1.3

1.4

1.5

Main Menu Search Comments for

Filter by

Sort by

Clear

Apply

1.1

Dashboard 1.6

Advanced Search:

1.7

View

✓

Comments

Galleries

Motto

Watched Users

All

✓

Items per page

Apply Batch

1.8

1.9

Prev 1

1.2

1.3

2.1 User Name PID # 000000

WATCH

2.2 Request

Feedback

Taste It All (Program)

Reports

1.4

2.3 General

2.0

High

Med

Low

2/25/14 4:43pm

1.0

History

2.4

2.5 ACTION HISTORY

Published: Published

Moderated by: User Name

Moderated on: 2/25/14 4:43pm

Priority: Red

Sentiment: Negative

Tags: General

Moderator Reply: Lorem ipsum dolor sit amet consectetur adipiscing elit.

2.6

Search comments by: PID, Alias or user can type into open type field i.e text/ comment

only the Comments/Content that were assigned a PRIORITY of High, Medium or Low by the Moderator.

2 ... 21 Next Go To Page

Reviewer Manager

right

Filter by: PRIORITY: High-Red, Medium-Yellow or Low-Green - This filters for

Conversations

Moderator 10

Once user selects Moderator and History, all comments will be populate to the

1.5 1.6

Sort by: Most Recent, Ascending or Descending Clicking the CLEAR button will reset the filter criteria to its default and initiate a recount. User can select apply to populate comments below User can select from the advanced filter by comments, galleries, motto or all. Comments is selected

1.7

User can view number of comments on a page by 10, 20, 50, 100, 200

1.8

User can select the batch button to clear their que

1.9

User can use pagination to view more comments, by selecting the previous, next or type into an open type field to go to specific page

Click to Revert

User Name PID # 000000

WATCH General

Request

Feedback

Taste It All (Program)

High

Med

Low

2.0

Displays ATC avatar, user name, PID and Specific Program

2.1

Allow user to select the watch button if ATC has been inappropriate on site

2/25/14 4:43pm

ACTION HISTORY

Published: Published

Moderated by: User Name

Moderated on: 2/25/14 4:43pm

Priority: Red

Sentiment: Negative

Tags: General

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Feedback.

2.3

User can select Priority - High, Medium or low

2.4

Displays ATC Comment

Displays all the actions that had been done by the Moderator. Will list if

2.5

comment has been published, moderated by, moderated on, priority, sentiment, tags, and Moderator Reply

Moderator Reply: Lorem ipsum dolor sit amet consectetur adipiscing elit.

Click to Revert

User can select Primary Tags will be associated with General, Request or

2.6

User to select if they need to further define a specific comment. Tools will slide out from the bottom.

Camel.com CX3 CMS : Moderator - History - Galleries

Page 23 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT

1.0 1.1

1.2

1.3

1.4

1.5

Main Menu Search Comments for

Filter by

Sort by

Clear

Apply

1.1

Dashboard 1.6

Advanced Search:

1.7

View

Comments

â&#x153;&#x201C;

Galleries

Motto

Watched Users

All

Items per page

Apply Batch

1.8

1.9

Prev 1

1.2

Manager

1.3

WATCH

2.2

1.4

2.3 General

2.0

Request

Feedback

High

Taste It All (Program)

1.0

comment

only the Comments/Content that were assigned a PRIORITY of High, Medium or

Sort by: Most Recent, Ascending or Descending

2.1 User Name PID # 000000

Reports

Search comments by: PID, Alias or user can type into open type field i.e text/

Low by the Moderator.

2 ... 21 Next Go To Page

Reviewer View

right

Filter by: PRIORITY: High-Red, Medium-Yellow or Low-Green - This filters for

Conversations

Moderator 10

Once user selects Moderator and History, all comments will be populate to the

Med

1.5

History Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a egestas justo. Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam convallis et est. Nunc dignissim porta mi, consectetur tincidunt eros egestas et. Suspendisse tempus justo vulputate lectus viverra blandit. Praesent arcu mauris, mattis eget turpis at, gravida suscipit dui. Etiam ac mauris ac elit semper tristique ut eget mi. Donec dignissim, nisi ac rhoncus tincidunt, elit nisi.

2.5

2.6

ACTION HISTORY

recount.

Low

2/25/14 4:43pm

2.4

Clicking the CLEAR button will reset the filter criteria to its default and initiate a

Published: Published

Moderated by: User Name

Moderated on: 2/25/14 4:43pm

Priority: Red

Sentiment: Negative

Tags: General

1.6

User can select apply to populate comments below User can select from the advanced filter by comments, galleries, motto or all. Galleries is selected

1.7

User can view number of comments on a page by 10, 20, 50, 100, 200

1.8

User can select the batch button to clear their que

1.9

User can use pagination to view more comments, by selecting the previous, next or type into an open type field to go to specific page

2.0

Displays ATC avatar, user name, PID and Specific Program

2.1

Allow user to select the watch button if ATC has been inappropriate on site

(Click to Enlarge)

Click to Revert

2.7

User Name PID # 000000

2.2

User can select Primary Tags will be associated with General, Request or Feedback.

WATCH General

Request

Feedback

High

Taste It All (Program)

Med

Low

2/25/14 4:43pm

2.3

User can select Priority - High, Medium or low

2.4

Displays ATC Comment

2.5

Displays ATC image created, user will be able to click image for enlarged view

Displays all the actions that had been done by the Moderator. Will list if

2.6

comment has been published, moderated by, moderated on, priority, sentiment and tags

ACTION HISTORY

Published: Published Priority: Red

Moderated by: User Name Sentiment: Negative

Moderated on: 2/25/14 4:43pm Tags: General

2.7

User to select if they need to further define a specific comment. Tools will slide out from the bottom.

(Click to Enlarge)

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Moderator - History - Galleries - Detail Image

Page 24 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT

Main Menu 1.8

Search Comments for

Dashboard

Detail Image

Advanced Search:

Filter by

Comments

Moderator View

Reviewer 1.0

View

Manager

Items per page

User Name PID # 000000

Galleries 1.1

Motto

Watched Users

All

Clear

Apply Batch WATCH

Prev 1

High

Med

General

Request

Conversations

High

Med

Low

General

Request

Feedback

User can ONLY VIEW Priority - High, Medium or low.

1.4

Displays ATC comment or question with answer

High

Med

Low

General

Request

Feedback

1.5

Displays all the actions that had been done by the Moderator. Will list if

2/25/14 4:43pm

1.6 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a egestas justo. Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam convallis et est. Nunc dignissim porta mi, consectetur tincidunt

Published: Published Moderated by: User Name Moderated on: 2/25/14 4:43pm Priority: Red Sentiment: Negative Tags: None

displayed with all the functionality needed to moderate. User can mouse over the image to view a close-up of the image

2/25/14 4:43pm

Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur consectetur adipiscing elit. adipiscing elit. Proin a egestas justo. Praesent Proin a egestas justo. eros. Curabitur sed tortor ac nisi nec hendrerit Praesent congue nec hendrerit eros. aliquam convallis et est. Nunc Curabitur dignissim sed tortor porta ac nisimi, consectetur tincidunt congue aliquam convallis et est. Nunc dignissim porta mi, consectetur tincidunt

(Click to Enlarge)

Feedback.

Once user will be able to click image for enlarged view, an overlay will be

WATCH

1.42/25/14 4:43pm

ACTION HISTORY

User can ONLY VIEW Primary Tags will be associated with General, Request or

1.3

Taste It All (Program)

History

ACTION HISTORY

comment has been published, moderated by, moderated on, priority, sentiment and tags

1.7

User will not be able to edit in this view

1.8

User to select “Click to Close” button to close screen

Published: Published Moderated by: User Name Moderated on: 2/25/14 4:43pm Priority: Red Sentiment: Negative Tags: None

(Click to Enlarge)

1.6 Click to Revert

Click to Revert

Published: Published ACTION HISTORY

Moderated by: User Name Moderated on: 2/25/14 4:43pm Priority: Red

WATCH

Sentiment: Negative High

Med

Low

General

Request

Feedback

User Name PID # 000000

WATCH

Tags: General

Taste It All (Program)

1.7

Allow user to select the watch button if ATC has been inappropriate on site

1.2

2 ... 21 Next Go To Page

User Name PID # 000000

Taste It All (Program)

User Name PID # 000000

1.1 Apply

Low

1.3

WATCH

1.5

Displays ATC avatar, user name, PID and Specific Program

1.2

Taste It All (Program) User Name PID # 000000

Reports

✓

Sort by

1.0

High

Med

Low

General

Request

Feedback

Taste It All (Program)

2/25/14 4:43pm

Lorem ipsum dolor sit amet, Click to Close consectetur adipiscing elit. Proin a egestas justo. Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam convallis et est. Nunc dignissim porta mi, consectetur tincidunt

(Click to Enlarge)

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Moderator - History - Galleries - Multi-view

Page 25 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT

1.0 1.1

1.2

1.3

1.4

1.5

Main Menu Search Comments for

Filter by

Sort by

Clear

Apply

1.1

Dashboard 1.6

Advanced Search:

Comments

â&#x153;&#x201C;

Galleries

Motto

Watched Users

All

Items per page

Reviewer

2.0

View

Manager

1.2

2.1

Reports History

2.4

Med

Low

General

Request

Feedback

High

Med

Low

General

Request

Feedback

2/25/14 4:43pm

Published: Published Moderated by: User Name Moderated on: 2/25/14 4:43pm Priority: Red Sentiment: Negative Tags: General

ACTION HISTORY

Published: Published Moderated by: User Name Moderated on: 2/25/14 4:43pm Priority: Red Sentiment: Negative Tags: General

(Click to Enlarge)

Click to Revert

User Name PID # 000000

WATCH

Taste It All (Program)

(Click to Enlarge)

2.8

1.4

2/25/14 4:43pm

ACTION HISTORY

2.7

High

User Name PID # 000000

WATCH High

Med

Low

General

Request

Feedback

Taste It All (Program)

Search comments by: PID, Alias or user can type into open type field i.e text/ comment

only the Comments/Content that were assigned a PRIORITY of High, Medium or Low by the Moderator.

2 ... 21 Next Go To Page

User Name PID # 000000

2.5

2.6

Prev 1

1.3

WATCH

Taste It All (Program)

1.0

1.8

2.3

2.2

User Name PID # 000000

1.7

Apply Batch

will be populate to the right

Filter by: PRIORITY: High-Red, Medium-Yellow or Low-Green - This filters for

Conversations

Moderator View

Once user selects Moderator, History and Galleries, all images and comments

Sort by: Most Recent, Ascending or Descending Clicking the CLEAR button will reset the filter criteria to its default and initiate a recount.

1.5

User can select apply to populate comments below

1.6

User can view number of comments on a page by 10, 20, 50, 100, 200

1.7

User can select the batch button to clear their que

1.8

User can use pagination to view more comments, by selecting the previous, next or type into an open type field to go to specific page

2.0

User to select either single or multi-view

2.1

Displays ATC avatar, user name, PID and Specific Program

2.2

Allow user to select the watch button if ATC has been inappropriate on site User can select Primary Tags will be associated with General, Request or

Click to Revert

2.3

WATCH

2.4

User can select Priority - High, Medium or low

2.5

Displays ATC comment or question with answer

2.6

Displays ATC image created, user will be able to click image for enlarged view

High

Med

Low

General

Request

Feedback

Taste It All (Program)

2/25/14 4:43pm

Feedback.

Displays all the actions that had been done by the Moderator. Will list if

2.7

comment has been published, moderated by, moderated on, priority, sentiment and tags

2.8

User to select if they need to further define a specific comment. Tools will slide out from the bottom.

(Click to Enlarge)

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Moderator - History - Motto

Page 26 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT

1.0 1.1

1.2

1.3

1.4

1.5

Clear

Apply

Main Menu Search Comments for

Filter by

Sort by

1.1

Dashboard 1.6

Advanced Search:

1.7

View

Comments

Galleries

â&#x153;&#x201C;

Motto

Watched Users

All

Items per page

Apply Batch

1.8

1.2

WATCH

Prev 1

2 ... 21 Next Go To Page

1.3 2.2 Request

Feedback

Taste It All (Program)

2.4

2.5

High

Med

Low

2/25/14 4:43pm

1.0

History

1.4

2.3 General

2.0

Reports

Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam

ACTION HISTORY

Moderated by: User Name

Moderated on: 2/25/14 4:43pm

Priority: Red

Sentiment: Negative

Tags: General

Click to Revert

User Name PID # 000000

1.5 1.6

Published: Published

2.6

only the Comments/Content that were assigned a PRIORITY of High, Medium or

2.1 User Name PID # 000000

Search comments by: PID, Alias or user can type into open type field i.e program

Low by the Moderator. 1.9

Reviewer Manager

right

Filter by: PRIORITY: High-Red, Medium-Yellow or Low-Green - This filters for

Conversations

Moderator 10

Once user selects Moderator and History, all comments will be populate to the

1.7

User can view number of comments on a page by 10, 20, 50, 100, 200

1.8

User can select the batch button to clear their que

1.9

User can use pagination to view more comments, by selecting the previous, next or type into an open type field to go to specific page

WATCH General

Request

Feedback

Taste It All (Program)

High

Med

Low

2.0

Displays ATC avatar, user name, PID and Specific Program

2.1

Allow user to select the watch button if ATC has been inappropriate on site

2/25/14 4:43pm

Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam

2.2 ACTION HISTORY

Published: Published

Moderated by: User Name

Moderated on: 2/25/14 4:43pm

Priority: Red

Sentiment: Negative

Tags: General

User can select Primary Tags will be associated with General, Request or Feedback.

2.3

User can select Priority - High, Medium or low

2.4

Displays ATC Motto

Click to Revert Displays all the actions that had been done by the Moderator. Will list if User Name PID # 000000

2.5

comment has been published, moderated by, moderated on, priority, sentiment and tags

WATCH General

Request

Feedback

Taste It All (Program)

High

Med

Low

2/25/14 4:43pm

2.6

User to select if they need to further define a specific comment. Tools will slide out from the bottom.

Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam

ACTION HISTORY

Published: Published

Click to view Moderated by: tools User Name

Moderated on: 2/25/14 4:43pm

Priority: Red

Sentiment: Negative

Tags: None

(Click to Enlarge)

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Moderator - History - All

Page 27 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT

1.0 1.1

1.2

1.3

1.4

1.5

Clear

Apply

Main Menu Search Comments for

Filter by

Sort by

1.1

Dashboard 1.6

Advanced Search:

1.7

View

✓

Comments

✓

Galleries

✓

Motto

Watched Users

All

Items per page

Apply Batch

1.8

1.2

Prev 1

2 ... 21 Next Go To Page

1.3

WATCH

2.2

1.4

2.3 General

2.0

Request

Feedback

High

Taste It All (Program)

Reports

Med

Low

2/25/14 4:43pm

1.0

History

2.4

2.5

ACTION HISTORY

Published: Published

Moderated by: User Name

Moderated on: 2/25/14 4:43pm

Priority: Red

Sentiment: Negative

Tags: General

1.5 1.6

1.7

User can view number of comments on a page by 10, 20, 50, 100, 200

1.8

User can select the batch button to clear their que

1.9 2.6

only the Comments/Content that were assigned a PRIORITY of High, Medium or

2.1 User Name PID # 000000

Search comments by: PID, Alias or user can type into open type field i.e program

Low by the Moderator. 1.9

Reviewer Manager

right

Filter by: PRIORITY: High-Red, Medium-Yellow or Low-Green - This filters for

Conversations

Moderator 10

Once user selects Moderator and History, all comments will be populate to the

User can use pagination to view more comments, by selecting the previous, next or type into an open type field to go to specific page

Click to Revert

User Name PID # 000000

WATCH General

Request

Feedback

High

Taste It All (Program)

Med

Low

2.0

Displays ATC avatar, user name, PID and Specific Program

2.1

Allow user to select the watch button if ATC has been inappropriate on site

2/25/14 4:43pm

ACTION HISTORY

Published: Published

Moderated by: User Name

Moderated on: 2/25/14 4:43pm

Priority: Red

Sentiment: Negative

Tags: General

User can select Primary Tags will be associated with General, Request or Feedback.

2.3

User can select Priority - High, Medium or low

2.4

Displays ATC Comment

2.5

Displays ATC image created, user will be able to click image for enlarged view

Displays all the actions that had been done by the Moderator. Will list if

2.6

comment has been published, moderated by, moderated on, priority, sentiment and tags

(Click to Enlarge)

2.7

User to select if they need to further define a specific comment. Tools will slide out from the bottom.

Click to Revert

(Click to Enlarge)

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Moderator - Tags Manager

Page 28 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator - Manager User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

1.1

1.2

LOGOUT

1.3

1.4

Clear

Apply

Main Menu Search Tags for

Sort by

Dashboard 1.5

Moderator

View

1.6

Items per page

Prev 1

1.0

Once user selects Manager and Tags , Tags will be populate to the right

1.1

Search comments by: Tags List or user can type into open type field i.e tag

1.2

Sort by: Most Recent, Ascending or Descending

2 ... 21 Next Go To Page

1.3 2.1

Reviewer 2.0

Manager

Add a Tag

1.0

Music

Tags Manager

Affinity

Aversion

Coupon

Reports

recount.

1.4

User can select apply to populate tag topic below

1.5

User can view number of comments on a page by 10, 20, 50, 100, 200

Duplicate

Activities

1.6

2.2

Messages Manager

Clicking the CLEAR button will reset the filter criteria to its default and initiate a

Gratitude

Promotion

Artwork

Winner

Converted

Validation

History

User can use pagination to view more comments, by selecting the previous, next or type into an open type field to go to specific page

2.0

User can type and enter a tag which will be displayed to the right

2.1

User can click “X” to remove tag or double click tag to rename it

2.2

Scroll bar to be displayed only when a greater amount of tags are visible

Tags List •

Discontinued product

•

Product availability

•

Logo/packaging

•

Favorite product

•

Winner

•

Ingredients/tobacco

•

Coupon

•

Customer service

•

Aﬃnity

•

Gratitude

•

Complaint (product)

•

Validation

•

Website enjoyment

•

Contest/prize

•

Aversion

•

Activities

•

Fulfillment

•

TIA article title

•

Flavor/scent

•

Troubleshooting

•

Music

•

Promotion

•

Duplicate

•

Movies

•

Artwork

•

Converted

•

Automotive

•

Purchase intent/desire

•

Print ads

•

Art/creative

•

Product use

•

Usual brand (UB)

(Click to Enlarge)

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Moderator - Messages Manager

Page 29 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator - Manager User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT

1.1

1.0

1.2

1.3

Clear

Apply

Once user selects Manager and Messages , Messages will be populate to the right

Main Menu Search for

1.5

Dashboard 1.4

Moderator

View

Items per page

Add New

2.0

1.6

Prev 1

2 ... 21 Next Go To Page

2.1

Topic

Response

Manager

I love your products

Thanks for the shout

Affinity

EDIT

I love Camel

We’re blushing right now. You just can’t see it.

Affinity

EDIT

Thank you. We really mean that.

Affinity

EDIT

The feeling is mutual

Affinity

EDIT

2.2

Tags

I love your products

Thanks for the shout

Affinity

EDIT

I love Camel

We’re blushing right now. You just can’t see it.

Affinity

EDIT

Thank you. We really mean that. 0 of 80 characters

Affinity

EDIT

The feeling is mutual

Affinity

EDIT

Why, thank you.

Affinity

EDIT

I love Camel Crush

Right on. We have a crush on you too.

Affinity

EDIT

Do you have a customer service line?

To speak personally with a representative call 1-800-334-8157. We’ll be glad to further assist 0 of 200 characters you.

Request & Inquiry

EDIT

Can I remove or edit my message?

You cannot edit or remove your message posts once you hit the “Post” button.

Request & Inquiry

EDIT

Where are my coupons?

Request & Inquiry

EDIT

Product Quality

To speak with us more regarding product quality please call 1-800-344-8157.

Feedback

EDIT

Product Quality

Speaking with one of our representatives directly would be the easiest way to discuss your product quality. Please call 1-800-334-8157 so we can further discuss.

Feedback

EDIT

Dislikes Product

Thanks for your feedback. This will be taken into consideration as we continue to evolve our products.

Feedback

EDIT

Crush Creator - Program fixed

Thanks for your participation and patience. Please complete your t-shirt design now!

Promotional Language

EDIT

1.4

Tags can be added for tracking and reporting purposes.

1.5

User to select Cancel button to exit screen

1.6

User to select “Save” button to save their content

1.7

User to select “X” button to close screen

Tags Manager Messages Manager Reports

1.1

Reponse

History 1.2

1.3

Add Multiple

Add a Category

1.4

CANCEL

1.5

SAVE

(Click to Enlarge)

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Moderator - Reports

Page 32 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

Main Menu

LOGOUT

1.0

Once user selects Moderator and Reports, a link will be available.

1.1

User can click and a new tab will open for reporting

1.1

Dashboard Moderator

Reporting Link

Reviewer Manager 1.0

Reports History

(Click to Enlarge)

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Reviewer Navigation

Page 33 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

Camel.com CX3 CMS

http://www.tobaccopleasure.com

Camel.com CX3 CMS

http://www.tobaccopleasure.com

User Type: Moderator - Reviewer User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

CX3 LOGO 1

CX3 LOGO 2

Main Menu

User to select Reviewer to view hidden content in expanded view

Main Menu Primary navigational element expanded. User can select main menu icon to open

Dashboard

or close. Once opened they select to view the Reviewer Navigation. Under the Reviewer, user will have Comments, Galleries and Motto.

Moderator

Reviewer

Manager

Comments

Reports

Galleries

History

Motto

Main navigation can be contracted so that only primary navigation icons are visible. On hover the menu will display and allow selection.

Manager Reports CONT

CONT

CONTENT

History

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Reviewer Dashboard

Page 34 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

1.0

WELCOME USER NAME

LOGOUT

1.0 Main Menu

Inbox

1.4

Most Recent Updates

1.1 1.5

1.3

Moderator

Reports

The dashboard view surfaces various content and data items for quick viewing

1.6

Dashboard

Administrator

access to log out of CX3. Help function could be links or files to download TBD

1.1 1.2

Reviewer

Once logged in, user will be able to view their user name. They will also have

0 total

History

TIAP Blog Post #4 Comments

Go To

Comments

SNUS Ad Creator Galleries

Go To

Galleries

SNUS Ad Creator Comments

Go To

Motto

items delivered.

1.2

Go To

Daily Spark Comments

Go To

the total number they will be able to view accurate total number

Comments, Galleries, Motto and Total of all. Numbers can increment up to 3 numeric placement.

1.4

1.5

1.6

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

In the inbox view user will be able to view number of counts. If user rolls over

In the inbox view user will be able to view individual number count for

1.3

Find It, Map It, Share It Comments

and/or access to editing/creating. The items displayed may not reflect the final

Most Recent Updates displays a listing of those content items that were most recently updated.

Items reflected can be any item that is user generated content within the Camel.com and SNUSNation site.

User will be able to select the “Go To” button for quick access to specific program within the system

Camel.com CX3 CMS : Reviewer - Comments Search

Page 35 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT Once user selects Reviewer and Comments, all comments that were passed from the moderator will be populate to the right. To change the selected Task for

1.0

Main Menu 1.1

Dashboard

page for that Task, and then the Program list will be populated for that Task. Only one

Inbox - Comments (total) 1.2

1.3

1.4

1.5

Moderation, simply click on the name of the Task you want to go to. This will reload the task can be selected at a time.

1.6 When the page initially loads, user is in the Inbox, which is the default for this

Moderator

Search Comments for 1.7

Reviewer

Advanced Search:

Filter by

Sort by

Clear

Apply

1.1

the Comments/Content that have not yet been moderated or reviewed.

Watched Users

1.0

Comments

task. This will display the total number of comments. INBOX - This holds all of

Searching is applied to the Comments/Content for the task you have selected 1.8

View

Items per page

Apply Batch

1.9

2.0

Prev 1

2 ... 21 Next Go To Page

that meet the filter criteria you selected. It allows user to further refine the

Comments/Content items displayed. Search criteria displayed in the dropdown can be applied as follows: Comments/Content - User must provide at least 5

Galleries

characters and no more than 50 characters. Alias - User must provide at least 3

1.2

Motto

Manager

the Escape key on the keyboard. For the Escape key to work, the text box must be the active control. You can also clear the search by clicking the RESET button

Reports

located in the filter criteria section.

History

PRIORITY: High-Red and Medium-Yellow - This filters for only the Comments/

1.3

Content that were assigned a PRIORITY of High-Red or Medium-Yellow by the Moderator. There is No Low- Green priority that will be passed to the Reviewer. This is due to keeping the Reviewer que with content that is in question.

1.4 1.5 1.6

Sort by: Most Recent, Ascending or Descending Clicking the CLEAR button will reset the filter criteria to its default and initiate a recount. Clicking the APPLY button will load the Results Viewer with the items that match the filter criteria.

1.7

User can view Watched Users that will preview below

1.8

User can view number of comments on a page by 10, 20, 50, 100, 200

1.9

User can select the batch button to clear their que

User can use pagination to view more comments, by selecting the previous, next

2.0

or type into an open type field to go to specific page. See Moderator comment search for more logic.

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Reviewer - Comments

Page 36 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator - Reviewer User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT

1.0 Main Menu

Inbox - Comments (total) Dashboard Moderator

Search Comments for

Filter by

Sort by

Clear

Advanced Search:

Displays ATC avatar, user name, PID and Specific Program

1.2

Allow user to select the watch button if ATC has been inappropriate on site

Apply

Comments

Items per page

Apply Batch

Prev 1

2 ... 21 Next Go To Page

1.2

Galleries Motto

User can select Primary Tags will be associated with General, Request or Feedback.

Watched Users

1.0

View

right

1.1

1.3 Reviewer

Once user selects Reviewer and Comments, all comments will be populate to the

User Name PID # 000000

WATCH

1.3

User can only View Priority - High-Red or Medium-Yellow

1.5

Displays ATC comment or question with answer

User to select to “View More” to further define a specific comment. Tools will

1.4 General

1.1

1.4

Request

Feedback

Taste It All (Program)

High

Med

2/25/14 4:43pm

1.6

slide out from the bottom. Tools will slide out from the bottom pushing down Comments/Content.

Manager 1.5

Reports

Question: dolor sit amet, consectetur adipiscing elit. Proin a egestas justo. Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam convallis et est. Nunc dignissim porta mi, consectetur tincidunt eros egestas et. Suspendisse tempus justo vulputate lectus viverra blandit. Praesent arcu mauris, mattis eget turpis at,

History View More

1.6

User Name PID # 000000

WATCH General

Request

Feedback

Taste It All

High

Med

2/25/14 4:43pm

User Name PID # 000000

WATCH General

Taste It All

Request

Feedback

High

Med

2/25/14 4:43pm

Click to view tools

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Reviewer - Galleries

Page 37 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator - Reviewer User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT

1.0 Main Menu

Inbox - Galleries (total) Dashboard Moderator

Search Comments for

Reviewer

Advanced Search:

Filter by

Sort by

Clear

Apply

View

User to select either single or multi-view

1.2

Displays ATC avatar, user name, PID and Specific Program

1.3

Allow user to select the watch button if ATC has been inappropriate on site

Watched Users

Items per page

Apply Batch

Prev 1

2 ... 21 Next Go To Page

1.0

Motto

1.1

View

Galleries 1.2

populate to the right

1.1

1.4 Comments

Once user selects Reviewer and Galleries, all images and comments will be

User Name PID # 000000

1,3

WATCH

1.4

1.5 General

Request

Feedback

Taste It All (Program)

Manager

High

Med

2/25/14 4:43pm

User can select Primary Tags will be associated with General, Request or Feedback.

1.5

User can select Priority - High-Red or Medium-Yellow

1.6

Displays ATC comment or question with answer

1.7

Displays ATC image created, user will be able to click image for enlarged view

1.6 User to select to “View More” to further define a specific comment. Tools will

Reports History

1.8

slide out from the bottom. Tools will slide out from the bottom pushing down Comments/Content.

1.7

(Click to Enlarge)

1.8

User Name PID # 000000

WATCH General

Taste It All (Program)

Request

Feedback

High

Med

2/25/14 4:43pm

(Click to Enlarge)

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Reviewer - Galleries - Multi-view

Page 38 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator - Reviewer User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT

1.0 Main Menu

Inbox - Galleries (total) Dashboard Moderator

Search Comments for

Reviewer

Advanced Search:

Filter by

Sort by

Clear

Apply

View

User to select either single or multi-view

1.2

Displays ATC avatar, user name, PID and Specific Program

1.3

Allow user to select the watch button if ATC has been inappropriate on site

Watched Users

Items per page

Apply Batch

Prev 1

2 ... 21 Next Go To Page

1.0

Motto

1.1

View

Galleries 1.2

populate to the right

1.1

1.4 Comments

Once user selects Reviewer and Galleries, all images and comments will be

User Name PID # 000000

1.4

1.3

User Name PID # 000000

WATCH

Taste It All (Program)

1.5

Manager 1.6

High

Med

General

Request

High

Med

General

Request

Taste It All (Program) Feedback

2/25/14 4:43pm

1.6

Displays ATC comment or question with answer

1.7

Displays ATC image created, user will be able to click image for enlarged view

Feedback

User to select to “View More” to further define a specific comment. Tools will slide out from the bottom. Tools will slide out from the bottom pushing down Comments/Content.

(Click to Enlarge)

User Name PID # 000000

User can select Priority - High or Medium

1.8

(Click to Enlarge)

1.8

1.5

2/25/14 4:43pm

1.7

Feedback.

WATCH

Reports History

User can select Primary Tags will be associated with General, Request or

User Name PID # 000000

WATCH High

Med

General

Request

Taste It All (Program)

WATCH High

Med

General

Request

Taste It All (Program) Feedback

Feedback

2/25/14 4:43pm

(Click to Enlarge)

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Reviewer - Galleries - Image Detail View

Page 39 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator - Reviewer User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT

Main Menu 1.7

Inbox - Galleries (total) Dashboard

1.1

Filter by

Sort by

Clear

Apply

User Name WATCH # 000000 Watched Users Advanced PID Search: Taste It All (Program)

1.0

View

Comments

High

Items per page

Apply Batch

Med

Prev 1

User can ONLY VIEW Primary Tags will be associated with General, Request or Feedback.

1.3

User can ONLY VIEW Priority - High or Medium

1.4

Displays ATC comment or question with answer

Once user will be able to click image for enlarged view, an overlay will be General

Request

1.5

Feedback

View

displayed with all the functionality needed to moderate. User can mouse over the image to view a close-up of the image

User Name PID # 000000

Motto

Allow user to select the watch button if ATC has been inappropriate on site

2 ... 21 Next Go To Page

1.3

Galleries

1.1

1.2

Search Comments for

Reviewer

Displays ATC avatar, user name, PID and Specific Program

1.2

Image Detail

Moderator

1.0

WATCH

2/25/14 4:43pm User Name PID # 000000

1.4

High

Med

General

Request

Taste It All (Program)

Administrator

WATCH

History

1.5

(Click to Enlarge)

General

Request

1.6

User will not be able to edit in this view

Feedback

1.7

User to select “X” button to close screen

2/25/14 4:43pm

(Click to Enlarge)

Click to Edit

User Name PID # 000000

Med

Taste It All (Program) Feedback

Reports

High

Click to Edit

User Name PID # 000000

WATCH High

Med

General

Request

Taste It All (Program)

WATCH High

Med

General

Request

Taste It All (Program) Feedback

Feedback

Click to Close

1.6

2/25/14 4:43pm

(Click to Enlarge)

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty

Camel.com CX3 CMS : Reviewer - Motto

Page 40 of 40 July 23, 2014

UX: Wireframes v1.0

PAGE NOTES Camel.com CX3 CMS

User Type: Moderator - Reviewer User Status: Logged In

Additional Notes:

http://www.tobaccopleasure.com ANNOTATIONS AND INTERACTIONS

CX3 LOGO

WELCOME USER NAME

LOGOUT

Main Menu

Inbox - Motto (total) Dashboard Moderator

Search Comments for

Filter by

Sort by

Clear

1.0

Once user selects Reviewer and Motto, all comments will be populate to the right

1.1

Displays ATC avatar, user name, PID and Specific Program

1.2

Allow user to select the watch button if ATC has been inappropriate on site

Apply

1.3 Reviewer

Advanced Search: View

Comments

Items per page

User Name PID # 000000

1.0

Motto

Feedback.

Watched Users

Apply Batch

Prev 1

2 ... 21 Next Go To Page

1.2

Galleries

User can select Primary Tags will be associated with General, Request or

WATCH

1.3

User can select Priority - High or Medium

1.5

Displays ATC motto

User to select to “View More” to further define a specific comment. Tools will

1.4 General

1.1

1.4

Request

Feedback

Taste It All (Program)

High

Med

2/25/14 4:43pm

1.6

slide out from the bottom. Tools will slide out from the bottom pushing down Comments/Content.

Manager 1.5

Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam

Reports History View More

1.6

User Name PID # 000000

WATCH General

Request

Feedback

Taste It All

High

Med

2/25/14 4:43pm

Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam

User Name PID # 000000

WATCH General

Taste It All

Request

Feedback

High

Med

2/25/14 4:43pm

Praesent nec hendrerit eros. Curabitur sed tortor ac nisi congue aliquam

Click to view tools

(Click to Enlarge)

File: RJR-Camel-CMS-CX3 Moderator 072214.graffle Created: February 25, 2014 Created By: Joseph Liberty