Clicklaw Project Update Oct 1 08


Published on

An update on Clicklaw, formerly known as the PLEI Portal, a project to create a unified point of access on the Internet to legal information, education, and help for British Columbians.

Published in: Education
  • Be the first to comment

Clicklaw Project Update Oct 1 08

  1. 1. Clicklaw: An update The project formerly known as the PLEI Portal
  2. 2. Overview <ul><li>Project recap </li></ul><ul><ul><li>Who, why, what, how </li></ul></ul><ul><li>Wireframe prototype </li></ul><ul><ul><li>Key learning points from user testing </li></ul></ul><ul><ul><li>Tour of wireframe prototype </li></ul></ul><ul><li>Clicklaw </li></ul><ul><ul><li>Selecting the name for the PLEI Portal </li></ul></ul>
  3. 3. Project recap: Who <ul><li>Project sponsored by the PLEI Working Group </li></ul><ul><li>Core PLEI Working Group </li></ul><ul><li>Organizations in BC that provide or support public legal education and information as a core activity: </li></ul><ul><ul><li>BC Courthouse Library Society </li></ul></ul><ul><ul><li>Law Courts Education Society of BC </li></ul></ul><ul><ul><li>Law Foundation of BC </li></ul></ul><ul><ul><li>Legal Services Society </li></ul></ul><ul><ul><li>Ministry of Attorney General of BC </li></ul></ul><ul><ul><li>People’s Law School </li></ul></ul><ul><ul><li>PovNet </li></ul></ul>
  4. 4. Project recap: Who <ul><li>Project sponsored by the PLEI Working Group </li></ul><ul><li>On behalf of the PLEI Network </li></ul><ul><li>PLEI Network </li></ul><ul><li>Broader network of organizations in BC that provide or support PLEI: </li></ul><ul><ul><li>BC Courthouse Library Society </li></ul></ul><ul><ul><li>Law Courts Education Society of BC </li></ul></ul><ul><ul><li>Law Foundation of BC </li></ul></ul><ul><ul><li>Legal Services Society </li></ul></ul><ul><ul><li>Ministry of Attorney General of BC </li></ul></ul><ul><ul><li>People’s Law School </li></ul></ul><ul><ul><li>PovNet </li></ul></ul><ul><ul><li>Canadian Bar Association (BC Branch) </li></ul></ul><ul><ul><li>Law Centre (University of Victoria Clinical Law Program) </li></ul></ul><ul><ul><li>Ministry of Public Safety & Solicitor General BC </li></ul></ul><ul><ul><li>SFU Centre for Education, Law and Society </li></ul></ul><ul><ul><li>UBC Law Students’ Legal Advice Program </li></ul></ul>
  5. 5. Project recap: Who <ul><li>Project sponsored by the PLEI Working Group </li></ul><ul><li>On behalf of the PLEI Network </li></ul><ul><li>With 12 more organizations formally participating </li></ul><ul><li>Also formally participating </li></ul><ul><ul><li>BC Centre for Elder Advocacy Support </li></ul></ul><ul><ul><li>BC Civil Liberties Association </li></ul></ul><ul><ul><li>BC Coalition of People with Disabilities </li></ul></ul><ul><ul><li>BC Freedom of Information and Privacy Association </li></ul></ul><ul><ul><li>BC Law Institute </li></ul></ul><ul><ul><li>BC Public Interest Advocacy Centre </li></ul></ul><ul><ul><li>Community Legal Assistance Society </li></ul></ul><ul><ul><li>MOSAIC </li></ul></ul><ul><ul><li>Pro Bono Law of BC </li></ul></ul><ul><ul><li>TRAC Tenant Resource & Advisory Centre </li></ul></ul><ul><ul><li>West Coast Environmental Law </li></ul></ul><ul><ul><li>West Coast Legal Education and Action Fund (LEAF) </li></ul></ul>
  6. 6. Project recap: Who <ul><li>Led by the BC Courthouse Library </li></ul><ul><li>Funded by the Law Foundation of BC </li></ul><ul><li>Building on several years of collaboration by the PLEI Network in producing the PLEI Resource Catalogue </li></ul>2006/2007 edition of catalogue includes 200+ resources from 22 organizations in BC
  7. 7. Project recap: Why? <ul><li>Information seeking habits are changing: the Internet is where many now start their info seeking </li></ul><ul><ul><li>Online health searches have doubled since 2001 (Center for Studying Health System Change) </li></ul></ul><ul><ul><li>95% of consumers with a legal need researched general info on their legal situation, 84% of those online (Thomson FindLaw survey on legal needs of consumers) </li></ul></ul><ul><ul><li>legal aid clients are increasingly online </li></ul></ul><ul><ul><li>(Legal Services Society Client Services Survey, 2007) </li></ul></ul>7% 52% 63% Representation clients 26% 77% 81% Family duty counsel clients Use legal aid websites With Internet Home computer Type of client
  8. 8. Project recap: Why? <ul><li>Internet info seeking is now on par with or exceeds traditional sources: </li></ul><ul><ul><li>Family & friends // Books & libraries // Local bar associations </li></ul></ul><ul><li>But there are problems with online information seeking </li></ul><ul><ul><li>Accuracy & reliability of information on the Internet varies widely </li></ul></ul><ul><ul><li>Search engines tend to turn up commercial resources more than non-commercial resources </li></ul></ul><ul><ul><li>To effectively find things, people need to know what search terms to use </li></ul></ul><ul><li>Problems the Clicklaw project is trying to solve… </li></ul>
  9. 9. Project recap: What To provide equitable access to quality legal information, education and help for British Columbians <ul><li>Everyone has a right to know the law. To do so: </li></ul><ul><li>empowers individuals & communities to make informed decisions </li></ul><ul><li>increases understanding of the justice system </li></ul><ul><li>enables active participation in a democratic society </li></ul><ul><li>Members of public in BC with a legal issue/interacting with the system </li></ul><ul><li>Legal service providers </li></ul><ul><li>Educators & students engaged in law-related learning </li></ul>Clicklaw Mission Principles Audiences
  10. 10. Project recap: What Offering a unified point of entry online, Clicklaw will represent a trustworthy, guided route taking British Columbians to relevant legal information, education and help Project Vision
  11. 11. Project recap: What <ul><li>por∙tal noun </li></ul><ul><ul><li>1. door, entrance; especially: a grand or imposing one </li></ul></ul><ul><ul><li>… </li></ul></ul><ul><ul><li>5. a site serving as a guide or point of entry to the World Wide Web and usually including a search engine or a collection of links to other sites arranged especially by topic </li></ul></ul><ul><ul><li>- Merriam-Webster Online Dictionary, 2008 </li></ul></ul>
  12. 12. Project recap: What <ul><li>Clicklaw is a portal, meaning it is: </li></ul><ul><ul><li>a site that serves as a guide or point of entry </li></ul></ul><ul><ul><li>to content that resides on other sites </li></ul></ul><ul><ul><li>these sites are those of participating organizations as well as others </li></ul></ul><ul><ul><li>the linked content is legal information, education & services aimed at the public in British Columbia </li></ul></ul><ul><ul><li>the site will include a search engine and also be arranged by topic </li></ul></ul>
  13. 13. Project recap: How Dec 2008: limited beta release (sneak peek) Mar 2009: full beta release Apr 2009: launch Formal launch of Clicklaw Apr 2009 Refine and extend… 2009… User needs and requirements gathering Jan-Apr 2008 Building, testing & adding content Nov 2008-Mar 2009 Technology & admin requirements Sept-Oct 2008 Prototyping and user testing May-August 2008 Project formation and planning Nov-Dec 2007
  14. 14. Project recap: How <ul><li>We conducted surveys </li></ul><ul><ul><li>on the Electronic Law Library and LawLINK websites (two portal sites) </li></ul></ul><ul><ul><li>over 200 responses </li></ul></ul><ul><li>And did website visitor & user profiling research </li></ul><ul><ul><li>visitor analysis on 14 websites from PLEI Network </li></ul></ul><ul><ul><li>information about user groups from 9 PLEI Network organizations </li></ul></ul>User needs and requirements gathering Jan-Apr 2008 Project formation and planning Nov-Dec 2007
  15. 15. Project recap: How <ul><li>Key learning points from user research: </li></ul><ul><ul><li>Over half of survey respondents were visiting those sites for the first time (54%)  Clicklaw has to be intuitive enough for a first-time user to find their way around </li></ul></ul><ul><ul><li>75% of survey respondents wanted to be able to point and click on a map of BC to find organizations and services (e.g. Google maps)  Clicklaw HelpMap was born </li></ul></ul><ul><ul><li>The website visitor analysis revealed two things: </li></ul></ul><ul><ul><ul><li>collectively, we aren’t always talking the same language: visits, page views, hits, etc.  The project’s Google Analytics implementation offer was born </li></ul></ul></ul><ul><ul><ul><li>that the PLEI referral network is alive and well online </li></ul></ul></ul>
  16. 16. Project recap: How <ul><li>We now knew more about the broad audiences for the site </li></ul><ul><ul><li>members of the public in BC interacting with the justice system </li></ul></ul><ul><ul><li>legal service providers </li></ul></ul><ul><ul><li>educators & students engaged in law-related learning </li></ul></ul><ul><li>But still so much diversity, complexity </li></ul><ul><ul><li>to make the site simple for our users, we wanted to make our audiences more real </li></ul></ul><ul><ul><li>we developed six user personas to serve as our virtual focus group </li></ul></ul>
  17. 17. Project recap: How <ul><li>“ A persona is a user archetype you can use to help guide decisions about product features, navigation, interactions, and even visual design. By designing for the archetype – whose goals and behaviour patterns are well understood – you can satisfy the broader group of people represented by that archetype.” </li></ul><ul><li>-- Kim Goodwin, Cooper (a design firm) </li></ul>
  18. 18. Project recap: How <ul><li>Our six personas </li></ul><ul><li>the help seeker: Chelsea Campbell </li></ul><ul><li>the independent problem solver: Rani Singh </li></ul><ul><li>the info seeker: Timothy Lee </li></ul><ul><li>the helper: Sarah Duncan </li></ul><ul><li>the educator: Jorge Lamas </li></ul><ul><li>the learner: Matthew Gilmore </li></ul>
  19. 19. the independent problem solver Rani Singh “ It’s up to me to get us through this, but I’m not sure how to go about it.” 2 For example, the independent problem solver is self-reliant, but may have some characteristics that affect their capacity But who, by necessity or preference, is looking to resolve their legal problem by t hemselves Rani was given a scenario and tasks she would be likely to do on the site <ul><li>Key Differentiators </li></ul><ul><li>Wants to find out how to resolve her legal problem by herself </li></ul><ul><li>Goals & Triggers </li></ul><ul><li>Goal: to get her legal problem fully dealt with; she hates loose ends </li></ul><ul><li>Goal: to find all the information on her problem, including the procedure and how to </li></ul><ul><li>Trigger: librarian at local public library suggests the Portal as a good place for forms and how to information </li></ul><ul><li>Tasks (I want to…) </li></ul><ul><li>Find legal procedures and how to </li></ul><ul><li>Find forms </li></ul><ul><li>Find definitions of legal terms </li></ul><ul><li>Find info in languages other than English </li></ul><ul><li>Find out about law-related classes in the community </li></ul><ul><li>Return to a page to continue process in future sitting </li></ul><ul><li>Print documents/forms to read/fill out offline </li></ul>Scenario Rani’s 86-year-old mother died of Alzheimer’s, leaving no will. Her father died four years earlier, leaving everything to Rani’s mother. After years of care home costs, the estate is worth less than $20,000. Rani heard from a friend that given the modest estate, Rani may want to apply her organizational skills to handle the estate herself. Rani goes to the public library, looking for information on the steps to take and how to. Wanting to be thorough, Rani asks the librarian for help, who suggests the book BC Probate Kit as well as the Portal. With the librarian’s help, Rani searches. She has trouble reading the screen, so maximizes the display font. She learns that the local courthouse library has procedural manuals that lawyers use. She notes the location and hours. Following a pathway to related information, she sees there is a class upcoming in her community on estates law. Rani is also interested in summary information in Punjabi to print off for her husband and his relatives. She links from the Portal to, where she finds and prints the Punjabi version of a Dial-a-Law script on point. <ul><li>Personal Profile </li></ul><ul><li>61 year-old South Asian woman </li></ul><ul><li>Married with two adult children </li></ul><ul><li>Lives in Kamloops </li></ul><ul><li>Has been in Canada 25 years </li></ul><ul><li>Punjabi speaker, with fair English </li></ul><ul><li>Formerly a homecare worker, but failing eyesight forced her to quit working last year </li></ul><ul><li>Husband is retired, Punjabi speaker with little English </li></ul><ul><li>Computer at home but she doesn’t use it unless son is there to help her; uses computer occasionally at public library, where staff are very helpful </li></ul><ul><li>Unfamiliar with Internet </li></ul><ul><li>Personal Context </li></ul><ul><li>Very organized, organizes everything for the whole family </li></ul><ul><li>Some familiarity with legal system through her daughter’s divorce </li></ul><ul><li>First time on Portal; might be a regular user while working through situation </li></ul>
  20. 20. Project recap: How <ul><li>We then mapped out the site’s information architecture </li></ul><ul><ul><li>Blueprint for how information on the site will be organized </li></ul></ul><ul><li>And developed a wireframe prototype </li></ul><ul><ul><li>barebones version of key areas of the site </li></ul></ul><ul><ul><li>no visual design applied </li></ul></ul><ul><ul><li>clickable, but not a full web experience </li></ul></ul><ul><li>And did user testing </li></ul><ul><ul><li>brought testers in one at a time to test the wireframe prototype </li></ul></ul>User needs and requirements gathering Jan-Apr 2008 Prototyping and user testing May-August 2008 Project formation and planning Nov-Dec 2007
  21. 21. The prototype: User testing <ul><li>How we did it </li></ul><ul><ul><li>recruited 14 test users, looking for characteristics from our user personas </li></ul></ul><ul><ul><li>one-on-one sessions at a testing lab set up at Courthouse Library </li></ul></ul><ul><ul><li>asked users to perform tasks on the wireframe prototype, using scenarios drawn from our persona work </li></ul></ul><ul><ul><li>recorded using screen recording software & webcam </li></ul></ul>
  22. 22. The prototype: User testing <ul><li>What we learned </li></ul><ul><li>Some things in our prototype tested out particularly well </li></ul><ul><ul><li>Legal Issues as primary route in to information </li></ul></ul><ul><ul><li>terminology in Legal Issues: our PLEI taxonomy! </li></ul></ul><ul><ul><li>HelpMap for law-related services </li></ul></ul><ul><li>But many ideas we had were challenged </li></ul><ul><ul><li>too many choices on the screen </li></ul></ul><ul><ul><li>the public don’t care as much about the fine distinctions as we do </li></ul></ul><ul><ul><ul><li>“ I don’t care if it’s a booklet or a fact sheet, just whether or not it’s online or I have to go somewhere to get it!” </li></ul></ul></ul><ul><ul><li>our “guided pathway” was complicating the experience </li></ul></ul>
  23. 23. The prototype: User testing <ul><li>What we changed in the revised wireframe </li></ul><ul><ul><li>Simplified the user experience </li></ul></ul><ul><ul><li> reduced amount of info on screen </li></ul></ul><ul><ul><li>Improved labels on site </li></ul></ul><ul><ul><li> e.g., “Map of Services in BC” became the “HelpMap” </li></ul></ul><ul><ul><li>Strengthened linkages between finding info and finding help </li></ul></ul><ul><ul><li> e.g., “Find helpful services that deal with this issue on the HelpMap” </li></ul></ul>
  24. 24. The revised wireframe: A quick tour <ul><li>Caution: these screens have not had visual design applied! </li></ul>
  25. 25. Clicking on a Legal issue brings up information & education resources Entry points on home page for four target audiences Three primary routes in to information, education & help: by Legal Issues, the HelpMap, and Common Questions Quick access to phone numbers for help seeker persona
  26. 26. For example, clicking on Wills & Estates displays all information & education resources on this topic… … the user can narrow their results in several ways…
  27. 27. Clicking on Wills & Estates displays all information & education resources on this topic… … the user can narrow their results in several ways… … via the facets in the PLEI taxonomy: audience, resource type, media format, source User can click right into a result (linking to the external resource), or see more details about an item…
  28. 28. Meanwhile, if a user has landed on a detail page (from a Google search result, say), they can link to related items On details page, description tries to strike the balance between helpful (for the user) and manageable (for contributors)
  29. 29. The user can also link in to Common Questions on this topic, each of which point to resources that help answer the question… … and link in to the HelpMap to locate organizations and services that provide help on this topic
  30. 30. Common Questions don’t try to answer the question, but rather point to resources that help answer the question… … and link to more on the overall topic
  31. 31. Alternatively, a user can start their search over the HelpMap
  32. 32. … and can narrow down their results by legal issue or the type of help they’re looking for
  33. 33. Naming the PLEI Portal <ul><li>Process </li></ul><ul><ul><li>Collaborative, consensus-building process </li></ul></ul><ul><ul><li>Karo Design led the project steering committee and project team through a brainstorming and evaluation process </li></ul></ul><ul><li>We learned about name types </li></ul><ul><ul><li>Functional & descriptive – e.g., World Wildlife Federation </li></ul></ul><ul><ul><li>Experiential – e.g., Pathfinder </li></ul></ul><ul><ul><li>Evocative – e.g., Virgin </li></ul></ul><ul><li>We brainstormed options </li></ul>
  34. 34. The name for the Portal <ul><li>We did an evaluation exercise </li></ul><ul><ul><li>In small groups, rated candidates based on 9 criteria – e.g. </li></ul></ul><ul><ul><li>Distinctiveness: how different is it from its competitors? </li></ul></ul><ul><ul><li>Depth: does it have multiple layers of meaning? </li></ul></ul><ul><ul><li>Magic: can this generate any word-of-mouth buzz? </li></ul></ul><ul><li>That generated a shortlist of five candidates </li></ul><ul><ul><li>Did an availability check </li></ul></ul><ul><ul><li>Canvassed some of our user testers </li></ul></ul><ul><ul><li>Project steering committee voted </li></ul></ul><ul><li>We had a consensus winner… </li></ul>
  35. 35. <ul><li>Clicklaw </li></ul>