Your SlideShare is downloading. ×
Caleb brown - Annotated UE Samples 041310
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Caleb brown - Annotated UE Samples 041310

363
views

Published on

Have a look through a selection of my user experience work (from 2000 - 2008), with annotations. Also included is some related graphic work.

Have a look through a selection of my user experience work (from 2000 - 2008), with annotations. Also included is some related graphic work.


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
363
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • 05/06/10
  • 05/06/10
  • 05/06/10
  • 05/06/10
  • 05/06/10
  • 05/06/10
  • 05/06/10
  • 05/06/10
  • 05/06/10
  • 05/06/10
  • 05/06/10
  • 05/06/10
  • 05/06/10
  • 05/06/10
  • 05/06/10
  • 05/06/10
  • 05/06/10
  • Transcript

    • 1. Annotated User Experience Work Samples Version 6 05/06/10 (978) 604-8043 | [email_address]
    • 2. Sermo: New Homepages - 2008
      • Was UE lead for first physician-product redesign. Coordinated inclusion of relevant UI features and technology in public-facing site: http://sermo.com/
        • Determined information architecture of homepage and provided visual design
        • Worked closely with all business stakeholders
        • Worked intimately with engineering team as part of Agile Scrum
        • Conducted live user research
        • Facilitated design collaboration across company
      05/06/10 (978) 604-8043 | [email_address]
    • 3. Sermo: New Physician Product Homepage Evolution - 2008 05/06/10 (978) 604-8043 | [email_address]
      • From May ‘08 through October, the homepage changed in response to input and constraints. Series of 2-week Agile “sprints” was iteration tempo
        • User story creation (part of Agile methodology)
        • Brainstorming
        • Concepts and wireframes
        • Lo-fi prototyping
        • Achieving consensus
    • 4. Sermo: Wireframes - 2008
      • The vehicle is irrelevant, the ideas are paramount. Sketches and diagrams produced in/on:
        • Omnigraffle
        • Paper
        • Whiteboards
        • MS Word
        • MS PowerPoint
      05/06/10 (978) 604-8043 | [email_address]
    • 5. Sermo: Communicating Interface Concepts - 2008
      • Helping various audiences understand information challenges
        • To argue UE value
        • To advocate for the user
        • To demonstrate an idea
        • To expose a cognitive flaw
        • To suggest a UI direction
        • To spur discussion
      05/06/10 (978) 604-8043 | [email_address]
    • 6. Sermo: Business Process Analysis - 2008 05/06/10 (978) 604-8043 | [email_address]
      • I generated simple pictures of complex processes
        • Whiteboard
        • Flipcharts
        • Concept maps
        • Targets and Venns
        • Graphing
        • Doodles
    • 7. Sermo: Team Support - 2008 05/06/10 (978) 604-8043 | [email_address]
      • “ Soft” team leadership with diagrams to aid discussion
        • Role
        • Process
        • Time
        • Interaction with other departments
    • 8. Sermo: Flows - 2008 05/06/10 (978) 604-8043 | [email_address]
      • Produced rich flowcharts to enhance understanding and depict functionality. On the spot, in collaboration with teams during brainstorming, or as deliverable reflected back to clients for validation
        • “ Comment Moderation”
        • Clinical trials
    • 9. Sermo: Usability - 2008 05/06/10 (978) 604-8043 | [email_address]
      • User research and detailed reports
        • Led usability practice over Sermo tenure
        • Worked closely with analytics department
        • Created moderator’s guides and conducted tests
        • Remote test: registration process (unregistered physicians)
        • Search behavior survey (to community)
        • Homepage preferences survey (to community)
    • 10. Sermo: Persona Work - 2008
      • Led “Overall Experience Taskforce”, six primary “proto-personas” defined as partial deliverable
        • Major input to significant homepage redesign
        • Major input to public facing site: http://sermo.com/
        • Personas still in use
      05/06/10 (978) 604-8043 | [email_address]
    • 11. Sermo: Visual Design - 2008 05/06/10 (978) 604-8043 | [email_address]
      • Production-ready images
        • Buttons and other interface elements for product
        • Diagram elements
        • Graphic support for sales
    • 12. Sermo: “Soft Proof” Prototyping (HTML) - 2008 05/06/10 (978) 604-8043 | [email_address]
      • Rapid HTML prototyping within agile scrum team
        • “ Soft proofed” whole pages with interactivity and graphic assets
        • Code well documented for engineering reuse
        • Working mockups built stakeholder confidence
        • Quick development, easy maintenance
    • 13. New Presence on Fidelity.com Site for Small Business Payroll – August 2007
      • First retail exposure for new line of business
        • Use of new Fidelity.com “Web 2.0” components
        • Unprecedented collaboration between new Fidelity business units
        • Severely compressed budget and timeframe
        • Authored new “Soft-poof” development methodology to accommodate
        • http://personal.fidelity.com/products/retirement/getstart/newacc/smallbizintro.shtml.cvsr?refhp=pr&ut=A14
      05/06/10 (978) 604-8043 | [email_address]
    • 14. Fidelity Persona Expertise – 2007
      • Lead architect of small business persona development effort. Success triggered pervasive interest and new project sponsorship
        • Qualitative and quantitative methodologies
        • Ethnographic research
        • Cluster analysis
        • Request to help define repeatable process
      05/06/10 (978) 604-8043 | [email_address]
    • 15. Fidelity: Process Innovations - 2007
      • Seeing things in new ways translates into doing things differently
        • Observe trends and repeat prevalent metaphors (the “Playlist”)
        • Advocate for small, risky, frequent changes to prototypes (Soft-proofing)
        • Approach “Agile” methodology when waterfall not appropriate
        • Create seamless experiences out of atomized parts
      05/06/10 (978) 604-8043 | [email_address]
    • 16. Molecular: Old Mutual Asset Managers (OMAM) Integrated Management Report – 2006
      • Word document for senior management to give a snapshot of company health and metrics in compact, easily scannable formfactor
        • Pioneered MS Word templates, based on analyst reports already familiar to audience
        • Created innovative graphs and inline displays
        • Frequent co-design sessions
      05/06/10 (978) 604-8043 | [email_address]
    • 17. Molecular: Old Mutual Asset Managers (OMAM) Affiliate Website, Copper Rock - 2006
      • http://www.copperrockcapital.com/
      • Was responsible for:
        • Overseeing design team
        • Site IA and “floating” layout
        • Logo and identity optimization for web display
        • Content model
      05/06/10 (978) 604-8043 | [email_address]
    • 18. Molecular: Old Mutual Asset Managers (OMAM) Affiliate Website, ICM - 2006
      • http://www.icomd.com/
      • Was responsible for:
        • Overseeing design team
        • Overall delivery schedule
        • Tone, color and stock photo selection
        • Graphic production
        • Site IA
        • Content model
      05/06/10 (978) 604-8043 | [email_address]
    • 19. Molecular: Thought Leadership - 2006
      • Wide interests, insatiable curiosity, avid researcher
        • Published articles with peers on CMS strategy
        • Weekly metric analysis
        • Social informatics presentation
      05/06/10 (978) 604-8043 | [email_address]
    • 20. Freelance: Knowledge Management System – 2005
      • Design interactive CMS that allows tagging and active categorization of content. Desktop widget tightly integrated to web application
        • Low- and high- fidelity wireframes
        • Rapid prototyping
        • Global solution
        • Complex content model
        • Flexible field use
        • Desktop widget integration
      05/06/10 (978) 604-8043 | [email_address]
    • 21. Internosis: Website Visualization Concepts – 2005
      • Including informative visualizations for large health coaching and health services provider on their homepage. Helps visitors grasp “human” side of corporation
        • IA for their overall redesign
        • Needed to communicate rich history
        • Insert people into “brand story”
        • MS Visio
      05/06/10 (978) 604-8043 | [email_address]
    • 22. Handbuilt Websites – 2000 - 2002
      • Small business, marketing brochure, personal, pro bono
        • Reusable templates
        • X/D/HTML
        • (W3C) Standards-compliant
      05/06/10 (978) 604-8043 | [email_address]
    • 23. I “Eat My Own Dog Food”
      • Same development process, same technology, same expectations of quality, same execution
        • http://caleb-brown.com
        • Rigorous pre-thinking
        • Simple, to the point
        • Appropriate interactivity
      05/06/10 (978) 604-8043 | [email_address]
    • 24. Documenting Process
      • Each project demands its own approach and degree of finish. I insist on a robust hand-off.
        • Consider the audience
        • Consider repeatable process
        • Consider interaction model
        • Consider fidelity
      05/06/10 (978) 604-8043 | [email_address]
    • 25. Overall Diversity of Work
      • A wide variety of projects over the last 10 years, including the full gamut of format and delivery
        • Marketing collateral
        • Retail websites
        • Enterprise IA
        • Expert usability reviews
        • Desktop software integration
        • Intranets
        • Visual design
      05/06/10 (978) 604-8043 | [email_address]
    • 26. Related Graphic Work 05/06/10 (978) 604-8043 | [email_address]
    • 27. Information Graphics 05/06/10 (978) 604-8043 | [email_address]
    • 28. Children’s Book Illustrations 05/06/10 (978) 604-8043 | [email_address]
    • 29. Web Editorial Illustrations 05/06/10 (978) 604-8043 | [email_address]
    • 30. Miscellaneous Creative Deliverables 05/06/10 (978) 604-8043 | [email_address]