25
PARLAMENTO ELETTRONICO ONLINE Design Principles Ravenna, Summer School LEX2013, 10 September 2013 Presentation by Emanuele Sabetta, Lead Project Designer

Parelon Presentation Slides - Lex2013 Ravenna

Embed Size (px)

DESCRIPTION

Parelon Presentation Slides - LEX2013 10 September 2013, Ravenna http://summerschoollex.cirsfid.unibo.it/

Citation preview

Page 1: Parelon Presentation Slides - Lex2013 Ravenna

PARLAMENTO ELETTRONICO ONLINE

Design Principles

Ravenna, Summer School LEX2013, 10 September 2013

Presentation by Emanuele Sabetta, Lead Project Designer

Page 2: Parelon Presentation Slides - Lex2013 Ravenna

PAR.EL.ON.

• An Open Source Platform for Direct Democracy

• Integrates solutions from 20 years of eDemocracy experiments all over the world

• Completely based on open standards (Akoma Ntoso, EuroVoc, etc.)

Page 3: Parelon Presentation Slides - Lex2013 Ravenna

USER INTERFACERedesigned to Improve Usability

Page 4: Parelon Presentation Slides - Lex2013 Ravenna

INTUITIVE RECOGNITION OF INTERACTIVE ELEMENTS IN THE PAGE

Big Buttons with 3D look to be easily distinguished from the plane of the pageand sized for touch devices.

Graphic Language For UI Interaction( curved = interactive , sharp corners = no )

Abandonment of Underscore as a Link Indicator

Page 5: Parelon Presentation Slides - Lex2013 Ravenna

Reduced the number of choices per page to a minimum, while maintaining a levels of nesting below 5.

Breakdown of User Stories of Liquid Feedbackin its atomic elements and restructuring these sequences in a simpler Step-by-Step actionslike those of an ATM terminal.

One Page = One Choice

Page 6: Parelon Presentation Slides - Lex2013 Ravenna

Introduction of Commissions of Experts

•Solves the Problem of the "Government of the Incompetent" raised by Plato

•Technical Commissions Reports allow citizens to provide "informed consent" when they vote a law proposal, ensuring that users are aware of all the risks and benefits deriving from approving it.

•Legal and Financial Commissions provides a report of feasibility but can also propose fixes and modifications to the draft bill that users must approve with another vote.

•Neutrality Guaranteed by "Randomized Shifts" of members at each convocation.

Page 7: Parelon Presentation Slides - Lex2013 Ravenna

LEGISLATIVE ITER PHASES BAR

Most of the problems of comprehensibility in Liquid Feedback derived from the non-immediate understanding of the complex life cycle of a proposal.

We added a phases bar that associates a set of boxes representing the phases of the legislative iter.

A moving arrow above the boxes allows you to see immediately at what stage you are in, what you do at the current stage, and what will be the next step.

Page 8: Parelon Presentation Slides - Lex2013 Ravenna

EVENT NOTIFICATION SYSTEM

Another problem was the difficulty in following the events and the changes happening in Liquid Feedback.There was no way to figure out what had changed, what were the new proposals or the new amendments introduced since the last login in a specific proposal.The introduction of a notification system for each proposal, with indicators the type of event and the number of modifications, now allows the user to get immediately an idea of the new things that need to be examined and keep track of those he already checked.

Page 9: Parelon Presentation Slides - Lex2013 Ravenna

KEYWORDS AND LABELS

•Introduction of Standard Keywords ( Teseo, EuroVoc, GeoNames... ) associated with the Proposals and Issues , to make it easier to catalog and to search them.

•Introduction of Competencies Labels associated with the Proposals and the Issues. Those tags indicate all the Technical Areas of Expertise needed to evaluate an issue or a proposal, making easier to understand the type of technical background necessary to assess the validity of the proposals, allowing the citizens with such expertise to pick the proposals in which they can contribute more.

Page 10: Parelon Presentation Slides - Lex2013 Ravenna

• Use of very readable sans serif fonts and very LARGE sizes ( Oregon LDO )

• Use of large SUMMARY labels that accompany the data or the options displayed and which highlight the contents in a concise way.

• At any time and in any page the user must be able to read in clear WHERE HE IS , WHAT CAN HE DO and HOW TO GO BACK

• In the case of time related parameters (for example at what stage you are in the legislative iter) we add a time bar or phases bar with a moving arrow that will show where in time or at what stage the user is.

ACCESSIBILITY FOR ALL

