HUMAN-CENTERED DESIGN & DEVELOPMENT

by ANNE PEREZ

WORKS > EXAMPLES > ORGANIZING

Organizing Examples

Organizing and prioritizing information is also my strength. After data gathering, I create documents like site maps, list views, diagrams, charts and others that help structure projects and processes.

A sample site map for a web-based project management site.

The list view

  • 0.0 MAIN (INDEX.HTML)
    • 0.1 HOME accessed through LOGO (3 variations)
      • 0.11 HOME: unlogged in users
      • 0.12 HOME: logged in User type 1
      • 0.13 HOME: logged in User type 2
  • (MAIN NAVIGATION)
  • 1.0 ABOUT US
  • 2.0 ITEM 2
  • 3.0 ITEM 3
  • 4.0 ITEM 4
  • 5.0 ITEM 5
  • 6.0 ITEM 6

  • (ON-PAGE LINKS)
  • 7.0 LOG IN
    • 7.1 If system cannot automate this, CHOOSE USER TYPE
      • 7.21 USER TYPE 1 PAGE
        • 7.31.1 VIEW
        • 7.31.2 MANAGE
        • 7.31.3 POST / UPDATE
        • 7.31.4 EDIT
        • 7.31.5 SUB-ITEM 5
        • 7.31.6 SUB-ITEM 6
      • 7.22 USER TYPE 2 PAGE
        • 7.32.1 VIEW
        • 7.32.2 MANAGE
        • 7.32.3 POST / UPDATE
        • 7.32.4 EDIT
          • 7.42.4.1 SUBMIT SUCCESSFUL
          • 7.42.4.2 SUBMIT ERROR
          • 7.42.4.3 CANCELLED
  • 8.0 SIGN UP
    • 8.1 AGREEMENT FORM
      • 8.2 CHOOSE USER TYPE
        • 8.31 CREATE ACCOUNT (USER TYPE 1)
          • 8.41.1 SUB-ITEM 1
          • 8.41.2 FORM
            • 8.51.2.1 SUBMIT SUCCESSFUL
            • 8.51.2.2 SUBMIT ERROR
            • 8.51.2.3 CANCELLED
        • 8.32 CREATE ACCOUNT (USER TYPE 2)
          • 8.42.1 SUB-ITEM 1
          • 8.42.2 FORM
            • 8.52.2.1 SUBMIT SUCCESSFUL
            • 8.52.2.2 SUBMIT ERROR
            • 8.52.2.3 CANCELLED
  • (SECONDARY NAVIGATION)
  • 9.0 FACEBOOK (LINK)
  • 10.0 TWITTER (LINK)
  • 11.0 GOOGLE+ OR OTHER SOCIAL MEDIA ACCOUNTS (LINK)
  • 12.0 COMMUNITY 1
  • 13.0 COMMUNITY 2
  • 14.0 COMMUNITY 3
  • 15.0 CONTACT

  • (FOOTER)
  • 16.0 PRIVACY POLICY
  • 17.0 TERMS & AGREEMENT
  • 15.0 CONTACT

The workflow