Design for Lawyers : Why UI Can Make You a Better Attorney

1,517 views

Published on

High Level Takeaways:
* Understanding how designers think will help you understand your client better.
* It forces you to listen
* UI Improves your communication
* Forces clarity
* It's completely about getting people to understand something better, & facilitating their ability to complete the task you want them to do.
* Example: Billing.
* UI improves your trustworthiness
* Awesome video of trust fall.
* Simple and Clear Communication Builds Trust
* UI increases transparency, which builds trust. We are explanatory creatures. We are story-based. If we don't see a story for something, we will invent one.
* People feel less stupid when they understand something.
* Trust increases speed.
* Understanding Information Architecture will help you run a more efficient office.
* Understanding good UI will help you market more effectively.
* Website conventions

UI stands for User Interface design. So let's take a look at what UI is, because it's not what you might think it is. A lot of people think UI design is about pretty stuff. But that's only the tip of the iceberg.

So for example, UI is not just…
* Balance
* Color
* Typography

Design is about how things work. And User Interface design is about how to design a system so that humans can understand it.,

So, aside from the fact that we're enamored with beautiful technology here at MILOFest. Why should Lawyers learn a little bit about UI?

Because you're an advocate. You want to help your client. You need to persuade people - opposing counsel, judges, juries, your client.

Because it improves your communication. People understand things better when they're presented well. And that builds trust. it's going to build trust with your clients.

