Philosophy as a Way of Life

The Mellon Philosophy as a Way of Life Project is a joint endeavor between the University of Notre Dame and The Andrew W. Mellon Foundation to enhance the teaching of philosophy as a way of life (PhiLife) through innovative approaches. During the summer of 2021, the Mellon Initiative for Effective Instruction worked on a project to assist nine schools in designing Fall courses. In this initiative, I contributed to the development and leadership of a college-wide content strategy approach, involving the creation and execution of a website template.

MY ROLE

UX Designer. Research, branding, design, workshopping, prototyping.

PROJECT

Mellon Initiative for Effective Instruction

TIMELINE

5 Weeks

TOOLS USED

Miro, Figma, WordPress

OVERVIEW

Goal

Our goal for this project is to develop a versatile website template for creators of PhiLife courses for the summer of 2021. This template will be easily adaptable for multiple courses, accommodating various class content needs.

Design Process

RESEARCH

Target Users

The first thing we need to know is who our target audience will be? or Who will be visiting these websites? In this case, we know the users would be primarily college students. However, philosophy professors will also be using the site and update content on it accordingly.

RESEARCH

Persona

In the research phase, I engaged in interviews with 20 potential users, including students and faculty involved in philosophy courses. Key inquiries included, “How do you prefer to look for specific assignments related to your courses?” and “How frequently do you encounter challenges in retrieving information?”

This process aimed to identify the essential content users expect and understand their preferences for efficient information retrieval. Insights from the interviews guided the development of user archetypes, ensuring that the website template caters specifically to the needs of philosophy students and faculty. Notably, students expressed a preference for simplified information presented concisely. This helped with ideation and understanding of the content necessary for the site.

I just need the class website to direct me straight to the assignments. It's that simple. I just want to know where to 'do this' and 'read this'

DavidStudent

When the website is cluttered, it's like looking for a needle in a haystack. Keep it simple. When I go on a class site I mainly go to assignment details and due dates

MaryStudent

I care about an efficient content management system. I want to focus on teaching rather than wrestling with complicated interfaces.

MichaelFaculty
SITE MAPPING

Checklisting and compartmentalising key contents through several card sorting exercises.

IDEATION

Sketch

I started by sketching my ideas, allowing me to quickly express my thoughts and map out a rough idea of the design. This initial step helped me to visualize the layout of the design, consider the placement of elements and features, and make modifications to the design as needed.

DESIGN CONCEPT

Visual Identity

For the visual identity, we drew inspiration from Arizona State University when selecting colors for the template. The colors and fonts can be readjusted based on faculty preferences.

Straw

#cdc092

Rose Red

#ba0c49

Rich Black

#011627

Montserrat Bold

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

Montserrat Regular

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

FINAL DESIGN
SCHEDULE & DIGITAL ESSAY EXAMPLE
REFLECTION

The project resulted in a ready-to-present website template at https://ndtemplate.org/. The University of Kansas adopted it for their Spring 2022 course, seen at https://ethics.blog.ku.edu/. A few important lessons I learned included focusing on the Minimum Viable Product (MVP) to avoid scope issues and recognizing the significance of understanding user needs, particularly in the development of pages like policies and assignments. User feedback guided design decisions, emphasizing the need to align with user requirements for overall project success. These experiences contribute to my evolving understanding of effective project management and design principles.

NEXT STEPS
Given less time-imposed restrictions, the project could be further refined by utilizing a bigger testing group.

01

Set up additional metrics to further track post implementation improvements.

02

Adjust for various institutions or schools with specific requirements.

03

Conduct more rounds of testing to further iterate and refine the structure, content and visuals.