Prototypes

On this page, I will include the brainstorming process, the prototypes, and the updated versions behind our website modifications for the functionality branch.

Prototype 1: Empergency Popup

While researching and navigating thee website with our partner, we noticed an error within the initial emergency popup. This popup's efficiency is crucial to the website functionality and success.

The error displayed in the photo to the left is circled in pink. The bar icon shows orange (closed) when it should be green (open) due to the hours of operation.

Screen Shot 2022-10-25 at 3.10.56 PM.png

Another small update I tested out was changing the visual of the "Escape" in text by bolding it and coloring red for extra clarity.

Screen Shot 2022-11-29 at 9.45.24 AM.png

The small color is now more clear by clearly stating "Closed" vs. "Open"

Prototype 2: Browser History Page

Screen Shot 2022-11-10 at 10.47.14 AM.png

To provide a safety feature for survivors, this is our initial prototype for a corner popup to aid people on how to delete their browser history. The popup will lead to the "Connect With Resources" page which will provide the instructions in the second image below.

Screen Shot 2022-11-15 at 11.26.45 AM.png

The instruction / how--to guide for deleting browser history

Screen Shot 2022-11-15 at 10.56.54 AM.png

Screen Shot 2022-11-15 at 2.06.39 PM.png

Prototypes

Prototype 1: Empergency Popup

Another small update I tested out was changing the visual of the "Escape" in text by bolding it and coloring red for extra clarity.

The small color is now more clear by clearly stating "Closed" vs. "Open"

Prototype 2: Browser History Page

To provide a safety feature for survivors, this is our initial prototype for a corner popup to aid people on how to delete their browser history. The popup will lead to the "Connect With Resources" page which will provide the instructions in the second image below.

The instruction / how--to guide for deleting browser history

An initial prototype for the text promo on slider revolution.

A second prototype with the scalable phone number of a SafeChat advocate

Once the QR code is scanned, it will take the user to a direct text.

Prototype 3: Text Promotion
(Slider Revolution)

Prototypes

Prototype 1: Empergency Popup

Another small update I tested out was changing the visual of the "Escape" in text by bolding it and coloring red for extra clarity.

The small color is now more clear by clearly stating "Closed" vs. "Open"

Prototype 2: Browser History Page

To provide a safety feature for survivors, this is our initial prototype for a corner popup to aid people on how to delete their browser history. The popup will lead to the "Connect With Resources" page which will provide the instructions in the second image below.

The instruction / how--to guide for deleting browser history

An initial prototype for the text promo on slider revolution.

A second prototype with the scalable phone number of a SafeChat advocate

Once the QR code is scanned, it will take the user to a direct text.

Prototype 3: Text Promotion (Slider Revolution)

Prototype 3: Text Promotion
(Slider Revolution)