Amish Gadhia
10 upvotes
Hello there, This week the design challenge is quite new and interesting. I tried something new this week. I planned to design a desktop website instead of a mobile app. First, I gather all the ideas to create a desktop page that contains all the information regarding resource scarcity. Then I noted down all the information which should be mentioned while showing the global scarcity issues. After a couple of iterations, I come up with this design solution. The navigation bar would be on the left-hand side which will help users to navigate to the website. At the top, I showed the top scarcest resources and by default, the first one will be selected. Below that, I am showing all the required information related to the selected resource. First, it will show the level of scarcity. Next, I mentioned all the causes which are responsible for the scarcity. Then I educate the user about how to face this scarcity and how to prepare for that. The graph will show the historical trend related to the resource. The alternate resources will be helpful to the users to manage their lifestyles. On the right-hand side, the User can show all the latest news to stay up to date. The public forum will help user to convey their thoughts in public. So, that is all about this week's challenge. Let me know your thought regarding my design solution. Your feedback will be greatly appreciated. Thank you.
Hello there, This week the design challenge is quite new and interesting. I tried something new this week. I planned to design a desktop website instead of a mobile app. First, I gather all the ideas to create a desktop page that contains all the information regarding resource scarcity. Then I noted down all the information which should be mentioned while showing the global scarcity issues. After a couple of iterations, I come up with this design solution. The navigation bar would be on the left-hand side which will help users to navigate to the website. At the top, I showed the top scarcest resources and by default, the first one will be selected. Below that, I am showing all the required information related to the selected resource. First, it will show the level of scarcity. Next, I mentioned all the causes which are responsible for the scarcity. Then I educate the user about how to face this scarcity and how to prepare for that. The graph will show the historical trend related to the resource. The alternate resources will be helpful to the users to manage their lifestyles. On the right-hand side, the User can show all the latest news to stay up to date. The public forum will help user to convey their thoughts in public. So, that is all about this week's challenge. Let me know your thought regarding my design solution. Your feedback will be greatly appreciated. Thank you.

Feedback (8)
Hi Jennifer, thank you for the feedback. These are really good suggestions. I really appreciate it.
Hi Amish, I really like that you took this in the direction of a desktop/dashboard. The UI is clean and readable without too much cognitive load. I just have a few notes: 1. I wonder if we can show the users name and location at the top so that it is always clear that the information shown is curated for them and their location in specific? 2. I really like the treatment of the "Best alternatives" icon/info section and am wondering if you could maybe do the same treatment for the "top for the scarce resources" cards and show the pairing together: i.e. top resource --> top alternative. 3. I'd maybe show the locations of where the users in the "Public forum" section are commenting from. Then the user will know how close/far they are from them. Great job - keep up the good work.
Hi Syihan, I am glad to know that you liked my approach. Thank you for the feedback.
Hi Joshua, thank you for the feedback. Here are some clarifications for your questions. The 'Top' qualifies by the scarcity level. The top scarcest resource has the highest scarcity level. The horizontal scroll could be nice idea but I approached with fixed top 4 resources with the view all button. I added the 'selected resource' label to avoid any kind of confusion and accessibility issues. You need to empathize with different kinds of users when designing a website for a global audience. I respect your opinion regarding the overwhelming content. But it is an informative website. and I designed carefully to show content in a way such that users can quickly scan and find the desired information. The news and forum are also important content for the home page. But making it overlay can be a good idea. Yes, the label on the navigation could be a good idea. I relied on assumption that users might already know the basic icon interpretation or can be educated by the tooltip displayed while hovering over the icon. Thanks again for the detailed feedback. I really appreciate your time and effort.
Hi Siddhi, thank you for the feedback. I approached the solution by designing one platform for the globe. But the country-specific would also be an excellent idea. Thanks again for the input.
Hi Amish, the scenario for solving this challenge is quite surprising but I think the solution you offer is right on target, it looks quite informative for users when they are in a condition of needing information about resources, plus there is a forum that allows users to exchange some information that can help one another. each other Keep up your performance & Keep the Spirit!
Hi Amish. Nice Job. I have a few questions and comments. Regarding the ' Top scarce resources', how would you qualify the word 'Top' ? Since there is a " View all" CTA, I would suggest you allow the user to scroll through the resource cards ( showing the edge of the 5th card as signifier there is more to scroll) to see more as well as having a list view. You could have two icons for grid / list view that the user could toggle. I really like your selected resource area though it feels perhaps redundant to label the area as 'selected resource : drinkable water' as its clear the user has selected this directly above.... ( perhaps for screen readers it could make sense for accessibility protocols, however it visually appears redundant.) Next, the news and forum side panel is nice, but if this is the home view of your app, it feels very busy and copy heavy to have this open by default. I have no idea where to focus my eyes as it feels like there is a lot going on and is very overwhelming. Perhaps having this side panel visually appear as an overlay on the main content ( dimming/blurring the main content ) and giving the side panel more focus as is doesn't feel directly relevant to main content. Finally, the navigation is confusing. Since this is a webapp, best practice is to have text labels under or next to the navigation icons as you have plenty of room to do so. Only when going responsive would I suggest going to icon only.
The fantastic concept; I like the way you've presented by stating how to prepare yourself and also the best alternatives available. But I feel if you could have also added the countries in which the resource is scarce could have been a good way, and in the public forum worldwide, comments could be added so that if some specific resources are getting scarce, we could take care too. Rest I really like the way you presented ;)