Annotated User Experience Work  Samples Version 6 05/06/10 (978) 604-8043  |  [email_address]
Sermo: New Homepages - 2008 <ul><li>Was UE lead for first physician-product redesign. Coordinated inclusion of relevant UI...
Sermo: New Physician Product Homepage Evolution - 2008  05/06/10 (978) 604-8043  |  [email_address] <ul><li>From May ‘08 t...
Sermo: Wireframes - 2008  <ul><li>The vehicle is irrelevant, the ideas are paramount. Sketches and diagrams produced in/on...
Sermo: Communicating Interface Concepts - 2008  <ul><li>Helping various audiences understand information challenges </li><...
Sermo: Business Process Analysis - 2008  05/06/10 (978) 604-8043  |  [email_address] <ul><li>I generated simple pictures o...
Sermo: Team Support - 2008  05/06/10 (978) 604-8043  |  [email_address] <ul><li>“ Soft” team leadership with diagrams to a...
Sermo: Flows - 2008  05/06/10 (978) 604-8043  |  [email_address] <ul><li>Produced rich flowcharts to enhance understanding...
Sermo: Usability - 2008 05/06/10 (978) 604-8043  |  [email_address] <ul><li>User research and detailed reports </li></ul><...
Sermo: Persona Work - 2008 <ul><li>Led “Overall Experience Taskforce”, six primary “proto-personas” defined as partial del...
Sermo: Visual Design - 2008 05/06/10 (978) 604-8043  |  [email_address] <ul><li>Production-ready images </li></ul><ul><ul>...
Sermo: “Soft Proof” Prototyping (HTML) - 2008 05/06/10 (978) 604-8043  |  [email_address] <ul><li>Rapid HTML prototyping w...
New Presence on Fidelity.com Site for Small Business Payroll – August 2007 <ul><li>First retail exposure for new line of b...
Fidelity Persona Expertise – 2007 <ul><li>Lead architect of small business persona development effort. Success triggered p...
Fidelity: Process Innovations - 2007 <ul><li>Seeing things in new ways translates into doing things differently </li></ul>...
Molecular: Old Mutual Asset Managers (OMAM) Integrated Management Report – 2006 <ul><li>Word document for senior managemen...
Molecular: Old Mutual Asset Managers (OMAM) Affiliate Website, Copper Rock - 2006  <ul><li>http://www.copperrockcapital.co...
Molecular: Old Mutual Asset Managers (OMAM) Affiliate Website, ICM - 2006  <ul><li>http://www.icomd.com/ </li></ul><ul><li...
Molecular: Thought Leadership - 2006 <ul><li>Wide interests, insatiable curiosity, avid researcher </li></ul><ul><ul><li>P...
Freelance: Knowledge Management System – 2005 <ul><li>Design interactive CMS that allows tagging and active categorization...
Internosis: Website Visualization Concepts – 2005 <ul><li>Including informative visualizations for large health coaching a...
Handbuilt Websites – 2000 - 2002 <ul><li>Small business, marketing brochure, personal, pro bono </li></ul><ul><ul><li>Reus...
I “Eat My Own Dog Food” <ul><li>Same development process, same technology, same expectations of quality, same execution </...
Documenting Process <ul><li>Each project demands its own approach and degree of finish. I insist on a robust hand-off. </l...
Overall Diversity of Work <ul><li>A wide variety of projects over the last 10 years, including the full gamut of format an...
Related Graphic Work 05/06/10 (978) 604-8043  |  [email_address]
Information Graphics 05/06/10 (978) 604-8043  |  [email_address]
Children’s Book Illustrations 05/06/10 (978) 604-8043  |  [email_address]
Web Editorial Illustrations 05/06/10 (978) 604-8043  |  [email_address]
Miscellaneous Creative Deliverables 05/06/10 (978) 604-8043  |  [email_address]
Upcoming SlideShare
Loading in...5
×

Caleb brown - Annotated UE Samples 041310

383

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.

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

  • Be the first to like this

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

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
  • Caleb brown - Annotated UE Samples 041310

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

    ×