Environments Lab — SMELL PGH Wireframing on Adobe XD

Mimi Jiao
Mimi Jiao
Sep 2, 2018 · 3 min read

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.

    Mimi Jiao
    Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
    Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
    Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade