SlideShare uma empresa Scribd logo
1 de 37
Website Planning 201 Jen Kramer McKibben 4Web, Inc. CMS Expo, Denver, CO December 2008
Agenda ,[object Object],[object Object],[object Object]
Jen Kramer McKibben ,[object Object],[object Object],[object Object],[object Object],[object Object]
“ I need a site and I want it blue. How much will that cost?” “I need a house, and I’d like blue paint and  beige carpet. How much will that cost?”
The Elements of User Experience ,[object Object]
Structure Plane ,[object Object],[object Object],[object Object]
How should the content be organized? ,[object Object],[object Object],[object Object]
What is a site map? ,[object Object],[object Object],[object Object]
What is a site map? Home About Location  & Directions Photos Physician Directory Physician Profiles Testimonials Primary Care Surgery Area Resources Cultural Attractions Schools Recreation Real Estate Newspapers Links C of C Visitors Bureau FAQ Career Opportunities
What is a site map? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
How to develop a site map? ,[object Object]
Sections and Categories in Joomla ,[object Object]
“Sections and Categories Don’t Matter” ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
“Sections and Categories Follow the Site Map” ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Sections and Categories Work for Your Content ,[object Object],[object Object]
Flow charts ,[object Object],[object Object],[object Object]
Flow charts
Structure Plane ,[object Object]
Skeleton Plane ,[object Object],[object Object],[object Object]
Skeleton Plane ,[object Object],[object Object],[object Object]
Wireframe Diagram
Low-fidelity usability testing? ,[object Object],[object Object],[object Object]
HTML Sketches ,[object Object],[object Object],[object Object],[object Object],[object Object]
Skeleton Plane ,[object Object]
Surface Plane ,[object Object],[object Object],[object Object],[object Object]
Where does the design come from? ,[object Object],[object Object],[object Object]
Which is better? ,[object Object]
Canned template positives ,[object Object],[object Object],[object Object]
Canned template negatives ,[object Object],[object Object],[object Object],[object Object]
Custom template positives ,[object Object],[object Object],[object Object],[object Object]
Custom template negatives ,[object Object],[object Object],[object Object]
Absolutely shameless plug ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Not so shameless plug ,[object Object],[object Object]
Exercise ,[object Object],[object Object]
If you liked this talk, you may also like… ,[object Object],[object Object]
Questions? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Website Planning 201 by Jen McKibben

Mais conteúdo relacionado

Mais procurados

Amsterdam Pm Web Process
Amsterdam Pm Web ProcessAmsterdam Pm Web Process
Amsterdam Pm Web Process
amsterdampm
 

Mais procurados (18)

Web Design Planning Questionnaire
Web Design Planning QuestionnaireWeb Design Planning Questionnaire
Web Design Planning Questionnaire
 
Website designing company in delhi
Website designing company in delhiWebsite designing company in delhi
Website designing company in delhi
 
Amsterdam Pm Web Process
Amsterdam Pm Web ProcessAmsterdam Pm Web Process
Amsterdam Pm Web Process
 
Sunu1bb
Sunu1bbSunu1bb
Sunu1bb
 
Web Site Strategy - Building an Effective Website
Web Site Strategy - Building an Effective WebsiteWeb Site Strategy - Building an Effective Website
Web Site Strategy - Building an Effective Website
 
Audience is King - Landing Page & Usability Design for Increased Conversions
Audience is King - Landing Page & Usability Design for Increased ConversionsAudience is King - Landing Page & Usability Design for Increased Conversions
Audience is King - Landing Page & Usability Design for Increased Conversions
 
The Evolution of Branding in Office 365 - SPSATL 2015 - CDew
The Evolution of Branding in Office 365 - SPSATL 2015 - CDewThe Evolution of Branding in Office 365 - SPSATL 2015 - CDew
The Evolution of Branding in Office 365 - SPSATL 2015 - CDew
 
Few skills every successful web designer needs
Few skills every successful web designer needsFew skills every successful web designer needs
Few skills every successful web designer needs
 
Ronald P. Rogers Web Design Portfolio
Ronald P. Rogers Web Design PortfolioRonald P. Rogers Web Design Portfolio
Ronald P. Rogers Web Design Portfolio
 
Lecture 3
Lecture 3Lecture 3
Lecture 3
 
Usability Conversions Tactics
Usability Conversions TacticsUsability Conversions Tactics
Usability Conversions Tactics
 
Usability and Persuasive Design for Increasing Conversions
Usability and Persuasive Design for Increasing ConversionsUsability and Persuasive Design for Increasing Conversions
Usability and Persuasive Design for Increasing Conversions
 
