SlideShare uma empresa Scribd logo
1 de 78
Baixar para ler offline
Why Good UI Can Help
You Be a Better Lawyer
10.25.2013
Larry Port - Rocket Matter, LLC
Design for Lawyers : Why UI Can Make You a Better Attorney
UI = User Interface
Bad UI’s Kill Kittens
Good UI is not just
about...
Typography
Flow
Balance
Color
The Rule of Thirds
Design for Lawyers : Why UI Can Make You a Better Attorney
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 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
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.
Design for Lawyers : Why UI Can Make You a Better Attorney
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 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.
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 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.
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.”
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

100

120

Time Visiting the Page So Far (Seconds)
Source: http://www.useit.com/alertbox/page-abandonment-time.html
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,
unambiguous choice.
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 to the beef, cut to the chase - web users have
no time.
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.
Fact of Life #1:
We don’t read pages.
We scan them.
Design for Lawyers : Why UI Can Make You a Better Attorney
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 how things work. We
muddle through.
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 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
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 are not
as important for famous
companies or sites.
Location: below, above,
or next to Site ID.

SITE ID
Tagline
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 link
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?
Is there a clear
visual hierarchy on
each page?
The more important
something is, the
more prominent
it is.

More Important

Important

Less Important
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.
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 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?
Pursue Clarity
Pursue Simplicity
Pursue Perfection
Thank You!

larry@rocketmatter.com
@larryport

Mais conteúdo relacionado

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

User Experience Design for Non‐Designers
User Experience Designfor Non‐DesignersUser Experience Designfor Non‐Designers
User Experience Design for Non‐Designerskimberlythecat
 
Apec Melbourne Conference
Apec Melbourne ConferenceApec Melbourne Conference
Apec Melbourne Conferencewiliamau
 
Most Common College Application Essay Topics
Most Common College Application Essay TopicsMost Common College Application Essay Topics
Most Common College Application Essay TopicsViviana Principe
 
Web Design Core Concepts
Web Design Core ConceptsWeb Design Core Concepts
Web Design Core ConceptsDon Stanley
 
How To Grow With Inbound Marketing
How To Grow With Inbound MarketingHow To Grow With Inbound Marketing
How To Grow With Inbound MarketingHubSpot
 
13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an ExorcismCrystal Beasley
 
Creating effective web content in plain language
Creating effective web content in plain languageCreating effective web content in plain language
Creating effective web content in plain languageKath Straub
 
Effective writing for the web | Center for plain language workshop
Effective writing for the web | Center for plain language workshopEffective writing for the web | Center for plain language workshop
Effective writing for the web | Center for plain language workshopCenter for Plain Language
 
Onrec Talk V9
Onrec Talk V9Onrec Talk V9
Onrec Talk V9SiConroy
 
Design Of User Interface Design Essay
Design Of User Interface Design EssayDesign Of User Interface Design Essay
Design Of User Interface Design EssayAlicia Johnson
 
Short Essay About New Technology
Short Essay About New TechnologyShort Essay About New Technology
Short Essay About New TechnologyBrittany Koch
 
Social Media And The Ia
Social Media And The IaSocial Media And The Ia
Social Media And The IaIIA Georgia
 
Five Steps to Create a Digital Economic Development Organization
Five Steps to Create a Digital Economic Development OrganizationFive Steps to Create a Digital Economic Development Organization
Five Steps to Create a Digital Economic Development OrganizationGIS Planning
 
9 Steps to Building a Million Dollar Licensing Lifestyle Business Even If You...
9 Steps to Building a Million Dollar Licensing Lifestyle Business Even If You...9 Steps to Building a Million Dollar Licensing Lifestyle Business Even If You...
9 Steps to Building a Million Dollar Licensing Lifestyle Business Even If You...Hung Le
 
