Perfect Eats | Recipe Card Iterations
Iterations
а) Recipes shown as a list
Benefits: more content can be shown on the screen.
Pitfalls: the photo content looks too small.
b) Recipes shown as cards
Benefits: the dynamic height of the cards allows for placing photos of any layout metrics and headlines of any length.
Pitfalls: the column for notes and additional elements is too narrow. Card manipulations such as adding ingredients into the shopping list, hiding similar recipes and sharing the recipes to social networks led to applying the long-press/force touch which was not the most obvious solution for users.
c) Big recipe cards
Benefits: photo content attracts maximum attention.
Pitfalls: the screen features only one recipe, the additional functionality still isn’t obvious for users.
Final Outcome:
Testing proved that the emotional variant performed best. The product has to be ultimately attractive. That will enable the creators to collect the feedback and analytics data which can be used as a basis for the next stage of the creative search for solutions enhancing user experience. Unobtrusive and elegant animation during the first interaction will prompt the additional functionality hidden under the card and available on swipe down.