Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Design II

Review

Design III

Creating a Code

Our third design combines lessons learned from the two previous designs. This will be the homepage text:

Image Added

This will be the layout of the homepage: A short description of the service is 66% of the top, with the other 33% being a large button to start the QR code creation process. The bottom of the page will be 3 screenshots/pictures, one for each step of the process

Image Added

When a user clicks "Create a QR code" they are brought to this page: Here, a poster creator can enter the details of the event. This page is similar to Google Calendar and Microsoft Outlook "add calendar entry" pages.

Image Added

The poster creator designs the QR code in step 2: The user can select the color of the QR code. (We will also let them select the color of the background.) There is a live preview that updates when a user selects a color. The user can also pick a size. (This might move to the next page with the download link.) There is a message to users that they can always edit their design later.

Image Added

After a user saves the code, they are brought to this page. This is the most uncertain page of our design. We will likely be moving the size and download links to this page. In this design, we have removed the log in feature. Instead, a user is emailed an "admin link" to make further changes to the event details or QR code.

Image Added

Viewing a Poster

When a user scans a QR code, they will be brought to this page. The page reviews the event details and has a large page to add the item to the user's calendar. There is a RSVP Yes/No slider under the button. This defaults to "Yes", but a user could switch it to "No" if they are uncertain they are attending. Below an <hr> will be some alternate ways to add the event, including a Google Calendar log in page, or a simple email reminder. These options will be determined as needed, as we test in different environments.

Image Added

Viewing RSVPs

When the poster creator, or someone else on the event staff, clicks the admin link, they are brought to this page. They can see the key facts of the event, and edit them if needed (editing screen will be similar to earlier creation screen). The user can see a breakdown of the RSVP stats.

Image Added
Image Added

Review