Analytics, Search, Social Media, and Optimization: Why Has Marketing Gotten S...
Analytics, Search, Social Media, and Optimization: Why Has Marketing Gotten S...Analytics, Search, Social Media, and Optimization: Why Has Marketing Gotten S...
Analytics, Search, Social Media, and Optimization: Why Has Marketing Gotten S...Kate O'Neill
 
Social Media Training April 2010 Ed
Social Media Training April 2010 EdSocial Media Training April 2010 Ed
Social Media Training April 2010 EdEliza Dashwood
 
Store Front Optimization | David Henry, Monster.com | iStrategy, London
Store Front Optimization | David Henry, Monster.com | iStrategy, LondonStore Front Optimization | David Henry, Monster.com | iStrategy, London
Store Front Optimization | David Henry, Monster.com | iStrategy, LondoniStrategy
 
Interface Design Concepts and Planning: 532 lecture 2
Interface Design Concepts and Planning: 532 lecture 2Interface Design Concepts and Planning: 532 lecture 2
Interface Design Concepts and Planning: 532 lecture 2Don Stanley
 

Semelhante a Design for Lawyers : Why UI Can Make You a Better Attorney (20)

User Experience Design for Non‐Designers
User Experience Designfor Non‐DesignersUser Experience Designfor Non‐Designers
User Experience Design for Non‐Designers
 
Apec Melbourne Conference
Apec Melbourne ConferenceApec Melbourne Conference
Apec Melbourne Conference
 
Usability thinking
Usability thinkingUsability thinking
Usability thinking
 
Most Common College Application Essay Topics
Most Common College Application Essay TopicsMost Common College Application Essay Topics
Most Common College Application Essay Topics
 
Web Design Core Concepts
Web Design Core ConceptsWeb Design Core Concepts
Web Design Core Concepts
 
How To Grow With Inbound Marketing
How To Grow With Inbound MarketingHow To Grow With Inbound Marketing
How To Grow With Inbound Marketing
 
13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism
 
Creating effective web content in plain language
Creating effective web content in plain languageCreating effective web content in plain language
Creating effective web content in plain language
 
Effective writing for the web | Center for plain language workshop
Effective writing for the web | Center for plain language workshopEffective writing for the web | Center for plain language workshop
Effective writing for the web | Center for plain language workshop
 
Onrec Talk V9
Onrec Talk V9Onrec Talk V9
Onrec Talk V9
 
Design Of User Interface Design Essay
Design Of User Interface Design EssayDesign Of User Interface Design Essay
Design Of User Interface Design Essay
 
Short Essay About New Technology
Short Essay About New TechnologyShort Essay About New Technology
Short Essay About New Technology
 
Social Media And The Ia
Social Media And The IaSocial Media And The Ia
Social Media And The Ia
 
Five Steps to Create a Digital Economic Development Organization
Five Steps to Create a Digital Economic Development OrganizationFive Steps to Create a Digital Economic Development Organization
Five Steps to Create a Digital Economic Development Organization
 
9 Steps to Building a Million Dollar Licensing Lifestyle Business Even If You...
9 Steps to Building a Million Dollar Licensing Lifestyle Business Even If You...9 Steps to Building a Million Dollar Licensing Lifestyle Business Even If You...
9 Steps to Building a Million Dollar Licensing Lifestyle Business Even If You...
 
Analytics, Search, Social Media, and Optimization: Why Has Marketing Gotten S...
Analytics, Search, Social Media, and Optimization: Why Has Marketing Gotten S...Analytics, Search, Social Media, and Optimization: Why Has Marketing Gotten S...
Analytics, Search, Social Media, and Optimization: Why Has Marketing Gotten S...
 
Social Media Training April 2010 Ed
Social Media Training April 2010 EdSocial Media Training April 2010 Ed
Social Media Training April 2010 Ed
 
Store Front Optimization | David Henry, Monster.com | iStrategy, London
Store Front Optimization | David Henry, Monster.com | iStrategy, LondonStore Front Optimization | David Henry, Monster.com | iStrategy, London
Store Front Optimization | David Henry, Monster.com | iStrategy, London
 
