PRODUCT DESIGN

tool:kit

Duration
Jan-April 2021
Role
Research
Testing
UI/UX Design
Collaborators
Tanvi Chhabra
Tools
Figma

Reflective writing is a well researched method of aiding in the development of professional identities, but many people tend to face barriers when trying to write reflections in the more traditional methods presented to them.

My capstone project for the Interaction Design program, the Reflective Designers Toolkit or tool:kit was created to help lower years and future students to the program with developing a better reflective practice.

The live website can be viewed here.

01 | The Problem

Reflective writing is a well researched method of aiding in the development of professional identities, but many design students tend to face barriers when trying to write reflections or developing a reflective design process.

02 | The Solution

The Reflective Designers Toolkit aims at demystifying the reflective writing process by aiding students from the start of their design careers. 

By providing guidance on process documentation, various methods of reflecting, and scaffolding into reflection writing, it helps students develop a reflective design process that works best for them.

02 | Who is this for?

Each year in design school offers new challenges in regards to reflecting, first years in particular get the worst of it by being introduced to process documents for the first time time. Third and fourth years have the unique challenge of trying to adapt reflective practices to work in non academic settings. While many students manage to handle writing reflections, there are many other still that need a bit more guidance in producing enough effective reflective content.

03 | The Design process

Over 4 months I worked through the project going through the full cycle of researching, iterating, and designing.

05 | What we MAde

The final mockups were created to cover all the major screens, and were primarily created as a dark mode theme.

We made a conscious decision to switch all large paragraphs of text — the stories and wiki entries — to serif fonts for better readability. Our research on websites hosting Lovecraft's work would often discuss the order and grouping for the beset experience reading as a new reader, something we carried on over to our app design when sectioning off the library.

06 | What we MAde

The toolkit is largely a research project that tried to determine a range of resources, tips, and prompts for design students. Along with the very text heavy results, a mockup for a website version of this toolkit was created.

07 |  Website mockups

Website mockups created — and tested against design students — for the proposed website toolkit.

01. The first section in the toolkit is dedicated to the process document and preparing for it through the design process.
02. The methods page was created to offer suggestions on different ways to reflect; so as to encourage students to try out different methods and find one that might fit their style the best.
03. The framework page lists five different models of reflections. Every model comprises of four to six phases with multiple prompts within each of them. The ability to pick and choose phases is supported by each phase being nested in accordion style menus. This allows users to go through and leave only the ones they want to use expanded and then easily start from the top and make their way down.

What we made.

The working Figma prototype can be viewed here , works best on a desktop browser.

01. A collection of all of his work, short stories, poems longer writings; with reading order suggestions for new readers.
02. Annotated versions of all possible text, acknowledging the problematic parts of his writing, and giving more context to various elements. Both real and fictional.
03. A gallery for user content not limited to one specific type of media, allows for sharing of fan works.
04. Space to discuss and save works
05. The Lovecraft wiki, a vital feature to help users navigate their way through the Mythos. Also includes discussions and links to other writers vital to the Cthulhu mythos not related to Lovecraft.

Looking Back

The