AgroScout's web app and app serves as a comprehensive platform for farmers to access real-time data on their crops, including growth patterns, soil health, and weather forecasts. This information empowers farmers to make informed decisions about irrigation, fertilization, and pest control, leading to more sustainable and profitable farming practices.
The mobile app complements the web platform by allowing farmers to monitor their fields on the go. With just a few taps on their smartphones, they can receive alerts about potential pest infestations or adverse weather conditions, enabling timely interventions to safeguard their crops. AgroScout's mobile app truly puts the power of precision agriculture in the palm of farmers' hands.
Moreover, the flight app integrates drone technology, enabling aerial surveillance of fields. Drones equipped with advanced sensors and cameras collect high-resolution imagery, which is then processed and analyzed by AgroScout's algorithms. This aerial perspective offers farmers invaluable insights into the health and vigor of their crops, enabling early detection of issues and precise pest management strategies.
About AgroScout
![](https://static.wixstatic.com/media/3e9bbd_d93f90c1682e43b085d978788a20a010~mv2.png/v1/fill/w_49,h_24,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/98796.png)
The User Settings feature in the AgroScout web app allows users to control languages and units. Additionally, users have the option to manage application notifications. Another aspect of this feature includes the redesign of the user's personal area, as well as the ability to deactivate a user's account.
About User Settings
![](https://static.wixstatic.com/media/3e9bbd_a6ccbbaf044d4bb6a6ab9f5b3ad4ea8a~mv2.png/v1/crop/x_0,y_41,w_5609,h_2568/fill/w_49,h_22,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/887.png)
As a user, it’s necessary to have the option to control languages and units, user personal settings, notifications preferences in order to provide support for the following scenarios:
-
Language and Units Control:
1. Users from diverse linguistic backgrounds may struggle to understand and navigate the app if it's available only in english language.
2. Unit confusion can result in errors, misunderstandings, and inaccurate data analysis, which in turn can have a significant impact on agricultural decisions. This is why it's crucial to support a wide range of units.
-
User Personal Settings
Currently, the user personal settings feature has a poorly designed user interface and a confusing user experience. We need to incorporate additional options while simplifying the UI/UX for a more user-friendly experience.
-
Notifications Preferences
1. Overwhelming Notifications: Users who cannot control notifications may receive an excessive number of alerts, leading to information overload and decreased attention to critical updates.
2. Missed Important Updates: Conversely, some users may miss essential notifications in the flood of less important ones, potentially leading to missed opportunities or critical issues.
Problems
For this feature, our user base encompasses a wide range of user personas, including SMB farmers, large-scale farmers, drone pilots, and agronomists. To ensure that the feature caters to all these diverse user groups, we conducted user tests with each persona type using prototypes.
-
SMB farmers
-
Large-Scale Farmers
-
Drone Pilots
-
Agronomists
User Personas
I used the "How Might We" questioning method in the context of a user settings, this allowed me for the generation of inventive solutions while ensuring a focus on addressing the most crucial problems. By framing questions using "How Might We", it encourages creative thinking and opens up possibilities for innovative approaches to designing and improving the user settings feature. When applied to a user settings, "How Might We" questioning prompts us to consider various aspects of its functionality, user experience, and problem-solving capabilities. For example, "How might we distinguish between in-app notifications and web-app notifications effectively?".
![](https://static.wixstatic.com/media/3e9bbd_4bc21c87fea64529ac3ae3d900a3d273~mv2.png/v1/fill/w_49,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/80.png)
How Might We
Method
To fully grasp and evaluate the feature and its challenges, I meticulously mapped out all competitors who has the user settings with the options to control languages and units, user personal settings, notifications preferences.
![](https://static.wixstatic.com/media/3e9bbd_a85401d7420746bea5fbdb47af73238f~mv2.png/v1/crop/x_0,y_0,w_2370,h_823/fill/w_49,h_17,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/115.png)
Competitors
Thorough the research I collected and explored inspirations and ideas from direct competitors, the broader ecosystem, prevailing design trends, and big apps in the market, all tailored towards enhancing the User Settings feature. I meticulously mapped out all the corresponding flows and research using Miro.
Below, you can find screenshots from the research.
UI.UX Research
![](https://static.wixstatic.com/media/3e9bbd_c503d2a927fc446d90669a9d7d7d2831~mv2.png/v1/fill/w_49,h_26,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%201707478950.png)
I used the method "User Journey Map" method to proactively address potential issues, enhance customer retention, and uncover vital information for making informed decisions. These visual diagrams depict various scenarios of the expected user experience when users interact with the user settings feature.
-
User Settings
![](https://static.wixstatic.com/media/3e9bbd_74e2470205bb43158c672e9cacec96a8~mv2.png/v1/fill/w_49,h_33,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/4152.png)
User Journey Map -
Scenarios
A comprehensive map of the user experience when engaging with the user settings feature, demonstrating each UI screen and scenario.
A key tool for aligning development and project management teams prior
to creating wireframes and visual designs of the user settings feature.
-
Account Settings -> Profile Info
![](https://static.wixstatic.com/media/3e9bbd_129f2dfe84ed4ba38a35fdcd2e77c542~mv2.png/v1/fill/w_49,h_10,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/214.png)
![](https://static.wixstatic.com/media/3e9bbd_2fd73db6917442928c8cfad3791cffc8~mv2.png/v1/fill/w_49,h_14,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/4.png)
-
Click on Profile -> Pop-over option to change quick Languages & Units
-
Account Settings -> Notifications Preferences
![](https://static.wixstatic.com/media/3e9bbd_f204b7a3de524aa1b04fd5e450695464~mv2.png/v1/fill/w_49,h_10,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/2.png)
-
Account Settings -> Languages & Units
![](https://static.wixstatic.com/media/3e9bbd_a699713727a345eaa5f2bea898dde666~mv2.png/v1/crop/x_0,y_3,w_1812,h_377/fill/w_49,h_10,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/3.png)
Flow of the Screens
by Notes
Please find below the UI screens from our web app, illustrating the user settings feature.
These screens offer a visual representation and flows of the user settings feature in the web app.
UI Screens
In the 'Account Settings -> Profile Info' flow, users have the ability to update their profile information, change their password, or deactivate their user account if it is no longer required. This page has been redesigned, and we added the option for deactivating user accounts.
Account Settings -> Profile Info
![](https://static.wixstatic.com/media/3e9bbd_58b0c5463e4b4160b97bdd354d3afb3df000.jpg/v1/fill/w_160,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_auto/3e9bbd_58b0c5463e4b4160b97bdd354d3afb3df000.jpg)
In the 'Account Settings -> Notifications Preferences' flow, users have the ability to choose their desired notifications for web, mobile, and email using checkboxes. This flow is crucial because without it, they might miss important notifications due to the volume of notifications in the system.
Account Settings -> Notifications Preferences
![](https://static.wixstatic.com/media/3e9bbd_d7af26480566487a8de2a0bc13c036b9f000.jpg/v1/fill/w_160,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_auto/3e9bbd_d7af26480566487a8de2a0bc13c036b9f000.jpg)
In the 'Account Settings -> Languages & Units' flow, users have the ability to change their units and languages. Users from diverse linguistic backgrounds may struggle to understand and navigate the app if it's available only in English or if it uses units that are not relevant to their country. For example, in Israel, we use "dunam" as a unit of measurement.
Account Settings -> Languages & Units
![](https://static.wixstatic.com/media/3e9bbd_7abf1acac6a44fa3a18d3b4f5dbf57a6f000.jpg/v1/fill/w_160,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_auto/3e9bbd_7abf1acac6a44fa3a18d3b4f5dbf57a6f000.jpg)
In the 'Change Quick Languages & Units' flow, users have the ability to swiftly change their units and languages. In this scenario, our goal is to provide users with the quickest possible way to make these changes, if they are not familiar with the language or unit of measurement currently set.
Change Quick
Languages & Units
![](https://static.wixstatic.com/media/3e9bbd_450aaa89ff054e9cae12a467dd936429f000.jpg/v1/fill/w_160,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_auto/3e9bbd_450aaa89ff054e9cae12a467dd936429f000.jpg)
The popover is displayed when a user clicks on their profile on the side navigation menu.
This popover allows the user to access account settings, the company panel, log out, or quickly change units and languages. This is particularly important for users who may not understand the current language or units, as they need to be able to make these changes as quickly as possible.
Pop-over Animation
![](https://static.wixstatic.com/media/3e9bbd_75b567f9d9774db3b09d39a0d433b6def000.jpg/v1/fill/w_139,h_90,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_auto/3e9bbd_75b567f9d9774db3b09d39a0d433b6def000.jpg)
My Role and Challenges
Role - Product designer
As a Product Designer I held complete design-ownership over the feature of the web app of the user settings. My role encompassed the entire design process of the user settings feature, from ideation and brainstorming to user research, user experience, user journey mapping, user interface design, and prototyping. I took on full responsibility for ensuring that the feature met the high standards set by AgroScout, delivering a best user experience to our customers.
Challenges
-
How do you create a straightforward, fast and user-friendly language and units swapping,
as well as notification settings? -
Another challenge we encountered during the design process was adapting screen components in the web app to accommodate different languages, which sometimes required adjustments, such as for buttons.
Despite the challenges posed by the user settings feature, I was able to overcome them
through the use of good UX design and thorough user research.