Development discussions
Wed, 20 May 2020, 01:31pm #1

Hello team,

I wish to contribute in a small way towards improving the experience of i2p.

Here is some graphic design work for whatever purpose you might think of. The new colors are great so I didn't want to change those but I did want to try and unify the colored nodes and the acronym into one fresh, hip design.

(FYI the "Upload a New File" button isn't working at this time. After the second time attempting to use it I was 429 Denied due to excessive requests and told to try again later. I will try again later.)

Wed, 20 May 2020, 05:32pm #2

Here's a copy of what has been done. It includes rough working.


The green dot of the 'i' and the yellow linkage between the green and red dots are in a 'Multiply'-color layer. The conical gradient in the '2' was done in GIMP. These files can be provided however any feedback and suggestions will be addressed first.

(edit zzz: removed broken img tag)

Last edited: Wed, 20 May 2020, 06:19pm by zzz

Fri, 22 May 2020, 12:26pm #3

Thanks for fixing the link, zzz.

The gif above shows:
1) a design rough, then
2) basic line work, then
3) boldened black and white outline of the design, then
4) colored design, and lastly
5) the addition of the conical gradient and highlight.

For those who simply want to see the design without the development stages, I've just attached a png here:

Do people like this design? If so, why? If not, why? What do you want to see?

I want i2p to become popular and more reliable, we can only get there by offering prospective users an experience that speaks to them. To me this design says "Express yourself, freely", while still implying the node colorings motif of the previous design.

zzz, would you be so kind as to have the png load on this page?

(edit: added a static png)

Last edited: Fri, 22 May 2020, 01:02pm by juliank

Sat, 23 May 2020, 09:52am #4

inline images are disabled on this forum, so img tags won't work.

Sun, 24 May 2020, 04:15am #5

juliank thanks for getting in touch with us, I appreciate your enthusiasm. Unfortunately you caught the UI team in the middle of working with another partner, and we're moving an a direction that's just different than the one in your graphic. It's not that I don't 'like' it per se, it's just got a bit more 'Album Cover' in it than we are going for.

We may have more opportunities to work with you in a few months. But since you're interested, I'd really like to find a place where you can help. You might be able to find an I2P app or plugin developer who could use your work sooner than us, for instance. Especially if you have web-design/css skills. Infographics are also always welcome as well! Make me a good infographic for a page on the website and post it in this thread. Also, there is a power-user I know who is setting up an in-I2P zine who I know would be delighted to include art from I2P enthusiasts as well. Let me know what you think of these ideas, I'll try to think of some more for you.

2 days ago #6

Hi idk,

It's nice to get your interpretation. Yes, the aim was for something expressive, like an album cover.

One of the things that I love about i2p is it brings the internet back to a time of limitless possibilities when the internet was freer. Maybe I was channeling the 60's and 70s when people were trying to do the same.

It is good to hear that there's others working on these things. Also excited to here about speed improvements. This is the time when people are at home and able to contribute to things that they are passionate about, I guess. I did search these forums but was unable to find anything related to visual design. Where are these discussions? Also what is the look for the i2p icon that the team are hoping to move in? If you would be so kind as to include me on discussions from time to time, ideally on this thread, then that might also prove really useful.

In terms of a zine, anything that is produced should focus on using as little ink as possible. Any zine will likely be printed by people on their personal printers. Maybe something that refers people to an online source of information? Rather than having entire articles printed out?

Yes, I'm able to help with HTML and CSS.

Yes, there's too much text on some 'I2P Router Console' pages, and maybe a good infographic would improve things.

The visual design for these forums is good. The header design and top navigation buttons could be improved a bit, but this is of tertiary importance. The important thing is to get people using i2prouter safely.

Of secondary importance, there's no instructions for adding previously downloaded torrents from another torrenting program to i2p-snark. Btw what is the reasoning behind the name, i2pSnark? I'm not a fan of the name, to be honest. It's long and feels negative.

Last edited: 2 days ago by juliank

2 days ago #7

When people run i2prouter for the first time, are they presented with a different screen than the 'I2P Router Console'? I cannot remember... if not, they may need to be. If so, there should be an easy way to trigger the "Starter Page(s)"

If not, this FAQ page is not prominent enough on the 'I2P Router Console':

The above-linked site is maybe the more important candidate for improvement from a UX perspective. One obvious problem being the link color is indistinguishable from text color, until the user hovers over it.

I could do a UX audit.

Of upmost importance is that we get the identity of i2p right, which is why it would be good to have the process of developing it's identity more open to curation.

Moving forward, "Invisible Internet Protocol" is too impersonal.

"Internet 2 People" is maybe a more apt backronym, for the post internet-freedom age, even "Internet Integrity Protocol" might be a better backronym.

These are things that we need to address now. There is no shame in readdressing these things as the world around us changes. Now that internet surveillance has become so extreme we need to respond accordingly.

There needs to be a "Boost network contribution" button that a user can press to boost their traffic routing contribution for a random amount of time, 30-60 minutes, the more they press it the more time is added to the boost. They can cancel the boost at anytime. While their contribution is boosted the favicon for the router console might change such that it might be animated, to reflect that more traffic is temporarily being routed. So for example if a person goes to eat a meal they can push the button, and get a satisfying feeling of helping others while the computer is more idle. When they return to the computer the changing (or alternating and visually distracting) favicon might remind them to cancel the "boost".

Conversely, if a person reduces the amount they contribute to the network, a warning on the console sidebar should indicate that their traffic might be easier to track, because they are not routing enough packets for others.

Last edited: 2 days ago by juliank

1 day ago #8

They aren't online discussions per se but see the 'I2P Updates' posts on this forum: http://i2pforum.i2p/viewforum.php?f=27

There's also talk about the console and design every now and then in IRC #i2p-dev

1 day ago #9

Thanks zzz.

Some interesting work being done over there. Joining that forum will be my next order of things.

juliank wrote:

When people run i2prouter for the first time, are they presented with a different screen than the 'I2P Router Console'? I cannot remember
FAQ page is not prominent enough on the 'I2P Router Console'

I found both the "Setup (Wizard)" and "FAQ" links on the big version of the sidebar, which is not shown on the 'I2P Router Console' Home. Only a shorter version of the sidebar is shown there. I'll be suggesting that both these items be accessible from the 'Home' sidebar. The new 'Setup Wizard' with modern imagery is great. Well done to the team.

Would you be so kind as to allow me less encumbered access to this site. When I'm not not hindered by network issues I'm often hobbled by the 429 Denied error. Similarly when I try to "select" any avatar for this account, I get the error:

The page you were looking for doesn't exist.
You may have mistyped the address or the page may have moved.

Last edited: 1 day ago by juliank

8 hours ago #10

I was doodling and couldn't help it.