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

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    Notes on slide 1

    Which button do you push? Shouldn’t it be green and red?How could we make it better?

    UnpluggedPaper towels on top

    Something very unsanitary about thisPeople seem to opt to use the other soapReally sends a message about your business

    No handoutsLong URLStay tuned … am I supposed to come back to sign to get more information?

    No handoutsLong URLStay tuned … am I supposed to come back to sign to get more information?

    Example: Lowes carpet buying experience

    Describe my qualificationsDescribe BHD and our services for local churches: Website assessments, Project Coaching, and Visual Design for all platforms

    Describe my qualificationsDescribe BHD and our services for local churches: Website assessments, Project Coaching, and Visual Design for all platforms

    Sure, if you want to be rebuilding the website in a few years.

    Remind people that my workshop today will cover this indepth.

    Remind people that my workshop today will cover this indepth.

    Remind people that my workshop today will cover this indepth.

    Remind people that my workshop today will cover this indepth.

    Remind people that my workshop today will cover this indepth.

    User-Interview Scenario: We are redesigning the Full Life Church website; Participant plays church member, I will interview.

    User-Interview Scenario: We are redesigning the Full Life Church website; Participant plays church member, I will interview.

    HandoutHold up JJG book

    Remind people that this is important so that technology and research are moving ahead together; one is not driving the other.

    Personas are fictitious characters that are created to represent the different user types within a targeted demographic that might use a site or product. A user persona is a representation of the goals and behavior of a real group of users. In most cases, personas are synthesized from data collected from interviews with users.

    1 Favorite

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

    1. Welcome!
    2. What’s wrong?
    3. What’s wrong?
    4. What’s wrong?
    5. What’s wrong?
    6. What’s wrong?
    7. What’s wrong?
    8. What’s wrong?
    9. Do you have any examples?
    10. Matt Carlisle version 1.0
    11. 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
    12. You “can” do it!
      Church web development isn’t done in a vacuum.
    13. 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.
    14. So, why all the work? Can’t we just start building?
    15. 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
    16. User-Centered Design Process
      Discovery: conversations with staff, members & visitors
    17. User-Centered Design Process
      Analysis: choose best technology based on need
    18. User-Centered Design Process
      Strategy: create framework based on research
    19. User-Centered Design Process
      Design: create visual design of website
    20. User-Centered Design Process
      Build: program and implement design
    21. Discovery
      Gather the research needed to establish a solid foundation for your website.
    22. Steps of Discovery
      • Stakeholder interviews
      • User interviews (see handout)
    23. Steps of Discovery
      Stakeholders:
      • Pastors
      • Church staff
      • Committee leaders
      Users:
      • New members
      • Parents of young families
      • Singles
    24. Learn More
      • “The Elements of User Experience” – Jesse James Garrett
      • User interview script (handout)
      • www.USABILITY.gov(U.S. usability resource)
    25. Analysis
      Now that you understand the needs of your stakeholders and users, determine which support system will support the outlined needs.
    26. Steps of Analysis
      • Gather technical requirements
      • Review what you can afford!
      • Research solutions and interview vendors
      • Determine optimal Web platform/software
    27. Learn More
      • Vendor questionnaire (see handout)
      • Common Knowledge: Selecting a Content
      Management System (see handout)
      • Web Hosting Tutorials (see handout)
    28. Strategy
      The architecture and design principlesofyour new website are created.
    29. Steps of Strategy
      • Develop personas and scenariosof users
      • Content needs analysis (card sort)
      • Create site map (example)
      • Create page wireframes (example)
    30. Learn More
      • How to conduct a card sort (see handout)
      • Free “Card Sort” software (see handout)
      • Article: An Introduction to Personas (see handout)
    31. Design
      The visual branding and design ofyour new website are created
    32. Steps of Design
      • Conduct visual design workshop
      • Create page comprehensives or “comp” (example)
    33. 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
    34. Build
      • Visual page comps are coded
      • Templates are implemented
      • Content , media and images are populated
    35. 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
    36. Questions?
      View presentation at http://slideshare.net/mcarlisle

    + Matt CarlisleMatt Carlisle, 1 month ago

    custom

    170 views, 1 favs, 0 embeds more stats

    It is our responsibility as Christians to harness t more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 170
      • 170 on SlideShare
      • 0 from embeds
    • Comments 0
    • Favorites 1
    • Downloads 8
    Most viewed embeds

    more

    All embeds

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories