The Buckminster Fuller Institute: A Web Design Critique Zaakea Al-Barati, Keitha Hart, Anne-Marie Viola, Corina Waggoner LIS 654.

Slides:



Advertisements
Similar presentations
Author: Steve Krug Presented by: Nicole Wilson
Advertisements

Publishers Web Sites Standard Features. Objectives Access publishers websites Identify general features available on most publishers websites Know how.
Drupal Basics Part 1 An Overview Login Information Edit the Homepage Using the theme Agricultural Communications Services Integrated Media Training Sessions.
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Things we want to improve Make the FLIS entry page more user friendly Reduce the amount of surplus information Make the layout of the page more compact,
Your Online Review Guide to Science Resources for All Age Groups SB&F helps you make informed purchasing decisions so you can be sure that the money you.
CIS 1310 – HTML & CSS 6 Layout. CIS 1310 – HTML & CSS Learning Outcomes  Describe & Apply the CSS Box Model  Configure Float with CSS  Designate Positioning.
M I S Dr. Ernst-Gerd vom Kolke 1 Web Design - Introduction n Design for printed and electronic information isn’t very different n Special aspects for web.
Government Web Template (GWT) for WordPress Updated 03/20/2015.
Website e-portfolio. What is an e-portfolio? An electronic portfolio, also known as an e-portfolio or digital portfolio, is a collection of electronic.
Design Critique vs. LIS Jill Goldstein Prof. Gilok Choi Chana Ziegler Brian McMains Suki Park.
Forum for Agricultural Risk Management in Development AgRiskManagementForum.org A Forum for Ag-Risk Management Practitioners Orientation & Navigational.
November 3, 2011 Deborah de Bruin Building Digital Libraries.
Review of last Session Adding custom html Adding custom html HTML is the language that web servers understand, all web pages are created using HTML. HTML.
Developing the EdWeb- driven website mobile interface Usability research conducted February 2015 Findings and next steps Neil Allison University Website.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Emerald platform tutorial. “Your Profile” “Your Profile” allows the user to create a personalized area where they can manage their research. To create.
CIS 250 Advanced Computer Applications Web Publishing.
Web-designWeb-design. Web design What is it? Web-design features Before…
Making You Explore the Potential of Online Business CMS Based - Web Development Solutions.
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist
Design Critique LIS Group 6 Amber Billey Rachel Crowe Andrew Martrich Carrie Shaurette.
School District U-46 Metadot Portal Training. Agenda Intro – Objective Useful Terms Main Page Login Help/Support My Website Enable Editing Edit Your Home.
Progress Report: Project 4 Web Solutions. Interviews (Jennifer) Usability Testing (Andrea Kayne) Final Report due Accessibility Analysis (Andrea.
The Web Wizard’s Guide to HTML Chapter Seven Frames.
 Attractive page layout  The contrast and blend of clolours is well balanced  Legible fonts  Headlines, brief news items, photos and videos provided.
An Introduction To Websites With a little of help from “WebPages That Suck.
Dreamweaver Edulaunch Project 1 EQ: What are the key concepts when building the first page of a web site?
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
INTRODUCTION TO HTML5 Semantic Layout in HTML5.  The new semantic layout in HTML5 refers to a new class of elements that is designed to help you understand.
Two Rivers Chapter Website Navigating through …. Visit
Wiki Workshop Tech PD.
>> HTML: Structure Elements. Elements in HTML are either Inline or Block. Block-level Elements – Begins on a new line – Occupy the whole width – Stacks.
Website Design Presentation to Members Of The American Morgan Horse Association By Bill Lere August 22, 2012 Copyright, Bill Lere, 08/22/2012, Minneapolis,
Last.fm Hall of F/S Brian Morris Edward Nishihama.
Interface Design Web Design Professor Frank. Design Graphic design and visual graphics are equally important Both work together to create look, feel and.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 5 Key Concepts 1 Copyright © Terry Felke-Morris.
Web Page Concept and Design :
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
INTRODUCTORY Tutorial 5 Using CSS for Layout and Printing.
Preparing for the Content Management System Ronna Johnston Web Content Best Practices 10/26/2015.
WebTech Analysis Presentation: WebTech Analysis Presentation: Student Affairs Graduate Association Rachael.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Web Site Development - Process of planning and creating a website.
By: Jonathan Sobczynski. Importance of Homepages A Homepage is the company’s “Face to the World” Most important page on a Website.
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
Presentation by Jason Schlemmer. Making the website clear – explain who you are and what you do.
Sue Fidler Charity Web Consultant
School District U-46 Metadot Portal Training. Agenda Intro – Objective Planning Main Page Login Help/Support My Website Enable Editing Edit Your Home.
UNIT 14 1 Websites. Starter 2 1 Starter 1 Divide the students into groups. Ask them to make lists. Ask Students to read their lists. Discuss the most.
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
How to use Drupal Awdhesh Kumar (Team Leader) Presentation Topic.
Web Development & Design Foundations with HTML5 7th Edition
21 Tips Of Website Homepage Content
Web Page Elements Writing For the Web
Lecture 4 Web Design. Part 1.
Basics of Website Development
Web Development & Design Foundations with HTML5 8th Edition
Web-design.
Web Technologies for Business
Web Development & Design Foundations with HTML5 8th Edition
Web Development & Design Foundations with H T M L 5
Homepage and taglines.
Where am I? Navigating a website: Browsing, searching, menus & breadcrumbs.
Information Systems 337 Prof. Harry Plantinga Usability.
HTML 5 SEMANTIC ELEMENTS.
Critiquing your website for awards
CMP Creating Your Personal and Small Business Web Sites
Geant4 Documentation Geant4 Workshop 4 October 2002 Dennis Wright
Intro Project Introduction to HTML.
Presentation transcript:

The Buckminster Fuller Institute: A Web Design Critique Zaakea Al-Barati, Keitha Hart, Anne-Marie Viola, Corina Waggoner LIS 654

The Buckminster Fuller Institute An organization inspired by the late design scientist, Buckminster Fuller, promoting eco- friendly design Online Entity: An archive of Fuller’s designs and theories, and a platform for discussion on these and related related topics Large proportion of user-generated content, fostering a sense of community

Target Audience: Adults interested in “green” design, sustainability, and/or the works and theories of Buckminster Fuller.

Four Design Considerations: (1) The Homepage (2) Persistent and Local Navigation (3) Content (4) Registration

The Homepage As appears on Firefox browser

Homepage (Cont’d) ProblemSolution Banner, menu & content don’t communicate who BFI is Tagline clarifies and reinforces site’s purpose Featured links fail to: differentiate internal/external, orient users to site’s org, (microsites lead away) Welcome blurb defines site and provides starting point for new users Who is BFI? What is BFI.org? Where do I begin?

Persistent and Local Navigation: Giving Users a Sense of Location Right-column navigation: not persistent throughout site Not inclusive of several main sections of site Despite large volume of content, lack of persistent search box

Persistent and Local Navigation (Cont’d) Breadcrumbs utilized, but are not descriptive at the end level Utilities should be limited to 4 or 5 links, and situated at the top, not in the footer

Content

Content: Disseminate Your Information! ProblemSolution Blog format isn’t conducive to browsing; lots of scrolling necessary to examine content Post articles as hyperlinks, with one- paragraph intros on main content sites; archiving of older articles Content tags occupy too much space and displace other sidebar elements Cut off the list of tags half-way through, and link users to a tags page to “see more” It’s unclear when articles are postedDate articles Many dead linksSite maintenance

Registration

Registration (Cont’d) Access points are too discreet Not much difference in site appearance when logged in or out Would benefit from creation of a prominent registration section

A Note on Browser Compatibility …but IE is missing elements!! Same HTML code…

Conclusion BFI.org fails in presenting to users the myriad of resources and information it possesses. Site identifiers including a tagline and welcome blurb would be instrumental in defining the site to new users. Persistent navigation and a revised layout would help to facilitate browsing and better present content.

Our Proposed Revision: