{"id":535,"date":"2026-04-06T01:01:17","date_gmt":"2026-04-06T01:01:17","guid":{"rendered":"https:\/\/gabrielaroznawska.sites.grinnell.edu\/?p=535"},"modified":"2026-04-06T01:18:35","modified_gmt":"2026-04-06T01:18:35","slug":"february-update-learning-more-about-arcgis-experience-builder","status":"publish","type":"post","link":"https:\/\/gabrielaroznawska.sites.grinnell.edu\/index.php\/february-update-learning-more-about-arcgis-experience-builder\/","title":{"rendered":"February Update: Learning More About ArcGIS Experience Builder"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p>ArcGIS Experience<\/p>\n\n\n\n<p class=\"has-manrope-font-family has-medium-font-size\">Throughout February I focused on improving my project, the Tree Map, when it comes to design ideas. I previously tried to set the interface of the ArcGIS Experience application to allow users to filter through tree data, and it technically worked well, but was not aesthetically pleasing. It also felt somewhat &#8220;busy&#8221; on the screen, making it seem that while the information is there, it is not appealing to look at which could discourage potential users.<br><br>In my new approach to visual design I tried to build on insights I got from focus session with a group of students. In the session I asked them to suggest an ideal functionality and design for a hypothetical tree map, and the wealth of potential functions was quite inspiring. However, at that point the screen of the application was already overfilled with information, so it became clear to me that in order to provide better functionality, a new design is needed. So, instead of trying to make all functions accessible from the main page, I explored the options of multiple pages and views.<\/p>\n\n\n\n<div style=\"height:93px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Pages<\/p>\n\n\n\n<p class=\"has-manrope-font-family has-medium-font-size\">I started off using a single main page which meant that all functionality was present right at the start screen. I completely underestimated the potential of multiple pages, and I really am happy that I recognize it now, as it allows for much clearer view of the data.<br><br>The present development includes four different pages that the user can switch between. One of the main reasons why I initially did not consider to explore the multi-page functionality is because of the ability to show entirely different screens, which breaks the illusion of different forms of interaction with the map. To avoid that I maintained the left-side page menu through all the pages, and used the same map for all pages interacting with it &#8212; &#8220;Map&#8221;, &#8220;Special Trees&#8221; and &#8220;Paths&#8221;. This allows the users to feel as if they simply change the settings, while in reality the entire setup of the interface changes. Most importantly, the information is categorized, so the screen does not feel as &#8220;busy&#8221; as it did before.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"612\" src=\"https:\/\/gabrielaroznawska.sites.grinnell.edu\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-05-at-7.41.14-PM-1024x612.png\" alt=\"A view of the developer mode in ArcGIS Experience, displaying the list of pages alongside the view of the map view\" class=\"wp-image-536\" srcset=\"https:\/\/gabrielaroznawska.sites.grinnell.edu\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-05-at-7.41.14-PM-1024x612.png 1024w, https:\/\/gabrielaroznawska.sites.grinnell.edu\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-05-at-7.41.14-PM-300x179.png 300w, https:\/\/gabrielaroznawska.sites.grinnell.edu\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-05-at-7.41.14-PM-768x459.png 768w, https:\/\/gabrielaroznawska.sites.grinnell.edu\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-05-at-7.41.14-PM-1536x919.png 1536w, https:\/\/gabrielaroznawska.sites.grinnell.edu\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-05-at-7.41.14-PM-2048x1225.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Page development from editor&#8217;s perspective<\/figcaption><\/figure>\n\n\n\n<p class=\"has-manrope-font-family has-medium-font-size\">The current development allowed me to create a version of Catalog that I am happy about. I really want the information about trees to be displayed clearly, and having a small sidebar or pop-up windows really does not encourage engagement with the app. So, being able to use the entirety of the screen dimensions (since there is no need to display the map) I set up a large list widget with a fixed panel on the right side. While there is a lot of development left to do when it comes to specific information being show, I think that it is better to have more space (where new information will be added in the future) than stack up too much information in confined space.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"518\" src=\"https:\/\/gabrielaroznawska.sites.grinnell.edu\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-05-at-7.56.03-PM-1-1024x518.png\" alt=\"A catalog page showing side-by-side a list of tree genuses and right-sided panel with specific information on the genus selected from the list\" class=\"wp-image-539\" srcset=\"https:\/\/gabrielaroznawska.sites.grinnell.edu\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-05-at-7.56.03-PM-1-1024x518.png 1024w, https:\/\/gabrielaroznawska.sites.grinnell.edu\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-05-at-7.56.03-PM-1-300x152.png 300w, https:\/\/gabrielaroznawska.sites.grinnell.edu\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-05-at-7.56.03-PM-1-768x389.png 768w, https:\/\/gabrielaroznawska.sites.grinnell.edu\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-05-at-7.56.03-PM-1-1536x777.png 1536w, https:\/\/gabrielaroznawska.sites.grinnell.edu\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-05-at-7.56.03-PM-1-2048x1036.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Catalog Page from user&#8217;s perspective<\/figcaption><\/figure>\n\n\n\n<div style=\"height:93px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Views<\/p>\n\n\n\n<p class=\"has-manrope-font-family has-medium-font-size\">Another feature of ArcGIS Experience that I recently took advantage of is the View widget. Similarly to Pages, it allows me to offload the screen from displaying too much information. While Pages change the display of the entirety of the screen, Views only changes the contents of a specific Section of the screen. I thought it would be a reasonable choice to have the section be a form of sub-menu, additional to the Pages one to the left. The menu of Views appears only on the page that contains View-operated Section, making it accessible only when needed, and thus not adding more clutter to the screen. <br><br>I really appreciate this feature because it allows me to categorize the type of information within the application, and not create unnecessary pages that won&#8217;t have a significant difference in functionality. Also, it provides a rather clear setup for the users to understand &#8211; for example, only when you select &#8220;Paths&#8221; you are able to browse the different &#8220;Paths&#8221; available to take. If using only Pages, the display of Page menu would make it so that all the paths would be visible from any part of the site, which is just unnecessary and counterintuitive. <br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/gabrielaroznawska.sites.grinnell.edu\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-05-at-8.09.11-PM-1024x524.png\" alt=\"A full screen view of user's perspective on selecting specific view (&quot;Relationships&quot;) on a page (&quot;Special Trees&quot;)\" class=\"wp-image-542\"\/><figcaption class=\"wp-element-caption\">The use of View feature in one of the application&#8217;s pages<\/figcaption><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>General Conclusion<\/p>\n\n\n\n<p class=\"has-manrope-font-family has-medium-font-size\">The use of both Pages and Views is a true renaissance for Tree Map interface. Acting together they behave as a menu with sub-menus, making the functionality of the experience much clearer visually but also conceptually for the potential users. It is also much more straight-forward to work with the map from the developer&#8217;s perspective, as every page\/view is independent from others, allowing for more experimentation and results that are much more visible.<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>ArcGIS Experience Throughout February I focused on improving my project, the Tree Map, when it comes to design ideas. I previously tried to set the interface of the ArcGIS Experience application to allow users to filter through tree data, and it technically worked well, but was not aesthetically pleasing. It also felt somewhat &#8220;busy&#8221; on [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":542,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-535","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/gabrielaroznawska.sites.grinnell.edu\/index.php\/wp-json\/wp\/v2\/posts\/535","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gabrielaroznawska.sites.grinnell.edu\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gabrielaroznawska.sites.grinnell.edu\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gabrielaroznawska.sites.grinnell.edu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gabrielaroznawska.sites.grinnell.edu\/index.php\/wp-json\/wp\/v2\/comments?post=535"}],"version-history":[{"count":2,"href":"https:\/\/gabrielaroznawska.sites.grinnell.edu\/index.php\/wp-json\/wp\/v2\/posts\/535\/revisions"}],"predecessor-version":[{"id":543,"href":"https:\/\/gabrielaroznawska.sites.grinnell.edu\/index.php\/wp-json\/wp\/v2\/posts\/535\/revisions\/543"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gabrielaroznawska.sites.grinnell.edu\/index.php\/wp-json\/wp\/v2\/media\/542"}],"wp:attachment":[{"href":"https:\/\/gabrielaroznawska.sites.grinnell.edu\/index.php\/wp-json\/wp\/v2\/media?parent=535"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gabrielaroznawska.sites.grinnell.edu\/index.php\/wp-json\/wp\/v2\/categories?post=535"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gabrielaroznawska.sites.grinnell.edu\/index.php\/wp-json\/wp\/v2\/tags?post=535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}