One day while going through our app dashboard I wondered on the look of the app. Out of curiosity I had a conversation with our in house experts and discussed on UX design hacks. And I was amazed on my below discoveries.<\/p>\n\n\n\n
Trial by Fire\u200a\u2014\u200aUI approach that helped LogiNext<\/strong><\/h2>\n\n\n\n\n- Defining the need<\/strong>: The LogiNext\u2019s mobile app users are primarily Managers (Operations) or delivery guys of e-commerce and hyperlocal companies. Due to the nature of their work, they end up most of the time on-field. Hence, it became imperative for the team to consider ocean colour in the app\u2019s interface. This was done to enable the users read better on their mobile devices while they work in broad daylight.<\/li>\n<\/ul>\n\n\n\n
\n- Name the need<\/strong>: Catering to different industries means providing different primary fields according to the industry needs. This observation led the team to include the appropriate nomenclature in the UI. For example, the most important identification field in the hyperlocal delivery business is the customer\u2019s phone number. Whereas, for a courier service\u200a, it\u2019s the AWB number and for ecommerce\u200a, the order number.<\/li>\n<\/ul>\n\n\n\n
\n- Features to suite the need<\/strong>: Initially at MVP the app design did not accommodate big data aspects like charts and graphs of 1000s of deliveries but the current UI is fluid in that sense. Now the team tweaks the UI considering the needs of their clients. Besides adding default reports, the team also ensured that the client can add\/modify the reports. It can be for relevant fields and columns as per their business needs.<\/li>\n<\/ul>\n\n\n\n
Also, now the team uses optimized pagination for query results.<\/p>\n\n\n\n
\u201c<\/em>A good design is the one which doesn\u2019t need a demo or video to be explained<\/em><\/strong>.\u201d\u200a<\/em> – Dhruvil Sanghvi, CEO, LogiNext<\/em><\/p>\n\n\n\nDisaster turned Learning<\/strong><\/h2>\n\n\n\n\n- Directionless:<\/strong> The team tried to be innovative with the markers used in the maps in the solutions. They initially used minimalistic transparent markers on the maps. However, when they tested with actual data, the transparent markers were overlapping each other. And there was no way to know where a particular marker was pointing on the map.<\/li>\n<\/ul>\n\n\n\n
\n- Scaling<\/strong>: While attempting to show the current location of all the vehicles of the client on a map, they realized that the transparent markers and their width weren\u2019t appropriately defined for larger sets of data.<\/li>\n<\/ul>\n\n\n\n
\u201c<\/em>The most powerful design is simple in appearance but difficult to build.<\/em><\/strong>\u201d\u200a\u2014\u200a<\/em>Rashida Ayyajwala<\/em><\/a>, Sr. Designer, LogiNext<\/em><\/p>\n\n\n\nDesign Methodologies which inspire LogiNext<\/strong><\/h2>\n\n\n\n
- \n
- Name the need<\/strong>: Catering to different industries means providing different primary fields according to the industry needs. This observation led the team to include the appropriate nomenclature in the UI. For example, the most important identification field in the hyperlocal delivery business is the customer\u2019s phone number. Whereas, for a courier service\u200a, it\u2019s the AWB number and for ecommerce\u200a, the order number.<\/li>\n<\/ul>\n\n\n\n
- \n
- Features to suite the need<\/strong>: Initially at MVP the app design did not accommodate big data aspects like charts and graphs of 1000s of deliveries but the current UI is fluid in that sense. Now the team tweaks the UI considering the needs of their clients. Besides adding default reports, the team also ensured that the client can add\/modify the reports. It can be for relevant fields and columns as per their business needs.<\/li>\n<\/ul>\n\n\n\n
Also, now the team uses optimized pagination for query results.<\/p>\n\n\n\n
\u201c<\/em>A good design is the one which doesn\u2019t need a demo or video to be explained<\/em><\/strong>.\u201d\u200a<\/em> – Dhruvil Sanghvi, CEO, LogiNext<\/em><\/p>\n\n\n\n
Disaster turned Learning<\/strong><\/h2>\n\n\n\n
- \n
- Directionless:<\/strong> The team tried to be innovative with the markers used in the maps in the solutions. They initially used minimalistic transparent markers on the maps. However, when they tested with actual data, the transparent markers were overlapping each other. And there was no way to know where a particular marker was pointing on the map.<\/li>\n<\/ul>\n\n\n\n
- \n
- Scaling<\/strong>: While attempting to show the current location of all the vehicles of the client on a map, they realized that the transparent markers and their width weren\u2019t appropriately defined for larger sets of data.<\/li>\n<\/ul>\n\n\n\n
\u201c<\/em>The most powerful design is simple in appearance but difficult to build.<\/em><\/strong>\u201d\u200a\u2014\u200a<\/em>Rashida Ayyajwala<\/em><\/a>, Sr. Designer, LogiNext<\/em><\/p>\n\n\n\n
Design Methodologies which inspire LogiNext<\/strong><\/h2>\n\n\n\n
- Scaling<\/strong>: While attempting to show the current location of all the vehicles of the client on a map, they realized that the transparent markers and their width weren\u2019t appropriately defined for larger sets of data.<\/li>\n<\/ul>\n\n\n\n
- Directionless:<\/strong> The team tried to be innovative with the markers used in the maps in the solutions. They initially used minimalistic transparent markers on the maps. However, when they tested with actual data, the transparent markers were overlapping each other. And there was no way to know where a particular marker was pointing on the map.<\/li>\n<\/ul>\n\n\n\n
- Features to suite the need<\/strong>: Initially at MVP the app design did not accommodate big data aspects like charts and graphs of 1000s of deliveries but the current UI is fluid in that sense. Now the team tweaks the UI considering the needs of their clients. Besides adding default reports, the team also ensured that the client can add\/modify the reports. It can be for relevant fields and columns as per their business needs.<\/li>\n<\/ul>\n\n\n\n