Published in: Education, Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,517
On SlideShare
0
From Embeds
0
Number of Embeds
605
Actions
Shares
0
Downloads
19
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Design for Lawyers : Why UI Can Make You a Better Attorney

  1. 1. Why Good UI Can Help You Be a Better Lawyer 10.25.2013 Larry Port - Rocket Matter, LLC
  2. 2. UI = User Interface
  3. 3. Bad UI’s Kill Kittens
  4. 4. Good UI is not just about...
  5. 5. Typography
  6. 6. Flow
  7. 7. Balance
  8. 8. Color
  9. 9. The Rule of Thirds
  10. 10. The visual part of a design, the look and feel, is only the tip of the iceberg.
  11. 11. Design is not just what it looks like and feels like. Design is how it works.
  12. 12. User Interfaces make things usable
  13. 13. How can UI help you become a better lawyer?
  14. 14. 1. Incorporating design techniques will help you understand the people you work with better.
  15. 15. 2. Good UI improves your communication.
  16. 16. Problem: Our Methodology Explained v 1.0
  17. 17. Our Methodology Explained v 2.0
  18. 18. Our Methodology Explained v 2.0
  19. 19. Selling a Home v 1.0 The Home Sale Process for Home Sellers 1.You sign contract, accepting offer & send to us 1.1. We get in touch with Buyer’s Attorney lender & share contact & other info. 2. Inspection & Modification Phase 2.1.We receive inspection report & attorney letter proposing changes. 2.2.With our help, YOU decide how to respond to request. 2.3.We document the revised agreement. 2.4.You schedule and complete the home repairs. Thanks to Mark Metzger for material
  20. 20. Selling a Home v 2.0 © 2013 Metzger, Metzger, & Metzger P.A. All Rights Reserved.
  21. 21. Selling a Home v 3.0 © 2013 Metzger, Metzger, Metzger, & Metzger P.A. All Rights Reserved.
  22. 22. 3. Good UI builds trust.
  23. 23. 4. Good UI will help you run a more efficient office.
  24. 24. The UI’s you consume can radically transform your office.
  25. 25. 5. Good UI will help you market better.
  26. 26. 6. UI is about pursuing perfection.
  27. 27. How can UI help you become a better lawyer? 1. Incorporating design techniques will help you understand the people you work with better. 2. Good UI improves your communication. 3. Good UI builds trust. 4. Good UI will help you run a more efficient office. 5. Good UI will help you market better. 6. UI is about pursuing perfection.
  28. 28. Exercise 1: Identify a situation in your practice where communication is a critical challenge.
  29. 29. Part One Let’s learn how to think like a designer
  30. 30. Glossary Usability The extent to which something is fit to be used to accomplish goals. Information Architecture How information is organized on a web site or web application. User Experience User eXperience (UX) is about how a person feels about using a system.
  31. 31. Affordances: “It looks like I could stick my fingers in those things.” Constraints: “My thumb goes in the small one and my fingers in the big one.”
  32. 32. Conceptual Model: “If I open and close my hand, the thing will work”
  33. 33. Conceptual Model: “That thing is not going to work.”
  34. 34. Mental Model: “Based on my life experience, this is how it’s supposed to work.”
  35. 35. Broken Mental Model: The thermostat does not work as we think it should.
  36. 36. Mapping: The relationship between two things, i.e. a steering wheel and control of a car.
  37. 37. Broken Mapping: “Which knob controls which burner again?”
  38. 38. Feedback: “Did my action have any effect?”
  39. 39. Our Goal: Align our mental model with that of our client My mental model My client’s
  40. 40. Our Goal: Our UI should closely match our mental models My mental model My client’s System
  41. 41. How do we align our mental models: Develop personas
  42. 42. . rton.. u had B es esta C e hac ? ¿Qu e noch
  43. 43. Exercise 2: Using the output of exercise 1, identify a persona and try to identify their mental model for the situation.
  44. 44. Iterate: Multiple communication cycles are required.
  45. 45. Part Two Usability Rules + Guidelines for Websites and Beyond
  46. 46. Most web pages are garbage, and users know it.
  47. 47. 10 Seconds
  48. 48. Time on a Web Page vs Probability of Leaving Probability of Leaving the Page Now 5% 4% 3% 2% 1% 0% 0 20 40 60 80 100 120 Time Visiting the Page So Far (Seconds) Source: http://www.useit.com/alertbox/page-abandonment-time.html
  49. 49. First Rule of Usability: Don’t make me think.
  50. 50. The more obvious something is, the better. Lots of little decisions and indecisiveness add up.
  51. 51. Second Rule of Usability: It doesn’t matter how many times I have to click, as long as each click is a mindless, unambiguous choice.
  52. 52. Third Rule of Usability: Get rid of half the words on a page, then get rid of half of what’s left.
  53. 53. Are there needless words on the webpage? Happy talk (introductory small talk) must die. Instructions must die. Get right to the beef, cut to the chase - web users have no time.
  54. 54. Usability Rules 1. Don’t make me think. 2. It doesn’t matter how many times I have to click, as long as each click is a mindless, unambiguous choice. 3. Get rid of half the words on a page, then get rid of half of what’s left.
  55. 55. Fact of Life #1: We don’t read pages. We scan them.
  56. 56. Fact of Life #2: We don’t make optimal choices. We satisfice.
  57. 57. Satisfice = Satisfy + Suffice
  58. 58. Studies have shown we take the first reasonable course of action, not the best of all possible choices.
  59. 59. Fact of Life #3: We don’t figure out how things work. We muddle through.
  60. 60. People succeed in using things in ways they weren’t designed to be used, but it’s inefficient and error-prone.
  61. 61. Facts of Life 1. We don’t read pages. We scan them. 2. We don’t make optimal choices. We satisfice. 3. We don’t figure out how things work. We muddle through.
  62. 62. Are navigation conventions used?
  63. 63. Where do I start? When you enter a site, you should know how to either find what you’re looking for with search, or how to browse to desired information. Good: Clear call to action on the site. Good: First action on the right side, under nav, but above the fold. SITE ID Tagline CTA
  64. 64. SITE ID Is the site ID on every page and is it prominently located?
  65. 65. Is there a tagline? Taglines efficiently get an organization’s message across. They’re a concise statement of purpose. They are not as important for famous companies or sites. Location: below, above, or next to Site ID. SITE ID Tagline
  66. 66. Is the tagline good? Good = Clear and informative Ohio Workers Compensation Attorney Bad = Vague Defending Your Rights
  67. 67. Is it obvious what’s clickable? Buttons should look like buttons. Links should look like links. Triangular arrows: towards link
  68. 68. Does the home page convey the big picture? The tendency to do everything on a home page makes it harder to concentrate on its primary importance: conveying the big picture. BIG PICTURE What is this? What do they have here? What can I do here? Why should I be here and not somewhere else?
  69. 69. Is there a clear visual hierarchy on each page? The more important something is, the more prominent it is. More Important Important Less Important
  70. 70. Title Here Is there a clear visual hierarchy on each page? Things are nested (inside one another) to visually show what’s part of what.
  71. 71. Is your site noisy? Many users have low tolerance for complexity and distractions.
  72. 72. Website Usability Questions 1. Are navigation conventions used? 2. Where do I start? 3. Is the site ID on every page and is it prominently located? 4. Is there a value-add tagline? 5. Is it obvious what’s clickable? 6. Does the home page convey the big picture? 7. Is there a clear visual hierarchy on each page? 8. Is the site noisy?
  73. 73. Pursue Clarity Pursue Simplicity Pursue Perfection
  74. 74. Thank You! larry@rocketmatter.com @larryport

×