Set Up Wizard **** about ux HOT 23 CLOSED

CHANGE LAST SLIDE TO:

• We suggest using Firefox as your browser option to search the I2P network. If you do not have it installed, you can do that here. (link)
• If you have not ran the bandwidth test , you can always do that later or adjust it later.
• Ensure that when using the I2P network that being aware of your own safety still is important. Consider your identity, and use caution as you would on the clearnet when interacting with links, downloads and revealing any personal information.

from ux.

It got a pretty sizable CSS touch-up this cycle, to prep for the Theme-Picker page this cycle. It's too far past tag freeze for us to push this change but we can try and get it in in 1.7.0

from ux.

what was the css change?

from ux.

from ux.

from ux.

the new dark mode looks like it is creating an issue with being able to see the graphics.
What is the best way to solve that?
Do we need 2 set of graphics?

from ux.

Can this be an opportunity to swap out graphics ?

from ux.

assets (6).zip

would these in this colour work better?
Grey tones generally are the best option for working with both light and dark themes.
https://www.canva.com/policies/content-license-agreement/ ( some of these are pro)

from ux.

We could swap them out, or recolor them. Using 2 sets is my least-favorite option but we could do that too. I don't think the ODUL thing which applies to Pro assets, is compatible with the rest of our licensing or with the licensing of many of our distribution channels. Also I just don't like it. Specifically the problem is that the assets are non-transferable. That will be inconvenient for our library users and downstreams at the very least, if not downright illegal.

from ux.

assets (7).zip

these are free assets from canva that I modified as options to try out if we can use them with the licence.

from ux.

I feel that in this instance there are some hard issues with visual accessibility.

The css changes for the dark them obliterate the images, I would try new assets and also the logo letters need to be lightened so that the logo is visible properly on both themes. We have a logo with white letters.

If you do not want to have 2 sets of graphic assets, then we need to modify the colours and think about using more minimal designs.

I understand why 2 sets would be least fav, but it might need to be. Otherwise , we just make everything orange or grey I think. This dark theme option needs more time and consideration before it should be included in a release.

from ux.

What is the reasoning for introducing a dark theme in the set up wizard?
This adds so much design complexity to a process that is not permanent.
Also, there are big changes coming for the website, so that needs to be present in the wizard for continuity, consistency.

from ux.

What is the reasoning for introducing a dark theme in the set up wizard?

In order to offer the user a choice between a light and a dark theme for the setup wizard, and the dark theme has been there since I redid the dark theme. It's been there the entire time, all we're doing is exposing the choice.

This adds so much design complexity to a process that is not permanent.

It is in fact permanent. It will be applied until they manually change the theme, that is the whole point.

from ux.

If this is a choice that is important, then it needs much more thought and work . The usability needs improvement. And if we are doing that, then the set up wizard as a whole can be improved. And that is worth doing. I have wanted to do that for a while.

First off, the text is hard to read with a dark theme
The next issue is what we are focusing on. For instance: the new slide with the icons for dark and light : the big image is where I look, not at the task since that is very small. In that case it would be better to get rid of the graphic entirely and put the icons in the middle of the page and make the bigger.

Working a dark theme into this part of the process does add complexity. The set up wizard can be skipped.

The original function of the wizard was to choose language, interact with the purpose of bandwidth and get some time for the bootstrapping process to start. In my experience a set up process usually does not handle aesthetic things. It makes sure that a few important processes happen. Personalization things come later.

We will be limited to colours that work with both the dark and light theme unless two sets of graphics are chosen.

The simple option is to have a dialogue box only since that is going to be easier to manage for 2 themes. The layout and text size would need to be taken into consideration. It leaves lots of dead space, but maybe the square logo can be used to take up more space.

If this is going to be the first thing a new user interacts with, I would say that it needs an update and some usability focus. We have the ability to do that better now that we have design focus and support.

from ux.

There are several issue with the set up wizard that we need to fix for the next release.

-the images remain out of alignment.
-the dark theme creates a very poor experience for people who have sight issues ( and in general).
-the tasks are obscured by images. They compete for attention.
-from a usability perspective, and for the benefit of establishing trust, the overall appearance requires improvement.

Solutions
-remove graphics with exception of the logo.
-use white or black logo options per theme
-centre dialogue and ensure that the text is formatted so that it is easy to read.
-for "joy" elements, include an icon from the existing icon packs we are using for language, bandwidth, etc. next to headers. This will make it easier to give a more true example of what the themes will look like and introduce the feel of the console.

from ux.

Set Up Wizard .zip

from ux.

from ux.

Copy Changes

Select Language

The Invisible Internet Project (I2P) is supported by volunteer translators on Transifex. ( link) This helps keep I2P accessible to people all over the world.

from ux.

Bandwidth Test

Bandwidth participation not only makes your speed and connection to the I2P network better, it also helps other people using the network. Sharing as much bandwidth as possible results in better performance and privacy for everyone.

I2P uses M-Lab, a third party service, to help you test your internet connection and find your optimal speed settings. During this time you will be connected directly to M-Lab's service with your real IP address.

To help set your bandwidth, let's check your internet connection!
Please review the M-Lab privacy policies linked below. If you do not wish to run the M-Lab bandwidth test, you can skip it and configure your bandwidth later.

from ux.

Bandwidth Configuration

You have configured I2P to share ______.
By donating your bandwidth to participating traffic, you not only help others, you improve your own anonymity and performance.
Sharing 75% or more for I2P is recommended, but you can adjust this based on your own needs.

from ux.

Browser Set Up and Applications

You will need to set up a browser to be able to access I2P network content. There are instructions for configuring both Firefox and Chromium based browsers with I2P. You can find these instructions on the project website.

You will find I2P supported applications included in the router console. These include email, a bittorrent client, and a built in web server. These applications work with I2P automatically and require no additional configuration.

To help make I2P addresses easier to read and remember, the I2P router also includes its built-in Address Book. The Address Book is where you keep track of all your I2P "Contacts" by giving them human-readable names. This can be used for the sites you like to visit, messaging contacts, or potentially any other service on I2P.

from ux.

Welcome to The Invisible Internet!

It will take time for your peers to integrate your router into the network. While that is happening you can explore I2P applications and get to know your way around the router console. You will find news about the latest release, an FAQ, and there is a troubleshooting guide available.

You may notice a message in the sidebar that I2P is rejecting tunnels. This means that your router is connecting to the network and will soon be ready to help others with participating traffic. When the connection indicators in the sidebar turn green, you are ready to explore the Invisible Internet.

from ux.

@eyedeekay have you started any changes for this yet? We should review this and any copy changes next week.

from ux.