Staveland Human Friendly Engineering Inc. Lowell Staveland

Transcription

1 Experience Design Staveland Human Friendly Engineering Inc. Lowell Staveland

2 Making technology Easier, more Fun and Productive. Fitting Designs to Users is all about listening to what they say watching what they do understanding what they really need and want and then modeling essential architectures and designs The products may change, but the process remains the same. It begins and ends with user research! Elicit, unscramble, organize, and model how users think, act and react. Prototype designs representing the best approaches then have users evaluate designs. Repeat. Staveland Human Friendly Engineering Inc. Lowell Staveland

3 Architecting experiences means crafting perceptions, thoughts and actions to achieve usable designs. Anything a human can touch needs a well crafted interface not just focused on screen design but on the full experience. Human Factors integrates Psychology to understand and test user s behavior and experiences, with Engineering to Architect best fitting designs. Information Architecture relies on Human Factors methods to research and model user s experiences to build the essential understanding of how they perceive, think, feel, and act into a framework for design. My extensive background in Human Factors Design and Research Psychology capitalizes on the decades of HFE design, research and tools in order to create designs that best fit your users. Staveland Human Friendly Engineering Inc. Lowell Staveland Lowell@stavelandhfe.com

4 Research user behavior! Understand users interactions and relationships with systems simple to complex. Analyze and model users work, social, task, business and global relations. Employ all methods surveys, focus groups, Contextual Inquiry & Ethnographic Analysis. Model the information architecture. Model early and often to optimize usability and layout. Create representations of the best user experiences. Layout how users work and how they think to best fit users and optimize usability. Create Personas to flesh out the real user. Prototype based on collected data. Turn representations and models into design. Prototype early and often using wireframes, mockups, and functional layouts. Evaluate Usability as an ongoing, iterative process. Optimize ease of use to ensure designs begin on track and stay on track. Evaluate early and often using inspections, walkthroughs and tests anytime, anywhere. Specialize in Global, Remote Usability testing. Staveland Human Friendly Engineering Inc. Lowell Staveland

5 Human Factors & Experience Design Projects Staveland Human Friendly Engineering Inc. Lowell Staveland

6 Date Company Service Project 2010 Parasoft Information Architect & UI Design Web Project Management App NETGEAR Usability Design & Test Web Configuration App Hewlett Packard Usability Design & Test, Interaction Design & Analysis, Information Architect, UI Design, User Research, Usability Design Standards, Documentation Cisco Systems Usability Test Web Support Site 2003 Trend Micro Usability Test GUI Security apps HPUX GUI & Web Apps; Business, Research, Development, learning, employee Web Sites; Server and Network HW UI; Network Device Management GUIs & Web Apps iengineer.com Information Architect & UI Design Collaboration Web Site 2000 PhotoLoft.com Information Architect & UI Design Photo Web Site 2000 WorkScape Information Architect & UI Design Employee Mgmt Web Site 2000 LUTRIS Technologies Information Architect & UI Design Employee Services Web App Kaiser Permanente Interaction Design & Analysis, Usability Design & Test Referral Web App & Diabetes Mgmt GUI

7 Date Company Service Project 1998 Lumina Decision Systems (Ask Jeeves) Interaction Analysis GUI App 1998 Bay Networks Information Architect & UI Design Switch Web Mgmt App 1997 Extensity, Inc. Interaction Design & Analysis GUI Expense Reporting App 1995 Interface Technologies Corp. Interaction Design Virtual App 1995 Intuit Usability Test GUI Financial App 1995 Seagull Technology Programming Map Display Symantec Corp. Usability Test Security Gui App Boeing Interaction Analysis Helicopter Displays & Controls NASA Ames (Sterling Software) Programming, Interaction Design & Analysis, User CASE Tool Research, Documentation, Project Management, 1987 Martin Marietta User Research Helicopter Displays & Controls NASA Ames (San Jose State Foundation) User Research User Modeling & Assessment, Displays & Controls

8 Portfolio Only some work samples follow There are many of them and Some are still confidential. Staveland Human Friendly Engineering Inc. Lowell Staveland

