Re-design: FORCE website Friends of Rock Creek Environment

1. Re-design: FORCE websiteFriends of Rock Creek Environment Bhoomi Deliwala Falguni Shah Sujata Narayanan Vrushank Salaskar

2. Agenda • Research • Context Evaluation (Client Requirements) • Content Evaluation (Heuristic Evaluation) • User Study • Strategy • Design • Blueprints • Wireframes • Implementation • Design Effectiveness

3. Research: Context Evaluation FORCE Objectives • Increase awareness about Rock Creek and FORCE • Get more members and volunteers • Get more donations • Attract more sponsors and grant funders • Increase findability • Simple and user friendly interface

4. Research: Content Evaluation Heuristic Evaluation • Usable • Photo gallery • Upcoming events • Unusable • Organization of the website • Labels and Navigation • Inadequacies • Low findability • Unstructured content • Lack of emphasis on increasing awareness and participation • Lack of emphasis on FORCE mission and vision • Unattractive layout and color scheme

5. Research: User Study User Roles Recently joined FORCE as a member, interested in giving back to the society Active FORCE volunteer, visits website regularly for event updates Falguni Bhoomi Recently shifted near Rock Creek, Not very nature enthusiastic Visiting her cousin in Rock Creek, Passionate about nature conservation Vrushank Sujata

6. Research: User Study Sample tasks • Check if just by homepage you get to know about the website and its managers • What is the mission of the organization? • See when and what is the next event organized by FORCE? • What projects does the organization undertake • Check the latest news at FORCE

7. Research Outcome • The clients want • Increased awareness and education • More members and volunteers • More donations • The users want • To know the organization(members, mission) • What work they do (projects, events) • How can they participate(membership, donations)

8. Card Sorting • Conducted online card sorting with 4 users (www.websort.net) • Outcome  Organization, labels and categories

9. Strategy Show people Compel people Show people Compel people FORCE mission Threats to Rock Creek Events and Projects Compelling images To become a member To volunteer To donate To spread awareness Understand mission and work Awareness of threats to Rock Creek Information about events & projects Passion towards Rock Creek Env. Increased participation Increased donation Increased awareness

10. Design

11. Design: Blueprint

12. Force icon Friends of Rock Creek’s Environment Save the rock creek !!! Search Global(by task) + Local navigation Global navigation (by topic) HOME | About FORCE | About Rock Creek| Projects | News & Events | Photo Gallery | Contact Us Changing images- Slideshow FORCE Mission Become a Member Make Donation Educational Articles Useful Links Main body Contextual navigation Up-coming Events Local News Event Calendar Footer

13. Implementation FORCE tour

14. New Design Effectiveness • Homepage • Emphasizes mission {users and client} • Prompts users to become members and donate {client} • Advertises upcoming events, projects and Local news {users} • Site Organization • Labels • Intuitive {user} • Increase curiosity {user} • Motivate Navigation -> increased awareness {client} • Organization of content • Increases findability {user} • Reduces frustration and increases participation {client}

15. New Design Effectiveness (cont.) • Site Navigation • Better global, local and contextual navigation • Facilitates intuitive navigation{user} • Increases awareness {client} • Site Layout • Attractive, structured and consistent{user} • Prompts for membership and donation {client}

16. Thank you