Page 11: Parelon Presentation Slides - Lex2013 Ravenna

3 Security Mechanisms

•Two Factor Authentication Based on strong passwords and OTP Tokens

• Full Transparency : Open Source , Public User Profiles , Public Votes, Independent Ballots Verification ( Helios-Voting inspired digitally signed receipt )

•Open Mirroring: Remote Duplication & Auto Recovery, Data Consistency garantita tramite Multi-Paxos

Page 12: Parelon Presentation Slides - Lex2013 Ravenna

DETAILS OF THE PROPOSAL

•Phases Bar

•Author Identification With NIN

•Referring Issue Short Summary

•Keywords buttons

•Users Support of this Proposal

Page 13: Parelon Presentation Slides - Lex2013 Ravenna

PROPOSAL TEXTPREVIEW

•Preview of the text ( No AkomaNtoso)

•Option to full page view in AT4AM

•List of linked documents

•Notifications for new or updated documents

Page 14: Parelon Presentation Slides - Lex2013 Ravenna

COMMISSIONBOX

•Any user can submit a request for a Commission

•Number of Requests must reach a quorum to be approved

•Sistem creates a temporary discussion area and invites members

Page 15: Parelon Presentation Slides - Lex2013 Ravenna

SUGGESTED AMENDMENTS BOX

•Any user can submit a new amendment

•Amendments can be supported or opposed (5 level scale)

•Only the author of the proposal can choose to approve and implement an amendment.

•The author has more chance to see his proposal approved if he choose to implement the more supported amendments.

•Amendments are edited in a custom edition of AT4AM, using Akoma Ntoso format

Page 16: Parelon Presentation Slides - Lex2013 Ravenna

AT4AM INTEGRATION AND UI REDESIGNwww.at4am.org

European Parliament Amendment Open Source Tool

Page 17: Parelon Presentation Slides - Lex2013 Ravenna

AT4AM "LIGHT" FOR TOUCH DEVICES

Page 18: Parelon Presentation Slides - Lex2013 Ravenna

TWO COLUMN AMENDMENT VIEW

Page 19: Parelon Presentation Slides - Lex2013 Ravenna

COLUMN / TABLE CELLS SELECTION

Page 20: Parelon Presentation Slides - Lex2013 Ravenna

PageLeft

Margin

PageRight

Margin

Right NeckLeft NeckSelected Article

ToolboxLeft Edge

Selection Toolbox Components

•Left Edge : Position mark

•Necks : Visual Connectors (size constant)

•Selection Box : Selected Text or Paragraph

•Toolbox : Multilevel Menu

Page 21: Parelon Presentation Slides - Lex2013 Ravenna

PageLeft

Margin

PageRight

Margin

Left Edge Toolbox

Right NeckSelected Article

Left Neck

BrowserWindow

PageLeft

Margin

PageRight

Margin

Toolbox

Right NeckLeft NeckSelected Article

Left Edge

BrowserWindow

The Toolbox is anchoredto the selection

in the document page

How The Toolbox Works

Page 22: Parelon Presentation Slides - Lex2013 Ravenna

How The Toolbox Works

Default position

PageLeft

Margin

PageRight

Margin

Right NeckLeft NeckSelected Article

ToolboxLeft Edge

End of Page Position

PageLeft

Margin

PageRight

Margin

Left Neck Right NeckSelected Article

Toolbox

Left Edge

Page 23: Parelon Presentation Slides - Lex2013 Ravenna

How The Toolbox Works

Default position

PageLeft

Margin

PageRight

Margin

Right NeckLeft NeckSelected

Paragraph

ToolboxLeft Edge

End of Page Position

PageLeft

Margin

PageRight

Margin

Left Neck Right NeckSelected

Paragraph

Toolbox

Left Edge

Page 24: Parelon Presentation Slides - Lex2013 Ravenna

http://lime.cirsfid.unibo.it/

INITIAL DRAFTING OFTHE BILLS

•We are encouraging the creation of the first draft directly in Akoma Ntoso format

•We are collaborating with University of Bologna (Prof. Monica Palmirani and Prof. Fabio Vitali ) to integrate the Lime Editor in PARELON

•We are working to develop a customized regional and national set of legal rules and constraints to help the user drafting a well formed law proposal using the LegalML format.

•We are developing a new user interface for both Lime and AT4AM that will allow the user with no knowledge of law or of xml to understand and use all of the legally binding elements of the Akoma Ntoso.