Wiki source code of Page Likes
Last modified by Vincent Massol on 2024/02/26 17:52
Show last authors
author | version | line-number | content |
---|---|---|---|
1 | {{toc/}} | ||
2 | |||
3 | The main idea of the Page Likes is to be able to show some interests about a page by Liking it. | ||
4 | |||
5 | = Use Cases = | ||
6 | |||
7 | * UC1: Like a page: click to like, increment a counter, send a notification to followers of the liker and of the page | ||
8 | * UC2: Show number of likes in pages | ||
9 | * UC3: Show liked pages: display the pages a user like | ||
10 | * UC4: Show number of likes in indexes | ||
11 | * UC5: Show people who like a page | ||
12 | * UC6: Like a comment: same as UC1 but send notification to the comment's author | ||
13 | * UC7: Decide which page/space/wiki can be liked and by whom | ||
14 | * UC8: Export Likes information for a page/space/wiki | ||
15 | |||
16 | = = | ||
17 | |||
18 | = Main scenario = | ||
19 | |||
20 | The way I imagine it the usual scenario would be the following: | ||
21 | |||
22 | * a user logged-in on a wiki (see [[question 1>>||anchor="HWhoisabletolikeapage3F"]]) | ||
23 | * find a page that interest her, click on the like button (see [[question 2>>||anchor="HWhereislocatedthelikebutton3F"]]) | ||
24 | * a "like-counter" is incremented on the page (see [[question 3>>||anchor="HWhatinformationaredisplayedwithlikes3F"]]) | ||
25 | * an event about the like is sent (see [[question 4>>||anchor="HWhateventdowesentwhensomeonelikeapageandtowhom3F"]]) | ||
26 | * the page is added to the watchlist | ||
27 | * the user can find back the pages he liked (see [[question 5>>||anchor="HHowtheuserfindbackthepagehelikes3F"]]) | ||
28 | |||
29 | == Who is able to like a page? == | ||
30 | |||
31 | Only logged-in users are able to like a page. | ||
32 | |||
33 | There is a dedicated right to allow people to like a page. | ||
34 | |||
35 | == Where is located the like button? == | ||
36 | |||
37 | The button is located next to the "Tags" at the bottom of the page. | ||
38 | |||
39 | == What information are displayed with likes? == | ||
40 | |||
41 | By default the total number of likes is displayed. It's possible to obtain the list of people who likes by interacting with the button (simple hover would be enough? Need to be tested and clarified). | ||
42 | |||
43 | == What event do we sent when someone like a page and to whom? == | ||
44 | |||
45 | When a like is perform a "Like event" is sent containing: | ||
46 | |||
47 | * reference of the page liked | ||
48 | * reference of the user who likes | ||
49 | |||
50 | Two targets are used to send events: | ||
51 | |||
52 | * the people who follows the page | ||
53 | * the followers of the current user: more the social approach of liking IMO, it might inform others that a page is interesting. | ||
54 | |||
55 | The global activity stream shouldn't display the like events. | ||
56 | Unliking a page is allowed and send an internal event that is never displayed. | ||
57 | |||
58 | == How the user find back the page he likes? == | ||
59 | |||
60 | Add a new tab in the user profile to list the page liked. | ||
61 | The list of most liked page with their number of likes is available in index, as well as the list of recently liked pages. | ||
62 | |||
63 | == Button design proposal == | ||
64 | |||
65 | We show here some design proposal for like button. Each button is presented in 2 states: | ||
66 | |||
67 | * when the page is not liked by the user | ||
68 | * when the page is liked | ||
69 | |||
70 | Vote on the design you like most here: [[Like Button Design Poll>>doc:XPoll.Like Button Design.WebHome]] | ||
71 | |||
72 | |||
73 | === 1. Button with Badge === | ||
74 | |||
75 | {{gallery}} | ||
76 | image:like-button-badge-a.png | ||
77 | image:like-button-badge-b.png | ||
78 | {{/gallery}} | ||
79 | |||
80 | === 2. Small Button === | ||
81 | |||
82 | |||
83 | {{gallery}} | ||
84 | image:like-small-button-a.png | ||
85 | image:like-small-button-b.png | ||
86 | {{/gallery}} | ||
87 | |||
88 | === 3. Full Button === | ||
89 | |||
90 | |||
91 | {{gallery}} | ||
92 | image:like-full-button-a.png | ||
93 | image:like-full-button-b.png | ||
94 | {{/gallery}} | ||
95 | |||
96 | === 4. Simple Badge === | ||
97 | |||
98 | |||
99 | {{gallery}} | ||
100 | image:like-simple-badge-a.png | ||
101 | image:like-simple-badge-b.png | ||
102 | {{/gallery}} | ||
103 | |||
104 | === 5. Badge with Title === | ||
105 | |||
106 | |||
107 | {{gallery}} | ||
108 | image:like-badge-title-a.png | ||
109 | image:like-badge-title-b.png | ||
110 | {{/gallery}} | ||
111 | |||
112 | |||
113 | === 6. Similar to Tags === | ||
114 | |||
115 | |||
116 | {{gallery}} | ||
117 | image:like-tag-a.png | ||
118 | {{/gallery}} |