Welcome!

What’s wrong?

What’s wrong?

What’s wrong?

What’s wrong?

What’s wrong?

What’s wrong?

What’s wrong?

Do you have any examples?

Matt Carlisle version 1.0

I help non-profits and faith groups better understand their constituents, members and stakeholders to create achievable Web&social media strategies.Twitter.com/mattcarlisleMattCarlisle.com

You “can” do it!Church web development isn’t done in a vacuum.

User-Centered DesignA design process in which the needs, wants and limitations of the Web user and organization are given extensive attention at each stage of development.

So, why all the work? Can’t we just start building?

The Benefits Based upon and informed by research A focus on user needs leads to more effectivewebsites Helps unify decision-makers with diverse opinions It’s cost-effective: minimize the risk of having tofix poor design decisions

Based upon and informed by research

A focus on user needs leads to more effective

Helps unify decision-makers with diverse opinions

It’s cost-effective: minimize the risk of having to

User-Centered Design ProcessDiscovery: conversations with staff, members & visitors

User-Centered Design ProcessAnalysis: choose best technology based on need

User-Centered Design ProcessStrategy: create framework based on research

User-Centered Design ProcessDesign: create visual design of website

User-Centered Design ProcessBuild: program and implement design

DiscoveryGather the research needed to establish a solid foundation for your website.

Steps of Discovery Stakeholder interviews User interviews (see handout)

Stakeholder interviews

User interviews (see handout)

Steps of DiscoveryStakeholders: PastorsChurch staff Committee leadersUsers: New members Parents of young families Singles

Pastors

Church staff

Committee leaders

New members

Parents of young families

Singles

Learn More “The Elements of User Experience” – Jesse James Garrett User interview script (handout)www.USABILITY.gov(U.S. usability resource)

“The Elements of User Experience” – Jesse James Garrett

User interview script (handout)

www.USABILITY.gov(U.S. usability resource)

AnalysisNow that you understand the needs of your stakeholders and users, determine which support system will support the outlined needs.

Steps of Analysis Gather technical requirements Review what you can afford! Research solutions and interview vendors Determine optimal Web platform/software

Gather technical requirements

Review what you can afford!

Research solutions and interview vendors

Determine optimal Web platform/software

Learn More Vendor questionnaire (see handout) Common Knowledge: Selecting a ContentManagement System (see handout) Web Hosting Tutorials (see handout)

Vendor questionnaire (see handout)

Common Knowledge: Selecting a Content

Web Hosting Tutorials (see handout)

StrategyThe architecture and design principlesofyour new website are created.

Steps of Strategy Develop personas and scenariosof users Content needs analysis (card sort) Create site map (example) Create page wireframes (example)

Develop personas and scenariosof users

Content needs analysis (card sort)

Create site map (example)

Create page wireframes (example)

Learn More How to conduct a card sort (see handout) Free “Card Sort” software (see handout) Article: An Introduction to Personas (see handout)

How to conduct a card sort (see handout)

Free “Card Sort” software (see handout)

Article: An Introduction to Personas (see handout)

DesignThe visual branding and design ofyour new website are created

Steps of Design Conduct visual design workshop Create page comprehensives or “comp” (example)

Conduct visual design workshop

Create page comprehensives or “comp” (example)

Learn More Article: The Principles of Design (see handout) Book: “Transcending CSS: The fine art of web design”Godbit.com, Featured church website designsMinistryCSS.com, Featured church website designs

Article: The Principles of Design (see handout)

Book: “Transcending CSS: The fine art of web design”

Godbit.com, Featured church website designs

MinistryCSS.com, Featured church website designs

Build Visual page comps are coded Templates are implemented Content , media and images are populated

Visual page comps are coded

Templates are implemented

Content , media and images are populated

Tips to Keep in Mind Develop in phasesHire local talent Soft launch is the only way to go Start planning for phase 2 before site launchDon’t stop researching the needs of your audience

Develop in phases

Hire local talent

Soft launch is the only way to go

Start planning for phase 2 before site launch

Don’t stop researching the needs of your audience

Questions?View presentation at http://slideshare.net/mcarlisle