Drupal Wireframe

ASSIGNMENT

For the first two assignments of SLIS 5745 Information Architecture we looked at the navigation, layouts and sitemaps of various websites. This included a comparative analysis, cart sorts, and other IA tools. For this assignment we were tasked with assessing drupal.org and creating an entirely new layout. Students were told to post their biggest complaints about the sites and to incorporate this feedback into their design.

Screenshot of Drupal.org
Screenshot of Drupal.org

SOLUTION

The main change I made to the site was moving the global navigation menu down and formatted as tabs. This was made because Shannon S., Annie G., and Becca W. classmates were big fans of the tab navigation of the original site.  The wireframe also shows the coloration of the active tab to show what section the user is in. The “Log-in/Register” link was left as it seemed important for returning users.

Next, I simplified the search box to just All, Marketplace (my new location of Themes & Modules) and Support. Users such as Becca W. complained about the search being full featured but filled with options that were not useful to the average user. Switching it to three main areas allows the search to fit both power users (marketplace) and new (support).

The main section of the page was changed into a two column format. The left column contains Drupal’s welcome and description. The right column contains an accordion that pulls in a few user requested items. Nearly everyone requested that video tutorials (which Drupal’s YouTube channel has a few of) be on the main page, as well as a step by step process. Shannon S. and I wanted the social media content to be more on the forefront as it provided fresh content on an otherwise static page. Rounding out the accordion, there is a content area for Release Notes and to highlight Sites Made with Drupal.

The rest of the page stayed the same, including the color scheme and footer.

Final Product
Final Product

TOOLS USED