FinalDraft_VRiel
FinalDraft_VRielFinalDraft_VRiel
FinalDraft_VRiel
 
Interface Design Concepts and Planning: 532 lecture 2
Interface Design Concepts and Planning: 532 lecture 2Interface Design Concepts and Planning: 532 lecture 2
Interface Design Concepts and Planning: 532 lecture 2
 

Mais de Rocket Matter, LLC

Top 5 Ways to Boost Revenue in 2019
Top 5 Ways to Boost Revenue in 2019Top 5 Ways to Boost Revenue in 2019
Top 5 Ways to Boost Revenue in 2019Rocket Matter, LLC
 
Rocket Matter's Holiday Gift Guide
Rocket Matter's Holiday Gift Guide Rocket Matter's Holiday Gift Guide
Rocket Matter's Holiday Gift Guide Rocket Matter, LLC
 
How to Create and Run a Paperless Law Office in 2019
How to Create and Run a Paperless Law Office in 2019How to Create and Run a Paperless Law Office in 2019
How to Create and Run a Paperless Law Office in 2019Rocket Matter, LLC
 
Legal Project Management Demystified
Legal Project Management Demystified Legal Project Management Demystified
Legal Project Management Demystified Rocket Matter, LLC
 
Hurricane and Disaster Preparedness for Law Firms
Hurricane and Disaster Preparedness for Law FirmsHurricane and Disaster Preparedness for Law Firms
Hurricane and Disaster Preparedness for Law FirmsRocket Matter, LLC
 
Make it Rain: The Lawyer's Guide to Getting Paid
Make it Rain: The Lawyer's Guide to Getting PaidMake it Rain: The Lawyer's Guide to Getting Paid
Make it Rain: The Lawyer's Guide to Getting PaidRocket Matter, LLC
 
Increase Your Law Firm's Bottom Line with Fixed Cost Reduciton
Increase Your Law Firm's Bottom Line with Fixed Cost ReducitonIncrease Your Law Firm's Bottom Line with Fixed Cost Reduciton
Increase Your Law Firm's Bottom Line with Fixed Cost ReducitonRocket Matter, LLC
 
Productivity Hacks and Apps for Lawyers
Productivity Hacks and Apps for LawyersProductivity Hacks and Apps for Lawyers
Productivity Hacks and Apps for LawyersRocket Matter, LLC
 
Automate Your Law Firm with Rocket Matter
Automate Your Law Firm with Rocket Matter Automate Your Law Firm with Rocket Matter
Automate Your Law Firm with Rocket Matter Rocket Matter, LLC
 
The Secrets to a Happy, Successful Legal Career Part 2 of 2
The Secrets to a Happy, Successful Legal Career Part 2 of 2The Secrets to a Happy, Successful Legal Career Part 2 of 2
The Secrets to a Happy, Successful Legal Career Part 2 of 2Rocket Matter, LLC
 
How to Create and Run a Paperless Law Office in 2018
How to Create and Run a Paperless Law Office in 2018How to Create and Run a Paperless Law Office in 2018
How to Create and Run a Paperless Law Office in 2018Rocket Matter, LLC
 
Delivering the Ultimate Law Firm Client Service Experience
Delivering the Ultimate Law Firm Client Service ExperienceDelivering the Ultimate Law Firm Client Service Experience
Delivering the Ultimate Law Firm Client Service ExperienceRocket Matter, LLC
 
How Rocket Matter's Atlas Gold Edition Helps You Run a More Flexible Firm
How Rocket Matter's Atlas Gold Edition Helps You Run a More Flexible FirmHow Rocket Matter's Atlas Gold Edition Helps You Run a More Flexible Firm
How Rocket Matter's Atlas Gold Edition Helps You Run a More Flexible FirmRocket Matter, LLC
 
