{"componentChunkName":"component---src-templates-blog-post-js","path":"/decoding-ui-ux-quick-comparison-of-swiggy-and-zomato/","result":{"data":{"site":{"siteMetadata":{"title":"Catwomaniya"}},"mdx":{"id":"aa08b53e-c865-5e85-88d3-b21c473fd21d","excerpt":"I'm a self-proclaimed designer. (I started an IG channel, a Patreon account and a Behance account in the small span of 2 months after I created a realistic…","body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Decoding UI/UX - Quick comparison of Swiggy and Zomato\",\n  \"date\": \"2020-11-15\",\n  \"description\": \" Reviewing the UI/UX of two popular food delivery apps in India - Swiggy and Zomato \"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"I\\u2019m a self-proclaimed designer. (I started an IG channel, a Patreon account and a Behance account in the small span of 2 months after I created a realistic looking egg using illustrator)\"), mdx(\"p\", null, \"Keeping the amateur artist persona aside, for a long time now, I have passionately looked at apps and asked questions around their aesthetics and usability, like - \"), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"What is even the function of the \\u201CInbox\\u201D tab option in Paytm\")), mdx(\"p\", null, \"OR\"), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"Why is Google Pay\\u2019s search button called \\u201CNew payment\\u201D and why is it present at the bottom of the screen\")), mdx(\"p\", null, mdx(\"img\", _extends({\n    parentName: \"p\"\n  }, {\n    \"src\": \"/94050ff05afad99047e47a85d528b961/bs6.gif\",\n    \"alt\": \"Thinking Batman\"\n  }))), mdx(\"p\", null, \"Anyways, so I decided I will pen my thoughts and analyse the two apps I have used significantly more since the lockdown happened - Swiggy and Zomato.\"), mdx(\"p\", null, \"Swiggy is primarily a food delivery app. Zomato offers the service of food delivery and restaurant discovery.\"), mdx(\"p\", null, \"The great thing about both these companies is that there\\u2019s been a lot of changes in how the app looks, even if I compare it with last year. They always continue experimenting with new designs and have improved the whole experience of ordering food, if we compare it with the past versions.\"), mdx(\"h2\", null, \"Problem Space\"), mdx(\"p\", null, \"A key point to consider here is to firstly understand the needs of the customers. From my understanding, the primary objectives to judge food delivery apps include -\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Cost effectiveness\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Good quality of food\")), mdx(\"p\", null, \"It feels necessary to mention this here that I will only be talking about the design of the applications in food delivery space and not review their service, and will be doing so solely from the perspective of a user or food-eater.\"), mdx(\"h2\", null, \"UI Design\"), mdx(\"h4\", null, \"1. Landing Page\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"590px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/d440f211f38cd72b36fb544439ea2fbf/eea4a/bs1.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"100%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAAMBAAAAAAAAAAAAAAAAAAECAwT/xAAVAQEBAAAAAAAAAAAAAAAAAAACAf/aAAwDAQACEAMQAAAB6p0yK71SM2ItBT//xAAaEAACAgMAAAAAAAAAAAAAAAABAhESAAMT/9oACAEBAAEFAnY9OtRqayu0ObE6Zo6iSi4BGf/EABcRAAMBAAAAAAAAAAAAAAAAAAECICH/2gAIAQMBAT8BbRH/xAAVEQEBAAAAAAAAAAAAAAAAAAABIP/aAAgBAgEBPwEj/8QAHBAAAgICAwAAAAAAAAAAAAAAABEBIQIxIlFh/9oACAEBAAY/AslkQ7kaRPMpz6y+zRqCj//EABwQAQADAQADAQAAAAAAAAAAAAEAESExQVFhkf/aAAgBAQABPyEtgU+oUhaNSds15gcDeVNBAnAJs3dutyjxvyAM/KAKFT//2gAMAwEAAgADAAAAEGzHPP/EABcRAQEBAQAAAAAAAAAAAAAAAAEQEUH/2gAIAQMBAT8Q2AGThP/EABcRAQEBAQAAAAAAAAAAAAAAAAEQIUH/2gAIAQIBAT8QwvYz/8QAHBABAQACAwEBAAAAAAAAAAAAAREAMSFBcRBh/9oACAEBAAE/EJSGvTzeLBYQQbiqkDJtlRMurX8xLKwjb3BzzAQ4daxFX5LQ34ZJcB5gZ//Z')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Landing page of Swiggy and Zomato\",\n    \"title\": \"Landing page of Swiggy and Zomato\",\n    \"src\": \"/static/d440f211f38cd72b36fb544439ea2fbf/1c72d/bs1.jpg\",\n    \"srcSet\": [\"/static/d440f211f38cd72b36fb544439ea2fbf/a80bd/bs1.jpg 148w\", \"/static/d440f211f38cd72b36fb544439ea2fbf/1c91a/bs1.jpg 295w\", \"/static/d440f211f38cd72b36fb544439ea2fbf/1c72d/bs1.jpg 590w\", \"/static/d440f211f38cd72b36fb544439ea2fbf/a8a14/bs1.jpg 885w\", \"/static/d440f211f38cd72b36fb544439ea2fbf/fbd2c/bs1.jpg 1180w\", \"/static/d440f211f38cd72b36fb544439ea2fbf/eea4a/bs1.jpg 1280w\"],\n    \"sizes\": \"(max-width: 590px) 100vw, 590px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \")), mdx(\"p\", null, \"First annoying thing about Swiggy is you cannot enter the app unless your location is switched on. Belonging to the class of people who religiously adhere to good battery backup methods, being forced to do something is annoying, even if it\\u2019s turning the location on. Although, as a person who once had their food delivered to the wrong address by mistake, I think I understand where they\\u2019re coming from :3. There\\u2019s no two ways about this, it\\u2019s an inconvenience, even if it\\u2019s a necessity.\"), mdx(\"p\", null, \"I remember the minimal, clean interface of old Swiggy. Since the past year/s, it has become very \", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"Zomato-ish\"), \" lookwise. The font size for restaurant names have increased, even text and pictures take up more space now. They still stick to their color scheme (more or less).\"), mdx(\"p\", null, \"On the other hand, Zomato straight up goes to the home page. And it\\u2019s loud.\"), mdx(\"p\", null, \"There have been some unmissable changes like how Zomato changed it\\u2019s menu listing so now it allows images to capture more space on screen as opposed to the previous list that looked similar to Swiggy. It does feel like a lot of clutter and color.\"), mdx(\"p\", null, \"On the restaurant listed, they have labels on top of the image to explain - COVID-19 precautions adhered by restaurant and coupon codes for particular restaurants. I am unsure if labels were the best way to do so, and on top of it using contrasting color labels.\"), mdx(\"h4\", null, \"2. Search bar\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"590px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/f91d06a43e475a7f8c3e6a81a985d027/eea4a/bs2.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"57.432432432432435%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAMBAgQF/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAAejNnwg0lf/EABkQAAIDAQAAAAAAAAAAAAAAAAABAhASEf/aAAgBAQABBQK8RFFcyj//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAWEAEBAQAAAAAAAAAAAAAAAAAAMRD/2gAIAQEABj8C2Ij/xAAZEAADAQEBAAAAAAAAAAAAAAAAAREhEFH/2gAIAQEAAT8hysrqjE36OjyT+F//2gAMAwEAAgADAAAAEAgP/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPxA//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAHRABAAICAgMAAAAAAAAAAAAAAQARITFBcZGx0f/aAAgBAQABPxC9428xLQUcxht5i2yKvv6yq0wUdQLQn//Z')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Search bars of Swiggy and Zomato\",\n    \"title\": \"Search bars of Swiggy and Zomato\",\n    \"src\": \"/static/f91d06a43e475a7f8c3e6a81a985d027/1c72d/bs2.jpg\",\n    \"srcSet\": [\"/static/f91d06a43e475a7f8c3e6a81a985d027/a80bd/bs2.jpg 148w\", \"/static/f91d06a43e475a7f8c3e6a81a985d027/1c91a/bs2.jpg 295w\", \"/static/f91d06a43e475a7f8c3e6a81a985d027/1c72d/bs2.jpg 590w\", \"/static/f91d06a43e475a7f8c3e6a81a985d027/a8a14/bs2.jpg 885w\", \"/static/f91d06a43e475a7f8c3e6a81a985d027/fbd2c/bs2.jpg 1180w\", \"/static/f91d06a43e475a7f8c3e6a81a985d027/eea4a/bs2.jpg 1280w\"],\n    \"sizes\": \"(max-width: 590px) 100vw, 590px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \")), mdx(\"p\", null, \"In Swiggy, there\\u2019s a button for search at the bottom of the screen with the typical \\u201CMagnifying glass\\u201D icon.\"), mdx(\"p\", null, \"Before you begin typing something in the search bar, it provides a list of my recent searches, which makes the experience more personalized and suggestions of popular searches in the area, which is great if I am unsure about what I want to eat.\"), mdx(\"p\", null, \"One issue I did find is that since Swiggy ventured into grocery delivery, it lists the  grocery items and food items in the search results together,  which can be confusing.\"), mdx(\"p\", null, \"In Zomato, the search bar is on the banner itself. Similar to Swiggy, it also provides a list of recent orders and popular ones in the area.\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"590px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/fad7fc3723f1197069cb2133ec6e07fc/eea4a/bs3.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"93.91891891891892%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAATABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAEDBf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAHpINEG+QQR/8QAGhAAAgMBAQAAAAAAAAAAAAAAAAECEUEQEv/aAAgBAQABBQK3e808RJKmf//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQMBAT8BH//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8BH//EABYQAQEBAAAAAAAAAAAAAAAAADEQIP/aAAgBAQAGPwJ0X//EABwQAAICAgMAAAAAAAAAAAAAAAABEUEhURAxcf/aAAgBAQABPyHydEvs8QIszatC4CoEI//aAAwDAQACAAMAAAAQkMgD/8QAFREBAQAAAAAAAAAAAAAAAAAAEAH/2gAIAQMBAT8QIf/EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8QH//EABwQAAIDAAMBAAAAAAAAAAAAAAERACExQXGRUf/aAAgBAQABPxC1bWrfbhOJBQmS2zDK0+wNu/kKAxSVr2ZiOHpiAoABCDU//9k=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Search results in Swiggy and Zomato\",\n    \"title\": \"Search results in Swiggy and Zomato\",\n    \"src\": \"/static/fad7fc3723f1197069cb2133ec6e07fc/1c72d/bs3.jpg\",\n    \"srcSet\": [\"/static/fad7fc3723f1197069cb2133ec6e07fc/a80bd/bs3.jpg 148w\", \"/static/fad7fc3723f1197069cb2133ec6e07fc/1c91a/bs3.jpg 295w\", \"/static/fad7fc3723f1197069cb2133ec6e07fc/1c72d/bs3.jpg 590w\", \"/static/fad7fc3723f1197069cb2133ec6e07fc/a8a14/bs3.jpg 885w\", \"/static/fad7fc3723f1197069cb2133ec6e07fc/fbd2c/bs3.jpg 1180w\", \"/static/fad7fc3723f1197069cb2133ec6e07fc/eea4a/bs3.jpg 1280w\"],\n    \"sizes\": \"(max-width: 590px) 100vw, 590px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \")), mdx(\"p\", null, \"I noticed one thing here, if I enter \", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"\\u201CTomato\\u201D\"), \" in the search bar, it will suggest picking a dish name from the list shown, like \\u201CTomato Soup\\u201D and I can\\u2019t proceed further unless I pick something. This ignores the dishes which contain the word \\u201CTomato\\u201D in their dish description, which Swiggy does pick up and provides a list of items that contain the search word, if it\\u2019s in the dish name or description.\"), mdx(\"h4\", null, \"3. Menu\"), mdx(\"p\", null, \"Both apps have a simple menu design, with a list of dishes with images and/or description mentioned, and also labels the \\u201CBestseller\\u201D dishes.\"), mdx(\"p\", null, \"Zomato also provides ratings on specific dishes. But what exactly is the point of that ?\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"590px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/d36554f0a8820934bde5acd49bf967b0/b4157/bs5.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"185.8108108108108%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAlABQDASIAAhEBAxEB/8QAGAABAAMBAAAAAAAAAAAAAAAAAAECAwT/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAAB6b56QFVtEgEVDmB//8QAGxAAAgEFAAAAAAAAAAAAAAAAAQIDEBESITD/2gAIAQEAAQUCvugAHJzikcjMP//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQMBAT8BX//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8BX//EABoQAAEFAQAAAAAAAAAAAAAAAAEAEBEhMSD/2gAIAQEABj8C16D72SFcL//EABsQAAEFAQEAAAAAAAAAAAAAAAEAEBExQVGB/9oACAEBAAE/IQFBkKWOmEdfXePCPZgNRSdOL//aAAwDAQACAAMAAAAQPAkAg8//xAAVEQEBAAAAAAAAAAAAAAAAAAABIP/aAAgBAwEBPxBr/8QAFREBAQAAAAAAAAAAAAAAAAAAASD/2gAIAQIBAT8QK//EAB0QAQACAwADAQAAAAAAAAAAAAEAESExQRBRYXH/2gAIAQEAAT8QShGwMpAOoU5llwto6zkPyZtdD1ZDW7+w1u5Tbjvvg1olbvsoIvpSyERYoUjh9n//2Q==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Menu page in Zomato\",\n    \"title\": \"Menu page in Zomato\",\n    \"src\": \"/static/d36554f0a8820934bde5acd49bf967b0/1c72d/bs5.jpg\",\n    \"srcSet\": [\"/static/d36554f0a8820934bde5acd49bf967b0/a80bd/bs5.jpg 148w\", \"/static/d36554f0a8820934bde5acd49bf967b0/1c91a/bs5.jpg 295w\", \"/static/d36554f0a8820934bde5acd49bf967b0/1c72d/bs5.jpg 590w\", \"/static/d36554f0a8820934bde5acd49bf967b0/b4157/bs5.jpg 688w\"],\n    \"sizes\": \"(max-width: 590px) 100vw, 590px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \")), mdx(\"h4\", null, \"4. Payment\"), mdx(\"p\", null, \"Zomato remembers the last used option and uses it as a default option, unless changed by the user, this does reduce the time in placing an order. Swiggy doesn\\u2019t do that and it directly provides you with a list of payment options to choose from.\"), mdx(\"p\", null, \"Before finalizing the order, Zomato also provides suggestions to add to the bill based on popular add-ons.\"), mdx(\"h4\", null, \"5. Changes due to pandemic - Extra\"), mdx(\"p\", null, \"When you open the Zomato app, there\\u2019s a large banner at the top that speaks in a large font - \\u201CFood Delivery is Safe\\u201D, assuaging our fears around it.\"), mdx(\"p\", null, \"As mentioned above, Zomato provides specific details about the guidelines a restaurant is adhering to, through labels, which makes sense as people also refer to Zomato before dining out and it provides details about a restaurant\\u2019s hygiene and safety practices.\"), mdx(\"p\", null, \"Swiggy shows a badge for specific restaurants, who adhere to safety and health guidelines, but doesn\\u2019t go into much detail about it.\"), mdx(\"h2\", null, \"Extra thoughts ?\"), mdx(\"p\", null, \"I haven\\u2019t dived deeply into the whole user journey, and picked up only major milestones in the user journey. There are plenty of things to look into and the following are suggestions for future features based on my personal bias/experience.\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Save for later\"))), mdx(\"p\", null, \"Having no feature to bookmark restaurants despite repeated orders seems like a no-brainer. Zomato has this option, but to bookmark, the  \\u201CMore info\\u201D option has to be clicked after clicking on the restaurant name and then it gets bookmarked.\"), mdx(\"p\", null, \"A food-enthusiast like me, used to screenshot the burgers which I wanted to try next from Truffles :3 (hopefully, there\\u2019s a better way)\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"My own ratings\"))), mdx(\"p\", null, \"There\\u2019s nothing stopping me from ordering from a place which I previously rate as 1-star or 2-star. Why are my past ratings not visible to me?\"), mdx(\"p\", null, \"Zomato doesn\\u2019t have this. One can access this on Swiggy if they look at their past orders, but there\\u2019s no preventive step here.\"));\n}\n;\nMDXContent.isMDXComponent = true;","frontmatter":{"title":"Decoding UI/UX - Quick comparison of Swiggy and Zomato","date":"Nov 15, 2020","description":" Reviewing the UI/UX of two popular food delivery apps in India - Swiggy and Zomato "}}},"pageContext":{"slug":"/decoding-ui-ux-quick-comparison-of-swiggy-and-zomato/","previous":{"fields":{"slug":"/how-nuclear-testing-solved-the-obesity-mystery/"},"frontmatter":{"title":"How nuclear testing solved the obesity mystery ?"}},"next":{"fields":{"slug":"/how-to-increase-user-adoption-in-your-saas-product/"},"frontmatter":{"title":"How to increase user adoption for your SAAS product"}}}}}