Issuu on Google+

The Buckminster Fuller Challenge Website Redesign West 144 Group Glenda 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

Daniel Lin, BS Environmental Science Candidate

Ken Souza, Freelance Reporter

Sarah Eintretendes, Aspiring Designer

Casey James, Corporate Sponsorship Coordinator

Florence Welch, High School Math and Science Teacher


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


Three Symbiotic, Yet Separate Parts to the Site The Buckminster Fuller Challenge Design Science Education

The Idea Index


We See Three Parts to the Site

The Reward

The Bedrock

The Repository


+ + =


Universal Elements These structural and labeling elements are present on every page of the Buckminster Fuller Collaborative website.

1

3

1

2

4

5

6

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 7

8 10

9 11

12


Buckminster Fuller Collaborative Main Template Used on pages: Buckminster Fuller Collaborative 1. Image: Featured Design Science Education Content 2. Image: BF Challenge News

2

1

3. Featured Design Science Education Content Description

4. Featured BF Challenge News Description 3 5

5. Image: Featured Idea

4 6

7

6. Image: Featured Individual 7. Image: Featured Idea 8. Featured Idea description

8

9

10

9. Featured Person description 10. Featured Idea description


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) 1

2

3

4

2. Primary Navigation Hover: Hovering opens hover menu (6) 3. Primary Navigation Hover: Hovering opens hover menu. (7) 5

8 6

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

9

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


Buckminster Fuller Challenge Past Challenges Template Used on pages: •Past Challenges •2010 •2009 •2008 1

1. Title and summary based on year 2. Winner Idea Image 2

6

3. Finalist Idea Image 4. Semi Finalist Idea Image

3

7

5. Honorable Mention Idea Image 8

4 9 5

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


Buckminster Fuller Challenge Sponsors Content Template Used on pages: Sponsors 1. Anchors respond to hyperlinks in secondary navigation •Corporate •Institutional •Individual 1

.


Idea Initiative Landing Page Visual Template Used on pages: Idea Initiative Landing

1

3

5

4

2

6

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.


Idea Profile Page Public Template Used on all Idea Profile Pages

1

8

2

3

7

4

5

9 6

10

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 5 6 3 4

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.

5


Idea Initiative Personal Profile Public Template Used on all member profile pages 1. Image: personal profile 1

2. Idea Initiative Badges

2

3

3. Image: Idea 4

4. Personal Information 5

7

5. Idea title and award status 6

6. Image: Idea 7. Images: Facebook and Twitter. Links to individualfacebook and twitter profiles(if any).

8 9 10

8. Bio: 250 word limit 11

12 13

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)


Design Science Education Landing Template Used on Pages: Design Science Education Landing 1. Design Science Education Banner 2. Design Science Education textual search 1

3. Nested faceted browse. 4

5

4. Contextual Clickable breadcrumb A>>B>>C. 2

5. Control number of results shown in the visual index 6. Visual Index: 7. Index control 6

3

7



Buckminster Fuller Collaborative at BFI