How Lawyers Can Easily Offer Alternative Fee Arrangements
How Lawyers Can Easily Offer Alternative Fee ArrangementsHow Lawyers Can Easily Offer Alternative Fee Arrangements
How Lawyers Can Easily Offer Alternative Fee ArrangementsRocket Matter, LLC
 
Capturing and Converting Phone Leads with Rocket Matter and Ruby
Capturing and Converting Phone Leads with Rocket Matter and RubyCapturing and Converting Phone Leads with Rocket Matter and Ruby
Capturing and Converting Phone Leads with Rocket Matter and RubyRocket Matter, LLC
 
Beyond the Billable Hour: How to Leverage AFAs to Build a Better Practice
Beyond the Billable Hour: How to Leverage AFAs to Build a Better PracticeBeyond the Billable Hour: How to Leverage AFAs to Build a Better Practice
Beyond the Billable Hour: How to Leverage AFAs to Build a Better PracticeRocket Matter, LLC
 
Boost Revenues in 2017 with Automated Recurring Payments and Workflows
Boost Revenues in 2017 with Automated Recurring Payments and WorkflowsBoost Revenues in 2017 with Automated Recurring Payments and Workflows
Boost Revenues in 2017 with Automated Recurring Payments and WorkflowsRocket Matter, LLC
 
Paperless law office primer 2017 edition
Paperless law office primer 2017 editionPaperless law office primer 2017 edition
Paperless law office primer 2017 editionRocket Matter, LLC
 
How to Secure Your Mac Based Law Practice
How to Secure Your Mac Based Law PracticeHow to Secure Your Mac Based Law Practice
How to Secure Your Mac Based Law PracticeRocket Matter, LLC
 

Mais de Rocket Matter, LLC (20)

Top 5 Ways to Boost Revenue in 2019
Top 5 Ways to Boost Revenue in 2019Top 5 Ways to Boost Revenue in 2019
Top 5 Ways to Boost Revenue in 2019
 
Rocket Matter's Holiday Gift Guide
Rocket Matter's Holiday Gift Guide Rocket Matter's Holiday Gift Guide
Rocket Matter's Holiday Gift Guide
 
How to Create and Run a Paperless Law Office in 2019
How to Create and Run a Paperless Law Office in 2019How to Create and Run a Paperless Law Office in 2019
How to Create and Run a Paperless Law Office in 2019
 
Legal Project Management Demystified
Legal Project Management Demystified Legal Project Management Demystified
Legal Project Management Demystified
 
Hurricane and Disaster Preparedness for Law Firms
Hurricane and Disaster Preparedness for Law FirmsHurricane and Disaster Preparedness for Law Firms
Hurricane and Disaster Preparedness for Law Firms
 
Make it Rain: The Lawyer's Guide to Getting Paid
Make it Rain: The Lawyer's Guide to Getting PaidMake it Rain: The Lawyer's Guide to Getting Paid
Make it Rain: The Lawyer's Guide to Getting Paid
 
Increase Your Law Firm's Bottom Line with Fixed Cost Reduciton
Increase Your Law Firm's Bottom Line with Fixed Cost ReducitonIncrease Your Law Firm's Bottom Line with Fixed Cost Reduciton
Increase Your Law Firm's Bottom Line with Fixed Cost Reduciton
 
Productivity Hacks and Apps for Lawyers
Productivity Hacks and Apps for LawyersProductivity Hacks and Apps for Lawyers
Productivity Hacks and Apps for Lawyers
 
Automate Your Law Firm with Rocket Matter
Automate Your Law Firm with Rocket Matter Automate Your Law Firm with Rocket Matter
Automate Your Law Firm with Rocket Matter
 
The Lean Law Firm
The Lean Law Firm The Lean Law Firm
The Lean Law Firm
 
The Secrets to a Happy, Successful Legal Career Part 2 of 2
The Secrets to a Happy, Successful Legal Career Part 2 of 2The Secrets to a Happy, Successful Legal Career Part 2 of 2
The Secrets to a Happy, Successful Legal Career Part 2 of 2
 
