Manage circle overhaul, take 2

[ysobel]

(see take 1 for more info)

Thanks for all the feedback (and squee ♥) on the first attempt at this. I haven't replied to comments (yet), but I did read them all. I've made some more changes, and would appreciate feedback.

Again, I am quite happy to give out invite codes for people who want to poke around. Otherwise, three pages, with variations:

http://www.isabeau.hack.dreamwidth.net/manage/circle/edit.bml?as=system
http://www.isabeau.hack.dreamwidth.net/manage/circle/edit.bml?as=test
http://www.isabeau.hack.dreamwidth.net/manage/circle/edit.bml?as=xXx_emobaby_xXx
ETA: The OpenID version didn't work. But feel free to create OpenID accounts to test with.

Known issues:
- (visual) there is no left border to the tables. nfi.
- (visual) it also might look better if the tables were centered? don't know the best way though
- (functional) it's a little redundant to have membership status for openID users
- (functional/accessibility) the bottom form still sucks (I haven't touched it at all)

Questions that I know I have:
- are the anchor links in the intro paragraph good or bad?
- someone brought up that having it in two-line format would get annoyingly long (which doesn't apply on the dreamhack, but would if you have 500 friends and 200 communities or whatever). does changing it to one-line make it too *wide*, especially for those of you with vision problems?
- if so, is that mainly for the people field, or is communities a problem too?
- are the tables and form elements still as accessible? (except for the add-user form. shh.)

Questions that I don't know I have:
- ???

Comments

[zvi]

I think this is an improvement (although my memory of the previous iteration is a bit sketchy, admittedly.)

I think it's going to be ridiculously wide if you include the names along with the accounts. (It is not unusual in my circle for a name to be something like, "An Uruk-Hai, I feast on the Hope of the West and bathe in the tears of their women." or "with a clockwork walk and a backward smile" or "the NPC who tells you the bridges are open")

The half-circle to mark not being subscribed to does not fit into the visual language created by the green check or, really, any visual language I can think of. What about a full black circle, hopefully 'beveled' or whatever to match the dimensionality of the green check?

I like the anchors in the opening paragraph. That will be very helpful when you start looking at hundreds of entries.

I wonder if it's possible to split the people list? Separating out the people you have added to your circle from the people who have you in theirs but you don't reciprocate?

P.s. The view of the isabeau.livejournal.com manager sent me to your home page to login, instead of the manage circle page?

[ysobel]

Previous iteration: http://bugs.dwscoalition.org/attachment.cgi?id=1789 (screenshot of two browsers)

Re the half-circle thing: People (in other contexts) had mentioned not liking the green-check-red-x dichotomy (especially the red x = BAD connotations) and oh bother I am an idiot. *headdesk* it just occurred to me that I could colorshift the icons. Which takes care of that problem.

Re splitting the people list: Yes, probably, and IMO that'd be awesome, but that's better done as a separate issue (it's not a coding problem, so much as a difference-in-essential-behaviour thing). Throw it in suggestions?

Re openID view: oops. I didn't realize it would do that, sorry *sheepish look*

[jesse_the_k]

+1 to Zvi's point about usernames PLUS account name.

As a large print user, the one line form is much easier to navigate.

Thanks for your work on this!

[jeshyr]

The blue crosses you have now are cool :)

I suggest you put "N/A" in the box for granting access to self, rather than leaving it blank.

Also I know you're hacking on this but in case you didn't notice the second table header column is currently labeled "Account" instead of "Circle Status" like it was before.

I like the centered tables, they work well.

Still haven't solved the "X" column problem, but as a start it could be coded as the second or third column rather than the first? That would also solve the problem of the X looking like it was for deleting the row, I suspect.

r

[ysobel]

Without your names -- and I totally see your point (mine's not exactly a short display name *snicker*) -- where/how would be a good place to indicate user-defined colors? (See the ?as=system version for example -- test has obvious colors, the comms are less obvious until you highlight -- which is how it works on the current manage circle page) At one point I'd had it as a separate column with just an x in it (with properly defined bg/fg colors), but I'd imagine that would be confusing as hell to screenreaders, just having a random x at the beginning of every line.

[zvi]

mm, you can use css to tell the screen reader to not read something. I think your big x or "colors" or something is probably the best move.