[mm.dd..yy]
DESCRIPTION
Results Oriented Website Quickstart. [MM.DD..YY]. [PRESENTER]. Get ready: Sign in up front Pickup Student Manual handout Sign into WiFi : levelten -guest pw:levelten Install Dev Desktop Exercise 1.1 Import Open Enterprise Exercise 1.2. flickr.com/photos/ phossil /5117978738. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/1.jpg)
[MM.DD..YY] [PRESENTER]
Results Oriented Website Quickstart
Get ready:• Sign in up front• Pickup Student Manual handout• Sign into WiFi: levelten-guest
• pw:levelten• Install Dev Desktop
• Exercise 1.1• Import Open Enterprise
• Exercise 1.2
![Page 2: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/2.jpg)
flickr.com/photos/phossil/5117978738
![Page 3: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/3.jpg)
Pop Quiz - Story Problem
In 2001, the Yellow Pages generates 100,000 bike sales in a year. There are 100 bike stores listed.
What is the average number of bikes a typical store should sell in a year from the yellow pages?
flickr.com/photos/silvery/4461519535
![Page 4: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/4.jpg)
distribution of success?
Normal distribution
sales
num
ber
of s
hops
aver
age
![Page 5: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/5.jpg)
Pop Quiz - Story Problem
In 2001, each of the 100 bikes stores started a website. In 2011, the web generates 100,000 bikes sales in a year.
What is the average number of bikes a typical store should sell in a year from the internet?
![Page 6: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/6.jpg)
Vilfredo Pareto
![Page 7: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/7.jpg)
distribution of success?
Power law
sales
Num
ber
of s
ites
typi
cal
lead
ers
![Page 8: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/8.jpg)
business process improvement
cornerstones of highly successful web presences
audienceengagement
brandconversion
retention
continual innovation
![Page 9: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/9.jpg)
What is this course?
Results
strategy
tools
skills
process
• Intro to ROW• Installation• Adding & editing content• Navigation
Session 1 – Content management
• Page layouts• Themes• Extending your site
Session 2 – Theming and extending
• Search Engine Optimization• Social Media
Session 3 – Online marketing
• Agile project management• User & usage centric design• What’s next
Session 4 – Product management
![Page 10: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/10.jpg)
Who is it for?
• Small business owners• Startups• Non-profitsDIY
• Marketing & communications• Technology directors• Web team managers
Managers &
Stakeholders
• Graphic designers• Developers• Copywriters• Online Marketers
Web professiona
ls
![Page 11: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/11.jpg)
Power law
results
Num
ber
of s
ites
Get some results
lead
ers
typi
cal
jum
psta
rt go
al
![Page 12: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/12.jpg)
online advertising &
PR
performance based ads
(paid search)content
networkingAwareness referrals
user centered listings(organic search)
Peer recommendatio
ns
Authority recommendatio
ns
ReputationManagement
trusted advisor
requestsuser
requestsretention programs
touch pieces
word of mouse
traditional advertising &
PR
traditional sales
custom service
offlinecommunications
engagement contentbrochureware
landing pages
conversion mechanisms
customer relationship management
social content
website social media
online corporate communications
user engagement
![Page 13: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/13.jpg)
13flickr.com/photos/pochacco20 flickr.com/photos/mario_groleauflickr.com/photos/jurvetson
![Page 14: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/14.jpg)
The platform
![Page 15: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/15.jpg)
The big three CMSs
WordPress
Joomla
Drupal
Simple Advanced
![Page 17: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/17.jpg)
web building blocks
flickr.com/photos/timbradshaw
flickr.com/photos/saeba
![Page 18: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/18.jpg)
The platform – open enterprise
Open Enterprise apps
Open Enterprisecore
Drupal
![Page 19: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/19.jpg)
CMS driven web development
Focus shifts from “how do we build it” to “what should we build”
![Page 20: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/20.jpg)
Traditional web development process
Requirements
• Concept • High-level requirements
• Requirements gathering • Requirements spec
Design• Product (UI) Design
• Wireframes• Detailed Design
• Functional specs
Implementation
• Creative design• Content• Development
Verification• Unit testing• Acceptance testing
• Beta testing
Maintenance
planning
development
live
![Page 21: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/21.jpg)
Why do we plan?
• On time• On budget• In Scope
Certainty
• Look and feel• Features
Stakeholder utility
• Emotional branding• Content• Features• Usability & Experience
End user utility
• Increased revenue• Reduced cost • Increased goodwill
Organizational returns
typical
resultsoriented
![Page 22: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/22.jpg)
Why should we plan?
certainty
stakeholderutility
userexperience
returns
waste
1. Maximize organizational returns
2. Optimize user experience
3. Reduce waste
![Page 23: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/23.jpg)
Big Design Up Front
certainty
stakeholderutility
userexperience
returns
waste
6 months
$
![Page 24: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/24.jpg)
Mid Design Up Front
certainty
stakeholderutility
userexperience
returns
waste
6 weeks
$
![Page 25: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/25.jpg)
Planning for certainty
source: blogs.msdn.com/b/dannawi/archive/2009/05/15/2009-standish-chaos-report-we-are-successful-in-the-failure.aspx
certainty waste=
![Page 26: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/26.jpg)
Getting what you want vs. knowing what you want
time
inno
vatio
n
high levelrequirements
design & architecture
mockups validation live
Freedom to innovate
Insight to innovate
certainty less stakeholder
utility
=
stakeholderutility more money
= $
![Page 27: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/27.jpg)
Where to go
certainty
$
value
waste
cost $ $
AgileBig DUFMid DUF
![Page 28: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/28.jpg)
A better approach
Requirements
Design
Implementation
Verification
website6 months
waterfall
Requirements
Design
Implementation
Verification
features2 weeks
agile
![Page 29: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/29.jpg)
Light weight planning
certainty
stakeholderutility
userexperience
returns
waste
2 weeks
$
![Page 30: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/30.jpg)
Results oriented light weight planning
certainty
stakeholderutility
userexperience
returns
waste
4 weeks
$$
![Page 31: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/31.jpg)
To summarize
online
results
a.k.a more of the right stuff
agile project management
results oriented
user-centeredplanning
more stuff
the right stuff
![Page 32: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/32.jpg)
Process
Types of models• User role models• Results models• User stories• Interface models
Models based• Light weight• Iterative• Comprehendible by everyone• Synchronization• Collaboration
Participatory workshops• Rapid• Synergistic• Comprehensive• Consensus
![Page 33: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/33.jpg)
User role modeling
Process• Brainstorm• Organize• Consolidate & refine• Define• Prioritize
Definition:a collection of defining attributes that characterize a population of users and their goals, needs and intended interaction with the site
![Page 34: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/34.jpg)
User role modeling: brainstorm
local newspaper
sports blogger
website administrator
hotels that need bikes for
guests
people from out of town
fans
staff
new bike rider
bike shoppers
person who wants to
upgrade their bike
competitive rider
bike owners
Job seekers
new mom/parent
casual bikers
tour guide
![Page 35: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/35.jpg)
User role modeling: organize
local newspapersports blogger
people from out of town
fans
staff
bike shoppers
person who wants to
upgrade their bike
bike owners
Job seekers
new mom/parent
website administrator
hotels that need bikes for
gueststour guide
competitive rider
casual bikers
new bike rider
![Page 36: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/36.jpg)
User role modeling: consolidate & refine
local newspapersports blogger
fans
staffbike shoppers
bike owners job seekers
new mom/parent
website administrator
tour guidecasual bikersnew bike rider
person who wants to
upgrade their bike
enthusiasts shoppers staff
renters
people from out of townhotels that
need bikes for guests
owners
competitive rider
job seekers
![Page 37: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/37.jpg)
User role modeling: define
ownersDemographics• Age: 25-55• Gender: 65% male• Location: within 10 miles of store
Psychographics• Active lifestyle• Prefers being outdoors• Green
Behavioral• Significant web usage including search engines and social media• Research purchases online before buying• Significant use of mobile devices
Brand• Custom service is significant driver for brand loyalty• Likely to buy again from same store. Typically 1 bike every 4 years.
Site• Proficient web user • Likely to have high speed internet access
![Page 38: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/38.jpg)
User role modeling: personas
renter
![Page 39: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/39.jpg)
User role modeling: prioritize
enthusiastsshoppers
staffrenters
owners
job seekers
Primary Secondary Tertiary
![Page 40: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/40.jpg)
Results modeling
Process• Brainstorm• Organize• Consolidate & refine• Prioritize
Definition:the benefits stakeholders want to achieve with the site.
![Page 41: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/41.jpg)
Results modeling: types of results models
objectives
valued eventsgoals
![Page 42: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/42.jpg)
Results modeling: brainstorm
increase bike sales
become a recognized
leader in the local biking community
Show the pictorial history of results bikes
The site should be intuitive and easy to
navigate
The site should have a clean
and professional
lookBe more viral
To increase traffic to the
site
Increase bike rentals by
100%
Reduce routine customer call inquires by
50%
Sell more bike repair services
Sell more bikes online
Double our mailing list
Staff should be able to add
and edit content
Expand our digital footprint
Get 500 “Likes” on Facebook
Visitors should be able to find what they want in no more than
3 clicks
![Page 43: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/43.jpg)
Results modeling: organize
increase bike sales
become a recognized
leader in the local biking community
Show the pictorial history of results bikes
The site should be intuitive and easy to
navigate
The site should have a clean
and professional
look
Be more viral
To increase traffic to the
site
Increase bike rentals by
100%
Reduce routine customer call inquires by
50%Sell more bike repair services
Sell more bikes online
Double our mailing list
Staff should be able to add
and edit content
Expand our digital footprint
Get 500 “Likes” on Facebook
Visitors should be able to find what they want in no more than
3 clicks
![Page 44: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/44.jpg)
Results modeling: consolidate
increase bike sales
become a recognized
leader in the local biking community
Show the pictorial history of results bikes
The site should be intuitive and easy to
navigate
The site should have a clean
and professional
lookBe more viral
To increase traffic to the
site
Increase bike rentals by
100%
Reduce routine customer call inquires by
50%
Sell more bike repair services
Sell more bikes online
Double our mailing list
Staff should be able to add
and edit content
Expand our digital footprint
Get 500 “Likes” on Facebook
Visitors should be able to find what they want in no more than
3 clicks
Goals Objectives FeaturesValued events
![Page 45: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/45.jpg)
Results modeling: refine
increase bike sales
Goals Objectives Valued eventsIncrease by
sales by 50% a month within 6
months
Bike purchaseValue = 40% of the retail price
![Page 46: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/46.jpg)
Results modeling: prioritize
increase bike sales
become a recognized
leader in the local biking community
The site should be intuitive and easy to
navigate
The site should have a clean
and professional
look
Be more viral
To increase traffic to the
site
Sell more bike repair services
Sell more bikes online
Expand our digital footprint
Primary Secondary Tertiary
![Page 47: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/47.jpg)
User stories
Process• Brainstorm• Organize & refine• Prioritize
Definition:describes a features and functionality of the site from the viewpoint of a user role
![Page 48: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/48.jpg)
User stories: format
As a [user role]I want [a feature or goal] so that [a benefit or reason]
* so that is optional
A user story is a documented requirement and a note to discuss later
![Page 49: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/49.jpg)
User stories: brainstorm
As a Bike Enthusiast, I would like to• read the latest bike shop news/blog• comment on the blog• share content through email and social media • see a calendar of events, classes, races• sign up for newsletter and alerts• see special offers• get contact information• see location and hours of operation
![Page 50: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/50.jpg)
User stories: prioritize
MoSCoW approach• Must haves – we need these stories in order to launch the
project• Should haves – these are of high importance, but are not
show stoppers for the next release• Could haves – If we get a couple of these in it would be
nice, but they can be moved easily to the next release• Wants – These are not a priority but we want to keep track
of them as possibilities for future releases.
![Page 51: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/51.jpg)
Interface models
Common interface models• Navigation Architecture & maps• Content Models • Wireframes and prototypes• Design comps
Definition:graphical or organizational representation of site elements and how they relate to each other
![Page 52: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/52.jpg)
Interface models: wireframes
![Page 53: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/53.jpg)
Project management methodologies comparison
Cowboy Agile Waterfall
Requirements Little formal requirements
Lightweight, structured
Very formal Big Design Up Front
Owner - teamAgreements
Usually fixed bid, poorly defined scope.
Typically fixed budget or fixed scope – value based
Initially fixed bid by stages. Modified by change orders.
Owner – team relationship
Undefined Collaborative Contractual
Owner – team communication
Whenever Cycle every 1-4 weeks
At major milestones. May be months apart.
Improvement changes requests
Whatever Discussed each cycle – better ideas easily integrated
Formal change order process built to resist change
Risk management
??? Adaptive - by doing, inspecting and adapting
Predictive – by planning
![Page 54: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/54.jpg)
Installation
Exercises
![Page 55: [MM.DD..YY]](https://reader035.vdocument.in/reader035/viewer/2022062521/56816859550346895dde88d5/html5/thumbnails/55.jpg)
thank you!
Tom McCrackenLevelTen InteractiveDirector
Phone: 214.887.8586Email: [email protected]: @levelten_tomBlog: leveltendesign.com/blog/tomLinkedIn: linkedin.com/in/tommccracken
flickr.com/photos/dcsf2010/4561985806flickr.com/photos/x-foto/4923221504flickr.com/photos/slack13/2683947718flickr.com/photos/23912576@N05/3902271512flickr.com/photos/acmace/441065062flickr.com/photos/jenaardell/4434366505flickr.com/photos/deciter_interactions/4052969929flickr.com/photos/svenwerk/858381180flickr.com/photos/fredcavazza/3428921418flickr.com/photos/tinou/2065322341flickr.com/photos/svenwerk/858381180flickr.com/photos/nilson/255662963flickr.com/photos/genista/3432987963flickr.com/photos/vernhart/1073265478flickr.com/photos/paullew/4304362073flickr.com/photos/soldiersmediacenter/397695157flickr.com/photos/28634332@N05/4054720616