Category: User Experience Design (2022)

Then, I designed a second-level page where the user can select a design and size to claim a free T-shirt.

Using Figma, I designed login screens for a hypothetical application that users need to go to choose a free NYU t-shirt for both a mobile (iphone 13) and desktop version (1440 x 1024), including an error message.

Modified after receiving feedback:

Grubhub

I often found the main page of Grubhub confusing for many reasons. The banner ad is unnecessarily big, leaving less space to display more restaurant options. Similarly, it doesn’t give enough space in the search bar to eventually cut out the long names of restaurants. Therefore, I reduced the size of the banner and moved it to the bottom of the screen. Then, I increased the length of the search bar by moving the location bar below. I also thought it is quite odd to show the restaurants first when it doesn’t even know which cuisine the user wants. So I displayed the options of cuisines first so that the user can choose the cuisine first and get recommendations accordingly. In the recommendation section, a single photo seems insufficient to represent the restaurant so I added two more photos of the different menus. I also thought that showing the address of the place is necessary. Instead, I displayed the distance in km from the delivery address to show how further the restaurant is located. Lastly, I changed the icons for ‘delivery’ and ‘pick up’ for clearer representation.

 

Shampoo & Conditioner

I find these shampoo and conditioner that I use everyday quite confusing. Firstly, there are too many writings on them that are repeating the same meaning. “Thickening shampoo”, “thicker”, and “thin hair” all point out the thickening ability of the products and both “24h lasting volume” and “volume filler” imply the volumizing effect. Therefore, I removed a few words and only left “thickening shampoo” and “volume” for conciseness. Furthermore, I thought the shape of the bottle could be improved from a smooth flat surface since the users are grabbing these with wet slippery hands. Imagining four fingers on one side and a thumb on the other side, I designed one side to have four bumps and one on another side so that the user won’t drop the bottle. The biggest problem I face is distinguishing the two bottles. Although one is designed to be upside down, it isn’t very helpful and I still need to read the text because I easily forget which direction of the bottle is shampoo or conditioner. So I lightened the shade of a conditioner to remember visually but kept the purple as these two are a set. I also didn’t understand the point of a ribbon-like shaped pattern at the center of the bottle so I changed the shape to S and C to represent shampoo and conditioner, but still keeping the smooth cursive style to resemble the smooth hair. This way, users will be able to distinguish shampoo and conditioner more easily by different colors and drawings at the center of the bottles.