Kimkrauseberg Smxeast Usabilityseo Day3
Kimkrauseberg Smxeast Usabilityseo Day3Kimkrauseberg Smxeast Usabilityseo Day3
Kimkrauseberg Smxeast Usabilityseo Day3
 
Responsive Design for SharePoint
Responsive Design for SharePointResponsive Design for SharePoint
Responsive Design for SharePoint
 
Intro to Design Manager
Intro to Design ManagerIntro to Design Manager
Intro to Design Manager
 
Designing Navigation
Designing NavigationDesigning Navigation
Designing Navigation
 
Introduction to Wordpress Theme Development
Introduction to Wordpress Theme Development Introduction to Wordpress Theme Development
Introduction to Wordpress Theme Development
 
Growing Your Business With A Website: WIBO
Growing Your Business With A Website: WIBOGrowing Your Business With A Website: WIBO
Growing Your Business With A Website: WIBO
 

Semelhante a Website Planning 201 by Jen McKibben

Web Design & UI/UX Bootcamp [Online & Offline] In Bangla
Web Design & UI/UX Bootcamp [Online & Offline] In BanglaWeb Design & UI/UX Bootcamp [Online & Offline] In Bangla
Web Design & UI/UX Bootcamp [Online & Offline] In Bangla
Stack Learner
 
Lecture4
Lecture4Lecture4
Lecture4
hstryk
 
Class 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurshipClass 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurship
allanchao
 
Week 2 - Purpose of a website
Week 2 - Purpose of a websiteWeek 2 - Purpose of a website
Week 2 - Purpose of a website
Graeme Smith
 
Branding share point 2013
Branding share point 2013Branding share point 2013
Branding share point 2013
Khoa Quach
 

Semelhante a Website Planning 201 by Jen McKibben (20)

Joomla Day Austin Part 1
Joomla Day Austin Part 1Joomla Day Austin Part 1
Joomla Day Austin Part 1
 
Website Planning 101 with Jen McKibben
Website Planning 101 with Jen McKibbenWebsite Planning 101 with Jen McKibben
Website Planning 101 with Jen McKibben
 
Joomla Template Tutorial
Joomla Template TutorialJoomla Template Tutorial
Joomla Template Tutorial
 
Introduction to Branding SharePoint
Introduction to Branding SharePointIntroduction to Branding SharePoint
Introduction to Branding SharePoint
 
Top 6 Website Design Skills to Master.pdf
Top 6 Website Design Skills to Master.pdfTop 6 Website Design Skills to Master.pdf
Top 6 Website Design Skills to Master.pdf
 
Web Design & UI/UX Bootcamp [Online & Offline] In Bangla
Web Design & UI/UX Bootcamp [Online & Offline] In BanglaWeb Design & UI/UX Bootcamp [Online & Offline] In Bangla
Web Design & UI/UX Bootcamp [Online & Offline] In Bangla
 
Lecture4
Lecture4Lecture4
Lecture4
 
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
 
Joomla day ne_2011_nidan_black_belt_joomla
Joomla day ne_2011_nidan_black_belt_joomlaJoomla day ne_2011_nidan_black_belt_joomla
Joomla day ne_2011_nidan_black_belt_joomla
 
The Pragmatist's Approach to SharePoint Branding
The Pragmatist's Approach to SharePoint BrandingThe Pragmatist's Approach to SharePoint Branding
The Pragmatist's Approach to SharePoint Branding
 
Web Design Phase
Web Design PhaseWeb Design Phase
Web Design Phase
 
Web Site Design
Web Site DesignWeb Site Design
Web Site Design
 
Class 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurshipClass 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurship
 
Basic SEO Structural Issues
Basic SEO Structural IssuesBasic SEO Structural Issues
Basic SEO Structural Issues
 
Week1 2t
Week1 2tWeek1 2t
Week1 2t
 
Week 2 - Purpose of a website
Week 2 - Purpose of a websiteWeek 2 - Purpose of a website
Week 2 - Purpose of a website
 
Branding share point 2013
Branding share point 2013Branding share point 2013
Branding share point 2013
 
How to make a great website
How to make a great websiteHow to make a great website
How to make a great website
 
Making of GirlGamer
Making of GirlGamerMaking of GirlGamer
Making of GirlGamer
 
Web project management
Web project managementWeb project management
Web project management
 

Mais de John Coonen

Mais de John Coonen (19)

Dead Simple Design 3 - For Web Designers
Dead Simple Design 3 - For Web DesignersDead Simple Design 3 - For Web Designers
Dead Simple Design 3 - For Web Designers
 
