{"id":3985,"date":"2017-12-14T18:49:16","date_gmt":"2017-12-14T15:49:16","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=3985"},"modified":"2023-08-14T18:16:41","modified_gmt":"2023-08-14T18:16:41","slug":"case-study-watering-tracker-ui-design-for-home-needs","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/","title":{"rendered":"Case Study: Watering Tracker. UI Design for Home Needs"},"content":{"rendered":"<p><span style=\"color: #333333;\">In all the diversity of applications fulfilling different personal, social and business needs, the special place will always belong to the ones that become our everyday helpers in sometimes basic but necessary operations. Calendars, calculators, to-do lists or fitness timers, apps saving our menus and reminding to take medicine along the schedule &#8211;\u00a0all this simple stuff makes users&#8217; lives much easier. The apps of this kind increase productivity as well as save time and effort for multiple challenges life prepares for us on a daily basis. Designers creating such interfaces become a sort of magicians activating problem-solving potential of modern technology. Today we would like to share a new\u00a0design case study telling about that kind of UI: welcome to check the creative flow for Watering Tracker App.<\/span><\/p>\n<h2><span style=\"color: #333333;\">Project<\/span><\/h2>\n<p><span style=\"color: #333333;\">User interface and interaction design for an iOS application tracking plant watering.<\/span><\/p>\n<h2><span style=\"color: #333333;\">Process<\/span><\/h2>\n<p><span style=\"color: #333333;\">Have you ever forgotten to water plants at home? Being busy with hundreds of tasks, we sometimes miss very basic things and then regret not doing them on time. With pieces of nature, the effect may be even more crucial as they can get sick or even die without proper care. The task for the interface concept of a mobile app was aimed at helping users having plants at homes or offices:\u00a0first of all, it had to remind users of watering when it&#8217;s needed as well as keep the data about watering.<\/span><\/p>\n<p><span style=\"color: #333333;\">As we mentioned in diverse articles devoted to <a href=\"https:\/\/blog.tubikstudio.com\/category\/ui_ux\/\">UX design<\/a>, high-quality user interfaces should harmonically satisfy four basic aspects:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333;\"><strong>usability:\u00a0<\/strong>the app is convenient, clear, logical and easy to use<\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>utility:<\/strong>\u00a0the app\u00a0provides useful content and solves users\u2019 problems<\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>accessibility:<\/strong>\u00a0the app\u00a0is convenient for different categories of users<\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>desirability:<\/strong> the app is attractive and problem-solving, it retains users and creates a positive experience which they are ready to repeat.<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #333333;\">Based on that, Tubik designer Anton Morozov under art-direction by Ernest Asanov set the goal to make the application not only problem-solving but also\u00a0informative to broaden its utility. Also,\u00a0the appearance of the app was an object of thorough attention: as that was definitely the app for daily use, why wouldn&#8217;t designers add a pinch of elegance and sophistication to grow desirability and aesthetic satisfaction?<\/span><\/p>\n<p><span style=\"color: #333333;\">After the flow of UX wireframing, the designer planned the following set of basic functionality for the app:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333;\">adding plants to the app<\/span><\/li>\n<li><span style=\"color: #333333;\">reminders and notifications about watering<\/span><\/li>\n<li><span style=\"color: #333333;\">getting information and recommendations about conditions and care for particular kinds of plants<\/span><\/li>\n<li><span style=\"color: #333333;\">tracking stats of watering and plans for next week.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">Let&#8217;s check\u00a0how the layout was designed and what flows of\u00a0interactions were planned for the mentioned goals.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9167\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/water_tracking_application_ui_tubik.png\" alt=\"water tracking application ui tubik\" width=\"1200\" height=\"582\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/water_tracking_application_ui_tubik.png 1200w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/water_tracking_application_ui_tubik-300x146.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/water_tracking_application_ui_tubik-768x372.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/water_tracking_application_ui_tubik-1024x497.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/water_tracking_application_ui_tubik-150x73.png 150w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><span style=\"color: #333333;\">Adding items to the app, a user gets his\/her own directory of the plants which need to be watered now and then. The left screen on the picture below shows the collection of items that were added by the user: it is shown as a set of tabs. The title above the tab gives the name of the plant while on the tab users can instantly see the notification when the next watering is expected for this position. The <a href=\"https:\/\/blog.tubikstudio.com\/small-elements-big-impact-types-and-functions-of-ui-icons\/\">icon<\/a> of drops in the top right corner of the tab helps to set the visual association with water and informs a user that the plant on this tab will need watering soon. In contrast, the lowest tab on the presented screen shows the icon of a tick which means that this item has been recently watered. <\/span><\/p>\n<p><span style=\"color: #333333;\">This way of data organization lets the user quickly scan the state of things right from this screen if there&#8217;s no time or need to move to the screens of every particular plant. The background of each tab features an easily recognizable photo of a natural object. And to add a new item, users need just to take a photo, as it&#8217;s seen on the right screen below.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9168\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-interaction-design-1-1.jpg\" alt=\"watering tracker interaction design\" width=\"1024\" height=\"683\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-interaction-design-1-1.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-interaction-design-1-1-300x200.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-interaction-design-1-1-768x512.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-interaction-design-1-1-150x100.jpg 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span style=\"color: #333333;\">The tab bar is highly functional and simple: it includes three most demanded zones of interactions. &#8220;My Plants&#8221; opens the directory of the ones tracked for watering, &#8220;Add New&#8221; allows to create a new item and &#8220;My Profile&#8221; goes to all the history and stats data.<\/span><\/p>\n<p><span style=\"color: #333333;\">Adding a plant takes just short seconds. When a user has taken a photo\u00a0with a smartphone camera,\u00a0the application recognizes it and offers the data from the app catalog of plants: it includes the name, the background picture and the data of care conditions like temperature, humidity and light rates comfortable for this type. The user may add it to his\/her set of tracked plants and it will get seen on the screen with the user&#8217;s collection. In case there is no data about a particular plant in the app database, the user can\u00a0create a new\u00a0item and add it to the app catalog. This approach has two big benefits: firstly, it will strengthen the app with the <\/span>ability<span style=\"color: #333333;\"> to add user-generated content;\u00a0secondly, it will inform app creators and support which types of objects have to enlarge the original app database.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9169\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-interactions.jpg\" alt=\"watering tracker app interactions\" width=\"1024\" height=\"683\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-interactions.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-interactions-300x200.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-interactions-768x512.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-interactions-150x100.jpg 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span style=\"color: #333333;\">Here&#8217;s the animation showing the interactions described above.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8780\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/watering_tracker_app_interactions_tubik.gif\" alt=\"watering tracker app interactions_tubik\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\">Now let&#8217;s look into some details of watering tracking itself. When the date comes, the user gets a notification that the\u00a0item needs to be watered. Opening the screen of that plant, users see:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333;\">the name and the background picture of the plant in the upper part of the screen,<\/span><\/li>\n<li><span style=\"color: #333333;\">the interactive zone with the tabs of other plants ready for watering,<\/span><\/li>\n<li><span style=\"color: #333333;\">the contrast light tab in the lower part of the screen including information about the plant which can be pulled up to open.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8203\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/06\/watering-tracker-UI-design.jpg\" alt=\"watering tracker UI design\" width=\"1024\" height=\"683\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/06\/watering-tracker-UI-design.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/06\/watering-tracker-UI-design-300x200.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/06\/watering-tracker-UI-design-768x512.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/06\/watering-tracker-UI-design-150x100.jpg 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span style=\"color: #333333;\">The interactive zone with the tabs of other plants ready for <\/span>watering<span style=\"color: #333333;\"> can also be extended. In this case, it opens the graph showing the progress\u00a0 &#8211; aka watering workload &#8211; for the current week.\u00a0 This zone is presented on the <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/dark-side-of-ui-benefits-of-dark-background\/\">dark background<\/a> which makes the graph look stylish and deep and also sets the good level of contrast with the information tab below presented on the light background. The information tab is grounded on light and airy solution: in combination with bold sans-serif fonts in the interface, it provides a high <a href=\"https:\/\/blog.tubikstudio.com\/ux-design-readable-user-interface\/\">readability level<\/a> and contributes much <\/span>to<span style=\"color: #333333;\"> the effective <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/visual-hierarchy-effective-ui-content-organization\/\">visual hierarchy<\/a> of the layout.<\/span><\/p>\n<p><span style=\"color: #333333;\">When the plant is watered, the user just needs to tap on the icon with drops and it will transform into a tick.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9170\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-user-interface-design.jpg\" alt=\"watering tracker user interface-design\" width=\"1024\" height=\"683\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-user-interface-design.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-user-interface-design-300x200.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-user-interface-design-768x512.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-user-interface-design-150x100.jpg 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span style=\"color: #333333;\">Slight unobtrusive animation makes the interactions live and enhances the general usability of the user interface.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7666\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/watering-tracker-app-ui.gif\" alt=\"watering tracker app ui\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\">Working on the concept of mobile user interface aimed at\u00a0solving simple but everlasting problems of everyday life, the designer made the screens informative, efficient and stylish. First of all, the app of this kind could be helpful at home, taking over the responsibility of a reminder and tracker. Moreover, it could effectively help workers of the offices, public and private gardens or parks,\u00a0 landscape firms and services &#8211; all those who are in charge of taking care of plants and supporting the beauty of nature around us.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9171\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-1-1.jpg\" alt=\"watering tracker app design tubik\" width=\"1500\" height=\"1000\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-1-1.jpg 1500w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-1-1-300x200.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-1-1-768x512.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-1-1-1024x683.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-1-1-150x100.jpg 150w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/p>\n<h2><span style=\"color: #333333;\">Recommended Reading<\/span><\/h2>\n<p>If you\u00a0are interested to see more practical case studies with creative flows for UI\/UX\u00a0design, here is the set of them.<\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-home-budget-app-ui-for-finance\/\">Home Budget App. UI for Finance<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-night-in-berlin-ui-for-event-app\/\">Night in Berlin. UI for Event App<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-big-city-guide-landing-page-design\/\">Big City Guide. Landing Page Design<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-vinnys-bakery-ui-design-for-e-commerce\/\">Vinny\u2019s Bakery. UI Design for E-Commerce<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-upper-app-ui-design-for-to-do-list\/\">Upper App. UI Design for To-Do List<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-health-care-app-ui-for-doctors\/\">Health Care App. UI for Doctors<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-wedding-planner-ui-design-concept\/\">Wedding Planner. UI Design Concept<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-toonie-alarm-app-ui-design\/\">Toonie Alarm. Mobile App UI Design<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/swiftybeaver-ux-ui-design-for-mac-application\/\">SwiftyBeaver. UX\/UI Design for a Mac Application<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A practical case study covering the UI design process for Watering Tracker App, a simple and elegant mobile application helping users to care about plants.<\/p>\n","protected":false},"author":3,"featured_media":9172,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,7,9],"tags":[440,447,20,464,57,465,100,479,108,482,256,489,258,501,264,504,319,507,321,324,331,332,336,365],"coauthors":[],"class_list":["post-3985","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case_study","category-processes_and_tools","category-ui_ux","tag-tubik","tag-tubik-studio","tag-app-design","tag-ui-design-case-study","tag-case-study","tag-ui-design-examples","tag-design","tag-usability","tag-design-case-study","tag-user-experience","tag-interaction-design","tag-user-experience-examples","tag-interface-animation","tag-utilities-design","tag-interface-navigation","tag-ux-design-article","tag-mobile-app","tag-ux-design-examples","tag-mobile-applications","tag-mobile-design-inspiration","tag-mobile-ui","tag-mobile-user-interface","tag-motion-design","tag-product-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: Watering Tracker. UI Design for Home Needs.<\/title>\n<meta name=\"description\" content=\"A practical case study covering the UI design process for Watering Tracker App, a simple and elegant mobile application helping users to care about plants.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Watering Tracker. UI Design for Home Needs.\" \/>\n<meta property=\"og:description\" content=\"A practical case study covering the UI design process for Watering Tracker App, a simple and elegant mobile application helping users to care about plants.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-14T15:49:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-14T18:16:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-studio-case-study.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/\",\"name\":\"Case Study: Watering Tracker. UI Design for Home Needs.\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-studio-case-study.jpg\",\"datePublished\":\"2017-12-14T15:49:16+00:00\",\"dateModified\":\"2023-08-14T18:16:41+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"A practical case study covering the UI design process for Watering Tracker App, a simple and elegant mobile application helping users to care about plants.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-studio-case-study.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-studio-case-study.jpg\",\"width\":1500,\"height\":1000,\"caption\":\"watering tracker app design tubik studio case study\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Watering Tracker. UI Design for Home Needs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\",\"name\":\"Marina Yalanska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"caption\":\"Marina Yalanska\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study: Watering Tracker. UI Design for Home Needs.","description":"A practical case study covering the UI design process for Watering Tracker App, a simple and elegant mobile application helping users to care about plants.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: Watering Tracker. UI Design for Home Needs.","og_description":"A practical case study covering the UI design process for Watering Tracker App, a simple and elegant mobile application helping users to care about plants.","og_url":"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2017-12-14T15:49:16+00:00","article_modified_time":"2023-08-14T18:16:41+00:00","og_image":[{"width":1500,"height":1000,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-studio-case-study.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/","url":"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/","name":"Case Study: Watering Tracker. UI Design for Home Needs.","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-studio-case-study.jpg","datePublished":"2017-12-14T15:49:16+00:00","dateModified":"2023-08-14T18:16:41+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"A practical case study covering the UI design process for Watering Tracker App, a simple and elegant mobile application helping users to care about plants.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-studio-case-study.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-studio-case-study.jpg","width":1500,"height":1000,"caption":"watering tracker app design tubik studio case study"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/case-study-watering-tracker-ui-design-for-home-needs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Watering Tracker. UI Design for Home Needs"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f","name":"Marina Yalanska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd","url":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","caption":"Marina Yalanska"},"url":"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=3985"}],"version-history":[{"count":3,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3985\/revisions"}],"predecessor-version":[{"id":14557,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3985\/revisions\/14557"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/9172"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=3985"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=3985"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=3985"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=3985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}