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/mattcarlisle

MattCarlisle.com

You “can” do it!

Church web development isn’t done in a vacuum.

A design process in which the needs, wants and limitations of

the Web user and organization are given extensive attention at each

stage of development.

User-Centered Design

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

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

The Benefits

Discovery: conversations with staff, members & visitors

User-Centered Design Process

Analysis: choose best technology based on need

User-Centered Design Process

Strategy: create framework based on research

User-Centered Design Process

Design: create visual design of website

User-Centered Design Process

Build: program and implement design

User-Centered Design Process

Gather the research needed to establish a solid foundation for your

website.

Discovery

• Stakeholder interviews

• User interviews (see handout)

Steps of Discovery

Stakeholders: • Pastors• Church staff • Committee leaders

Users: • New members• Parents of young families• Singles

Steps of Discovery

• “The Elements of User Experience” – Jesse James Garrett

• User interview script (handout)

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

Learn More

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

outlined needs.

Analysis

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

Steps of Analysis

• Vendor questionnaire (see handout)• Common Knowledge: Selecting a Content Management System (see handout)• Web Hosting Tutorials (see handout)

Learn More

The architecture and design principles

of your new website are created.

Strategy

• Develop personas and scenarios of users• Content needs analysis (card sort)• Create site map (example)• Create page wireframes (example)

Steps of Strategy

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

Learn More

The visual branding and design ofyour new website are created

Design

• Conduct visual design workshop • Create page comprehensives or “comp” (example)

Steps of Design

• 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

Learn More

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

Build

• 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

Tips to Keep in Mind

Questions?

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