Skip to content

vNext: user research testing

David Nixon edited this page May 17, 2022 · 2 revisions

Thank you for helping with the Five-Fifths-Voter vNext!

For now the URL is not being published here. See the slack channel for the URL to the vNext preview site.

The Design

Just a quick note on the design on the "Work Together" area. There is NO DESIGN! Its meant to be functional but it is definitely not beautiful. Try to focus on the function only. If you have a design idea you can open and issue and select the "vNext - Design idea". Sebastian will be looking at an overall design but help is welcome.

Check the "Work Together" tab

Once on the site click the "Work Together" tab.

image

Clicking that tab will prompt you to log in.

image

We do not yet have an approved Facebook or Google connection so those button will only work a few times a day. You are welcome to try those but you can also click the sign up link to create an account for the site.

If all goes well you should see a screen where you can create your own team or you can join the sample team.

image

The sample team contains sample election information from the Google civic API. Feel free to interact with it but just remember that none of the data is real.

Create your own team

image

You can name your team anything and give any description. The path does have to be unique so if you get an error when you click Create try changing the path.

Badges

image

Once you create your team you will land on the badge page and hopefully you will see that you have already earned some badges.

We are definitely interested in ideas for badges. If you have an idea open and issue and select the "vNext - Badge idea"

Team status

image

Looks impressive right! You team is doing awesome! Oh. Never mind. Its all fake data. We do not know what to show for team status but we probably want to show something. Have ideas here? You can open an issue and select the blank template at the bottom and describe your idea. Also, please add the "vNext" label to your issue.

Elections

This is heart of it all. But your team election page is probably blank. Start by clicking "Add election"

image

If you are lucky, Google civic API know something about your election and you can pick that from the list. If you are unlucky, then start by downloading your sample ballot from your state elections office. That's what I did.

image

Once you have an election added you will see it on your page.

image

If you added an election from the Google list, you can try to import more information using the import button. If you created your own election, just select it and add your own information.

image

Click "Add contest" to get started.

image

I used my sample ballot and google to fill in as much information as I could.

Add all the contests and candidates that you want to your team.

Once you have a list of contests and candidates you can do your research and make notes with the tags feature.

image

You tags are NOT saved to the cloud. They are saved to your local browser only. No one can see your tags unles you share them with someone on your team.

Manage team

image

Invite people to your team with their email address. You can set them as a regular user, or an editor (so they can edit election details), or as an admin (so they can edit and also invite new people).

My list

If you click on the "heart" icon on the election page you can find your selection on the My List tab.

image

You selection in "My List" are NOT saved to the cloud. They are saved to your local browser only.

You can generate a code to share your list & tags with someone on your team.

image

Copy the code and send it to anyone. The person with the code can just apply it to see your list & tags. In this case your list and tags IS SAVED TO THE CLOUD however your personal information is not saved. So in this case L5Fxc is the code used to share the list & tags but nothing we store in the cloud identifies L5Fxc as being your code.

Let us know what you think

You can post to the slack channel or use on the the vNext templates to open and issue

Development

The code for these new features is on the vNext branch. If you want to contribute code you will need to start a branch from vNext.