Environments Lab — SMELL PGH Wireframing on Adobe XD


This is the default page that opens up once Smell PGH is launched. It is a smell report survey. In the header, the “Settings” button is a threshold. On the bottom, the “Send Report” and “Map” buttons are also thresholds. These all bring up different pages. Once “Send Report” or “Map” is pressed, the display changes to this:

The large shaded area is a map of Pittsburgh with symbols representing different smells, weather factors, and other air quality measures. In the row of squares on the bottom, the bolded square is a visual indication that the user is currently viewing through that option. In this page, the “Settings,” “Smell Report,” as well as the four circles act as thresholds. Clicking the “Smell Report” will bring the user back to the home page, and clicking the circle with the shaded square in it will bring up additional options, shown in the next image. That circle is a threshold, but the page that comes up is a pop up and the contents of the previous page (map) are still somewhat visible through the dark background overlay.



The pop-up allows the user to choose options. Once they are done, they can press “Done,” then “OK” to exit the pop-up page back into the map page.

Back in the map page, the “Settings” button also acts as a threshold to another page. This is also a semi threshold similar to the circle button, as part of the previous page is still visible. “Close” is another threshold that brings the page back to the previous. The three shaded boxes are also buttons, but I will be focusing on the first one, “Settings.”

A survey page pops up after pressing “Settings.” Each “fill in the blank” box is a semi-threshold that brings up the keyboard. The small squares in the option boxes aren’t thresholds, but they indicate user activity. Once one box is pressed, a checkmark appears, and users are able to switch between the two options. The switch is then indicated by a visual change in checkmarks.
At the bottom, the “Smell Report” and “Map” buttons are also thresholds that lead back to the pages covered in the beginning.