Featured CMS Invitation: 2012 CMS Expo
Featured CMS Invitation: 2012 CMS ExpoFeatured CMS Invitation: 2012 CMS Expo
Featured CMS Invitation: 2012 CMS Expo
 
Joomla Chicago Meeting July, 2009: CMS CageMatch II
Joomla Chicago Meeting July, 2009: CMS CageMatch IIJoomla Chicago Meeting July, 2009: CMS CageMatch II
Joomla Chicago Meeting July, 2009: CMS CageMatch II
 
Advance Component Development by Azrul Rahim
Advance Component Development by Azrul RahimAdvance Component Development by Azrul Rahim
Advance Component Development by Azrul Rahim
 
Must-Have Joomla Extensions by Ken Lyle
Must-Have Joomla Extensions by Ken LyleMust-Have Joomla Extensions by Ken Lyle
Must-Have Joomla Extensions by Ken Lyle
 
corePHP Usability Accessibility by Steven Pignataro
corePHP Usability Accessibility by Steven PignatarocorePHP Usability Accessibility by Steven Pignataro
corePHP Usability Accessibility by Steven Pignataro
 
Components, Modules and Plugins, Oh My! by Bill Tomczak
Components, Modules and Plugins, Oh My! by Bill TomczakComponents, Modules and Plugins, Oh My! by Bill Tomczak
Components, Modules and Plugins, Oh My! by Bill Tomczak
 
Disaster Recovery by Tom Canavan
Disaster Recovery by Tom CanavanDisaster Recovery by Tom Canavan
Disaster Recovery by Tom Canavan
 
Disaster And Business Continuity by Tom Canavan
Disaster And Business Continuity by Tom CanavanDisaster And Business Continuity by Tom Canavan
Disaster And Business Continuity by Tom Canavan
 
Content Is King by Tom Elliott & Samantha Bovat
Content Is King by Tom Elliott & Samantha BovatContent Is King by Tom Elliott & Samantha Bovat
Content Is King by Tom Elliott & Samantha Bovat
 
Clear, Concise Content for the Web by Samantha Bovat
Clear, Concise Content for the Web by Samantha BovatClear, Concise Content for the Web by Samantha Bovat
Clear, Concise Content for the Web by Samantha Bovat
 
Building Online Communities with Barrie North
Building Online Communities with Barrie NorthBuilding Online Communities with Barrie North
Building Online Communities with Barrie North
 
Creating CSS Template with Barrie North
Creating CSS Template with Barrie NorthCreating CSS Template with Barrie North
Creating CSS Template with Barrie North
 
JoomlaEXPO: Search Engine Friendly URLs - Azrul.com
JoomlaEXPO: Search Engine Friendly URLs - Azrul.comJoomlaEXPO: Search Engine Friendly URLs - Azrul.com
JoomlaEXPO: Search Engine Friendly URLs - Azrul.com
 
Victor Drover JoomlaEXPO
Victor Drover JoomlaEXPOVictor Drover JoomlaEXPO
Victor Drover JoomlaEXPO
 
Barrie North: Building Better Sites In Joomla 1.5
Barrie North: Building Better Sites In Joomla 1.5Barrie North: Building Better Sites In Joomla 1.5
Barrie North: Building Better Sites In Joomla 1.5
 
Tom Canavan Joomla Security and Disaster Recovery
Tom Canavan Joomla Security and Disaster RecoveryTom Canavan Joomla Security and Disaster Recovery
Tom Canavan Joomla Security and Disaster Recovery
 
JoomlaEXPO Presentation by Joe LeBlanc
JoomlaEXPO Presentation by Joe LeBlancJoomlaEXPO Presentation by Joe LeBlanc
JoomlaEXPO Presentation by Joe LeBlanc
 
Core Php Component Presentation
Core Php Component PresentationCore Php Component Presentation
Core Php Component Presentation
 

Último

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 

Último (20)

How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 

Website Planning 201 by Jen McKibben

  • 1. Website Planning 201 Jen Kramer McKibben 4Web, Inc. CMS Expo, Denver, CO December 2008
  • 2.
  • 3.
  • 4. “ I need a site and I want it blue. How much will that cost?” “I need a house, and I’d like blue paint and beige carpet. How much will that cost?”
  • 5.
  • 6.
  • 7.
  • 8.
  • 9. What is a site map? Home About Location & Directions Photos Physician Directory Physician Profiles Testimonials Primary Care Surgery Area Resources Cultural Attractions Schools Recreation Real Estate Newspapers Links C of C Visitors Bureau FAQ Career Opportunities
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 18.
  • 19.
  • 20.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.