Caleb brown - Annotated UE Samples 041310
-
Upload
caleb-brown -
Category
Documents
-
view
384 -
download
3
description
Transcript of Caleb brown - Annotated UE Samples 041310
Caleb Brown: a user-centered information professional: work samples
04/11/23 (978) 604-8043 | [email protected] 1
Annotated User Experience Work
Samples
Version 6
Sermo: New Homepages - 2008
04/11/23 (978) 604-8043 | [email protected] 2
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
Sermo: New Physician Product Homepage Evolution - 2008
04/11/23 (978) 604-8043 | [email protected] 3
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
04/11/23 (978) 604-8043 | [email protected] 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
04/11/23 (978) 604-8043 | [email protected] 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
04/11/23 (978) 604-8043 | [email protected] 6
I generated simple pictures of complex processes– Whiteboard– Flipcharts– Concept maps– Targets and Venns– Graphing– Doodles
Sermo: Business Process Analysis - 2008
Sermo: Team Support - 2008
04/11/23 (978) 604-8043 | [email protected] 7
“Soft” team leadership with diagrams to aid discussion– Role– Process– Time– Interaction with other departments
Sermo: Flows - 2008
04/11/23 (978) 604-8043 | [email protected] 8
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
Sermo: Usability - 2008
04/11/23 (978) 604-8043 | [email protected] 9
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)
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
04/11/23 (978) 604-8043 | [email protected] 10
Sermo: Visual Design - 2008
04/11/23 (978) 604-8043 | [email protected] 11
Production-ready images– Buttons and other interface elements for product– Diagram elements– Graphic support for sales
Sermo: “Soft Proof” Prototyping (HTML) - 2008
04/11/23 (978) 604-8043 | [email protected] 12
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
04/11/23 (978) 604-8043 | [email protected] 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
04/11/23 (978) 604-8043 | [email protected] 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
Persona Title
Personal Information
Demographics
Dashboard Interactions
Photograph of Persona ’s cube
or office
• User Goals• Context of task• Key Tasks
• Information needs• Information preferences• Hindrances• Other related experience
Persona ’s mental model of application
• Demographer ’s classification/segmentation•related personas
•Work history•Role•Proficiency
•Business Objectives
•Frequent clickpaths•Anecdotal completion narratives•Use of related interfaces
Personal history
“Verbatims ”
04/11/23 (978) 604-8043 | [email protected] 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
04/11/23 (978) 604-8043 | [email protected] 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
04/11/23 (978) 604-8043 | [email protected] 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
04/11/23 (978) 604-8043 | [email protected] 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
04/11/23 (978) 604-8043 | [email protected] 19
Molecular: Thought Leadership - 2006
Wide interests, insatiable curiosity, avid researcher– Published articles with peers on CMS strategy– Weekly metric analysis– Social informatics presentation
04/11/23 (978) 604-8043 | [email protected] 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
04/11/23 (978) 604-8043 | [email protected] 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
04/11/23 (978) 604-8043 | [email protected] 22
Handbuilt Websites – 2000 - 2002
Small business, marketing brochure, personal, pro bono– Reusable templates– X/D/HTML– (W3C) Standards-compliant
04/11/23 (978) 604-8043 | [email protected] 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
04/11/23 (978) 604-8043 | [email protected] 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
04/11/23 (978) 604-8043 | [email protected] 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
04/11/23 (978) 604-8043 | [email protected] 26
Related Graphic Work
04/11/23 (978) 604-8043 | [email protected] 27
Information Graphics
04/11/23 (978) 604-8043 | [email protected] 28
Children’s Book Illustrations
04/11/23 (978) 604-8043 | [email protected] 29
Web Editorial Illustrations
04/11/23 (978) 604-8043 | [email protected] 30
Miscellaneous Creative Deliverables