Giter Site home page Giter Site logo

digital-peace-talks / polarizer-app Goto Github PK

View Code? Open in Web Editor NEW
4.0 5.0 4.0 18.85 MB

Run your own Digital Peace Talks instance

Home Page: https://www.digitalpeacetalks.com/

License: MIT License

JavaScript 60.24% HTML 5.07% Shell 0.02% SCSS 34.67%
discussion-platform civic-tech social-network-analysis babylonjs node

polarizer-app's People

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

polarizer-app's Issues

minimize all closed dialogues into a folded list

Is your feature request related to a problem? Please describe.
the dialogue list is cluttered, especially by ended dialogues. No action can be taken in closed dialogue.

Describe the solution you'd like
Inside the dialogue list, there could be sub lists for active, closed and requested dialogues. The lists are folded by default. Every list has an "expand" button. If the user clicks it, the sub list is expanded.

Describe alternatives you've considered
Closed dialogues could simply be removed from the dialogue list. Yet users might want to re-read their dialogues. They could do this by clicking on the edges/lines, but then the user would need to find his opinion and find the edge.. very time consuming.

Additional context
This evokes the idea, if there should also be a list for the opinions of the user.

1. tutorial window

Describe the bug

  • the window is not fitted to mobile screen.
    IMG_2875

  • improve Header to "Get started!"

  • improve body text "Digital Peace Talks is a platform for conflicting views to discuss constructively. This tour shows you how to use it."

  • rename "disable the guide tour" to "Don't show this again"

  • relocate "Don't show this again" to down left.

  • remove progress bar

"cancel" and "close window" and "ask me later" should be changed to "X" (top right corner)

Is your feature request related to a problem? Please describe.
the close buttons are always looking and being named differently.

Describe the solution you'd like
Every closable window should close by clicking "x" on the top right corner.

Describe alternatives you've considered
an "X" at the top right corner of the screen?

Additional context
additional confusion is generated by the similarity between "close window" and "end dialogue"

Topic positioning

Is your feature request related to a problem? Please describe.
Currently the topics are arranged as a table.

Describe the solution you'd like
The arrangement options are still being evaluated. In the future, a systematic arrangement of the topic is planned.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
An arrangement using an algorithm or artificial intelligence is possible.

Chrome needs cache clearing every time start page appears

Describe the bug
If I go back to the start page, I am trapped. If I click start, it says "document cookie not set". Clicking "delete cookie" is not possible (nothing happens)

To Reproduce
Steps to reproduce the behavior:

  1. Go to proto1.dpt.world
  2. Click on "start"
  3. click "go back"
  4. click on "start" or "delete cookie"

Expected behavior
Clicking "start" should get me back into the app.

Screenshots
image

Desktop (please complete the following information):

  • OS: WIN
  • Browser: Chrome
  • Version 78.0.3904.97 (Offizieller Build) (64-Bit)

Additional context
If your PC already has a cookie, clicking "start" will get you the error message straight from the beginning.

only one proposition per opinion

Is your feature request related to a problem? Please describe.
any user could spam others by sending them lots of propositions.

Describe the solution you'd like
Once the first proposition was sent. The button "send proposition" should disappear.
Additionally, it should not be possible to send more than one proposition.

Describe alternatives you've considered
The user could be promted with a error message. But why show him a button if he is not allowed to click it?

Additional context
If there is not many opinion, it is hard to navigate to the "proposition" button.
If there is a lot of opinions, it is even harder to find a good view on a specific proposition button.

Topics don't rotate and icon bar is not shown

i need to reload the whole page to get the topics to rotate.

To Reproduce

  1. Go to proto1.dpt.world
  2. Use left click to turn view
  3. topics don't rotate, Icon bar is not shown
  4. click reload button in browser
  5. topics rotate, icon bar is shown

Expected behavior
The topics should rotate and icon bar should be shown from the beginning

Screenshots
image

Desktop (please complete the following information):

  • OS: Windows
  • Browser Opera
  • Version Version:65.0.3467.42

Additional context
It is even worse in Chrome. See next bug.

create 3 new opinions to create 1 new topic

Is your feature request related to a problem? Please describe.
The quality of our topics is key to attracting interesting discussions. At the moment some users treat topics in a "I was here" manner. They might create topics without real intention to discuss with others.

Describe the solution you'd like
the "create new topic" button would have a counter that is raised 1/3 with every opinion they users creates. If the counter is 0, the button should be (visibly and technically) disabled.

If users feel they have to earn the right to open new discourses by participating in existing discourses, they might create much better topics by exploring the existing discourses first.

