Improved UI Design of A Baby Stroller

This slide of the presentation shows two computers with graphic design work on it where this image is next to the title of the presentation slide. The words Assignment 5: High Fidelity & Prototypes, By Sarah Carlos and the course code for class is in a black colour.
Background
This slide of the presentation has the words background in a black colour and the background colour is in a beige colour. There is also a silhouette of a stroller underneath the word background.
What is your interface?
The interface I selected to do is a smart stroller interface for a baby stroller. This smart stroller has a screen on the handle of the stroller and someone can use their phone to access the features of the stroller like the lullabies/music and find my baby feature. It also uses a battery where it has to be pulled out of the stroller to turn off the stroller and to be charged with a charger as well as putting the battery back into the stroller to turn on the stroller. There are numerous amount of improvements that are made through my low fidelity wireframes to improve this smart stroller interface.
Improvements
This slide of the presentation has the words Improvements in a black colour and the image of a bar graph with the arrow going upwards. the background colour is in a beige colour.
What improvements/changes are made?
From all the user feedback and the improvements made after testing my low fidelity prototype has made my high fidelity prototype successful.
- Made the homepage that shows all the features on the app
- Throughout the app it shows the wheel icon moving when the stroller is being moved indicating that the kinetic movement when pushing the stroller is charging the battery on the stroller
- There is a health tracker option where parents can track their health
- They can see what badges they earned or the health they tracked
- In the Lullabies/music/sound option they can play lullabies/music/sound on the stroller
- In the baby bottle warmer area they can input settings to switch on the baby bottle warmer area to warm up the baby bottle
- In the heated seat area they can adjust the temperature of the seat
- In the phone charging area they can switch on the phone charging area to charge their phone
-  Also throughout the app there are areas that I inputted sound to indicate that something is completed or that they are adjusting something on the setting
Homepage and Health Tracker
Homepage of the UI Design on a screen that is located on the stroller and can access it on their phone too
In this image is the health tracker app where there is an icon of a person walking, there is a distance target button, a area to type out how many km to reach the goal, what their health track history is and what badges they earned.
Lullabies/Music/Sound and Baby Bottle Warmer
In this image is the Lullabies/Music/Sound app where there is an icon of a music note, there is an icon of a rain cloud, there is an icon of the waves of the ocean, icon of squiggly lines that represents white noise, icon of the barn, icon of stars and icon of a bus.
In this image is the Baby Bottle Warmer area where there is an icon of the baby bottle, there is an icon of the thermometer, there is a manual select temperature button, there is an area to add a timer, there is also a start button and a reset button.
Heated Seat and Charging Phone Area
In this image is the Heated Seat area where there is a heated seat icon, there is an icon of the thermometer and there is a button that switches on the heated seat.
In this image is the Charing Phone area where there is an icon of a phone that has a charging icon in the middle of the phone icon and there is a button that switches on or off the phone charging area.
Kinetic Energy
In this image is showcasing the image of where the kinetic energy charges the battery of the stroller.
High Fidelity Wireframes
This slide of the presentation has the words high fidelity wireframes in a black colour and the image underneath it is the image of two computers with graphic design work on the screen. The background colour on the presentation slide is in a beige colour.
Home Screen
Homepage of the UI Design on a screen that is located on the stroller and can access it on their phone too. It also has features on it where people can select the bluetooth button, music button, baby bottle warmer, a phone with an charging icon in the middle of the phone, the rocking stroller, the profile icon and the settings icon. It also shows the temperature of the stroller.
Homepage of the UI Design on a screen that is located on the stroller and can access it on their phone too. It also has features on it where people can select the bluetooth button, music button, baby bottle warmer, a phone with an charging icon in the middle of the phone, the rocking stroller, the profile icon and the settings icon. It shows the stroller temperature and the rain icon of the sound being played.
Homepage of the UI Design on a screen that is located on the stroller and can access it on their phone too. It also has features on it where people can select the bluetooth button, music button, baby bottle warmer, a phone with an charging icon in the middle of the phone, the rocking stroller, the profile icon and the settings icon. It also shows the temperature of the stroller. There is a ocean of the waves icon meaning the sound is being played.
Homepage of the UI Design on a screen that is located on the stroller and can access it on their phone too. It also has features on it where people can select the bluetooth button, music button, baby bottle warmer, a phone with an charging icon in the middle of the phone, the rocking stroller, the profile icon and the settings icon. It also shows the temperature of the stroller. There is squiggly lines icon to represent the white noise meaning the sound is being played.
Homepage of the UI Design on a screen that is located on the stroller and can access it on their phone too. It also has features on it where people can select the bluetooth button, music button, baby bottle warmer, a phone with an charging icon in the middle of the phone, the rocking stroller, the profile icon and the settings icon. It also shows the temperature of the stroller. There is a barn icon meaning the sound is being played.
Homepage of the UI Design on a screen that is located on the stroller and can access it on their phone too. It also has features on it where people can select the bluetooth button, music button, baby bottle warmer, a phone with an charging icon in the middle of the phone, the rocking stroller, the profile icon and the settings icon. It also shows the temperature of the stroller. There is a little star icon meaning the sound is being played.
Homepage of the UI Design on a screen that is located on the stroller and can access it on their phone too. It also has features on it where people can select the bluetooth button, music button, baby bottle warmer, a phone with an charging icon in the middle of the phone, the rocking stroller, the profile icon and the settings icon. It also shows the temperature of the stroller. There is a school bus icon meaning the sound is being played.
Homepage of the UI Design on a screen that is located on the stroller and can access it on their phone too. It also has features on it where people can select the bluetooth button, music button, baby bottle warmer, a phone with an charging icon in the middle of the phone, the rocking stroller, the profile icon and the settings icon. It also shows the temperature of the stroller. There is a tv icon meaning the sound is being played.
Homepage of the UI Design on a screen that is located on the stroller and can access it on their phone too. It also has features on it where people can select the bluetooth button, music button, baby bottle warmer, a phone with an charging icon in the middle of the phone, the rocking stroller, the profile icon and the settings icon. It also shows the temperature of the stroller. There is a baby bottle warmer icon meaning that it is on.
Homepage of the UI Design on a screen that is located on the stroller and can access it on their phone too. It also has features on it where people can select the bluetooth button, music button, baby bottle warmer, a phone with an charging icon in the middle of the phone, the rocking stroller, the profile icon and the settings icon. It also shows the temperature of the stroller. There is a baby bottle warmer icon with a finished button meaning that it is finished.
Homepage of the UI Design on a screen that is located on the stroller and can access it on their phone too. It also has features on it where people can select the bluetooth button, music button, baby bottle warmer, a phone with an charging icon in the middle of the phone, the rocking stroller, the profile icon and the settings icon. It also shows the temperature of the stroller. There is a phone charging icon meaning that it is on.
Homepage of the UI Design on a screen that is located on the stroller and can access it on their phone too. It also has features on it where people can select the bluetooth button, music button, baby bottle warmer, a phone with an charging icon in the middle of the phone, the rocking stroller, the profile icon and the settings icon. It also shows the temperature of the stroller. There is a live health tracker icon.
Homepage of the UI Design on a screen that is located on the stroller and can access it on their phone too. It also has features on it where people can select the bluetooth button, music button, baby bottle warmer, a phone with an charging icon in the middle of the phone, the rocking stroller, the profile icon and the settings icon. It also shows the temperature of the stroller. There is a live health tracker icon.
Homepage of the UI Design on a screen that is located on the stroller and can access it on their phone too. It also has features on it where people can select the bluetooth button, music button, baby bottle warmer, a phone with an charging icon in the middle of the phone, the rocking stroller, the profile icon and the settings icon. It also shows the temperature of the stroller. There is a live health tracker icon.
Homepage of the UI Design on a screen that is located on the stroller and can access it on their phone too. It also has features on it where people can select the bluetooth button, music button, baby bottle warmer, a phone with an charging icon in the middle of the phone, the rocking stroller, the profile icon and the settings icon. It also shows the temperature of the stroller. There is a heated seat icon indicating that it is on.
Homepage of the UI Design on a screen that is located on the stroller and can access it on their phone too. It also has features on it where people can select the bluetooth button, music button, baby bottle warmer, a phone with an charging icon in the middle of the phone, the rocking stroller, the profile icon and the settings icon. It also shows the temperature of the stroller. There is a heated seat icon indicating with a toggle off button indicating that it is off..
Health Tracker
In this image is the health tracker app where there is an icon of a person walking, there is a distance target button, a area to type out how many km to reach the goal, what their health track history is and what badges they earned.
In this image is the health tracker app where it shows the recorded times they were using the health tracker.
In this image is the health tracker app where it shows what badges they earned.
In this image is the health tracker app where it shows the live distance, how many steps the person did, what their heart rate is, what their speed is what is the time of going on a walk using the health tracker. There is also a map that shows the progress of there long walks.
In this image is the health tracker app where it shows the live distance, how many steps the person did, what their heart rate is, what their speed is what is the time of going on a walk using the health tracker. There is also a map that shows the progress of there long walks.
In this image is the health tracker app where it shows the live distance, how many steps the person did, what their heart rate is, what their speed is what is the time of going on a walk using the health tracker. There is also a map that shows the progress of there long walks.
In this image is the health tracker app where it shows the live distance, how many steps the person did, what their heart rate is, what their speed is what is the time of going on a walk using the health tracker. There is also a map that shows the progress of there long walks.
In this image is the health tracker app where it shows a bar graph of what the live average speed is and the max speed is as well as what were the other speeds during the walk.
In this image is the health tracker app where it shows a bar graph of what the live distance travelling during the walk and how much time did it took for every km.
In this image is the health tracker app where there is an icon of a person walking, it shows there final distance they did, their final speed they did during there walk and the time it took for them to accomplish it. There is also a checkered flag icon to represent that it is compelted and a trophy icon to represent they got a badge. There is also confetti to that happens once you complete it.
Lullabies/Music/Sound Setting
In this image is the Lullabies/Music/Sound app where there is an icon of a music note, there is an icon of a rain cloud, there is an icon of the waves of the ocean, icon of squiggly lines that represents white noise, icon of the barn, icon of stars and icon of a bus.
In this image is the Lullabies/Music/Sound app where there is an icon of a music note, there is an icon of a rain cloud, there is an icon of the waves of the ocean, icon of squiggly lines that represents white noise, icon of the barn, icon of stars and icon of a bus. There is an icon of the rain cloud of the sound being played.
In this image is the Lullabies/Music/Sound app where there is an icon of a music note, there is an icon of a rain cloud, there is an icon of the waves of the ocean, icon of squiggly lines that represents white noise, icon of the barn, icon of stars and icon of a bus. There is an icon of the ocean waves of the sound being played.
In this image is the Lullabies/Music/Sound app where there is an icon of a music note, there is an icon of a rain cloud, there is an icon of the waves of the ocean, icon of squiggly lines that represents white noise, icon of the barn, icon of stars and icon of a bus. There is an icon of the white noise of the sound being played.
In this image is the Lullabies/Music/Sound app where there is an icon of a music note, there is an icon of a rain cloud, there is an icon of the waves of the ocean, icon of squiggly lines that represents white noise, icon of the barn, icon of stars and icon of a bus. There is an icon of a barn of the sound being played.
In this image is the Lullabies/Music/Sound app where there is an icon of a music note, there is an icon of a rain cloud, there is an icon of the waves of the ocean, icon of squiggly lines that represents white noise, icon of the barn, icon of stars and icon of a bus. There is an icon of stars of the sound being played.
In this image is the Lullabies/Music/Sound app where there is an icon of a music note, there is an icon of a rain cloud, there is an icon of the waves of the ocean, icon of squiggly lines that represents white noise, icon of the barn, icon of stars and icon of a bus. There is an icon of the barn of the sound being played.
Baby Bottle Warmer
In this image is the Baby Bottle Warmer area where there is an icon of the baby bottle, there is an icon of the thermometer, there is a manual select temperature button, there is an area to add a timer, there is also a start button and a reset button.
In this image is the Baby Bottle Warmer area where there is an icon of the baby bottle, there is an icon of the thermometer, there is a manual select temperature button, there is an area to add a timer, there is also a start button and a reset button. They can select the temperature of the baby bottle warmer to be heated up to and they can select the time for it to be completed.
In this image is the Baby Bottle Warmer area where there is an icon of the baby bottle, there is an icon of the thermometer, there is a manual select temperature button, there is an area to add a timer, there is also a start button and a reset button. They have a progress bar to show the progress of the baby bottle being warmed up and it has the timer that tells you how much time it has left for it to be warmed up.
In this image is the Baby Bottle Warmer area where there is an icon of the baby bottle, there is an icon of the thermometer, there is a manual select temperature button, there is an area to add a timer, there is also a start button and a reset button. They have a progress bar to show the progress of the baby bottle being warmed up and it has the timer that tells you how much time it has left for it to be warmed up.
In this image is the Baby Bottle Warmer area where there is an icon of the baby bottle, there is an icon of the thermometer, there is a manual select temperature button, there is an area to add a timer, there is also a start button and a reset button. They have a progress bar to show the progress of the baby bottle being warmed up which is complete and it tells you that the baby bottle is warmed and complete as well as to carefully remove the baby bottle from the baby bottle warmer area.
In this image is the Baby Bottle Warmer area where there is an icon of the baby bottle, there is an icon of the thermometer, there is a manual select temperature button, there is an area to add a timer, there is also a start button and a reset button. There is a checkered flag indicating that the warmed bottle is complete and it has something that says to please remove the baby bottle from the baby bottle warmer.
Heated Seat
In this image is the Heated Seat area where there is a heated seat icon, there is an icon of the thermometer and there is a button that switches on the heated seat.
In this image is the Heated Seat area where there is a heated seat icon, there is an icon of the thermometer and there is a button that is switched on where there is an area to adjust the temperature of the stroller.
Charging Phone Area
In this image is the Charing Phone area where there is an icon of a phone that has a charging icon in the middle of the phone icon and there is a button that switches on or off the phone charging area.
In this image is the Charing Phone area where there is an icon of a phone that has a charging icon in the middle of the phone icon and there is a button that is switched on to represent the chargin area is now charging your phone. It also has a progress bar to calculate the time to charge the phone and how much battery it has.
In this image is the Charing Phone area where there is an icon of a phone that has a charging icon in the middle of the phone icon and there is a button that is switched on to represent the chargin area is now charging your phone. It also has a progress bar to calculate the time to charge the phone and how much battery it has.
Kinetic Movement
Conclusion
This slide of the presentation has the word conclusion in a black colour and the silhouette of the two business people under the word. The background colour of the presentation slide is in a beige colour.
To conclude, throughout all my research and learning about the smart stroller interface is that this a new interface that was developed to help parents enjoy their daily walks with their children in an easier and more manageable way. From the improvements I made on the smart stroller, when a parent decides to go out for a stroll they don't have to think twice. With this new innovated stroller their walk will be an enhanced experience. All features that I added are at their fingertips. There is no need for them to carry extra items and the user interfaces are clear, straightforward and easy to use while providing the individual's personal preferences. With kinect movement, kinetic energy is created and transferred into electricity. The electricity created turns on the touch screen and the stroller as well as recharges the battery while in motion. This results in a hassle free, worry free, more efficient and enjoyable experience.
This slide of the presentation is the last slide where it has the word thank you in black colour and the background of that slide is in a beige colour.
Throughout this project for my Experience Design 2 class, I had to figure out what item or object should I innovate the User Interface of the product using Adobe XD. I decided to improve the User Interface of a Gluxkind stroller where I improved it by having the battery of the stroller charge by using kinetic movement where as you don’t have to lift the heavy battery to plug it in to charge. I improved it where the stroller has a baby bottle warmer area, can play music/lullabies/sound, has a phone charging area, can control the temperature of the heated seat of the stroller and has a health tracker. In the baby bottle warmer area the new parent can control the temperature to heat up the bottle and can control how much time of the baby bottle to be heated up. New parents can play music/lullabies/sound in the stroller as well as can play music/sound from their phone, they can turn on the heated seat in the stroller and adjust the temperature of the seat to keep the baby warm from cold weather. New parents can also keep track of their health by using the health tracker to see how they are doing on their walks, can earn badges and set the target distance to complete their daily walking exercise.
References
- freesound_community. (2022, August 9). Pixabay - ping | royalty free music. Pixabay. Retrieved from: https://pixabay.com/sound-effects/ping-82822/ 
- hirken8. (2022, June 27). Confetti, celebration, Carnival. free stock video - pixabay. Pixabay. Retrieved from: https://pixabay.com/videos/confetti-celebration-carnival-fun-121983/ 
- Universfield. (2023, February 27). Click Button. Pixabay. Retrieved from: https://pixabay.com/sound-effects/click-button-140881/
- freesound_community. (2021, August 9). Win In Video Game Sound Effect. Pixabay. Retrieved from: https://pixabay.com/sound-effects/winfantasia-6912/
- irinairinafomicheva. (2022, January 6). Stop Sound. Pixabay. Retrieved from: https://pixabay.com/sound-effects/stop-13692/
- Universfield. (2022, October 20). Interface | Royalty-free music - pixabay. Pixabay. Retrieved from: https://pixabay.com/sound-effects/interface-124464/ 
- Universfield. (2022, October 30). Button. Pixabay. Retrieved from: https://pixabay.com/sound-effects/button-124476/ 
- freesound_community. (2021, August 9). White Noise | Royalty-free music - pixabay. Pixabay. Retrieved from: https://pixabay.com/sound-effects/white-noise-6971/
- SoundsForYou. (2022, September 29). Pixabay - Ocean Sea Soft Waves | royalty-free music. Pixabay. Retrieved from: https://pixabay.com/sound-effects/ocean-sea-soft-waves-121349/ 
- SoundsForYou. (2023, February 26). Rain Ambient Cinematic. Pixabay. Retrieved from: https://pixabay.com/sound-effects/rain-ambient-cinematic-140566/
- Deedster. (2016, August 2). Free image on Pixabay - school bus, bus, school. Pixabay. Retrieved from: https://pixabay.com/illustrations/school-bus-bus-school-1563493/
- OpenClipart-Vectors. (2016, March 30). Download cold, cool, hot. royalty-free vector graphic - pixabay. Pixabay. Retrieved from: https://pixabay.com/vectors/cold-cool-hot-icon-measure-1293305/
- Clker-Free-Vector-Images. (2014, May 26). Download Barn Farm Red Royalty-free vector graphic - pixabay. Pixabay. Retrieved from: https://pixabay.com/vectors/barn-farm-red-farm-house-297763/
- OpenClipart-Vectors. (2013, October 9). Download car, RIM, tire. royalty-free vector graphic - pixabay. Pixabay. Retrieved from: https://pixabay.com/vectors/car-rim-tire-transport-vehicle-159826/
- GlüxKind - Crunchbase Company Profile & Funding. Crunchbase. (n.d.). Retrieved from: https://www.crunchbase.com/organization/glüxkind
- IO-Images. (2018, September 15). Statistics chart analysis - free vector graphic on Pixabay. Pixabay. Retrieved from: https://pixabay.com/vectors/statistics-chart-analysis-graphic-3679874/
- Morillo, C. (2018, June 22). Two women looking at the code at laptop · free stock photo. Pexels. Retrieved from: https://www.pexels.com/photo/two-women-looking-at-the-code-at-laptop-1181263/
- Tranmautritam. (2017, February 20). Silver and black Imac’s · Free Stock Photo. Pexels. Retrieved from: https://www.pexels.com/photo/silver-and-black-imac-s-326501/
- padrefilar. (2017, January 8). Free image on Pixabay - Stroller, pram, child, care, baby. Pixabay. Retrieved from: https://pixabay.com/vectors/stroller-pram-child-care-baby-1961742/
- Mohamed_hassan. (2018, February 27). Download silhouette shaking hands royalty-free vector graphic - pixabay. Pixabay. Retrieved from: https://pixabay.com/vectors/silhouette-shaking-hands-business-3186564/
- Clker-Free-Vector-Images. (2014, April 28). Baby Stroller. Pixabay. Retrieved from: https://pixabay.com/vectors/push-chair-childrens-perambulator-297216/
An arrow in a shape of a letter S. The top half of the arrow is in a red colour and the bottom half of the arrow is in a blue colour. There is an eye in the middle of the logo where it's eye is open and the iris of the eye is in a light blue colour.
↑Back to Top