A web wireframe diagram is a visual guide to the content and layout that represents the skeletal framework of a web page, before adding content and design elements. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. At Pathfinder, we survey and analyze client needs for important pages, determining what content should be displayed in full, what should be displayed as a teaser (an intro and a link), what should be an image or illustration, and what should be a link (or submenu) to other pages.
In the image below, two Pathfinder students compare potential wireframe diagrams for review by the Palmer Library, one of our current clients. One component of our research is comparing client sites to other sites that address similar markets, to find best practices. The wireframe below is superimposed over another website (the Jones Library in Amherst), highlighting its choices for consideration by Palmer.