top of page
design process
I was lucky enough to be introduced to human-centered design and design thinking at a young age by a teacher who passionate about the field. She taught me that HCD and DT are toolkits and muscles that need to be exercised and stretched. I try and frame all my thinking from that perspective, whether I'm working on a design project or on my own. Below is an example of my general process. I'm still learning, and this example doesn't hit every step of the human-centered design process. But, in my opinion, as the name itself explains, if you're focusing on users, you're on the right track!
![Yale Menus Phone copy.jpg](https://static.wixstatic.com/media/7028a4_db4b4d4482a24e759668a0582b5b7777~mv2.jpg/v1/fill/w_1280,h_720,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/7028a4_db4b4d4482a24e759668a0582b5b7777~mv2.jpg)
yale menus
Yale Menus, now used by over 2000 students, started with a simple insight:
students need a better way to know where to eat
Yale has 14 dining halls across downtown New Haven, and menu offerings are not all the same. Students wanted to plan their days with the knowledge of where they were going to eat. This was especially important for students with dietary restrictions.
Yale had built a dining app years before to show current dining hall options that students could use. The app was old, slow, and riddled with obvious bugs. But we wanted to understand where the precise pain points were, how the app was working well, and how a redesign could best address students' needs.
How to get to "How Might We..."?
... with user interviews, of course!
![Yale%20Menus%201_edited.png](https://static.wixstatic.com/media/7028a4_012bc8d8c1ef46b8adaba8af908b3067~mv2.png/v1/fill/w_298,h_563,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Yale%2520Menus%25201_edited.png)
![Clean-iPhone-6-Mockup.png](https://static.wixstatic.com/media/7028a4_5016e4a295c048618dea0c8a8765dbd2~mv2.png/v1/fill/w_250,h_512,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Clean-iPhone-6-Mockup.png)
![IMG_7525.jpeg](https://static.wixstatic.com/media/7028a4_e83b6b416fb941bab54538d3c6217ff5~mv2.jpeg/v1/crop/x_0,y_147,w_750,h_1334/fill/w_220,h_386,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/IMG_7525.jpeg)
![Yale%20Menus%207_edited.png](https://static.wixstatic.com/media/7028a4_e4bbfc5b4ea14dfea9fc4fffdc91c304~mv2.png/v1/fill/w_298,h_563,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Yale%2520Menus%25207_edited.png)
![Clean-iPhone-6-Mockup.png](https://static.wixstatic.com/media/7028a4_5016e4a295c048618dea0c8a8765dbd2~mv2.png/v1/fill/w_250,h_512,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Clean-iPhone-6-Mockup.png)
![IMG_2291.PNG](https://static.wixstatic.com/media/7028a4_521db88797b14c4898ddc92f4d4f0e74~mv2.png/v1/crop/x_0,y_9,w_750,h_1316/fill/w_220,h_386,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/IMG_2291_PNG.png)
Hover to see the new Yale Menus
![IMG_1842.JPG](https://static.wixstatic.com/media/7028a4_5309713aecf94a7e9e322577a23ec89e~mv2.jpg/v1/fill/w_305,h_223,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/IMG_1842_JPG.jpg)
![IMG_1841.JPG](https://static.wixstatic.com/media/7028a4_98fab831750041bba258ce4f4176d58b~mv2.jpg/v1/fill/w_305,h_223,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/IMG_1841_JPG.jpg)
![IMG_1843.JPG](https://static.wixstatic.com/media/7028a4_502255f987b74d61874c0f342a2c3a11~mv2.jpg/v1/fill/w_307,h_222,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/IMG_1843_JPG.jpg)
With donuts, pen, and paper, I interviewed a diverse set of students to try and understand the central need students faced!
pain points with the current app
![Clean-iPhone-6-Mockup.png](https://static.wixstatic.com/media/7028a4_5016e4a295c048618dea0c8a8765dbd2~mv2.png/v1/fill/w_188,h_384,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_avif,quality_auto/Clean-iPhone-6-Mockup.png)
![IMG_7526.jpeg](https://static.wixstatic.com/media/7028a4_74261f48254f495d9a6549349e6e2203~mv2.jpeg/v1/crop/x_0,y_142,w_750,h_1336/fill/w_163,h_290,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_avif,quality_auto/IMG_7526.jpeg)
A non-intuitive interface and a slow, old feel that was unpleasant to work with.
![Clean-iPhone-6-Mockup.png](https://static.wixstatic.com/media/7028a4_5016e4a295c048618dea0c8a8765dbd2~mv2.png/v1/fill/w_188,h_384,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_avif,quality_auto/Clean-iPhone-6-Mockup.png)
![IMG_2293.PNG](https://static.wixstatic.com/media/7028a4_551a65b2b08443fd97eacb2b8abdbc90~mv2.png/v1/fill/w_163,h_290,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_avif,quality_auto/IMG_2293_PNG.png)
Poor architecture that prioritized information that was unnecessary the vast majority of the time.
![Clean-iPhone-6-Mockup.png](https://static.wixstatic.com/media/7028a4_5016e4a295c048618dea0c8a8765dbd2~mv2.png/v1/fill/w_188,h_384,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_avif,quality_auto/Clean-iPhone-6-Mockup.png)
![IMG_7527.jpeg](https://static.wixstatic.com/media/7028a4_549f7b97187d48239b1779f922497e08~mv2.jpeg/v1/crop/x_0,y_146,w_750,h_1337/fill/w_163,h_290,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_avif,quality_auto/IMG_7527.jpeg)
No ability to filter out food with allergens or view nutrition facts in a consistent, comprehensible way.
wants and needs
"see closing times"
"nutrition info"
"fast and easy menu viewing"
"allergy filtering"
"see future meals"
"like and dislike buttons"
"occupancy"
"meet friends at lunch"
"faster loading"
"how might we help Yale students quickly understand the state of dining halls on campus and provide relevant meal information, so as to better assist students making quick decisions between classes and deciding where to meet friends.
![IMG_6626.jpeg](https://static.wixstatic.com/media/7028a4_6d87d2678f0c43398f15a09cd51b3087~mv2.jpeg/v1/fill/w_73,h_55,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/7028a4_6d87d2678f0c43398f15a09cd51b3087~mv2.jpeg)
ideation
In every project, there are learnings. I learned many things designing Yale Menus, notability, always make sure to take your notebook home with you over spring break, you never know when a global pandemic will prevent you from returning to your dorm! Or better yet, digitize everything! Based on our original conversations with students on campus, we spent hours building off of each others' ideas based on their needs. All of those ideas were stored in a notebook which was vital when later prototyping and designing the app. That notebook was lost in the Spring 2020 move-out when Yale cleared out our dorms.
![IMG_6619.jpeg](https://static.wixstatic.com/media/7028a4_f2c81cd93a8f47ea8194e554a9e5a78b~mv2.jpeg/v1/fill/w_80,h_60,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/7028a4_f2c81cd93a8f47ea8194e554a9e5a78b~mv2.jpeg)
YM
iteration
![IMG_0345_edited_edited.png](https://static.wixstatic.com/media/7028a4_2a39d5bc87cc48e9a319b03be723ef84~mv2.png/v1/crop/x_117,y_181,w_366,h_336/fill/w_75,h_69,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/IMG_0345_edited_edited.png)
One of the benefits of living on a campus is a steady supply of volunteers to test prototypes. Each element of the app was discussed with users and tested and refined throughout the building process. Here is an early version with circles representing dining hall occupancy.
By far our most popular feature is the allergy filters. Students can now have items containing their allergen, intolerance, or other item group grayed out. After testing both removal and graying out, we found people preferred to know it was there in case of a mild allergy or intolerance.
![Yale Menus 4.png](https://static.wixstatic.com/media/7028a4_9cac7bcf5ceb4dd593aa9935062c8eec~mv2.png/v1/crop/x_97,y_510,w_651,h_756/fill/w_59,h_68,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Yale%20Menus%204.png)
![Yale Menus 11.png](https://static.wixstatic.com/media/7028a4_7d8589135b4949aa9f6eca38680fe6c0~mv2.png/v1/crop/x_102,y_285,w_650,h_755/fill/w_59,h_68,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Yale%20Menus%2011.png)
![IMG_0337.png](https://static.wixstatic.com/media/7028a4_d5af1709682047b399fc17b771121e6a~mv2.png/v1/crop/x_0,y_231,w_750,h_871/fill/w_59,h_68,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/IMG_0337.png)
![Yale Menus 5.png](https://static.wixstatic.com/media/7028a4_3e36e2d9b9c744a6a137e56ec02e3928~mv2.png/v1/crop/x_104,y_456,w_646,h_751/fill/w_59,h_68,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Yale%20Menus%205.png)
As we iterated, we found our original choice of popups to display nutritional information slowed students down. When prototyping with an accordion style, we found students quickly scanned and, satisfied, moved on.
Many features in the original app did not make it far into the prototyping process. Students consistently expressed a lack of interest in a map. After their first few weeks on campus, they know where all the dining halls are. Furthermore, dining halls can easily be found on Google Maps.
![IMG_2293.PNG](https://static.wixstatic.com/media/7028a4_551a65b2b08443fd97eacb2b8abdbc90~mv2.png/v1/crop/x_0,y_526,w_750,h_688/fill/w_75,h_69,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/IMG_2293_PNG.png)
![Yale Menus 7.png](https://static.wixstatic.com/media/7028a4_2e7a66efb7f34111a2b08b211c55e643~mv2.png/v1/crop/x_105,y_473,w_645,h_749/fill/w_59,h_68,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Yale%20Menus%207.png)
![Yale Menus 8.png](https://static.wixstatic.com/media/7028a4_cdb4dce9c263433f9f7be0ec5ff9829b~mv2.png/v1/crop/x_101,y_296,w_646,h_751/fill/w_59,h_68,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Yale%20Menus%208.png)
Yale Menus is always a work in progress. One of the perks of having the app in use everyday is that we can see what features are being used and which aren't. While many students wanted to express their opinion of the food, we found many students were unaware of the feature in the app. We're working on that now!
and the work goes on! look for new updates in the app store!
The Yale Dining app is property of Yale University. Yale Menus is not associated with the university and is made by myself and other students.
![Yale%20Menus%201_edited.png](https://static.wixstatic.com/media/7028a4_012bc8d8c1ef46b8adaba8af908b3067~mv2.png/v1/fill/w_82,h_154,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/7028a4_012bc8d8c1ef46b8adaba8af908b3067~mv2.png)
![Yale%20Menus%206_edited.png](https://static.wixstatic.com/media/7028a4_701b96733dd54f0a82e97a56f8652c97~mv2.png/v1/fill/w_82,h_151,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/7028a4_701b96733dd54f0a82e97a56f8652c97~mv2.png)
![](https://static.wixstatic.com/media/7028a4_d28e61fc65e94c39851c050919a717b4~mv2.png/v1/fill/w_82,h_152,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/7028a4_d28e61fc65e94c39851c050919a717b4~mv2.png)
thanks for scrolling! check out my broader portfolio here.
bottom of page