skot kremen examples · cta copy copy to incite the user to come into an applebee's to enjoy...
TRANSCRIPT
Skot KremenCREATOR
Skot Kremen: User Experience Samples
DESCRIPTION User Experience Examples and Documentation
Wireframes
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
Skot Kremen: User Experience ExamplesWireframe Single Menu Item (preferred)
1. Hero Area This area will give a large photo with overlaid text denoting the name of the item.
2. Single Food Item Description This is the full food description, encompassing all of the information about the dish.
3. Price The price point which should match the menu item hovers price point.
4. Suggested Sides Dynamically added side dish suggestions should appear in this container based on the the specific
entree selected. The suggested sides appear only for entrees. These sides will appear in the extras category as full food items. They will also link out to category items.
5. Tasty Topper AdditionThe tasty toppers are related to the entree which is ordered and should appear accordingly.
6. Safety And Information DisclaimerThe safety information is listed below the food items.
7. Social SharingFor all existing menu items, social sharing functions are available. This functionality is not available for new items in phase I. The social sharing is comprised of Facebook sharing, Twitter posting and sharing via email.
8. CTA CopyCopy to incite the user to come into an Applebee's to enjoy specific menu items and more.
Later Phase AdditionsA In later phases, this area will become a call to action allowing the user to compile their order to be
placed via a digital Carside to Go, which will allow the user to place a full Carside to Go order without the need to call. This CTA will also allow the user to place an order for call ahead seating, to increase in restaurant dining.
B In later phases, single food items comments, ratings and social sharing will be available as agreed upon.
* Note involving singular menu itemsAll menu items will have a singular food item page provided unless agreed upon via client request. MAximum character counts:Menu Item : 45 characters with spacesMenu Description Copy : 290 characters with spaces
Menu Locations Gift Cards About UsCarside To Go
MAin Promotion
CTA
A juicy, tender steak jazzed up with Cajun spices and served with sautéed onions & mushrooms and fried red potatoes.
$ 14.99
Suggested Sides:
Menu Item 1$6.99
Menu Item 2$6.99
Menu Item 3$6.99
Menu Item 4$6.99
Image
Bourbon Street SteakSteaks
Add a tasty topper:
Menu Item 1$1.99
Menu Item 2$1.99
Menu Item 3$1.99
Menu Item 4$1.99
*NOTICE: ITEMS MARKED WITH AN * MAY BE COOKED TO ORDER. CONSUMING RAW OR UNDERCOOKED MEATS, POULTRY, SHELLFISH OR EGGS MAY INCREASE YOUR RISK OF FOODBORNE ILLNESS, ESPECIALLY IF YOU HAVE CERTAIN MEDICAL CONDITIONS.
To our guests with food sensitivities or allergies: Applebee's cannot ensure that menu items do not contain ingredients that might cause an allergic reaction. Please consider this when ordering.
Variations in ingredients and preparation, as well as substitutions, will increase or decrease any stated nutritional values, such as calories.
1
3
4
5
Menu Item 5$6.99
Menu Item 5$1.99
2
6
7
*social sharing is only available on select menu items
Another reason to come into Applebee’s today. 8
Menu Explorer
© 2011 Applebee's IP LLCTV Ads
Careers
Contact Us
Media
Investors
Int'l Franchising
Refranchising
Terms & Conditions
Nutritional Information
Allegen Information
Follow Us
Gift CardsLorem ipsum dolor sit amet, consectetur
Carside To GoMenu
A
B
The Neighborhood
Select another location GO
Your Location:
Suggestions:
Menu Item 1 Menu Item 2
View More>
Lorem ipsum dolor sit amet.
1313 Darne LaneSpringfield, MA02473
617.461.9178Call to order Carside To Go
Menu Item 3Sit amet consecuter dolor et unum. Libiris, adinfinitum. Dia bolat.
Menu Item 4Lorem ipsum dolor sit amet, consectetur adipiscing elit.Nunc luctus, eros vel euismod sagittis, nisi lorem
Read more >
Find out more
Contextual News ItemLorem ipsum dolor sit amet, consectetur adipiscing elit.Nunc luctus, eros vel euismod sagittis, nisi lorem
Read more >
Search
3Page
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
Skot Kremen: User Experience ExamplesWireframe Global Layout
1. Service Statement / IdentificationThis unlinked statement informs the user on the delivery and purpose of said email.
2. Branding / Title of NewsletterThe title of the newsletter will change based on the content / delivery date of the email.
3. Top / Featured Element : Container Module 1This is where the highlighted feature should be displayed as it is the area most commonly viewed by users
4. Sidebar Element : Container Module 2Prime sidebar content which behaviorally displays highlights such as CTAs or Callouts with short content
5. Secondary Featured Element : Container Module 3Bottom of fold content has an importance level below the top featured element, dictating that instantly actionable content should be placed here to balance hierarchy.
6. Secondary Sidebar Element : Container Module 4Secondary sidebar content which behaviorally displays highlights such as CTAs or Callouts with short content .
7. Tertiary Featured Element : Container Module 5Users who reach the tertiary featured element are already engaged / committed to the email and content should she placed according to user interest.
8. Footer
Notes / Assumptions Related to Container Based Elements1. This email is used as a collection of modules. each highlighted content container is content
agnostic and is available to be tracked as such.
2. As content dictates, containers may be removed. Behaviorally, it is not suggested to add additional containers. However, if the need arises additional containers may be added to a similar layout grid (see diagram below)
Notes / Assumptions Related to Responsive Layout for Mobile1. When a mobile browser has been detected (screen sizes for iphone, ipad and similarly sized
elements will use the standard layout) the listed containers will all assume the same width in the browser stacking in the order of numbered hierarchy of the included containers. (see side diagram)
Magna cras etiam est, natoque, phasellus eros purus facilisis odio aliquam, sed et porta porttitor, vel hac rhoncus, cras, nisi tincidunt non proin? Sagittis eu a urna, odio ac amet aenean
Subhead
Image
Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere credit eos. Sed ut perspiciatis unde omnis iste natus error sit voluptatemRead More >
Lorem Ipsum Dolor Sit Amet
Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere credit eos. Sed ut perspiciatis unde omnis
Lorem Ipsum View this >
Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere credit eos. Sed ut perspiciatis unde omnis
Privacy Policy | Contact Us | Legal Notice | Unsubscribe
© 2012. All rights reserved.
1
2
3
4
5
6
7
8
Container Module 1
Container Module 2 Container Module 3
Container Module 4
Email Title
img
Imagebox title
Link to somewhere..
Imagebox Example copy, some more copy for this little box
Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Interdum volgus videt, nis iste natus error sit voluptatemRead More >
Lorem Ipsum
Container Module 1
Container Module 2
Container Module 3
Container Module 4
Privacy Policy | Contact Us | Legal Notice | Unsubscribe
© 2012. All rights reserved.
Email TitleSubhead
Exte
nded
Mob
ile V
iew
/ L
ayou
t
Container Module 5Image
Image
1 2
3 4
5
6 and above
img
Imagebox title
Link to somewhere..
Imagebox Example copy, some more copy for this little box
4Page
Skot Kremen: User Experience ExamplesiPad Wireframe Populated Stage (edit mode)
5Page
Managing candidates for surgeryDiagnostic evaluation of anal sphincter
Conservative treatment options
Patient presents with FI
Sphincter defect
Topics
Endoanal Ultrasound (EAUS)
Anal manometry
Electromyograhy (EMG)
Pelvic MRI
Defacography
Document Title
Bowel Diary Days 1 Day
Pelvic MRI Weeks 3 Weeks
Anal manometry Weeks 3 Weeks
Absorbent undergarments Not Applicable Not Applicable
Comments Area
Comment Area
Comment Area
Physical therapy (biofeedback) Days 3 Days
Patient Follow Up 2 Months
Elements appearing in the righthand pane may be in any order and re-arranged via drag-and-drop actions by the user.
1. Frequency Pulldown MenuWhen a content pane is dragged into the stage, controls to set frequency will appear per each content area. A pulldown menu will appear to set the classification of units of time. The units will be as follows:DaysWeeksMonthsYearsNot Applicable
2. Time SliderOnce the unit is set, the user will be able to engage the slider to set the number of units in either days, weeks or months. In the non-applicable setting, the slider will not appear.
3. Remove Content Area CTAEngaging the close box CTA will remove the selected content area from the stage.
4. Date Frequency Output DisplayThis area will reflect the user input for frequency that has been set by the user.
5. Blank Text Entry AreaPlacing this content on the stage will enter a blank space where the doctor may write information.
6. Draggable Content Area IndicatorWhen content is placed on the stage, a draggable content indicator icon will appear allowing the user to move each piece of content by dragging either up or down.
7. Numerical Slider IndicatorWhen a slider is dragged in relation to a piece of content, this element will track with the dragged slider handle to display while the user is interacting with the element.
1
23
4
5
6
3 Days7
PreviewHome
EditDr. Bob Richards Practice Name: 1313 Mocking Ln. Madison Wisconsin 08923 (888)[email protected]
Patient Follow Up 2 Months
View Log
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
Skot Kremen: User Experience ExamplesWireframe deal page
6Page
1. Deal title and information1.1 The deal must have a title and ID number. More often, these will be external. If not an internal number
should be created1.2 A default icon should be included if possible. Cropping the hero image should be the default for
creation of icons when not present.
2. connectivity. 2.1 At this point, the user will be able to view the company profile, print, email and send to their travel tribe
profile. When email the offer, it should only be possible to sign up from the page where the deal lives. 2.2 Sharing via travel tribe will add said deals to the user's traveltribe profile if they are an agent. If they
are a consumer, then it will be sent to their tribal shouts.
3. Social Network and Sharing 3.1 for facebook and twitter, the posts will be identical, talking of the deals with a link. For email, the page
will be sent to the recipients, branded with travelpulse. The add to traveltribe button, will link to the existing tribe if one is present.
3.2 adding a page to favorites should carry over to travel tribe as well. .
4. Hero Image and Callout4.1 When a deal is added, an image must be present. 4.2 this image should be cropped if possible to create the thumbnail for the deal.
5. CategoryAll deals must have at least one category so they come up in search results.
6. Destination All deals must have at least one destination. In the case of cruising they should all be listed.
7. BookingBooking information should always be added. At the minimum, it should contain a point of contact by either phone or email.
search
News Suppliers Deals Training Videos Marketing Travel Builder Sign in
Travel Deals
simg
Travel dealDescription.Link .
simg
Travel dealDescription.Link .
simg
Travel dealDescription.Link .
Travel Suppliers
simg
Supplier #1Description.Link .
simg
Supplier #2Description.Link .
simg
Supplier #3Description.Link .
Top Travel News
Cruise
Hotels&Resorts
Tours & Packages
Travel Agents
Technology
Airlines
Car Rental & Rail
Destinations
Business Travel
People
Travel Deals
120 x 600 Ad(Skyscraper) Category
View All Deals | Agent Promos | Consumer Promos | Rewards
View Company Profile
Print Offer
Email Offer
Send to my profile
Company NameSave 25% on standard cabins for select Greenland/Iceland voyages.
Consumer Special#229338
Image
Deal HeadlineLorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet nibh vitae enim commodo rutrum?
• Lorem ipsum dolor sit amet consectateur nonummy lorenzino.• Lorem ipsum dolor sit amet consectateur nonummy lorenzino.• Lorem ipsum dolor sit amet consectateur nonummy lorenzino.• Lorem ipsum dolor sit amet consectateur nonummy lorenzino.
et eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed et tempus turpis. Nullam pharetra feugiat rutrum?
Destinations
Booking
Cruise
Iceland, Greenland
Reservation Phone : (888)555-1212Reservation Email : [email protected] : http://www.somewhere.com
Travel Pulse Newsletter
Sign up for the travel pulse newlettertoday
email address
Sign up
Please enter your email address
Related Hotels
simg
Hotel #1Description.Link .
simg
Hotel #2 Description.Link .
simg
Hotel #3Description.Link .
f
YouNews
1.02.0
3.0
4.0
5
6
7
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
Skot Kremen: User Experience ExamplesWireframe home page
SearchStriverdi Disease Guidelines Pivotal Trials ANHELTO Trials Safety ResourcesDosing
CTALINK >
CTALINK >
1. Top Clickable logo and main navigation 1.1 The main branded logo is present on all pages, with the exception of the home page, clicking or
tapping will take the user back to the home page. 1.2 The main navigation is comprised of drop down navigation on desktop site, and widget on mobile (see
examples below). Desktop has one level of interactive navigation and mobile / tablet has two. (See examples below)
2. Search2.1 On desktop and tablet, search will be accessed by entering data into the form field. When the user hits
return they will be taken to the populated search results screen. 2.2 When the user engages the search icon on mobile, they will be taken to a blank search results page
where they may enter their query.
3. Hero Area with Clickable CTA (or Link)3.1 This is a branded area with a clickable link or CTA which will take the user to an internal page. 3.2 To fit in with a responsive framework, the hero area should be typography based on mobile.
4. Featured CTA These CTAs will take a user to an internal page when engaged. On mobile devices, these will stack
vertically.
5. Footer
6. Expand / Contract ISIWhen closed, {OnClick} or {OnTap}, this will expand the ISI to show it's full screen view. If there is more information than is viewable a dynamic scrollbar will appear. Engaging the ISI when open will return it to it's original docked state. This ISI container is locked to the bottom quadrant and is visible at all times.
SearchStriverdi Disease Guidelines Pivotal Trials ANHELTO Trials Safety Resources
Striverdi Gets Results Sit amet conseceuteur
CTA >
HeadingLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
CTA
LINK >
CTA
LINK>
Striverdi Gets Results Sit amet conseceuteur>
CTA >
HeadingLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
CTA
LINK >
CTA
LINK >
SearchStriverdi
Striverdi
Striverdi Gets Results Sit amet conseceuteur >
HeadingLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut .
Legal Notice | Terms of Use | Privacy Policy | Contact UsThis information is for U.S. residents only. Products discussed herein may have different labeling in different countries.Copyright © 2013, Boehringer Ingelheim Pharmaceuticals, Inc. All rights reserved. Use of this site is subject to the Internet Site Legal Notices and Disclaimers and Privacy Policy. Date 09/13
Important Safety InformationLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
EXPAND
Legal Notice | Terms of Use Privacy Policy | Contact UsThis information is for U.S. residents only. Products discussed herein may have different labeling in different countries.
Important Safety InformationLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut ,
EXPAND
3
4
5
6
1
2
Pivotal Trials
ANHELTO Trials
Navigation Example
Mobile Navigation Example
StriverdiState #1
Striverdi
Disease Guidlines >Pivotal Trials>ANHELTO Trials >
Safety >
Dosing >Resources >
Pivotal TrialsANHELTO Trials
State #2
1
1
2
2
3
3
4
6 6
5Legal Notice | Terms of Use | Privacy Policy | Contact UsThis information is for U.S. residents only. Products discussed herein may have different labeling in different countries.Copyright © 2013, Boehringer Ingelheim Pharmaceuticals, Inc. All rights reserved. Use of this site is subject to the Internet Site Legal Notices and Disclaimers and Privacy Policy. Date 09/13
5
CTA
LINK >
CTA
LINK >
CTA
LINK >
CTA
LINK >
Important Safety InformationLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
EXPAND
Dosing
7Page
Site Maps
9Page
Skot Kremen: User Experience ExamplesSite Map
Main Navigation
0.0
1.1
48-Week Results
1.2
24-Hour Profile
3.1
How to Use
1.3
Rescue Medication
4.1
Savings Card
Sitemap Key
Main Navigation
Section pages
Outbound Links
Global
FOOTER
Share
Phase 1
ISI
PIFOOTER
0.2
BOEHRINGER INGELHEIM
0.1
404 Page
0.3
Terms of Use
0.4
Privacy Notice
0.5
Contact Us
2.1
Pivotal Trials
4.2
Documents
4.3
Videos
Patient Site Link
Pivotal Trials
1.0
Dosing
3.0
Resources
4.0
Safety
2.0
10Page
Skot Kremen: User Experience ExamplesSite Map 2
Sitemap Key
Main Navigation
Section pages
Global
Global (outside Main
Navigation)
Phase 1
ISI
PI
Home 0.0
1.0
In vitro
0.6.1
Experience
0.6.2
IDSA
0.6.2Approved
Breakpoints
3.0
Efficacy
4.0
Dosing
1.1
Time Above MIC
1.2
ELF Penetration
2.1
Study Outline
2.2S. pneumoniae
Data
2.3
MSSA Data
3.1
Coverage
3.2Study Design /
Study Populations
3.3Day 4: Clinical
Response
3.4Day 4: S.
pneumoniae
3.5Day 4: Per Pathogen
3.6TOC: Clinical
Response
3.7TOC: S.
pneumoniae
3.8TOC: Per Pathogen
4.1
Overview
2.0
AWARE
5.0
Safety
0.1.1
Profiles
0.1.2
Port
0.6.2
Testing Devices
0.6.2
Dual Coverage
SIDEBAR NAVIGATION CONTENT
0.2
Summary
0.3
References
0.4
ISI
0.5
PI
0.6
Additional Info
0.1
Patient Profiles
4.2Renal
Impairment
4.3
Administration
5.1
AEs
5.2
Discontinuation
Modal Window Spawn
Tabs
11Page
Skot Kremen: User Experience Examplestemplate sitemap
CMS Populated Data Feed External Source Insertion CMS Built Editable Pages External Link
site core
12
CMS Populated Data FeedPrimarily, the feed based data will be used for menu items, and can be a feed which will dynamically update menu items, via intelligent cross-tagging of items allowing food items to appear in multiple categories if required for full menu integration.
External Source InformationThe external source areas are components of the site, which while inserted into the system via site core are not necessarily controlled via sitecore's editing features.
CMS Built / Editable PagesThe CMS built pages on the site, are available to be inserted via the CMS from the sitecore interface, or they are available to be edited inline, via sitecore's insertion.
External LinkThe CMS built external links, are pages that are constructed in the same way as CMS built pages, however, they live in a separate area. However their integration appears to have a seamless connection when viewed by a user.
SitecoreThe Sitecore CMS is architected to follow the general structure of the sitemap allowing inline editing of items. The benefit of this type of structuring is that, in order to grasp the structure of the back end of the site, an administrator only has to explore the structure of the functioning site.
Download Allergen Info Gift Cards
Sitemap Key
Main Navigation
Section Pages
Outbound Links
Global
Cross Links
Facebook Twitter Download Nutrition info
Phase 1
Applebees.com
0.0
1.0
Menu
2.0
Locations
3.0
Gift Cards
4.0Get Our Emails
5.0
Carside To Go
6.0
About Us
Investors Int'l FranchisingTerms and Conditions Contact Us
Footer 3 Footer 5 Footer 6Footer 2
3.1
Buy Gift Cards
3.2Bulk
Purchasing
3.3
Check Balance
3.3.1Balance Display
4.1View Sample
7.0Neighborhood
Stories
Menu
1.0
6.3
Overview
6.1
Careers
6.4
FAQ
6.5
Contact
6.6Social
Responsibility
6.7
Awards
1.2
Appetizers
1.3
Salads
1.4
Entrees
1.5
Beverages
1.6
Kids Menu
1.1Signature Flavors
1.7
Desserts
1.8
Extras
8.0International Franchising
8.1General
Information
8.2International
Locations
8.3Franchise
Requirements
8.4Request for
Consideration
8.4.1Confirmation
page
Requires form submission
9.0Terms and Conditions
9.1
Privacy Policy
9.2Legal
Disclaimers
FooterCareers
Footer 7
Persistent Navigation
Allergen Information
Footer 8
Nutritional Information
Footer 9
Gift Cards
Footer 10
Carside To Go Menu
Footer 11
10.0Thank a Veteran
4.0.1
Confirmation
TV Ads
Footer 12
6.10
Chef Shannon
0.1
404 Page
0.2Redirect from
previous Applebees.com
0.3Media Content
Overlay
Spawns media content overlay
0.4Emergency
Content Takeover
* Note: In the event of an emergency event, the content would be inserted into the hero area on the home page.
When engaged by a user for more details, they are redirected to a content page.
Refranchising
Footer 4
Media
Footer 1
CMS
0.5Pre-fab
content page
CMS built content pages
0.6
Search ResultsSearch
Template Key
1
2
Template withSidebar
Template withoutSidebar
1
1
1
1
1
1
1
1
1
1 2
1
2
2
2
1
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2 2
2
2
2 2
1
1
1 2
2 2 2 2 2 2 2 2 1
Hero Area 4
Hero Area 3
Hero Area 3
Hero Area 3
Hero Area 3
Hero Area 3
Hero Area 3
Hero Area 3
Hero Area 3
Hero Area 1 Hero Area 1
Hero Area 1
Hero Area 1
Hero Area 1
Hero Area 1
Hero Area 1
Hero Area 1 Hero Area 2
Hero Area 2
Hero Area 2
Hero Area 2
Hero Area 2
Hero Area 2
Hero Area 2
Hero Area 2
Hero Area 2
Hero Area 1
Hero Area 1
Hero Area 1
Hero Area 1
Hero Area 1
Hero Area 1
Hero Area 1
Hero Area 1
Hero Area 1
Hero Area 1
Hero Area 1 Hero Area 1 Hero Area 1 Hero Area 1 Hero Area 1 Hero Area 1 Hero Area 1 Hero Area 1 Hero Area 1
2 -2
-4
-4
-3
-1
-3
-1
-5
6.2
History
2 -3
Use Cases, Flows and User Journies
13Page
Rep
Rep opens FI Algorithm App
New Document
Cleared Content Blocks Appear
First Time Entry
First timeentry
User engages CTANew Document
Stage content does not erase
Yes
No
Erase All Content
ContentEntry
Options
User inserts content to stage
Full Content Appear on Stage
Article Organizer / Insertion
Data is reordered to match user
specified stageEnd
Modal Window Spawns
Rep engages Export
Document CTA
Export Document (Assumed Internet Access)Modal Window Spawns
Modal Window spawns with PDF
mail form
Physician downloads Document
End
Re-order Content Moved by title
Content is re-ordered
according to time of
placement
Delete Content
Delete on StageContent is removed
Rep Enters Physician's
Name
Physician Name is stored
in LogAssumptions
Naming conventions for doctor naming should be observed in order for elements to be correctly identified in the app's log screen.
Moved by user interaction (dragging)
Skot Kremen: User Experience ExamplesUse Case FI App
14Page
Skot Kremen: User Experience ExamplesSample Request Landing Page Use Case
Sample Request Registration
User engagesRegistration
Area
User arrives atSample Request
Landing Page
User
Sample Request Sign-In Process
User attempts login
Clicks Forgot Password
ForgottenPasswordProcess
Message: email or password not
recognised
FormFields
Email Address
Password
required fields
Are requiredfields filled?
Message: Please fill in
Required Fields
sign-in inforecognized?
No
useraction
No
Yes
end
User engagesSign-In Area
ClicksRegister CTA
RegistrationProcess
Previous Page Variableis set to remember
what page theuser came from
Can User'seligibility bedetermined
immediately?Is User
Eligible?
Yes
No
Is licensenumber
formattedcorrectly?
Error Message
Yes
Professional License Information Section
User entersprofessional license info:license type
license number
is license typea state license
number?
"Licensing State" field becomes
visible
Yes
userselectsstate
does user needhelp to find
NPI number?
No
User clicks"Find NPI"
Userretrieves NPIfrom website
Yes
browser window spawns
User engagesEligibility CTA No User Submits
License Info
No
User Goes ToEligibility Page
(Eligible)
User Goes ToEligibility Page
(Inligible)
User Goes ToEligibility Page
(Check Needed)
Yes
No
Eligibility Fields
Appear
Has UserEntered
License Info?Is The
User Eligibile? User Goes ToSample Request
Select Page
User Goes ToEligibility Page(Incomplete)
User Goes ToEligibility Page
(Ineligible)
User Goes ToEligibility Page
(Pending)
Yes
No
Yes
No
Pending
Yes
15Page
Skot Kremen: User Experience ExamplesMulti-User Ecosystem Strategy
Initial Outreach Secondary Outreach Attendance Post Attendance Convert Ongoing Relationship
LOYA
LIST
AGNO
STIC
Digital / Media
Outreach
*Email Opt-in Required Primary Action
Motivator / Question
Secondary ActionDiagram Key:
Assess engagement
level?
INFL
UENC
ER
In Person
Digital / Media
Outreach
Phone
In Person
Digital / Media
Outreach
Phone
Second Required
?
eCRM
PhoneConfirm
Attendance
Online Event
Attendance
In-PersonAttendance
Participation is tracked
Asses Quality of user
participation
Attendance Review is
documented
Possible disseminati
on?
eCRM
Internal Social
eCRM
internalSocial
CRM
User's Network on
platform
CRM
User's view additional
VSP
Download of patient
materials
Receive patient
materials
Paper or digital?
Multiple eCRM Streams are
deployed
New Users Created
Organically
Users share event
Users enroll in eCRM streams
In PersonUser receives CRM invite from rep to attend presentation
Online (live streaming):
Recorded as attending
On Demand:Event is added to User's list of
available presentations
User Fills out Form
Email is sent
Thank You Message
User can explore site
In Person
Online
OnDemand / At a Later Date
How will you be attending
Persona QueryInvite CTA / RSVP
Discovery UXPrescriber Use Case
Personae
Technographics
Potential Touch points
Seminars Online video Personal Meeting Banner ads
SMSEducationLoyola College in Maryland - PhD
Tech-phobe Tech-thusiastTech-sploiter Tech-splorer
• Uses technology through the aid of others• Engages retail outlets for technical support• Is informed of new technologies through word of mouth• Slow to embrace new technology
Knowledge & Skills
Clin
ical
Kno
wle
dge
Rese
arch
Onlin
e Aw
aren
ess
Educ
atio
n
Overview
Quote
Communication / Learning Style Goals Personal Activities
Needs Frustrations
Persona Married Male aged 58 – Clinical PsychiatristEdward Alvord
Dr. Alvord has been in a private practice in Towson, Maryland for the last 24 years. His specialties lay in dealing with clients who've suffered from Major Depression Disorder, Overwhelming Anxiety and PTSD. Edward has also been an Adjunct Professor at the University of Maryland for the last 7 years.
His methodology states that therapy is a collaborative experiential process working with concrete goals, to address a solution.
His prescribing choices depend on research and face to face meetings, either with reps or at seminars
I favor a collaborative approach which values the input of the individual being evaluated.
Appreciates in-person interaction either face to face or via telephone.
Tends to read a great deal of psychology journals in traditional media formats, just starting to explore online options.
• To apply the latest therapies to his methodology
• Finding the right balance between time with his patients and time researching new advances
• Reading• Fine dining• Attending theater performances
• To see progress in his patients• Being seen as an authority in his
field.• Addressing the cost considerations on the administrative, prescriptive and patient sides to construct an ideal care solution
• keeping up with the latest medications• Maintaining his patient roster• Lack of online knowledgeRealist /
AnalystStrategist /Imagineer
Organizer / Preserver
Empathizer / Socializer
Market Archetype: Traditional Open MarketEcosystem Role: Loyalist
EducationNYU in New York - Masters Degree, Ph.D., MD John's Hopkins
Knowledge & Skills
Clin
ical
Kno
wle
dge
Rese
arch
Onlin
e Aw
aren
ess
Educ
atio
n
Technographics
Tech-phobe Tech-thusiastTech-sploiter Tech-splorer
• Uses technology in every facet of her work and social life• Engages in mobile technology, including geo-based idioms• Is seen amongst her community as being well informed• Engages in social networking in her personal life
Potential Touch points
Online Journals Online video Webinars Banner ads
CRM Social Media Blogs
Overview
Quote
Communication / Learning Style Goals Personal Activities
Needs Frustrations
Realist / Analyst
Strategist /Imagineer
Organizer / Preserver
Empathizer / Socializer
Market Archetype: Progressive Market or Emerging QualityEcosystem Role: Agnostic
Persona Single Female aged 37 – Community Psychiatrist Jennifer Corrise
Dr. Corrise has been working for the state of New York for the last 5 years.Her focus is treat Major Depression Disorder and Schizophrenia. Dr. Corrise is new to her career and has been looking towards social outreach to make a name for herself. This is also her way to give back to the community.
Due to her high patient roster Jennifer has been utilizing email, social media and SMS messages to keep in contact with her patients. This has proven to be successful and in the future she has plans to conduct some therapies via online video chat.
Since everyone is different I am very flexible or eclectic in therapy
Communicates with patients and professionals via email, social media and SMS.
Spends a great deal of time on research online and engages in online networking events.
• To further her career• As her career goes, to return to her social life
• To keep abreast with the latest medications and therapies.
• Travelling• Web Surfing• Running
• Learn about new treatments while balancing her busy schedule.
• To widen her reach with other professionals in her field (outside of the social work arena)
• Very early in her career• Lack of adequate time to dedicate to patient care and furthering her career
Technographics
Potential Touch points
Online Journals Online video Webinars Social Networking
CRMEducationEmory University School Of Medicine
Knowledge & Skills
Clin
ical
Kno
wle
dge
Rese
arch
Onlin
e Aw
aren
ess
Educ
atio
n
Tech-phobe Tech-thusiast Tech-splorer
• Uses technology in every facet of his work and social life• Engages in mobile technology, including geo-based idioms• Is seen amongst his community as being well informed• Engages in social networking in his personal life
Overview
Quote
Communication / Learning Style Goals Personal Activities
Needs
Frustrations
Persona Married Male aged 49 – SpeakerJoseph Fredricks
Dr. Fredricks has been a considered a Key Opinion Leader for the last 5 years, specifically in regard to MDD. Jospeh focuses on his goal centered approach regarding Adult ADHD, MDD and Bi-Polar Disorder.
His patients tend to range in age from 22 to 45 and tend to be highly skilled in utilizing current technology. In order to best communicate with his patients, he's made the leap to to reach an equal (or sometimes greater) tech prowess.
His speaking style is dynamic, however everything is archived so Dr. Fredricks may continue to improve his craft.
I'm delivering the right information in the right way.
Communicates with patients and professionals via email, phone and SMS.
Spends a great deal of time on research online and in-person with collaborative environments.
• To further engage in the growing online community
• To expand outreach and expand upon his speciality
• Further Networking through speaking and online engagements
• Online Research• Reading• Fine Dining
• A better way to reach a larger audience in less time.
• To find the best possible communication methods for patients and colleagues.
• Multi-tasking in regard to professional life goals• Difficult in outreach with drug
companies due to localeRealist / Analyst
Strategist /Imagineer
Organizer / Preserver
Empathizer / Socializer
Market Archetype: Tech-Saavy Speaker
Tech-sploiter
Technographics
Potential Touch points
Online video Print Journals
CRMEducationJohns Hopkins University School of Medicine
Knowledge & Skills
Clin
ical
Kno
wle
dge
Rese
arch
Onlin
e Aw
aren
ess
Educ
atio
n
Tech-splorer
Overview
Quote
Communication / Learning Style Goals Personal Activities
Needs
Frustrations
Persona Married Male aged 56 – SpeakerAndrew Beneth
Dr. Beneth has been a considered a Key Opinion Leader for the last 15 years, specifically in regard to Schizophrenia and Bi-Polar Disorder. Dr. Benneth focuses on the Hopkins Approach regarding Schizophrenia, MDD and Bi-Polar Disorder.
His patients tend to range in age from 35 to seniors who are usually severely in need or incapacitated. His communication style is one of wizened authority.
His speaking style is very metered and rythymic, standing by his old habits of occasionally utilizing index cards to go along with his presentation deck.
I'm an well know practitioner who's helped many patients manage their conditions.
Appreciates in-person interaction either face to face or via telephone. Uses email, tends to view it as a business only practice.
• To be further published in journals• To keep his current practice current and filled with patients
• To maintain his schedule of speaking engagements while balancing this with other professional goals.
• Online Research• Reading• Fine Dining
• Finding the best way to illustrate his process and style
• A working method to keep up with the technology in regard to his business
• Multi-tasking in regard to professional life goals• Difficult in outreach with drug
companies due to localeRealist / Analyst
Strategist /Imagineer
Organizer / Preserver
Empathizer / Socializer
Market Archetype: Luddite Speaker
Tech-sploiterTech-phobe Tech-thusiast
• Uses technology through the aid of others• Engages retail outlets for technical support• Is informed of new technologies through word of mouth• Slow to embrace new technology
Seminars Personal Meeting
Direct Mail
Skot Kremen: User Experience ExamplesPersona Summary
Personal BackgroundJon has been a personal flight instructor for the past 18 years. He is part-owner of an aircraft. Currently, he has 5 students with two training on a Cessna 172 and three on a Cessna Skycatcher. Recently, he has opened his own flight school specializing in Sport Pilot training. For the 20 years that he's been flying, he's been an AOPA member for the last 19 years. Jon uses AOPA as a resource, mainly to connect with others and for the product benefits such as insurance and legal advice.
I love to fly and enjoy sharing my skills with others.
DemographicsAge: 55Occupation: Flight instuctor.Gear: Windows, OSX,
iPhone
Needs• To bring in new students• To keep on top of current flight rules and regulations• Meet and interact with other pilots• Use social media to discuss current issues pertaining to piloting• Indication that more exposure to the community will increase his business• Wishes to be known as an authority and at the top of his field
Tech ComfortsPC: HighWeb: High
AOPA Ambassador Voice - Jon Thompson
Personal BackgroundAdam Fitz is an accountant living in Colombus, Ohio. Adam has two children and has been married for 14 years. On the weekends, to blow off steam, Adam is a member of the Centennial Park Harley Davidson Riders. He's been riding for eight years and loves the thrill of getting outside and experiencing the thrill of the road. Recently, Adam has decided to take this to the next level and has enrolled in flying lessons.
I work hard so I can play hard
DemographicsAge: 39Occupation: AccountantGear: Windows, Blackberry
Needs• To find the best adrenaline rush within his means• Discovering new experiences to help live life to the fullest• To engage in riding community • Spending more quality time with his family• Finding the right balance between pleasure and work
Tech ComfortsPC: HighWeb: High
Motorcycle Enthusiast Voice - Adam Fitz
Personal BackgroundTony Eskel runs a furniture importing business located in Des Moine, Iowa. In 1991, he made the decision to leave his investment firm and open his own business. His clientele consists of mainly wealthy individuals in various affluent parts of the country. His business has finally gone national, and Tony has found that the easiest way to stay in touch with all his clients is to use his piloting skills to meet up with his associates. Tony loves to fly and finds it to be the most enjoyable perk of being a business owner.
I am in control of my destiny
DemographicsAge: 53Occupation: Business OwnerGear: Windows, Android Phone, iPad
Needs• Maximize his time spent working• Growing his business• Networking with other entrepreneurs • Getting out of the office as much as time permits• The ongoing search for the next big thing, in life and work
Tech ComfortsPC: HighWeb: High
Entrepeneur Voice - Tony Eskel
22Page
Skot Kremen: User Experience ExamplesDetailed Persona : Flight Professional / Ambassador
• Jon organizes meet-ups with other pilots who he's met on the AOPA discussions• Jon invites his friends to attend these online webinars with him and joins in the
discussion after their viewing • Jon engages his students with knowledge from the latest webinar
• Community outreach via Facebook discussions• Jon takes part in scheduled webinars• Jon enrolls in AOPA courses
4. Jon hopes to network and learn from other pilots in different locations
• Jon keeps up to date with new regulations via AOPA• Jon enrolls in AOPA-approved commercial flight school
• Using Facebook, Jon finds the perfect flight school for his needs• Via twitter, Jon finds a flight school with a free first lesson
6. Jon would like to become a commercial flight instructor
• John finds a post detailing the results of an AOPA Cessna safety survey• Jon addresses some of the issues with this safety survey with colleagues on the
Facebook message board• Jon tweets his findings to the AOPA twitter account to share with a larger community
5. When not flying, Jon would like to be able to spend more time learning of advances in modern avionics
• Jon gets latests AOPA news• Jon attends an online webinar
3. In a post 9/11 world, Jon wishes to provide a positive view on sport flying
• Jon accesses AOPA legal information• Jon lobbies for GA
• Jon shares legal information with prospective first time pilots via a Facebook note, so that they may have an informed view
• Jon builds grass roots support via the AOPA discussion boards• Jon attends one of the Facebook AOPA GA events
• The more Jon trains the more time Jon spends at the flight school with time for leisure flying
• Jon gets to show his skills in a professional context, reaffirming him as an authority, as a sport pilot trainer
• Jon takes on more students• Jon conducts a flight training demo
2. Jon wants to spend as much time flying as possible
1. Jon would like to increase his business
• Jon connects with prospective pilots via Facebook discussion boards• Jon uploads a flight training demo video • Through the AOPA incentive program, Jon is able to expand his client base to
different types of prospective clients
• Jon accesses Facebook forums• Jon gains traffic via word of mouth • Jon offers flight school incentives via AOPA
Features ScenariosGoals and Motivations
Personal BackgroundJon has been a personal flight instructor for the past 18 years. He is a part-owner of an aircraft. Currently, he has 5 students with two training on a Cessna 172 and three on a Cessna Skycatcher. Recently, he has opened his own flight school specializing in Sport Pilot training. For the 20 years that he's been flying, he's been an AOPA member for the last 19 years. Jon uses AOPA as a resource, mainly to connect with others and for the product benefits such as insurance and legal advice.
I love to fly and enjoy sharing my skills with others.
DemographicsAge: 55Occupation: Flight instuctor Gear: Windows, OSX,
iPhone
Needs• To bring in new students• To keep on top of current flight rules and regulations• Meet and interact with other pilots• Use social media to discuss current issues pertaining to piloting• Indication that more exposure to the community will increase his business• Wishes to be known as an authority and at the top of his field
Tech ComfortsPC: HighWeb: High
AOPA Ambassador Voice - Jon Thompson
23Page