MInistry 2 Pensacola: A User-Centered Approach to Web Design

Welcome!

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.

User-Centered Design
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.

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 effective
websites
Helps unify decision-makers with diverse opinions
It’s cost-effective: minimize the risk of having to
fix poor design decisions

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

Analysis: choose best technology based on need

Strategy: create framework based on research

Design: create visual design of website

Build: program and implement design

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

Steps of Discovery
Stakeholder interviews
User interviews (see handout)

Steps of Discovery
Stakeholders:
Pastors
Church staff
Committee leaders
Users:
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)

Analysis
Now 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

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

Strategy
The 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)

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

Design
The visual branding and design ofyour new website are created

Steps of Design
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 designs
MinistryCSS.com, Featured church website designs

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

Tips to Keep in Mind
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

MInistry 2 Pensacola: A User-Centered Approach to Web Design

by Matt Carlisle on Oct 12, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 5

Statistics

MInistry 2 Pensacola: A User-Centered Approach to Web Design — Presentation Transcript

http://www.slideshare.net	3
http://bigheartdesign.net	2