Information Architecture/Structure Recommended Structural Pattern: Breadth vs. Depth Approach Structural Presentation: Establish a visual hierarchy that guides the user through the content. In the new design, we propose a breadth over depth approach for our organization scheme. • •
Favoring a broad and shallow implementation over a deep and narrow approach. This helps users identify where they are within the site hierarchy along with managing documents and screen real estate.
The broad and shallow example takes two clicks to access the desired page.
The deep and narrow example takes six clicks to access the desired page.
Page A
Page A
Page B
Page B
Information Architecture/Navigation Recommended Navigation Design: Persistent Global/Browse Navigation Hybrid User Interaction: Support user exploration and manipulation of data. Organize content or tasks the way users think and do their work. In the new design, we propose a persistent global/browse approach for our navigation scheme. • •
Global navigation appears on every screen usually in the header and footer, providing application-wide access to universal content or functions. Browse navigation encourages exploration based on categorical organization and complements global navigation.
Augmenting Navigation: • •
Breadcrumbs: Breadcrumbs show where you are in the site hierarchy and provide a way to go back up the hierarchy. Rollovers/Cascading Menus: When a user hovers over a high-level item, its corresponding sub-categories are displayed in a frame beside/below the item. Clicking on a second level item opens up the corresponding page.
Organizer: Persistent Navigation Area for global navigation A selection in the global navigation changes browse navigation contents
Organizer: Browse Navigation List menu Area for finding documents
Workspace: Document display area A selection in list menu changes workspace contents
Information Architecture/ Categorical Recommended Categorical Groupings: Category/Topic vs. Audience Categorical Navigation: Provide clear and consistent navigation structure with strong contextual clues. In the new design we propose a category/topic grouping of content over an audience grouping. • •
Categorizing information by topic allows us to group and elevate frequently accessed content in a fashion that users can quickly identify and feel confident when choosing a navigational path, thus improving task performance. Grouping content by audience would scatter content across the site in various locations which can lead to a bad user experience.
Courts
- Superior Courts - Courts of Appeal - Supreme Court - About California Courts
Self-Help
- Free & Low Cost Legal Help - Issues About Children - Getting a Divorce/Separation - Violence, Abuse & Harassment - Small Claims - Seniors 65 & Older - Eviction & Housing - Traffic - Problems About Money - Getting Arrested - More Topics
Programs & Initiatives
- Court Interpreters - For Families & Children - Court Construction - Mediation (ADR) - Collaborative Justice - Equal Access - Justice Corps - Court Innovations - Procedural Fairness
Page Types Home Page Design Recommended Design Pattern: Company/Organization Home Page Structural Presentation: A good home page is a successful balance between user needs and company goals. In the new design, we propose a home page design that conveys the following. • • • •
Purpose & Value - Orient users to the value of the site’s offerings. Branding – Portrays the company’s brand, enhanced perceived quality and trust. Clear Navigation – Provide a clear path to the content users are looking for. Surfacing Information – Promote critical and frequently used information that users are seeking and content you want to feature
The following page elements include: • • • • • • • • • • •
Header Global Navigation/Corporate Organization Information Search Branding Logo Tag line Primary Site Navigation/Cascading Menus Breadcrumbs Spotlights Quick Links News & Media Footer
Home Page Definition: A modular design that emphasizes the site's top high-priority tasks. Elements Include: Branding window & text, dynamic spotlights, quick links, news & media, and flexible modules for navigation
Overview Page A: A three column design that emphasizes the content groupings top high priority tasks. Elements Include: Left side navigation, general overview, spotlight, quick links, how do I’s and flexible modules for navigation Overview Page B: A full page design that allows us to present large amounts of content groupings with brief overview statements. A gallery page of sort. Example: Self-help and Programs. Elements Include: Clusters of contextual links and overview statements, visual clues and flexible modules. Landing Page: A three column design that presents information that is relevant to the visitor. The landing page provides content that is a logical extension of the advertisement or link. Elements Include: Left side navigation, targeted overview, spotlight, content, related links and flexible modules for additional resources.
Page Design Elements Recommended Page Elements: A subset or portion of a page type optimized to perform a specific task.
Breadcrumbs: An effective use of breadcrumbs will show you where you are in the site hierarchy and provide a way to go back up the hierarchy. • • •
They make site learning and navigation more efficient They reduce the user’s “where-am-I?” memory burden by providing a list of recently visited pages They make it easier to cross levels of the navigation decision tree within the browser environment
Quick links: A list of frequently used shortcuts that provides access to other web pages that otherwise could not be reached in one or two clicks using the navigation structure available on the page. Typically for deep content areas, usually found on the home page and overview pages. • • • •
Each page may have a unique set of quick links appropriate to the needs of typical users of that page Should take the user to targeted content (web page or document) Should be kept short as possible in order to maximize functional value. Should be placed prominently on the page so the user has easy access
How Do I's and FAQ's: For deep content areas where applicable • •
Ideally HDI's and FAQ's should direct a user to a FAQ page with anchored links. Not sure that we would want to mix and mach QL and FAQ's - Different expectations.
Judicial Branch Home Courts Superior Courts Courts of Appeal
Self-Help
Forms & Rules
Superior Courts >>
Judges Roster
Opinions
Superior Courts Courts of Appeal >>
1st District
Supreme Court
Courts of Appeal
About California Courts
Supreme Court
>>>
Justices
Jury Service
About California Courts
>>>
Forms & Rules References & Resources
Find My Court
Jury Service
>>>
Practices & Procedures
Vendors / RFP’s
Find My Court
>>>
Court Programs
FAQ’s
Vendors / RFP’s
>>>
Self Help Resources
FAQ’s
>>>
News
>>>
Contact Us
>>>
FAQ’s
>>>
About The 1st District
>>
2nd District
>>
3rd District
>>
4th District
>>
5th District
>>
6th District
>>
Oral Argument Calendar
>>
Minutes
>>
Appellate Briefs
>>
About the Courts of Appeal
Programs
Policy & Administration
News & Media
Superior Courts
Superior Courts
Courts of Appeal
Courts of Appeal
Supreme Court
Supreme Court About California Courts
>>
Weekly Summaries
>>
Practices & Procedures
>>
Branch Agencies
>>
Petitioning for Review
>>
State Bar of California
>>
Death Penalty
Jury Service
>>
Justices
Find My Court
>>
Committees
Vendors / RFP’s
>>
High Profile Cases
FAQ’s
>>
Briefs
>>
Broadcasts
>>
Contact Us
About California Courts Jury Service Find My Court Vendors / RFP’s FAQ’s
Supreme Court About California Courts Jury Service Find My Court Vendors / RFP’s FAQ’s
Version 1.6
Judicial Branch Home Courts
Self-Help
Forms & Rules
Opinions
Programs
Policy & Administration
Superior Courts
Superior Courts
Superior Courts
Superior Courts
Courts of Appeal
Courts of Appeal
Courts of Appeal
Courts of Appeal
Supreme Court
Supreme Court
Supreme Court
Supreme Court
About California Courts
About California Courts
About California Courts
About California Courts
Jury Service
Jury Service
Jury Service
Jury Service
Find My Court
Find My Court
Find My Court
Vendors / RFP’s
Vendors / RFP’s
Vendors / RFP’s
FAQ’s
FAQ’s
FAQ’s
>>
Jury Basics >>>
Trial Process
>>
Employer Information
>>
Jury Instructions >>>
News & Media
FAQ’s
>>
References & Resources
>>
Jury Innovations
Find My Court Vendors / RFP’s FAQ’s
Version 1.6
Judicial Branch Home Courts
Self-Help
Forms & Rules
Opinions
Programs
Policy & Administration
News & Media
Free & Low Cost Legal Help Children Divorce or Separation Violence, Abuse, and Harassment Small Claims Seniors 65 & Older Eviction & Housing Problems Traffic Problems About Money Getting Arrested More Topics FAQ Glossary Additional Resources
Version 1.6
Judicial Branch Home Courts
Forms Rules of Court
Self-Help
Forms & Rules
Opinions
Forms
Programs
Policy & Administration
News & Media
Forms Rules of Court
>>
Browse All Forms
>>
Using Forms
>>
New & Amended Rules
>>
Latest Changes
>>
Local Rules
>>
Viewing and Filling Forms
>>
Viewing Rules
>>
Publishers
>>
Judicial Council Reports (Rules)
>>
Judicial Council Reports (Forms)
Rules of Court
Version 1.6
Judicial Branch Home Courts
Case Opinions Appellate Case Information
Self-Help
Forms & Rules
Opinions
Case Opinions
Programs
Policy & Administration
News & Media
Case Opinions
>>
Most Recent Opinions
>>
Searchable Opinions 1850-present
>>
Appellate Briefs
>>
Slip Opinions + Archive
>>
Appellate Claim Forms
>>
Unpublished Opinions
>>
Review Granted Opinions
>>
Appellate Case Information
>>
Minutes
Appellate Case Information
Appellate Case Information
Version 1.6
Judicial Branch Home Courts Court Interpreters
Self-Help
Forms & Rules
Court Interpreters
Opinions
Programs
Policy & Administration
Court Interpreters
Court Interpreters
For Families and Children
For Families and Children
For Families and Children
>>
Become an Interpreter
Facilities
>>
Exam Information
>>
Domestic Violence
Mediation (ADR)
>>
Find an Interpreter
>>
Education & Resources
>>
Collaborative Justice
>>
Resources
>>
Family
>>
News & Media
Facilities News Projects
Equal Access
>>>
Perspective Interpreters
>>>
Court Innovations
>>>
Current Interpreters
>>>
Access to Visitation References & Resources Child Support
Law-Related Education
>>>
Trainers of Interpreters
>>>
Elkins Task Force
>>
Resources
>>>
Family Dispute Resolution
>>
About the Facilities Program
>>>
Unified Courts
Justice Corps
>>
News
Procedural Fairness
>>
Reports
Public Outreach
>>
FAQ’s
>>
About the Court Interpreters Program
>>
Juvenile
>>>
5 Year Infrastructure Plan
>>>
Building California Court Houses
>>>
Careers
>>>
SB1407
>>>
Delinquency
For Families and Children
>>>
Dependency
>>>
Performance-Based Infrastructure
Facilities
>>>
Special Projects
>>>
Performance-Based Infrastructure FAQ’s
Mediation (ADR)
>>
Tribal Projects
>>
Doing Business With Us
Mediation (ADR)
Collaborative Justice
>>>
Education
Collaborative Justice
Equal Access
>>>
Tribal Collaboration
Equal Access
Court Innovations
>>>
Technical Assistance
Court Innovations
Law-Related Education
>>>
ICWA Resources
Law-Related Education
>>>
Family Violence Resources
Justice Corps
Justice Corps Procedural Fairness
Facilities
Procedural Fairness
Public Outreach
Mediation (ADR)
Public Outreach
Collaborative Justice Equal Access --------------------------------Version 1.6
Judicial Branch Home Courts
Self-Help
Forms & Rules
Opinions
Programs
Policy & Administration
News & Media
Court Interpreters
Court Interpreters
Court Interpreters
Court Interpreters
For Families and Children
For Families and Children
For Families and Children
For Families and Children
Facilities
Facilities
Facilities
Facilities
Mediation (ADR)
Mediation (ADR)
Mediation (ADR)
Mediation (ADR)
Collaborative Justice
Collaborative Justice
Collaborative Justice
Equal Access
Equal Access
>>
ADR Types/Benefits
>> >> >>
Court ADR Programs
>>
Domestic Violence
Reports & Resources
>>
DUI Prevention
>>
Background on Access
Events
>>
Community Courts
>>
Instructional Materials
Collaborative Justice
>>
Homeless Courts
>>
Self-Help Services planning
>>>
Award Recipients (search)
Equal Access
>>
Drug Courts & Prop36
>>
Staff Resources
>>>
FAQ’s
Court Innovations
>>
Mental Health
>>
Program Management
>>
Innovative State Wide Initiatives
Law-Related Education
>>
Peer/Youth Courts
>>
Limited-English Proficiency
>>
Publications
>>
Emerging Courts
Court Innovations >>
Ralph N. Kleps Award
>>
Resources
Law-Related Education
Procedural Fairness
Equal Access
>>
Service Delivery Models
Justice Corps
Public Outreach
Court Innovations
>>
Ethical Issues
Procedural Fairness
Law-Related Education
>>
Funding
Public Outreach
Justice Corps
>>
Technological Resources
Procedural Fairness
>>
Pro Bono
Public Outreach
>>
Conferences & Training
Justice Corps
Court Innovations Law-Related Education Justice Corps Procedural Fairness Public Outreach Version 1.6
Judicial Branch Home Courts
Self-Help
Forms & Rules
Opinions
Programs
Policy & Administration
Court Interpreters
Court Interpreters
Court Interpreters
For Families and Children
For Families and Children
For Families and Children
Facilities
Facilities
Facilities
Mediation (ADR)
Mediation (ADR)
Mediation (ADR)
Collaborative Justice
Collaborative Justice
Collaborative Justice
Equal Access
Equal Access
Equal Access
Court Innovations
Court Innovations
Court Innovations
Law-Related Education
Law-Related Education
Law-Related Education
Justice Corps
Justice Corps
>>
For Teachers Lesson Plans and Resources
>>
Los Angeles Region
>>>
Professional Development Opportunities
>>
Bay Area Region
>>>
What Works
>>
San Diego Region
For Students
>>
Sacramento Capitol Region
For Judges, Court Staff, Attorneys
>>
FAQ’s
>>
Member Testimonials
>>>
>> >>
>>>
Lesson Plans and Resources
Justice Corps
Procedural Fairness
Procedural Fairness
Public Outreach
News & Media
Procedural Fairness >>
Resource Guide
Public Outreach
Public Outreach
Version 1.6
Judicial Branch Home Courts
Self-Help
Forms & Rules
Opinions
Programs
Policy & Administration
News & Media
Court Interpreters For Families and Children Facilities Mediation (ADR) Collaborative Justice Equal Access Court Innovations Law-Related Education Justice Corps Procedural Fairness Public Outreach >>
Public Trust and Confidence
>>
Connecting With
Version 1.6
Judicial Branch Home Courts
Self-Help
Judicial Council
Forms & Rules
Judicial Council
Opinions
Programs
Policy & Administration
Judicial Council
Judicial Council
News & Media
Administrative Office of the Courts
>>
Meetings, Minutes, Agendas
Administrative Office of the Courts
Administrative Office of the Courts
Office of Governmental Affairs
>>
Strategic Planning
Office of Governmental Affairs
Office of Governmental Affairs
Other Judicial Agencies
>>
Advisory Groups
Other Judicial Agencies
Other Judicial Agencies
Invitations to Comment
>>
Membership
Invitations to Comment
Invitations to Comment
>>
Distinguished Service Reports
>>
Finance Reports
Administrative Office of the Courts Office of Governmental Affairs Other Judicial Agencies Invitations to Comment
Version 1.6
Judicial Branch Home Courts
Self-Help
Forms & Rules
Judicial Council
Judicial Council
Administrative Office of the Courts
Administrative Office of the Courts
Office of Governmental Affairs
Office of Governmental Affairs
Other Judicial Agencies
Other Judicial Agencies
Invitations to Comment
Invitations to Comment
Opinions
Programs
Policy & Administration
News & Media
Version 1.6
Judicial Branch Home Courts
Self-Help
Forms & Rules
Opinions
Programs
Policy & Administration
Video Library | Press Center | Publications & Journals | Research, Reports & Statistics | Photo Gallery
News & Media