38
The Buckminster Fuller Challenge Website Redesign West 144 Group Glenda Barahona, Ann McGettigan, Jessica Peterson, Andrew Steinitz, Jeffrey Tyack

Buckminster Fuller Collaborative at BFI

Embed Size (px)

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.

Citation preview

Page 1: Buckminster Fuller Collaborative at BFI

The

Buckminster

Fuller

ChallengeWebsite Redesign

West 144 GroupGlenda Barahona, Ann McGettigan, Jessica Peterson, Andrew Steinitz, Jeffrey Tyack

Page 2: Buckminster Fuller Collaborative at BFI

• Brainstormed potential user types

• Reviewed comparable websites

• Analyzed the current site inventory

• Tested the current site organization

• Tested the new site navigation

Page 3: Buckminster Fuller Collaborative at BFI

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

Page 4: Buckminster Fuller Collaborative at BFI

Comparing Websites Related to the Buckminster Fuller Challenge

• Execution of Mission

• Interactive Features

• Online Community

Page 5: Buckminster Fuller Collaborative at BFI

Etsy Kickstarter

Page 6: Buckminster Fuller Collaborative at BFI

Solutions Journal Index Award

Page 7: Buckminster Fuller Collaborative at BFI

Testing the current navigation with card sorts

Page 8: Buckminster Fuller Collaborative at BFI

Testing the new navigation with paper prototypes

Page 9: Buckminster Fuller Collaborative at BFI

• 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

Page 10: Buckminster Fuller Collaborative at BFI

Design Science

Education

TheIdea Index

The Buckminster

Fuller Challenge

Three Symbiotic, Yet SeparateParts to the Site

Page 11: Buckminster Fuller Collaborative at BFI

The Bedrock The Repository

The Reward

We See Three Parts to the Site

Page 12: Buckminster Fuller Collaborative at BFI
Page 13: Buckminster Fuller Collaborative at BFI

+

+

=

Page 14: Buckminster Fuller Collaborative at BFI
Page 15: Buckminster Fuller Collaborative at BFI

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

Page 16: Buckminster Fuller Collaborative at BFI

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

Page 17: Buckminster Fuller Collaborative at BFI
Page 18: Buckminster Fuller Collaborative at BFI
Page 19: Buckminster Fuller Collaborative at BFI

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:

Page 20: Buckminster Fuller Collaborative at BFI

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

Page 21: Buckminster Fuller Collaborative at BFI

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

Page 22: Buckminster Fuller Collaborative at BFI

1

.

Buckminster Fuller Challenge Sponsors Content Template

Used on pages: Sponsors

1. Anchors respond to hyperlinks in secondary navigation

•Corporate

•Institutional

•Individual

Page 23: Buckminster Fuller Collaborative at BFI
Page 24: Buckminster Fuller Collaborative at BFI
Page 25: Buckminster Fuller Collaborative at BFI

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

Page 26: Buckminster Fuller Collaborative at BFI

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

Page 27: Buckminster Fuller Collaborative at BFI

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.

Page 28: Buckminster Fuller Collaborative at BFI

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

Page 29: Buckminster Fuller Collaborative at BFI
Page 30: Buckminster Fuller Collaborative at BFI
Page 31: Buckminster Fuller Collaborative at BFI
Page 32: Buckminster Fuller Collaborative at BFI
Page 33: Buckminster Fuller Collaborative at BFI
Page 34: Buckminster Fuller Collaborative at BFI
Page 35: Buckminster Fuller Collaborative at BFI
Page 36: Buckminster Fuller Collaborative at BFI
Page 37: Buckminster Fuller Collaborative at BFI

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

Page 38: Buckminster Fuller Collaborative at BFI