Caleb brown - Annotated UE Samples 041310

  • 353 views
Uploaded 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.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
353
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
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]