How to Create and Run a Paperless Law Office in 2018
How to Create and Run a Paperless Law Office in 2018How to Create and Run a Paperless Law Office in 2018
How to Create and Run a Paperless Law Office in 2018
 
Delivering the Ultimate Law Firm Client Service Experience
Delivering the Ultimate Law Firm Client Service ExperienceDelivering the Ultimate Law Firm Client Service Experience
Delivering the Ultimate Law Firm Client Service Experience
 
How Rocket Matter's Atlas Gold Edition Helps You Run a More Flexible Firm
How Rocket Matter's Atlas Gold Edition Helps You Run a More Flexible FirmHow Rocket Matter's Atlas Gold Edition Helps You Run a More Flexible Firm
How Rocket Matter's Atlas Gold Edition Helps You Run a More Flexible Firm
 
How Lawyers Can Easily Offer Alternative Fee Arrangements
How Lawyers Can Easily Offer Alternative Fee ArrangementsHow Lawyers Can Easily Offer Alternative Fee Arrangements
How Lawyers Can Easily Offer Alternative Fee Arrangements
 
Capturing and Converting Phone Leads with Rocket Matter and Ruby
Capturing and Converting Phone Leads with Rocket Matter and RubyCapturing and Converting Phone Leads with Rocket Matter and Ruby
Capturing and Converting Phone Leads with Rocket Matter and Ruby
 
Beyond the Billable Hour: How to Leverage AFAs to Build a Better Practice
Beyond the Billable Hour: How to Leverage AFAs to Build a Better PracticeBeyond the Billable Hour: How to Leverage AFAs to Build a Better Practice
Beyond the Billable Hour: How to Leverage AFAs to Build a Better Practice
 
Boost Revenues in 2017 with Automated Recurring Payments and Workflows
Boost Revenues in 2017 with Automated Recurring Payments and WorkflowsBoost Revenues in 2017 with Automated Recurring Payments and Workflows
Boost Revenues in 2017 with Automated Recurring Payments and Workflows
 
Paperless law office primer 2017 edition
Paperless law office primer 2017 editionPaperless law office primer 2017 edition
Paperless law office primer 2017 edition
 
How to Secure Your Mac Based Law Practice
How to Secure Your Mac Based Law PracticeHow to Secure Your Mac Based Law Practice
How to Secure Your Mac Based Law Practice
 

Último

3.21.24 The Origins of Black Power.pptx
3.21.24  The Origins of Black Power.pptx3.21.24  The Origins of Black Power.pptx
3.21.24 The Origins of Black Power.pptxmary850239
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationMJDuyan
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsEugene Lysak
 
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphNetziValdelomar1
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...raviapr7
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.raviapr7
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxraviapr7
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxMYDA ANGELICA SUAN
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfMohonDas
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxraviapr7
 
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptxClinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptxraviapr7
 
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptxSandy Millin
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxDr. Asif Anas
 
Latin American Revolutions, c. 1789-1830
Latin American Revolutions, c. 1789-1830Latin American Revolutions, c. 1789-1830
Latin American Revolutions, c. 1789-1830Dave Phillips
 
How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17Celine George
 
In - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptxIn - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptxAditiChauhan701637
 
How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17Celine George
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapitolTechU
 

Último (20)

3.21.24 The Origins of Black Power.pptx
3.21.24  The Origins of Black Power.pptx3.21.24  The Origins of Black Power.pptx
3.21.24 The Origins of Black Power.pptx
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive Education
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George Wells
 
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a Paragraph
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.
 
Finals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quizFinals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quiz
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptx
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptx
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdf
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptx
 
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptxClinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
 
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptx
 
Latin American Revolutions, c. 1789-1830
Latin American Revolutions, c. 1789-1830Latin American Revolutions, c. 1789-1830
Latin American Revolutions, c. 1789-1830
 
How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17
 
In - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptxIn - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptx
 
