Recipe Editor
The Recipe Editor is a crucial component of Cookpad's core experience. This project aims to create an improved recipe writing experience that encourages author creativity and ensures fail-proof recipes for viewers. However, the existing Recipe Editor faces several limitations that hinder author creativity and result in poorly formatted recipes lacking essential information. This case study outlines the problems and the redesign efforts to address them, ultimately enhancing the quality of published recipes.
The Recipe Editor is a crucial component of Cookpad's core experience. This project aims to create an improved recipe writing experience that encourages author creativity and ensures fail-proof recipes for viewers. However, the existing Recipe Editor faces several limitations that hinder author creativity and result in poorly formatted recipes lacking essential information. This case study outlines the problems and the redesign efforts to address them, ultimately enhancing the quality of published recipes.
The Recipe Editor is a crucial component of Cookpad's core experience. This project aims to create an improved recipe writing experience that encourages author creativity and ensures fail-proof recipes for viewers. However, the existing Recipe Editor faces several limitations that hinder author creativity and result in poorly formatted recipes lacking essential information. This case study outlines the problems and the redesign efforts to address them, ultimately enhancing the quality of published recipes.
Role:
Role:
Role:
Product Designer
Product Designer
Product Designer
Year:
Year:
Year:
2020
2020
2020
The existing Recipe Editor suffers from several major issues, including Android and iOS disparity, poor contrast on input elements, absence of video upload functionality, unusual keyboard behavior, and lack of "draft" support. These problems have led to numerous recipes lacking crucial information such as servings and cooking time, as well as poorly formatted steps that make it challenging for viewers to follow the cooking instructions.
The existing Recipe Editor suffers from several major issues, including Android and iOS disparity, poor contrast on input elements, absence of video upload functionality, unusual keyboard behavior, and lack of "draft" support. These problems have led to numerous recipes lacking crucial information such as servings and cooking time, as well as poorly formatted steps that make it challenging for viewers to follow the cooking instructions.
The existing Recipe Editor suffers from several major issues, including Android and iOS disparity, poor contrast on input elements, absence of video upload functionality, unusual keyboard behavior, and lack of "draft" support. These problems have led to numerous recipes lacking crucial information such as servings and cooking time, as well as poorly formatted steps that make it challenging for viewers to follow the cooking instructions.
To address the aforementioned issues, several improvements were made to the layout of the Recipe Editor. The number of servings and cooking time were moved to the top section, just under the story, ensuring their visibility and prominence. Furthermore, all input elements were made tappable, following platform guidelines, and the placeholder text was updated to reflect the actual content. These changes were implemented based on user feedback and resulted in a noticeable improvement in the quality of published recipes.
To address the aforementioned issues, several improvements were made to the layout of the Recipe Editor. The number of servings and cooking time were moved to the top section, just under the story, ensuring their visibility and prominence. Furthermore, all input elements were made tappable, following platform guidelines, and the placeholder text was updated to reflect the actual content. These changes were implemented based on user feedback and resulted in a noticeable improvement in the quality of published recipes.
To address the aforementioned issues, several improvements were made to the layout of the Recipe Editor. The number of servings and cooking time were moved to the top section, just under the story, ensuring their visibility and prominence. Furthermore, all input elements were made tappable, following platform guidelines, and the placeholder text was updated to reflect the actual content. These changes were implemented based on user feedback and resulted in a noticeable improvement in the quality of published recipes.
During the redesign process, a new feature was introduced to display character limits in various input fields, such as servings, cooking time, and ingredients. This addition was based on the observation that many users tended to type excessively long text in these fields. Additionally, the ability to drag and drop step photos was incorporated, allowing users to rearrange photos within a step or move them between steps. This enhancement proved valuable as users often added photos before filling in the corresponding text.
During the redesign process, a new feature was introduced to display character limits in various input fields, such as servings, cooking time, and ingredients. This addition was based on the observation that many users tended to type excessively long text in these fields. Additionally, the ability to drag and drop step photos was incorporated, allowing users to rearrange photos within a step or move them between steps. This enhancement proved valuable as users often added photos before filling in the corresponding text.
During the redesign process, a new feature was introduced to display character limits in various input fields, such as servings, cooking time, and ingredients. This addition was based on the observation that many users tended to type excessively long text in these fields. Additionally, the ability to drag and drop step photos was incorporated, allowing users to rearrange photos within a step or move them between steps. This enhancement proved valuable as users often added photos before filling in the corresponding text.
Recognising the importance of capturing key cooking moments, the redesigned Recipe Editor introduced video upload functionality. Authors can now include short 15-second videos to showcase essential cooking techniques, such as achieving the right texture while mixing ingredients. Handling edge cases such as videos that are too long or fail to upload was also addressed. To comply with the time limit, users were provided with the option to trim their videos.
Recognising the importance of capturing key cooking moments, the redesigned Recipe Editor introduced video upload functionality. Authors can now include short 15-second videos to showcase essential cooking techniques, such as achieving the right texture while mixing ingredients. Handling edge cases such as videos that are too long or fail to upload was also addressed. To comply with the time limit, users were provided with the option to trim their videos.
Recognising the importance of capturing key cooking moments, the redesigned Recipe Editor introduced video upload functionality. Authors can now include short 15-second videos to showcase essential cooking techniques, such as achieving the right texture while mixing ingredients. Handling edge cases such as videos that are too long or fail to upload was also addressed. To comply with the time limit, users were provided with the option to trim their videos.
In addition to the aforementioned enhancements, the Recipe Editor now allows authors to add attachments, such as cooking tips, and link recipes from other community members. This feature enhances the overall experience and fosters interaction within the Cookpad community, enabling authors to share additional insights and connect their recipes with others.
✻✻✻
Through a comprehensive redesign process, the Recipe Editor was transformed to address the major issues that hindered author creativity and resulted in poorly formatted recipes. The improvements in layout, input functionality, video upload, and attachments have significantly enhanced the quality of published recipes. By considering user feedback and incorporating user-centric features, the redesigned Recipe Editor provides a more seamless and creative recipe writing experience for authors, ensuring fail-proof recipes and an engaging community for viewers.
In addition to the aforementioned enhancements, the Recipe Editor now allows authors to add attachments, such as cooking tips, and link recipes from other community members. This feature enhances the overall experience and fosters interaction within the Cookpad community, enabling authors to share additional insights and connect their recipes with others.
✻✻✻
Through a comprehensive redesign process, the Recipe Editor was transformed to address the major issues that hindered author creativity and resulted in poorly formatted recipes. The improvements in layout, input functionality, video upload, and attachments have significantly enhanced the quality of published recipes. By considering user feedback and incorporating user-centric features, the redesigned Recipe Editor provides a more seamless and creative recipe writing experience for authors, ensuring fail-proof recipes and an engaging community for viewers.
In addition to the aforementioned enhancements, the Recipe Editor now allows authors to add attachments, such as cooking tips, and link recipes from other community members. This feature enhances the overall experience and fosters interaction within the Cookpad community, enabling authors to share additional insights and connect their recipes with others.
✻✻✻
Through a comprehensive redesign process, the Recipe Editor was transformed to address the major issues that hindered author creativity and resulted in poorly formatted recipes. The improvements in layout, input functionality, video upload, and attachments have significantly enhanced the quality of published recipes. By considering user feedback and incorporating user-centric features, the redesigned Recipe Editor provides a more seamless and creative recipe writing experience for authors, ensuring fail-proof recipes and an engaging community for viewers.