Bhoomi Deliwala Falguni Shah Sujata Narayanan Vrushank Salaskar Re-design: FORCE website Friends of...

Post on 26-Dec-2015

216 views 2 download

Tags:

Transcript of Bhoomi Deliwala Falguni Shah Sujata Narayanan Vrushank Salaskar Re-design: FORCE website Friends of...

Bhoomi Deliwala

Falguni

Shah Sujata Narayanan

Vrushank Salaskar

Re-design: FORCE websiteFriends of Rock Creek Environment

AgendaResearch

Context Evaluation (Client Requirements)Content Evaluation (Heuristic Evaluation)User Study

StrategyDesign

BlueprintsWireframes

Implementation Design Effectiveness

Research: Context Evaluation

FORCE ObjectivesIncrease awareness about Rock Creek

and FORCEGet more members and volunteersGet more donationsAttract more sponsors and grant fundersIncrease findability Simple and user friendly interface

Research: Content EvaluationHeuristic EvaluationUsable

Photo galleryUpcoming events

UnusableOrganization of the websiteLabels and Navigation

Inadequacies Low findabilityUnstructured content Lack of emphasis on increasing awareness and

participation Lack of emphasis on FORCE mission and vision Unattractive layout and color scheme

Research: User Study

Visiting her cousin in Rock

Creek,Passionate

about nature conservation

Visiting her cousin in Rock

Creek,Passionate

about nature conservation

Recently shifted near Rock Creek,

Not very nature

enthusiastic

Recently shifted near Rock Creek,

Not very nature

enthusiastic

Recently joined FORCE as a member, interested in

giving back to the society

Recently joined FORCE as a member, interested in

giving back to the society

Active FORCE volunteer,

visits website regularly for

event updates

Active FORCE volunteer,

visits website regularly for

event updates

User Roles

Research: User Study

Sample tasksCheck 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

Research Outcome

The clients wantIncreased awareness and educationMore 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)

Card SortingConducted online card sorting with 4 users

(www.websort.net)Outcome Organization, labels and

categories

Strategy

Understand mission and workAwareness of threats to Rock CreekInformation about events & projectsPassion towards Rock Creek Env.

Understand mission and workAwareness of threats to Rock CreekInformation about events & projectsPassion towards Rock Creek Env.

Increased participationIncreased donationIncreased awareness

Increased participationIncreased donationIncreased awareness

Show peopleFORCE missionThreats to Rock Creek Events and Projects Compelling images

FORCE missionThreats to Rock Creek Events and Projects Compelling images

To become a memberTo volunteerTo donateTo spread awareness

To become a memberTo volunteerTo donateTo spread awareness

Compel people

Design

Design: Blueprint

Force icon Friends of Rock Creek’s Environment

Search

HOME | About FORCE | About Rock Creek| Projects | News & Events | Photo Gallery | Contact Us

Become a MemberMake DonationEducational ArticlesUseful Links

Up-coming Events Local NewsEvent Calendar

Changing images- Slideshow

Footer

Save the rock creek !!!

FORCE Mission

Global navigation (by topic)

Global(by task) + Local navigation

Main body

Contextual

navigation

Implementation

FORCE tour

New Design EffectivenessHomepage

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}

New Design Effectiveness (cont.)

Site NavigationBetter global, local and contextual

navigationFacilitates intuitive navigation{user} Increases awareness {client}

Site Layout Attractive, structured and

consistent{user}Prompts for membership and donation

{client}

Thank you