5. tutorial window

  • improve Header: "Now publish your opinion"
  • Improve body: "Click on this icon to add your opinion. This let's you interact with others."
  • remove old PNG
  • add new (centered) PNG showing only the "new opinion" button.
    IMG_2879

image

Disable shortcuts [O, F, H, L] when user click into the detail box (in enter opinion: details) to enter text there.

Describe the bug
The shortcuts [O, F, H, L] on the desktop also work in the detail box if text is to be entered there.

To Reproduce
Steps to reproduce the behavior:

  1. Go to "Opnion" Button
  2. Click on it
  3. Click on Detail Field and write text
  4. See error when press O, F, H or L Key

Expected behavior
The shortcuts should be switched off at this time.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser: Chrome
  • Version: 78

Revise the dialog module

Is your feature request related to a problem? Please describe.
Adjustments, improvements to the Dialo module are necessary to customize the appearance of different output devices.

Describe the solution you'd like
Text fields, text size, icons and buttons should be adjusted.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
New icons would be nice.

How does a DPT with 10.000 lines look like?

Is your feature request related to a problem? Please describe.
We don't know, how well our visualization will scale. This could be a good occasion to develop scaleble, linear positioning.

4. tutorial window

  • remove yellow arrow
  • remove yellow box
  • remove "disable the guide tour" aka "Don't show again"
  • position at the bottom, like the other windows
  • all passed circles should be filled
  • improve Header: "Which topic would you like"
  • Improve body: "The futuristic text boxes are subjects up for discussion. Click on them to join!"
  • Insert (centered) PNG showing a mouse cursor clicking a topic
    (- For later: PNG could be be replaced by a GIF)
    IMG_2878

image

6. tutorial window

  • improve header: You are ready to discuss others!
  • improve body: Click this icon to request 1-on-1 chats with other opinions.
  • center PNG

Search function in NavBar

Is your feature request related to a problem? Please describe.
Search function searching for terms

Describe the solution you'd like
A function that allows you to search for terms in the topics

Describe alternatives you've considered
The topics are displayed in which the term was searched for is found

Additional context
Next setting options for the search function?

Mark opinions that have not logged in for more than X days

Is your feature request related to a problem? Please describe.
1:1 dialogues are at the heart of DPT. Yet it can be frustrating, if propositions are made to accounts that are not active any more. Users can't tell if they are ignored or if the account is dead.

Describe the solution you'd like
Opinions that belong to accounts that have not logged in for more than X days, could have a little icon next to them. This would preserve historical opinions, while preventing frustration.

Describe alternatives you've considered
They could also fade away. this would provide some kind of "self cleaning" mechanism for topics.

Additional context
We need to be careful not to create a "graveyard" feeling. The majority of accounts get abandoned one day!

fixing the layout of the finished and published dialogue-outcome/dialogue-conclusion

Is your feature request related to a problem? Please describe.
i've to go over this... will take some blood, sweat and tears.

Describe the solution you'd like
this has to become a "setcard" of past dialogues between two people you don't know: easy to read, informative, simple but sexy.

Describe alternatives you've considered
there is no alternative! D:

Additional context
Could be that this needs some backend-shifting.
Happy to hear/read some constructive input!

Scrollbar-issue in long dialogs

Describe the bug
at long dialouges a scrollbar appears to scroll through the chat. saddly it get's overlayed by some UI-elements e.g. the "information-ribbon" aka class="dialogFrame"

scrollbarissue

users can show others, when they are online

Is your feature request related to a problem? Please describe.
1:1 dialogues are at the core of DPT. Yet it can be frustrating, if many propositions are sent and no one is replying.

Describe the solution you'd like
Users could have a toggle where they choose between "show that I am online" and "don't show that I am online"

Describe alternatives you've considered
The online status could be shown every time the user logs in.

Additional context
I guess many users are fine with asynchron dialogues. Like they log in every night to check what the other said, reply and wait for the next day. But at one point this gets complicated and counter intuitive. The replies tend to get longer and longer with this approach.

show "you don't have any dialogues yet" when dialogue list is empty

Is your feature request related to a problem? Please describe.
Users with no dialogues receive an empty dialogue list, with no clue what this could be.

Describe the solution you'd like
There could be a welcoming message like "You don't have any dialogues yet. Choose a topic and publish your opinion to request dialogues with other opinions."

Describe alternatives you've considered
The tutorial would provide similar information, yet it might be skipped or users don't fully process it.

Additional context
Its very common for webmail services to display message ("you have no messages at the moment") when inbox has no mails.

If a proposition is accepted, user should get a notification

Is your feature request related to a problem? Please describe.
I need to open the dialogue list and check manually, if my propositions got accepted.