How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptx
 
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdfPersonal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
 

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

  • 1. Why Good UI Can Help You Be a Better Lawyer 10.25.2013 Larry Port - Rocket Matter, LLC
  • 3. UI = User Interface
  • 4. Bad UI’s Kill Kittens
  • 5. Good UI is not just about...
  • 10. The Rule of Thirds
  • 12. The visual part of a design, the look and feel, is only the tip of the iceberg.
  • 13. Design is not just what it looks like and feels like. Design is how it works.
  • 15. How can UI help you become a better lawyer?
  • 16. 1. Incorporating design techniques will help you understand the people you work with better.
  • 17. 2. Good UI improves your communication.
  • 21. 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
  • 22. Selling a Home v 2.0 © 2013 Metzger, Metzger, & Metzger P.A. All Rights Reserved.
  • 23. Selling a Home v 3.0 © 2013 Metzger, Metzger, Metzger, & Metzger P.A. All Rights Reserved.
  • 24. 3. Good UI builds trust.
  • 26. 4. Good UI will help you run a more efficient office.
  • 27. The UI’s you consume can radically transform your office.
  • 28. 5. Good UI will help you market better.
  • 29. 6. UI is about pursuing perfection.
  • 30. 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.
  • 31. Exercise 1: Identify a situation in your practice where communication is a critical challenge.
  • 32. Part One Let’s learn how to think like a designer
  • 33. 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.
  • 34. 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.”
  • 35. Conceptual Model: “If I open and close my hand, the thing will work”
  • 36. Conceptual Model: “That thing is not going to work.”
  • 37. Mental Model: “Based on my life experience, this is how it’s supposed to work.”
  • 38. Broken Mental Model: The thermostat does not work as we think it should.
  • 39. Mapping: The relationship between two things, i.e. a steering wheel and control of a car.
  • 40. Broken Mapping: “Which knob controls which burner again?”
  • 41. Feedback: “Did my action have any effect?”
  • 42. Our Goal: Align our mental model with that of our client My mental model My client’s
  • 43. Our Goal: Our UI should closely match our mental models My mental model My client’s System
  • 44. How do we align our mental models: Develop personas
  • 45. . rton.. u had B es esta C e hac ? ¿Qu e noch
  • 46. Exercise 2: Using the output of exercise 1, identify a persona and try to identify their mental model for the situation.
  • 48. Part Two Usability Rules + Guidelines for Websites and Beyond
  • 49. Most web pages are garbage, and users know it.
  • 51. 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
  • 52. First Rule of Usability: Don’t make me think.
  • 53. The more obvious something is, the better. Lots of little decisions and indecisiveness add up.
  • 54. 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.
  • 55. Third Rule of Usability: Get rid of half the words on a page, then get rid of half of what’s left.
  • 56. 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.
  • 57. 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.
  • 58. Fact of Life #1: We don’t read pages. We scan them.
  • 60. Fact of Life #2: We don’t make optimal choices. We satisfice.
  • 61. Satisfice = Satisfy + Suffice
  • 62. Studies have shown we take the first reasonable course of action, not the best of all possible choices.
  • 63. Fact of Life #3: We don’t figure out how things work. We muddle through.
  • 64. People succeed in using things in ways they weren’t designed to be used, but it’s inefficient and error-prone.
  • 65. 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.
  • 67. 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
  • 68. SITE ID Is the site ID on every page and is it prominently located?
  • 69. 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
  • 70. Is the tagline good? Good = Clear and informative Ohio Workers Compensation Attorney Bad = Vague Defending Your Rights
  • 71. Is it obvious what’s clickable? Buttons should look like buttons. Links should look like links. Triangular arrows: towards link
  • 72. 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?
  • 73. Is there a clear visual hierarchy on each page? The more important something is, the more prominent it is. More Important Important Less Important
  • 74. 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.
  • 75. Is your site noisy? Many users have low tolerance for complexity and distractions.
  • 76. 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?