I worked with the IPE Course Adapter Team (Melissa Gross, Debra Mattison, Minal Patel, Gina Shereda) to design and develop an online toolkit for U of M faculty to help them convert existing courses into an IPE offering.
The first challenge of this project is to negotiate and clarify stakeholders' needs and expectations - the Interprofessional Education Program involves 7 health science shools and many other institutions on campus. I found their expectations, needs, and requirements are sometimes not aligned.
Before I joined the team, the IPE Course Adapter Team only had a few ideas about what we would have. It was proposed to the University of Michigan IPE center that the toolkit would be a web-based service and would be helpful for faculty interested in converting their courses into IPE opportunities. In our first meetings, I brought up 3 questions related to design to the team: (1) What would be helpful for the faculty and what should we include in the toolkit; (2) How would we evaluate the success of the toolkit; (3) Where should we host the toolkit, in existing websites or we would build a separate one?
My first question led to the discussion of the information architecture we would include for the toolkit. My client shared with me the results from their focus group analysis that faculty at the 7 health science schools were not very clear about:
My interviews with the IPE faculty and the IPE Center representatives further proved the importance of those points. Treejack, an information architecture online tool, was meant to test the effectiveness of our information organization. But the test was not conducted due to time constraints.
This is the research I conducted about IPE U of M resource map.
And we had variations of how the web navigation would be.
We decided to adopt the same template that the UM IPE Center is using, as we anticipate most of our traffic would come from the IPE Center website. Based on the layout of the theme, I created wireframes and hi-fi prototypes using Adobe Illustrator to obtain feedback in our weekly team meetings. I followed the UM Style Guide for the toolkit design, and selected 3 (passion orange, live ivy, and rational blue) colors from its secondary colors to color code the 3 main sections we have. I also tried using gradient, a mixture of UM Maize and Blue, to create the header images for the toolkit subsections. All tools/ checklists in the website are styled in the same manner.
To see how the IPE Course Adapter works, please visit the IPE Toolkit Website.
"This project helps me to understand the difference between WordPress.com and WordPress.org - WordPress.org has more flexibility in terms of plugin and theme. Hosting a website on university servers is not easy, but the price and the support of univeristy web hosting finally led us to it. Many institutions are involved in this development, how to balance their requests is also a great challenge for me."