Why Good UI Can Help
You Be a Better Lawyer
10.25.2013
Larry Port - Rocket Matter, LLC
UI = User Interface
Bad UI’s Kill Kittens
Good UI is not just
about...
Typography
Flow
Balance
Color
The Rule of Thirds
The visual part
of a design, the
look and feel, is
only the tip of
the iceberg.
Design is not just
what it looks like and
feels like. Design is
how it works.
User Interfaces make
things usable
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.
Problem: Our Methodology
Explained v 1.0
Our Methodology Explained v 2.0
Our Methodology Explained v 2.0
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 ...
Selling a Home v 2.0

© 2013 Metzger, Metzger, & Metzger P.A. All Rights Reserved.
Selling a Home v 3.0

© 2013 Metzger, Metzger, Metzger, & Metzger P.A. All Rights Reserved.
3. Good UI builds trust.
4. Good UI will help you
run a more efficient
office.
The UI’s you consume
can radically transform
your office.
5. Good UI will help you
market better.
6. UI is about pursuing
perfection.
How can UI help you become a
better lawyer?
1. Incorporating design techniques will help you
understand the people you wor...
Exercise 1:
Identify a situation in your
practice where
communication is a critical
challenge.
Part One

Let’s learn how to think like a
designer
Glossary
Usability

The extent to which something is fit to be
used to accomplish goals.

Information
Architecture

How inf...
Affordances:
“It looks like I could
stick my fingers in
those things.”

Constraints:
“My thumb goes in
the small one and
my...
Conceptual Model:
“If I open and close my
hand, the thing will work”
Conceptual Model:
“That thing is not going to
work.”
Mental Model:
“Based on my life
experience, this is
how it’s supposed
to work.”
Broken Mental Model:
The thermostat does not
work as we think it should.
Mapping:
The relationship between
two things, i.e. a steering
wheel and control of a car.
Broken Mapping:
“Which knob controls
which burner again?”
Feedback:
“Did my action have any
effect?”
Our Goal:
Align our mental model
with that of our client

My mental model

My client’s
Our Goal:
Our UI should closely
match our mental
models

My mental model

My client’s

System
How do we align our
mental models:
Develop personas
.
rton..
u
had B es esta
C
e hac ?
¿Qu
e
noch
Exercise 2:
Using the output of
exercise 1, identify a
persona and try to identify
their mental model for the
situation.
Iterate:
Multiple communication
cycles are required.
Part Two

Usability Rules + Guidelines
for Websites and Beyond
Most web pages
are garbage,
and users know it.
10 Seconds
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

...
First Rule of Usability:
Don’t make me think.
The more obvious something is, the
better. Lots of little decisions and
indecisiveness add up.
Second Rule of Usability:
It doesn’t matter how many
times I have to click, as long as
each click is a mindless,
unambiguo...
Third Rule of Usability:
Get rid of half the words on a
page, then get rid of half of
what’s left.
Are there needless words
on the webpage?
Happy talk (introductory small talk) must die.
Instructions must die.
Get right t...
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 mi...
Fact of Life #1:
We don’t read pages.
We scan them.
Fact of Life #2:
We don’t make optimal
choices. We satisfice.
Satisfice = Satisfy + Suffice
Studies have shown we take the
first reasonable course of action, not
the best of all possible choices.
Fact of Life #3:
We don’t figure out how
things work.
We muddle through.
People succeed in using things in
ways they weren’t designed to be
used, but it’s inefficient and
error-prone.
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 ...
Are navigation conventions used?
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 ...
SITE ID

Is the site ID on
every page and is
it prominently
located?
Is there a tagline?
Taglines efficiently get an
organization’s message
across. They’re a
concise statement of
purpose. They...
Is the tagline good?
Good = Clear and informative
Ohio Workers Compensation Attorney
Bad = Vague
Defending Your Rights
Is it obvious what’s clickable?
Buttons should look like buttons.
Links should look like links.
Triangular arrows: towards...
Does the home
page convey the
big picture?
The tendency to do
everything on a
home page makes
it harder to
concentrate on ...
Is there a clear
visual hierarchy on
each page?
The more important
something is, the
more prominent
it is.

More Important...
Title Here
Is there a clear
visual hierarchy on
each page?
Things are nested
(inside one another)
to visually show
what’s ...
Is your site noisy?
Many users have low tolerance for complexity
and distractions.
Website Usability Questions
1. Are navigation conventions used?
2. Where do I start?
3. Is the site ID on every page and i...
Pursue Clarity
Pursue Simplicity
Pursue Perfection
Thank You!

larry@rocketmatter.com
@larryport
Design for Lawyers : Why UI Can Make You a Better Attorney
Design for Lawyers : Why UI Can Make You a Better Attorney
Design for Lawyers : Why UI Can Make You a Better Attorney
Design for Lawyers : Why UI Can Make You a Better Attorney
Upcoming SlideShare
Loading in...5
×

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

1,237

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,237
On Slideshare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
18
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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×