Chefling's IoT integration project is a new venture for our corporation, involving collaboration with appliance businesses. Our goal is to connect Chefling's software application with appliances via iOS, enhancing users' lives. I work with the UX team to articulate the user journey and translate findings into intuitive interface designs.
In today's tech-driven world, industries have ample opportunities to create user-friendly products that enhance people's lives. Chefling is leveraging this trend by expanding its recipe platform to integrate with IoT cooking appliances and coffee makers, streamlining daily operations for users. Our mission is to bridge the gap between recipes and machines, ensuring intuitive processes that improve user experiences.
To streamline the user experience, my team and I streamlined the IoT functions and features within the existing pantry food and recipe app. We seamlessly integrated the pantry food and recipe database with the IoT system, empowering users to effortlessly connect their appliances and cook according to their needs. This approach prioritized simplicity and convenience, ensuring a smooth and intuitive experience for users as they navigate between the app and their IoT devices.
After defining our goals and challenges, our next step was to research real-world examples that align with our project, focusing on user-friendly products available on the app store. We drew inspiration from the iOS map's route guidance mode for the initial version, ensuring a familiar and intuitive experience for users.
I took cues from the iOS map system as a reference point and tailored it to fit our project's needs. Through rapid sketching and collaborative discussions, we mapped out the flow of steps. Our primary design objectives were twofold: first, to develop intuitive functions for controlling the microwave/oven and coffee maker, and second, to seamlessly integrate these functions with user behaviour and machine interactions.
The primary focus was to develop intuitive controls for the microwave/oven and coffeemaker, seamlessly integrating them with user behavior. Leveraging insights from existing systems, I refined our approach to meet project specifications. Through collaborative rapid sketching sessions, we ensured that the flow was clear and aligned with user needs, facilitating a smooth interaction experience.
Imagine coming home after a hectic day, eager to unwind with a delectable homemade meal. With the Chefling app and IoT kitchen appliances, cooking becomes a breeze. As you launch the app, personalized recipe suggestions tailored to your pantry items await, allowing you to effortlessly select a pasta dish and transmit the cooking instructions to your smart oven. While the oven preheats, you initiate brewing coffee with your smart coffee maker. A notification from the app alerts you when the oven reaches the desired temperature, prompting you to seamlessly slide in the dish while you enjoy a cup of freshly brewed coffee. Once dinner is ready, you retrieve the perfectly cooked pasta and savor a delightful meal, effortlessly prepared with Chefling and your IoT appliances. Below, discover the key features designed to help users achieve their culinary aspirations.
Users can easily expand or collapse the IoT functionality with a simple tap on the bottom indicator bar. This feature allows users to access additional features without cluttering the interface, ensuring a seamless experience while using the existing app features. By providing clear visibility of the details and process, users can efficiently navigate the app and engage with the IoT functionality as needed. This intuitive design approach enhances user interaction and facilitates a smoother experience overall.
Our stakeholders expressed a preference for implementing a slide bar, similar to the light adjuster in the iOS system. However, considering the wide range of cooking times, spanning from a few minutes to several hours, a touch function alone on the mobile screen would not suffice for precise time adjustments. To address this challenge, the product owner, UX team, and I collaborated to determine the most effective approach for adjusting time using a slide bar, ensuring consistency and usability across the platform.
I proposed three potential solutions to the team to address the challenge of selecting longer cooking times:
Following discussions with the team, we unanimously agreed to implement option 2 for the product as it offered greater ease of understanding and intuitiveness. Subsequent usability testing confirmed that users instinctively interacted with the icon to select a customized time, validating our decision. Upon launch, we observed a significant increase in conversion rates, underscoring the success of our choice.
This is a critical feature aimed at enhancing user experience by minimizing unintended interactions with the interface. This design element ensures that users can navigate the app without inadvertently triggering actions or commands due to accidental touches. By implementing intuitive gestures and strategically placing interactive elements, we create a seamless and frustration-free interaction environment. This feature not only improves usability but also boosts user confidence and satisfaction with the application.
After refining the sketches and engaging in thorough discussions, I translated the concepts into final design mockups, complete with interactive elements and a cohesive UI flow.
After finalizing the prototype and layouts, I facilitated the handoff process by uploading all relevant documentation to Zeplin. This ensured that developers had easy access to the materials they needed to implement the design effectively. Additionally, I crafted a comprehensive Style Guide to maintain consistency and uphold design standards throughout the development phase. By sharing the mockups, style guide, and interaction design on Zeplin, we fostered collaboration between the design and development teams, promoting a smooth integration of design and functionality.
Given the tight schedule and time zone differences between San Francisco and Taiwan, we organized daily remote meetings to ensure alignment and progress. This necessitated clear and concise communication, focusing on every detail within a dynamic environment. However, this approach fostered rapid feedback and facilitated an efficient iteration process, ultimately contributing to the project's success.
Working remotely on the IoT project limited my ability to conduct direct testing of the appliances in San Francisco. However, had this been an on-site position, I would have had more opportunities to explore and refine the design through hands-on testing and direct interaction with the appliances. This would have allowed for a deeper understanding of the user experience and potential improvements to the overall design.
%402x.svg){kind=icon}