Describe the solution you'd like

  1. the icon for "dialogue list" should notify my, if a proposition got accepted.
  2. Dialogues in my list could have a symbol, indicating if it is a closed, proposed or accepted dialogue.

Describe alternatives you've considered
There could be like a "news ticker" where new events are described. ("A topic you created got 5 new opinions", "your proposition got accepted")

Additional context
We need a general approach how the user should manage their opinions and dialogues.

Search opens 3 times

Describe the bug
A clear and concise description of what the bug is.
The Search-Form opens 3 times.

To Reproduce
Steps to reproduce the behavior:
open search
you have to hit 3 times "close"
each closing-action closes one of the three search-forms

Expected behavior
one search, duh!

Screenshots
none needed

topics get bigger if the have more opinions

Is your feature request related to a problem? Please describe.
The topic level gets cluttered quite fast. Users don't see, which topics are relevant.

Describe the solution you'd like
topic font size is correlated to number of opinions.

Describe alternatives you've considered
displaying the number of opinions behind the topic requires the user to zoom to the topic and read it. This is not as efficient information as if he does not need to read but can grasp from fare.

Additional context
Clustering would increase topic discovery exponentially. Still correlating topic size with amount of opinion would work complementary to clustering

Token based access management

Is your feature request related to a problem? Please describe.
Customers hosting a private DPT would need to make sure only certain users can use "his" DPT. On the other hand, the users should stay anonym.

Describe the solution you'd like
a) A tool, that in takes a list of email and sends each address a unique token.
b) A tool that in takes a list of physical addresses and generates letters containing a unique token and the address.

The token can be used once (and only once) to generate a passphrase.

Describe alternatives you've considered
The customers could generate a list with X passphrases. The list is printed out, each token is cut out and put in a box with a hole. Every user comes into the local offer, says his name (or shows a letter that was sent to him) and his name is crossed out on the list and he draws a token out of the box.

Additional context
There might also be customers that don't require all that anonymity and simply want to use ordinary user accounts, linked to an email address.

When having a dialogue: move "send" button from left to right hand side

Is your feature request related to a problem? Please describe.
When I want to send a message in a dialogue, I am always tempted to click on the button on the fare right hand side. But this button is "end dialog", the exact opposite of what I am looking for.

Describe the solution you'd like
"send" should be positioned at the fare right hand side.

Describe alternatives you've considered
to postion the send button as an icon within the typing form?

Additional context
this issue will get worse, once "close window" has been changed to "x" on the top right corner.

Login (Start, Phrase)

Is your feature request related to a problem? Please describe.
On a device, it should be possible that multiple users can use the web app. How do we make the passphrase easy and safe for everyone?

Describe the solution you'd like
How can we simplify the login process?
Save and reuse passphrase should be simplified.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Mobile Navigation Menu (Hamburger)

Is your feature request related to a problem? Please describe.
How to create the Hamburger Menu and which menu entries should have Menu?

Describe the solution you'd like
The Hamburger menu is folded in the mobile and desktop view and can be expanded by the user by clicking on the Hamburger icon.

Describe alternatives you've considered
At the bottom of the screen, the navigation bar is shown in the middle.

Additional context
Add any other context or screenshots about the feature request here.

Dialog rating does not work

Describe the bug
If I click "Yes, i want to finish the dialogue" I get an error message saying "please enter a conclusion" even so I did that

To Reproduce
Steps to reproduce the behavior:

  1. Go to dialogue list
  2. Click on an active dialogue
  3. click "finish dialogue"
  4. move the slider
  5. enter a reason for your rating
  6. click "yes, I want to finish this dialogue"

Expected behavior
The dialogue should be finished when I click on the button.

Additional context
Forcing users to input text will produce very bad quality inputs.
Users that want to supply a reason will do so, users that don't want to give a reason will circumvent the mandatory input by putting in noise.

Cookie should be checked with data base

Is your feature request related to a problem? Please describe.
The start screen tells me "welcome back". But when I click enter, I get an error saying "user unknown"

Describe the solution you'd like
It should not only if I have a cookie, but if this cookie is know/valid. If I have a cookie but it is not valid, there could be a message like "Your account expired. We try to avoid it, but sometimes we need to reset everything. Click here to create a new account" which would delete the cookie.

Describe alternatives you've considered
If a cookie is detected, the user is automatically logged in (skip the "enter" page). If automatic log in does not work. Show a "Log In or Sign Up" page.

Additional context
Loging in is the very very first action a user does. It should run as smooth as possible.

menu disappears and does not come back

