Show Advanced KnowledgeHide Advanced Knowledge

News Timeline: Like Posts

1 Initial Problem

It is not possible to react to news entries / timeline posts as users are used to in social networks. Most messengers / communication systems offer the chance to  approve / disapprove of a statement by using emoticons to express a certain feeling.

2 Conceptual Summary

It should be possible, to add an emotional staement to news entries, such as "Like", "Love", "Sad", ... as it is commonly done in social media platforms.

News entries should get a "Facebook"-esque "Like"-button / emotion selector of a KS-friendly type (i.e. a dropdown). User should be able to react to an entry by using a "+" button (glyph) that is placed directly beneath a news entry. Next to this glyph should be another glyph (possible a simple gray smiley) with a novelty counter that shown how many reactions there are already.

The nicest variety of this would be to display the emoticons that have beenm used so far at the entry as a combined ovaerlaying "crowd" an place the counter at the bottom right corner (number as link).

On click on the glyph + counter a small overlay shows a list of the users and their selected emotion.

3 User Interface Modifications

3.1 List of Affected Views

• Course » Timeline

3.2 User Interface Details

13 Feb 2018

I translate the above screenshots into the current KS world.

Clicking a Glyph in the Popover would close the Popover and update the Status Counters and Glyphs.

3.3 New User Interface Concepts

• Like Widget

4 Technical Information

Killing, Alexander [alex], 10 Apr 2017: No technical issues, but we need to decide on the relationship of the "like widget" and the "rating widget". What distincts both of them and where to user which one?

5 Contact

• Author of the Request: Marko Glaubitz, Universität Freiburg
• Maintainer: Killing, Alexander [alex] (integration in timeline) and nnb (maintainer for new 'like' service)
• Implementation of the feature is done by: {The maintainer must add the name of the implementing developer.}

6 Funding

If you are interest in funding this feature, please add your name and institution to this list.

• Universität Freiburg

7 Discussion

Killing, Alexander [alex], 10 Apr 2017: In general support the idea. But we need to clarify the relationship to the rating feature. There is a concept to implement a binary rating (0/1 = no like / like) in another project, but the idea to have a number of different emotions is going beyond the current rating concepts. Maybe the implementation has to be done separately. I am also not sure, if we want to copy the facebook options 1:1.

Amstutz, Timon [amstutz], 21.9.2017: Please work out in more detail of what is proposed. Which emotions/reactions should be possible? What is the respective icon? Where exactly is the novelty and/or status counter to be displayed?

JourFixe, ILIAS [jourfixe], Oct 23, 2017: We appreciate this suggestion and schedule it for 5.4. It relies on the implementation of a new 'like service' (maintainer needed) that can be re-used in other components (e.g. forum or blog) and a related UI component.

Killing, Alexander [alex], 13 Feb 2017: I would implement a first version of this. Please see my new mockups above. I would suggest to

• Add 6 new glyphs: Like, Love, Laugh, Wow, Sad and Angry that are used together with Status Counters.
• The rest of the components would be standard. Should I introduce a "Vertical Divider" for this purpose?

Should a "Like Widget" be part of the KS framework? It would be without any persistence, just the UI. I am not sure, if we want this.

Alternatively the "Like" service will just use the existing parts and new glyphs and implement a widget which the combination of the UI elements and persistence.

Glaubitz, Marko [mglaubitz], 16.02.2018: Thanks Alex for translating the mockup into the current KS world. I like what, but I have a couple suggestions:

1. Use flat emoji set: could we perhaps use a flat emoji set like https://emojitwo.github.io/ ? Imho this would fit far better into the falt delos design.
2. Caption of the "Like" button: I'm not quite sure, whether "like" is a good caption for this shy button: Users might think that this button only offers positive responses like "like". What about calling it "React".
3. Counters in the roundtrip modal: could we insert the counters for the emoji that have been used above the list of reactions?

Killing, Alexander [alex], 16.02.2018: hi Marko,

1. The one you've linked does not seem to be compatible with GPL. My mockups contain the standard Chrome representation of the Unicode characters. I am sure that we are able to replace these with out own artwork.
2. I thought you always take facbook as an example. They have exactly the same caption "Like" for their overlay.
3. Yes, but I would prefer not to have multi-tab filterered views. But we could show them as an static overview.

Kunkel, Matthias [mkunkel], 22 FEB 2018: I strongly recommend to add a seventh glyph for "dislike" to disapprove a statement without being "angry". A simple "thumb down" would be sufficient.

JourFixe, ILIAS [jourfixe], 26 FEB 2018: Using glyphs plus counter is okay. Please make the vertical devider a UI KS element. No need to create a 'Like widget' in the KS. Having a 'Dislike' button would be highly appreciated - if funding partner accepts this.

8 Implementation

Test Cases

Test cases completed at 22. OCT 2018 by Zenzen, Enrico [ezenzen]

• C24865: Auf Timeline-Einträge reagieren
• C24866: Reaktionen auf Timeline-Einträge einsehen

Approval

Approved at 2018-10-15 by Glaubitz, Marko [mglaubitz].