Jump to content

Talk:Talk pages project/Replying/2020/01

Add topic
From mediawiki.org
Latest comment: 6 years ago by PPelberg (WMF) in topic Reply tool design mock-ups

The team would value any thoughts and/or questions you about this project: Replying to specific comments.

Location of reply box: above or below previous replies?

[edit]

I think this was discussed before, but I can't find the topic now. Feel free to merge the discussions if you find that.

A comment after being saved will appear below previous comments, no question about that. However, while writing a reply it's a design decision whether to do that right below the replied comment, or below all other replies.

The 1.0 prototype does the latter. This seems reasonable, as the finished comment will appear there, but concerns arise if there is a full page (even just a half page) of replies there already: the original comment is possibly scrolled off-screen and I lose context (there's no scroll animation yet, the jump is instantaneous). To quote the replied comment I have to scroll up, find the comment (no highlight to guide the user), then scroll back down...

The alternative is demonstrated on youtube and reddit. The reply is composed right below the replied comment, the user does not lose the context. I would consider implementing that approach. To make the user aware of previous replies I suggest highlighting the previous replies with a subtle background-color. See this example: https://postimg.cc/xX1Jq48r

In the example the editor is moved up and the following style is applied:

/* Parent of dd[data-parsoid] -- the reply tool's element */
dd.repliedcomment {
	background-color: #0801;
	box-shadow: 0px 0px 2px 12px #0841;
}
/* Replies below */
dd[data-parsoid] + dl {
	background-color: #0081;
	box-shadow: 0px 0px 2px 12px #0081;
}

It's just a rough highlight that needs more finesse if actually implemented. —Aron Man.🍂 edits🌾 20:40, 9 January 2020 (UTC)Reply

Related discussion on phabricator: phab:T238177#5792493
Test replying to long comments here: https://en.wikipedia.beta.wmflabs.org/wiki/Talk:Discussion_tool_test?oldid=410578#Order_testAron Man.🍂 edits🌾 13:36, 10 January 2020 (UTC)Reply

Reply tool design mock-ups

[edit]

There are some design examples looking for feedback in this topic: https://phabricator.wikimedia.org/T238177
So far there's only the two of us responding, which is a very small segment of the community...

The questions revolve around some design details and about where to put the parts of the tool in relation to each other:

  1. the editbox
  2. the preview
  3. the (optional) warning
  4. the legal disclaimer
  5. the submit-cancel buttons. —Aron Man.🍂 edits🌾 03:49, 17 January 2020 (UTC)Reply
(thank you for all of your helpful input on the design, @Aron Manning) PPelberg (WMF) (talk) 01:41, 25 January 2020 (UTC)Reply