Bucknell University
Mobile Website Redesign

A Case study

WHAT I DID

This is a case study of redesigning the Bucknell University Website as a part of the course HCC 629 – Fundamentals of Human Centred Computing.

WHY I DID

1. Minimalist and hidden navigation – There is no affordances or information scent for navigating the site. They went for minimalistic look leaving all the necessary and important design principles.
2. Customization tools are provided for the user to set their preference – They have provided customization tools for the user to restructure the page according to their preferences, which might be necessary only up to certain extent.

HOW I DID

USE CASES

When someone wants to learn about some college, they would want to learn about what the students have to say about that college. So, I got that section of the screen to the top. We can present the information effectively on the screen but when we give users the control to restructure the elements on the screen, some may get confused or even they might change something and lose the important information that they thought was not important when they changed the settings. So I reduced the user control to an optimum level where they cannot lose any important information even on changing the settings.

WIRE FRAMES

Once I have established the use cases and certain design goals which in this case is to address the above-mentioned problems, I moved to wire frames to fixate on Information architecture. Wire frames help you focus on the functionality of the design rather the pixel perfect mockups.

High Fidelity Screen Mockups