Describe the bug
After a short time, the menu disappears. After this, many things don't work any more.

  • Two finger gestures (zooming and panning) don't work anymore
  • Icon bar and content menu are gone and don't come back.

To Reproduce
Steps to reproduce the behavior:

  1. Go to proto1.dpt.world
  2. Wait for one minute

Expected behavior
I would like the menu to stay where it is.

Desktop (please complete the following information):

  • OS: iPad7
  • Browser: safari

Additional context
It looks like the app things, it is on a html webpage. If I reload the page, the menus come back. But if I use one finger, the whole page is moved.

Content icons should also close content boxes

Is your feature request related to a problem? Please describe.
If I click on the content bar, a content box opens. If I want to close this box, I need to go all the way to the box and click "cancel".

Describe the solution you'd like
I would like to close the content box by clicking a second time on the content bar

Describe alternatives you've considered
An "x" on the top right corner could also work

2. tutorial window

  • remove yellow arrow
  • remove "disable the guide tour" aka "Don't show again"
  • don't show on desktop
  • improve Header: "Use 2 fingers"
  • first two circles should be filled
  • only use first image, without text
    IMG_2876

menus and windows could be draggable

Is your feature request related to a problem? Please describe.
The desktop version has very long mouse cursor ways. It does not use the screen estate to its full potential.

Describe the solution you'd like
The bottom menu (toolbar) and all of the frames could be draggable. Their positioning would be saved and loaded with every reload.

Additional context
This would add a loooot of usability to the desktop version. Just let user design their own favorite UI.

7. tutorial windown

  • improve header: Accept or deny chat requests
  • improve body: This icon let's you manage your requests and active chats.
  • add (centered) PNG of "dialogue list" icon
    image
    IMG_2881

Thumbs up and down for messages in a dialogue

Is your feature request related to a problem? Please describe.
It good to collect data about which specific messages angered/pleased Bob in a dialogue. Yet collecting this information should not end the dialogue.

Describe the solution you'd like
Every message of the other would have a thumbs up and a thumbs down button.
The chat partner can press the buttons. After the dialogue is published everyone can see which messages were perceived positive or negative

Describe alternatives you've considered
Instead of thumbs up or down, it could also be an angry and a happy smiley.

Additional context

  • This request was made be a user in the live user test. He said this could provide feedback to the other, what he did wrong/right.

It looks like the icon "dialogue list" always has a notification

Describe the bug
The icon to open the dialogue list always has a blue circle. This missleads users to think they have unread messages.

Expected behavior
The blue cirle should only be shown when there is unread messages.

Additional context
I know this is not a technical fault. But UX wise, it is a faulty design.
Also it is likely to raise our bounce rate as it frustrates first time users. They think they should click on this icon, but when they do, nothing happens and they get even more confused.

propositions do not trigger notifications

Describe the bug
If I receive a proposition to have a dialogue, I am not notified about this.

To Reproduce

  1. choose topic
  2. state opinion
  3. wait until you get a proposition for dialogue

Expected behavior
The icon "dialogue list" should display a notification in form of a number

last tutorial window

  • "thats it" button doesn't work!
  • improve "that's it" to "let's go!"
  • improve header: You are all set!
  • improve body: You know the basics now. Have fun discovering many more features while discussing people with different views!
    IMG_2882

dialog-list in desktop-mode as a sidebar

Is your feature request related to a problem? Please describe.
is leading to better UX....touches #29

Describe the solution you'd like
would be nice when it stayes open in desk but closes on touch on target in mobile....

Describe alternatives you've considered
keeping it the mobile way, duh!

Can not close "first steps"

If I click on "hamburger menu">"first steps" I see a window how to move the camera.

If I click on "close" nothing happens.

Web Speech API

Is your feature request related to a problem? Please describe.
Use the Web Speech API as a useful input option.

Describe the solution you'd like
The user should be allowed to enter the texts by speaking.

Describe alternatives you've considered
This would greatly simplify mobile user experience.

Additional context
On Chrome, using Speech Recognition on a web page involves a server-based recognition engine. Your audio is sent to a web service for recognition processing, so it won't work offline.

3. tutorial window

  • remove yellow arrow
  • remove "disable the guide tour" aka "Don't show again"
  • don't show on mobile
  • improve Header: "Use right clicks"
  • use only first image of PNG. add arrows to left and righ
    IMG_2877

Tutorial for first time users

Is your feature request related to a problem? Please describe.
First time users have big time trouble to understand the functions and what DPT is good for.

Describe the solution you'd like
Short text documents or ideally videos, that pop up BEFORE the user has a problem.
The explanations are also accessible via a thematically list.

Describe alternatives you've considered
A guided tour, where the user has to complete little tasks.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.