9 Project Management Web GUI This UI for managing Agile development tasks required interacting among multiple tabs and pop ups to find and enter information. Interacting with users as they worked provided the design directions on how best to unify browser tabs as page tabs and re architect content to more efficiently find and enter information. Final Proposal 1 browser, visible actions functionally grouped in tabs. Initial Design 4 browser windows, actions not visible

10 HPUX Enterprise Server and Datacenter Management Tools Led Usability Evaluation and Re design efforts for many different products over a 16 year period. Pioneered Global usability evaluation for Enterprise Products. Products included HPUX Data Center Mgmt Web Tools, SIM, SMH, ServiceGuard Manager, OpenView, Internet Usage Manager Web Tool, HP SW Installation Tools, Network Scanner LCD GUI, Support Web Sites, HP Intranets. Virtual Partition update flow Linux Managed Installer System Management GUI CIM Centralized Management Server

11 ProCurve Manager GUIs: Manager Plus, Mobility Manager, Identity Manager, Procurve Manager user research and design of Usability Interaction Guidelines Mobility Manager Usability Design Requirements. Network Immunity Manager Usability Test and Re Design Dashboard Layout Sketch PCM Main Dashboard Re Design PCM Tree Hierarchy Design Tab Levels Architecture Mobility Map Design

12 ProCurve Wireless Embedded Web GUI Ease-of-Use Created Usability Design Requirements for next generation Web based GUI for Consumer Wireless products. Specified UI design for setup wizards, pre set defaults and UI interactions for easy and quick setup and configuration Initial Network Map in Visio Quick setup Layout in Excel Interaction and layout in Paint Quick setup Map in Visio

13 ProCurve Embedded Web GUI. Created Usability Design Requirements for next generation Web based GUI for Enterprise Device Management. Used Word, Excel and Paint to go from user research to wireframes to design mockups. Content Layout in Word Interaction and UI Design in Excel Functional UI Specs

14 Configuration and Updates of Home & Small Business Routers & Internet Services. Re Design the user interactions for Live Parental Controls Management Utility to integrate with router setup. Reduce interaction from 4 GUI s (1 desktop, 3 web) into 1 page. Evaluate and Re Design the user interactions, content, look and feel for Wireless Router Configuration. Consulted on GENIE (configuration wizard) concept development evaluated and prototyped concept versions. Live Parental Controls 4 GUI s into 1 Final concept Design Proposal Reduced configuration steps 50%

15 Router Firmware Updates Utility Designed and prototyped the interface to automatically download and Update Router and Adapter Firmware Designed the templates, interaction style and content using Visio and Paint. Prototyped functional demo and CSS using FrontPage. Created the specifications document for the developers. Update Flow in Visio Visio Update Mockup Final Functional Prototype in FrontPage

16 Technical Support Web Site Usability Designed and conducted an 2 usability tests at Cisco with over 40 users some local and some remote. Re designed support pages based on results Test Scenarios Icon Re design Recommendations Support Pare Re Design

17 HP s primary customer facing site to HP's business process expertise Compiled users data with interviews and task analyses to get essential user design data Designed and prototyped the web site with Visio and FrontPage. Created the style guide to standardize HP s Business Outsourcing. Content Layout in Visio Wireframe in FrontPage Functional Prototype & Specs

18 Physicians Referral Management Tool Combined contextual inquiry, interaction analysis, interviews, user needs and task analysis and heuristic analysis. Designed and conducted an exhaustive usability test at Kaiser in Georgia. Re designed ROMS based on results using Paint. After Before

19 Employee Management Portal Research Employee self management needs and tasks Architect page and site content and navigation Prototype page and site look and feel and create style guide. Design Sequence Content Architecture in Excel, Wireframe in Word, Mockup and Prototype in Paint

20 Employee Management Applications Research Employee self management needs and tasks Architect page and site content and navigation Prototype page and site look and feel and create style guide. Original Layout Wire Frame Layout Basic Table Interaction Complex Table Interaction

21 Mechanical Engineering Internet Portal and Collaboration Tool. Architected the information structure, content and navigation Wrote functional requirements, develop use cases, develop and implement usability test plans. Designed the user interface, site look and feel and create style guide. Prototyped using Word, Visio, Excel, Dreamweaver Content Layout Wire Frame (in Word) Final Design