buckminster fuller collaborative at bfi
DESCRIPTION
Pratt Institute Informatics Lab project, led by faculty member Dr. David Walczyk, was mentioned in a recent Huffington Post article. (Feb. 24, 2011) http://www.huffingtonpost.com/jean-lin/post_1755_b_825653.html#s243270&title=Clepsydra_Urban_Farming Prof. Walczyk and the graduate students researched ways to design a searchable database of ideas submitted by designers and social innovators in conjunction with the Buckminster Fuller Institute (BFI). Buckminster Fuller Institute's database is the largest archive of socially responsible design in the world.TRANSCRIPT
The
Buckminster
Fuller
ChallengeWebsite Redesign
West 144 GroupGlenda Barahona, Ann McGettigan, Jessica Peterson, Andrew Steinitz, Jeffrey Tyack
• Brainstormed potential user types
• Reviewed comparable websites
• Analyzed the current site inventory
• Tested the current site organization
• Tested the new site navigation
Users of the Challenge Site
Florence Welch, High School Mathand Science Teacher
Ken Souza, Freelance Reporter
Daniel Lin, BS Environmental Science Candidate
Casey James, Corporate Sponsorship Coordinator
Sarah Eintretendes, Aspiring Designer
Comparing Websites Related to the Buckminster Fuller Challenge
• Execution of Mission
• Interactive Features
• Online Community
Etsy Kickstarter
Solutions Journal Index Award
Testing the current navigation with card sorts
Testing the new navigation with paper prototypes
• Functionally independent yet associated with BFI• Cultivate and reinforce the driving principals of BFI• Symbiotic but Separate• Highlight the principles of Design Science• Strengthen the identity of the Idea Index • Idea Index not based on Challenge but catalyzes entry• Emphasize personal associations• “Mine the connection” between submitted ideas
through improved search and social networking
Design Science
Education
TheIdea Index
The Buckminster
Fuller Challenge
Three Symbiotic, Yet SeparateParts to the Site
The Bedrock The Repository
The Reward
We See Three Parts to the Site
+
+
=
1
1 2
4
7
11
8
910
12
5 6
3 Universal Elements
These structural and labeling elements are present on every page of
the Buckminster Fuller Collaborative website.
1. Buckminster Fuller Colaborative Logo: Links to home page
2. Textual Site Search
3. Login/Register Links:
4. Main Navigation: Buckminster Fuller Challenge Logo
5. Main Navigation: Idea Initiative Logo,
6. Main Navigation: Design Science Education Logo
7. Footer content: Links to “About Us”
8. Footer content: Links to “Contact Us”
9. Footer content: external link to BFI.org website
10. Footer Content: Facebook logo and link to Buckminster Fuller
Collaborative Facebook page
11. Footer Content: links to groundspring contribution page
https://secure.groundspring.org/dn/index.php?aid=2240
12. Footer Content: Twitter logo and link to Buckminster Fuller
Collaborative Twitter Page
Buckminster Fuller Collaborative Main Template
Used on pages: Buckminster Fuller Collaborative
1. Image: Featured Design Science Education Content
2. Image: BF Challenge News
3. Featured Design Science Education Content Description
4. Featured BF Challenge News Description
5. Image: Featured Idea
6. Image: Featured Individual
7. Image: Featured Idea
8. Featured Idea description
9. Featured Person description
10. Featured Idea description
1 2
5 6 7
3 4
8 9 10
1 2 3 4
5
67
8
9
Universal Subsite Elements:
Buckminster Fuller Challenge
These elements are present on each page of the Buckminster
Fuller Challenge Subsite.
1. Primary Navigation Hover: Hovering opens hover menu (5)
2. Primary Navigation Hover: Hovering opens hover menu (6)
3. Primary Navigation Hover: Hovering opens hover menu. (7)
4. Primary Navigation Hover: Hovering opens hover menu. (8)
5. Hover Menu: Contains link to Idea Registration
6. Hover Menu: Contains Links to pages listed
7. Hover Menu: Contains Links to pages listed
8. Hover Menu: Contains Links to pages listed
9. Universal Element BF Challenge secondary Navigation
Included on all Buckminster Fuller pages except Buckminster
Fuller Challenge Landing:
Buckminster Fuller Challenge Landing Template
Used on Buckminster Fuller Challenge Landing
1. Featured content and news that refreshes on each page
load. May contain images depending on content.
1
5
2
3
4
1
6
7
8
9
Buckminster Fuller Challenge Past Challenges Template
Used on pages:
•Past Challenges
•2010
•2009
•2008
1. Title and summary based on year
2. Winner Idea Image
3. Finalist Idea Image
4. Semi Finalist Idea Image
5. Honorable Mention Idea Image
6. Winner Title, Author and Summary
7. Finalist Title, Author and Summary
8. Semi-Finalist Title, Author and Summary
9. Honorable Mention Title, Author and Summary
1
.
Buckminster Fuller Challenge Sponsors Content Template
Used on pages: Sponsors
1. Anchors respond to hyperlinks in secondary navigation
•Corporate
•Institutional
•Individual
3
Idea Initiative Landing Page Visual Template
Used on pages: Idea Initiative Landing
1. Search/Browse secondary navigation
Contains Textual Search and Contextual Nested Browsing
Categories in wireframe are accurate. Number of results appears
to the right of category.
2. Authoritative Tags: Number of results appears to the right of
category
3. Contextual Clickable breadcrumb A>>B>>C.
4. Control number of results shown in the visual index
5. Visual Index:
•Ideas contained within the database are presented in visual form.
•Honeycomb is comprised of images related to ideas.
•Ideas without images will use a default image based on subject.
•Hover differentiates image and produces a description of idea
with title and summary
•Ideas related but not shown can be navigated to adjust shape of
honeycomb.
6. Index control: Turn off visual index to produce a traditional
list.
2
1
4
6
5
8
Idea Profile Page Public Template
Used on all Idea Profile Pages
1. Idea Title
2. Organization information including
•Location
•Name
•Website
3. Team members listed
4. Challenge award status
5. Awarded BF Collaborative badges (if any)
6. Subject/Issue Tags
7. Multimedia Gallery: contains images or videos. Images and
videos fill gallery space when clicked.
8. Multimedia Gallery: Horizontal, clickable navigation.
9. Collaborate/ Comment on Idea input: Users must be signed
in to collaborate.
10. Submitted collaborations include the comment, profile
image of submitter and name of submitter.
1
2
3
4
5
9
10
6
7
5
15634
Idea Profile Page Personal Template
Used in all member’s logged in Idea profiles
Identical to Idea Profile Page Public with addition of following
elements.
1. Edit Idea Information
2. Edit Gallery
3. Edit Idea Summary
4. Edit Project Details
5. Submit this idea to the Buckminster Fuller Challenge. Links to
Idea Registration form with pre-populated information.
6. Delete Collaboration: deletes unwanted comments.
6
Idea Initiative Personal Profile Public Template
Used on all member profile pages
1. Image: personal profile
2. Idea Initiative Badges
3. Image: Idea
4. Personal Information
5. Idea title and award status
6. Image: Idea
7. Images: Facebook and Twitter. Links to
individualfacebook and twitter profiles(if any).
8. Bio: 250 word limit
9. Idea Title and award status
10. Organizational information (if any)
11. Recent activity: Listed actions on BF Collaborative
12. Images: Facebook and Twitter. Links to organizations
facebook and twitter profiles (if any).
13. Associations List (If any)
3
9
11
1 2
4
7
8
10
12
13
5
1
Design Science Education Landing Template
Used on Pages: Design Science Education Landing
1. Design Science Education Banner
2. Design Science Education textual search
3. Nested faceted browse.
4. Contextual Clickable breadcrumb A>>B>>C.
5. Control number of results shown in the visual index
6. Visual Index:
7. Index control
2
3
4 5
6
7