opensourcedesign / slick

:speech_balloon: A Slack inspired theme for the Lounge IRC client
https://github.com/thelounge/lounge
15 stars 2 forks source link

Implement intuitive "Add Account" settings options #12

Open bnvk opened 9 years ago

bnvk commented 9 years ago

In Slick, I'm treating the idea of IRC networks as an "Account" instead of a network, as many desktop clients do this, and lends itself to better metaphor (i think).

screen shot 2015-05-17 at 9 42 48 pm

The thinking being that one can "add" an account at anytime with a form like this

screen shot 2015-05-17 at 9 43 02 pm

However, all those form fields are not too user friendly. I think we should offer a dropdown menu (or some sort of intuitive clickable UI element) that allows a user to easily select the network to join.

The popular default networks I'm aware of (and use) are:

Please list other popular / useful networks (and their settings) in the comments, and I'll add them :)

jdittrich commented 9 years ago

Makes sense.

As well I wonder if the access to the "network itself" (what your get if you are logged into a network, but not entered a channel) should be different as well. Currently we get the normal chat view, and one can type stuff like /join #ubuntuusersbut this is hardly intuitive.

If that makes sense to you – should I open an additional bug for that?

simonv3 commented 9 years ago

I wonder if this won't be too confusing for people who are semi-familiar with IRC lingo?

Edit: I have only ever used freenode.

bnvk commented 9 years ago

@simonv3 yes, I think these form fields are definitely too confusing for non-IRC familiar folks- thus why I suggest "I think we should offer a dropdown menu (or some sort of intuitive clickable UI element) that allows a user to easily select the network to join" :wink:

simonv3 commented 9 years ago

@bnvk What I meant specifically is changing the terminology from "Network" to "Account" might be confusing if someone who is familiar with how IRC works comes to our IRC room and gets presented with this different terminology.

jancborchardt commented 9 years ago

Even for people not familiar with IRC: If we call it »Account« and then directly below (as in the second screenshot) there is a field called »Name« – that is confusing with the username.

jancborchardt commented 9 years ago

as many desktop clients do this

@bnvk do you have examples, and screenshots of how they solve it?

bnvk commented 9 years ago

@jancborchardt @simonv3 @jdittrich here is what I'm currently thinking for "Add Account" view

screen shot 2015-05-19 at 10 02 57 pm

Of course, one could see & edit the details of a network... but tucking it away + adding presets that make it easier is what I'm going for. I'd love to see other peoples ideas about alternate solutions for this UX issue!

jancborchardt commented 9 years ago

Some layout / design fixes: shout add account (I put the Network below the username and full name because it’s less important.)

I can also directly do it in code. master branch of this repo?

bnvk commented 9 years ago

@jancborchardt :+1: to that idea!

simonv3 commented 9 years ago

An idea: instead, or alongside, of Details have a "what does this mean?" link available? Or would that appear inside details?

jdittrich commented 9 years ago

^- Makes sense. "Details" is not very meaningful itself.

simonv3 commented 9 years ago

And another thought: what happens when a user has a password assigned to the name?

jancborchardt commented 9 years ago

Does details have a "what does this mean?" link available? Or would that appear inside details?

Yep, should have. :)

What happens when a user has a password assigned to the name?

They get prompted for it. And we could also show it in the »Details« – which we could call »Advanced settings« or whatnot for people who do have a password protected account and already want to put it in in this step.

simonv3 commented 9 years ago

I like "Advanced Settings". I wonder if we can ping the username as soon as it's entered (and the box blurred) and parse the response for the "that username is password protected", so that based on the username the password box shows up (we can give ourselves a bit more time by creating a spinner). I don't know enough about what kind of response we get back from the IRC backend though, and how easy it is to intercept.