TEACHING | Time & motion Design Project Examples 

fenner nature center

Students designed a more useful and appropriate website for the Fenner Nature Center, located in Lansing. Using research methods associated with the UX process, each student focused on the interactive and visual qualities of the website, while utilizing the established Fenner branding elements. 

Group Process included: Landscape Analysis, On-Site Study, Audience Diagram, Content Diagram
Individual Process Included: User Scenario, User Path, Analog & Digital Wireframes, Type & Color Studies, Visual Design Comps, Presentation of work

Work shown in gallery link to PDFs from Fall 2016 & Spring 2017

database collection of 100 items

This assignment investigates the transformation of raw data into comprehensible information, and from comprehensible information to explorable information. Co-authored with Zach Kaiser

The project takes place in four parts:
Part 1: gather the dataset and define methods for structuring the data
Part 2: visualize the data into a static form (poster), creating a clear visual system for the structure of the data you defined
Part 3: propose an interface for a potential user to explore your dataset
Part 4: post your process and final outcomes to your website portfolio

Interactive dashboard

Students developed an understanding of a "user" as shown through their creation and use of a persona profile and activity diagram. Individually, they planned for an interactive dashboard geared towards a specific audience activity through the use of wire framing. Each student then made and specified typographic, color, and spacing decisions through the design of a visual design composition. Lastly, they presented their process in a poster presentation, which was exhibited at UURAF (University Undergraduate Research & Arts Forum) in the MSU Union.

Kresge Display

Students explored ideas for a large-scale interactive display located on the main floor of Kresge in pairs. They started by organizing all possible users and information into a map and identified user paths. Then they practiced analog paper sketching and wireframing to plan for a specified user path. Working individually, they created visual design compositions that show typographic, color, and image decisions.

an Architect

The students in this project explored ways to create the conditions for an engaging and entertaining experience for a high school student to learn more about an architect in a web-based environment. Each student considered the use of different interactive mediums as a way to connect to additional information about the work and personal life of the architect they randomly select. They were also assigned a specific user goal and a task to direct their plan for interaction. Students considered how to tell a story through interaction.

Work shown in gallery link to PDFs from Fall 2016 & Spring 2017


group work: Food / activity

In group interactive projects students have worked collaboratively to explore imageability, spatial relationships, and organization of information in a digital environment for a food or activity that they experience together as a group prior to designing an interactive environment for the food/activity. In these projects students:

—Develop a working knowledge of interactive media and non-linear communication.
—Gain empathy for the user / participant of interfaces, and gain a basic knowledge of user research and usability.
—Develop a foundation of knowledge to effectively design information architecture, navigational structures, and interface designs.
—Understand the principles of interaction within the context of design.
—Develop interactive prototypes and animated scenarios.