HCI in the Software Process

Total Page:16

File Type:pdf, Size:1020Kb

HCI in the Software Process HCI in the software process • Software engineering and the design process chapter 6 for interactive systems • Usability engineering HCI in the software • Iterative design and prototyping process •Design rationale the software lifecycle The waterfall model Requirements specification • Software engineering is the discipline for Architectural understanding the software design process, or design life cycle Detailed design • Designing for usability occurs at all stages of Coding and the life cycle, not as a single isolated activity unit testing Integration and testing Operation and maintenance Activities in the life cycle Verification and validation Requirements specification Real-world designer and customer try capture what the system is requirements and constraints expected to provide can be expressed in natural language or The formality gap more precise languages, such as a task analysis would provide Verification designing the product right Architectural design Validation high-level description of how the system will provide the designing the right product services required factor system into major components of the system and how they are interrelated needs to satisfy both functional and nonfunctional requirements The formality gap validation will always rely to some extent on subjective means Detailed design of proof refinement of architectural components and interrelations to identify modules to be implemented separately the refinement Management and contractual issues is governed by the nonfunctional requirements design in commercial and legal contexts 1 The life cycle for interactive Usability engineering systems cannot assume a linear The ultimate test of usability based on measurement of user Requirements experience specification sequence of activities Usability engineering demands that specific usability measures be Architectural as in the waterfall model made explicit as requirements design Usability specification Detailed – usability attribute/principle design – measuring concept –measuring method Coding and unit testing – now level/ worst case/ planned level/ best case Problems Integration – usability specification requires level of detail that may not be and testing lots of feedback! – possible early in design satisfying a usability specification – does not necessarily satisfy usability Operation and maintenance part of a usability ISO usability standard 9241 specification for a VCR adopts traditional usability categories: Attribute: Backward recoverability Measuring concept: Undo an erroneous programming • effectiveness sequence – can you achieve what you want to? Measuring method: Number of explicit user actions to undo current program • efficiency Now level: No current product allows such an undo – can you do it without wasting effort? Worst case: As many actions as it takes to program-in mistake • satisfaction Planned level: A maximum of two explicit user actions – do you enjoy the process? Best case: One explicit cancel action Iterative design and some metrics from ISO 9241 prototyping Usability Effectiveness Efficiency Satisfaction • Iterative design overcomes inherent problems of incomplete objective measures measures measures requirements Suitability Percentage of Time to Rating scale • Prototypes for the task goals achieved complete a task for satisfaction – simulate or animate some features of intended system Appropriate for Number of power Relative efficiency Rating scale for – different types of prototypes trained users features used compared with satisfaction with •throw-away an expert user power features • incremental • evolutionary Learnability Percentage of Time to learn Rating scale for functions learned criterion ease of learning • Management issues –time Error tolerance Percentage of Time spent on Rating scale for – planning errors corrected correcting errors error handling – non-functional features successfully – contracts 2 Techniques for prototyping Design rationale Storyboards Design rationale is information that explains why need not be computer-based a computer system is the way it is. can be animated Limited functionality simulations Benefits of design rationale some part of system functionality provided by designers – communication throughout life cycle tools like HyperCard are common for these – reuse of design knowledge across products Wizard of Oz technique – enforces design discipline Warning about iterative design – presents arguments for design trade-offs design inertia – early bad decisions stay bad – organizes potentially large design space diagnosing real usability problems in prototypes…. – capturing contextual information …. and not just the symptoms Issue-based information Design rationale (cont’d) system (IBIS) Types of DR: • basis for much of design rationale research • Process-oriented • process-oriented – preserves order of deliberation and decision-making • main elements: • Structure-oriented – emphasizes post hoc structuring of considered issues design alternatives – hierarchical structure with one ‘root’ issue positions – potential resolutions of an issue • Two examples: – Issue-based information system (IBIS) arguments – modify the relationship between positions and issues – Design space analysis • gIBIS is a graphical version structure of gIBIS Design space analysis supports Position Argument • structure-oriented responds to Issue • QOC – hierarchical structure: responds to questions (and sub-questions) objects to Position Argument – represent major issues of a design specializes options – provide alternative solutions to the question generalizes Sub-issue criteria questions – the means to assess the options in order to make a choice Sub-issue • DRL – similar to QOC with a larger language Sub-issue and more formal semantics 3 the QOC notation Psychological design rationale Criterion Option • to support task-artefact cycle in which user tasks are affected by the systems they use • aims to make explicit consequences of design for users Question Option Criterion • designers identify tasks system will support • scenarios are suggested to test task Option Criterion • users are observed on system • psychological claims of system made explicit Consequent • negative aspects of design can be used to improve next Question … … Question iteration of design Summary The software engineering life cycle – distinct activities and the consequences for interactive system design Usability engineering – making usability measurements explicit as requirements Iterative design and prototyping – limited functionality simulations and animations Design rationale – recording design knowledge – process vs. structure 4.
Recommended publications
  • Critical Making at the Edges
    Visible Language 49.3 the journal of visual communication research special issue Jessica Barness Amy Papaelias guest editors December 2015 critical making DESIGN and the DIGITAL HUMANITIES ADVISORY BOARD GUEST EDITORS' INTRODUCTION Naomi Baron — The American University, Washington, D.C. 4–11 Critical Making at the Edges Michael Bierut — Pentagram, New York, NY Jessica Barness, Amy Papaelias Matthew Carter — Carter & Cone Type, Cambridge, MA Keith Crutcher — Cincinnati, OH THEORY AND SPECULATIONS Mary Dyson — University of Reading, UK 12–33 Meta!Meta!Meta! A Speculative Design Brief for the Digital Humanities Jorge Frascara — University of Alberta, Canada / Universidad Anne Burdick de las Americas Puebla Ken Friedman — Swinburne University of Technology, Melbourne, Australia 34–61 Clues. Anomalies. Understanding. Detecting underlying assumptions and Michael Golec — School of the Chicago Art Institute, Chicago, IL Judith Gregory — University of California-Irvine, Irvine, CA expected practices in the Digital Humanities through the AIME project Kevin Larson — Microsoft Advanced Reading Technologies Donato Ricci, Robin de Mourat, Christophe Leclercq, Bruno Latour Aaron Marcus — Aaron Marcus & Associates, Berkeley, CA Per Mollerup — Swinburne University of Technology, Melbourne, Australia 62–77 Writing Images and the Cinematic Humanities Tom Ockerse — Rhode Island School of Design, Providence, RI Holly Willis Sharon Poggenpohl — Estes Park, CO Michael Renner — The Basel School of Design — Visual Communication 78–99 Beyond the Map: Unpacking
    [Show full text]
  • What We Heard from You
    What We Heard From You “The Charette process invited my neighbors and me to share our opinions and suggestions in designing a positive addition to our community . The Charette process has developed a plan that no one group of people could have achieved alone – it has drawn the best from those who participated.” STEVE POTTER Charette participant he design process that created that showcased the proposed look, the Pleasant Hill BART Station function and character of the BART TCommunity Plan was based on station. the principle that “the best plans are The high level of citizen turnout made by many hands.” More than 500 was tremendously valuable to the people participated in the Charrette process. Many dropped in during the and offered up a wealth of ideas, sug- more than 80 hours of “open door gestions and perspectives about what studio time.” The Pleasant Hill BART they wanted for their community. Station owes a great deal to these While these citizen planners have committed citizens who spent their blazed the trail for the new BART time, energy and talents helping to transit village, there still is much work Charrette participants were encouraged create an innovative, thoughtful to be done, with plenty more opportu- to generate their own ideas, helping Community Plan for the new transit nities for public input from neighbors the designers better understand the village. and others during the land use review community’s needs and desires. and approval process (see Next Steps that need to be protected. In addition, below). the team conducted market and trans- A Charrette is an inclusive public planning process undertaken by How the Charrette process portation background research that was used to help test various scenarios a inter-disciplinary design team, worked created during the charrette.
    [Show full text]
  • Visual Information Design
    CSE 440 – Autumn 2012 User Interface Design, Prototyping, & Evaluation Professor Landay USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Hall of Fame or Shame? Visual Information Design Prof. James A. Landay University of Washington Autumn 2012 * Includes material from Skip Shelly, Edward Tufte, Kevin Mullet, & Scott Klemmer Hall of Shame! Hall of Shame! 20 pages of 20 pages of scrolling to get scrolling to get to the next to the next action action USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Outline • Review Prototyping • Simplification Visual Information Design • Small Multiples • Typography & Grid systems • Things to Avoid Prof. James A. Landay • Color University of Washington • Proportion & Scale Autumn 2012 • Design economy * Includes material from Skip Shelly, Edward Tufte, • Visualization Kevin Mullet, & Scott Klemmer 11/20/2012 CSE440 - User Interface Design, Prototyping, & Evaluation 6 1 CSE 440 – Autumn 2012 User Interface Design, Prototyping, & Evaluation Professor Landay Prototyping Review Quotes: Mullet and Sano • Prototypes are a concrete representation of a design or final product “Design is not something that can be • Low-fi testing allows us to? applied after the fact, when the – quickly iterate fundamental organization of the product – get feedback from users & change right away has already been determined–though this is indeed a common misconception. • Problems with lo-fi testing? To be effective, design must be an – computer inherently “buggy” integral part of the product development – timings not accurate lifecycle.” – some widgets hard to recognize as sketches – dynamic behaviors hard to simulate 11/20/2012 CSE 440: User Interface Design, Prototyping, & Evaluation 7 11/20/2012 CSE440 - User Interface Design, Prototyping, & Evaluation 8 Quotes: Mihai Nadin How Might We Improve This? “Method helps intuition when it is not transformed into dictatorship.
    [Show full text]
  • LATUX: an Iterative Workflow for Designing, Validating, and Deploying Learning Analytics Visualizations
    (2015). LATUX: An iterative workflow for designing, validating, and deploying learning analytics visualizations. Journal of Learning Analytics, 2(3), 9–39. http://dx.doi.org/10.18608/jla.2015.23.3 LATUX: An Iterative Workflow for Designing, Validating, and Deploying Learning Analytics Visualizations Roberto Martinez-Maldonado Connected Intelligence Centre, University of Technology Sydney, Australia School of Information Technologies, The University of Sydney, Australia [email protected] Abelardo Pardo School of Electrical & Information Engineering, The University of Sydney, Australia Negin Mirriahi School of Education & Learning and Teaching Unit, University of New South Wales, Australia Kalina Yacef School of Information Technologies, The University of Sydney, Australia Judy Kay School of Information Technologies, The University of Sydney, Australia Andrew Clayphan School of Information Technologies, The University of Sydney, Australia ABSTRACT: Designing, validating, and deploying learning analytics tools for instructors or students is a challenge that requires techniques and methods from different disciplines, such as software engineering, human–computer interaction, computer graphics, educational design, and psychology. Whilst each has established its own design methodologies, we now need frameworks that meet the specific demands of the cross-disciplinary space defined by learning analytics are needed. In particular, LAK needs a systematic workflow for creating tools that truly underpin the learning experience. In this paper, we present a set of guiding principles and recommendations derived from the LATUX workflow. This is a five-stage workflow to design, validate, and deploy awareness interfaces in technology-enabled learning environment. LATUX is based on well-established design processes for creating, testing, and re-designing user interfaces.
    [Show full text]
  • Finding Balance in Generative Product Design Alex Lobos Rochester Institute of Technology
    Rochester Institute of Technology RIT Scholar Works Presentations and other scholarship Faculty & Staff choS larship Summer 8-15-2018 Finding Balance in Generative Product Design Alex Lobos Rochester Institute of Technology Follow this and additional works at: https://scholarworks.rit.edu/other Part of the Computer-Aided Engineering and Design Commons, Industrial and Product Design Commons, Other Engineering Commons, View the full list of Digital Commons Disciplines associated with this work on its record page. Recommended Citation Lobos, A. (2018). Finding Balance in Generative Product Design. In: Norddesign 2018. Linköping University, Linköping, Sweden. 14-17 August, 2018. This Conference Paper is brought to you for free and open access by the Faculty & Staff choS larship at RIT Scholar Works. It has been accepted for inclusion in Presentations and other scholarship by an authorized administrator of RIT Scholar Works. For more information, please contact [email protected]. Pre-Print version Finding Balance in Generative Product Design Alex Lobos1 1Department of Industrial Design, Rochester Institute of Technology (USA) E-mail: [email protected] Abstract Generative design develops complex forms and structures similar to those found in nature, taking advantage of automated tasks and high-scale computing power. This approach benefits designers in the creation systems that are efficient, resilient and visually engaging. These systems follow specific rules for form generation and meet clear design goals in terms of shape, strength, mass, and other physical attributes. There is a large number of methods for creating generative systems, based on establishing desired outcomes and behaviors for how components relate to each other. Examples of methods include L-Systems, Shape Grammars, Swarm Intelligence, Form Optimization, Lattice Design, and many others.
    [Show full text]
  • Integrating the Charrette Process Into Engineering Education: a Case Study on a Civil Engineering Capstone Course
    AC 2012-3084: INTEGRATING THE CHARRETTE PROCESS INTO EN- GINEERING EDUCATION: A CASE STUDY ON A CIVIL ENGINEER- ING DESIGN CAPSTONE COURSE Dr. Michelle Renee Oswald, Bucknell University Michelle Oswald, a LEED AP, is an Assistant Professor at Bucknell University in the Department of Civil and Environmental Engineering. Her focus is in sustainable transportation planning and sustainable engi- neering education. She completed her doctoral degree in civil engineering at the University of Delaware, along with a master’s of civil engineering degree, and a master;s of arts in urban affairs and public policy. She received a bachelor of science in civil and environmental engineering from Lafayette College. Dr. Arthur D. Kney, Lafayette College Arthur D. Kney has been a resident of Bethlehem, Penn. since 1993. He lives with his lovely wife Linda, their brilliant eight-year-old daughter, and two wonderful cats. Kney received his doctorate of philosophy (Ph.D.) in environmental engineering from Lehigh University in 1999 and his professional engineering li- cense in 2007. He is currently serving as an Associate Professor and Department Head in the Department of Civil and Environmental Engineering at Lafayette College. Throughout Kney’s career, he has been active in the community, at the local, state, and national level. He has served as chair of the Pennsylvania Water Environment Association (PWEA) research committee, Chair of the Bethlehem Environmental Ad- visory Committee, Vice President of the Lehigh Valley Section of the American Society of Civil Engineers (ASCE), Secretary of ASCE/Environmental and Water Resources Institute (EWRI) Water Supply Engi- neering Committee, and he has been a member of the AWWA/ASCE WTP Design 4th Edition Steering Committee.
    [Show full text]
  • The Charrette Test Method
    CIFECENTER FOR INTEGRATED FACILITY ENGNEERING The Charrette Test Method By Mark Clayton, John Kunz, and Martin Fischer CIFE Technical Report #120 September, 1998 STANFORD UNIVERSITY CIFE CENTER FOR INTEGRATED FACILITY ENGINEERING, STANFORD UNIVERSITY Copyright © 1998 by Center for Integrated Facility Engineering If you would like to contact the authors, please write to: c/o CIFE, Civil and Environmental Engineering Stanford University Terman Engineering Center Mail Code: 4020 Stanford, CA 95305-4020 1 The Charrette Test Method THE CHARRETTE TEST METHOD Mark J. Clayton, John C. Kunz, Martin A. Fischer Introduction This paper discusses validation of an evaluation process in building design. We claim that it both matches designers’ cognitive activities and is implementable as software that partially automates the process. The working SME system provides evidence for the latter claim. An example of the Cyclotron Suite shows that the software can automatically create a product model of a building as the result of performing design activities including evaluation. This paper presents methods that we used to provide evidence that the software and the design theories that it embodies are usable by other designers. We developed and used the Charrette Test Method for testing the effectiveness of computing methods. We report on its use to develop evidence for the general suitability of SME and its effectiveness in aiding the design evaluation process. The experiment compares a manual process of solving a design evaluation problem to a partially automated process using the SME prototype. The problem The basic issue that we address in the Charrette Test Method is how to determine whether a process performed using one set of tools is superior to a process performed using another set of tools.
    [Show full text]
  • Temporal Typography Characterization of Time-Varying Typographic Forms by Yin Yin Wong
    Temporal Typography Characterization of time-varying typographic forms by Yin Yin Wong B.F.A. Graphic Design Carnegie Mellon University May 1988 Submitted to the Program in Media Arts and Sciences School of Architecture and Planning in partial fulfillment of the requirements for the degree of Master of Science in Media Arts and Sciences at the Massachusetts Institute of Technology August 1995 Copyright 1995 MIT All Rights Reserved Signature of Author Program in MediaArts and Sciences August I1,1995 C0-ertified b Ronald MacNeil Principal Research Associate MIT Media Laboratory Thesis Advisor , 11 1 ItJ A Accepted by Vy Stephen A. Benton Chairperson .ASSACHUSETTS INSITUTE Departmental Committee on Graduate Students OF TECHNOLOGY Program in MediaArts and Sciences OCT 2 6 1995 LIBRARIES Temporal Typography Characterization of time-varying typographic forms byYin Yin Wong B.F.A. Graphic Design Carnegie Mellon University May 1988 Submitted to the Program in Media Arts and Sciences School of Architecture and Planning in partial fulfillment of the requirements for the degree of Master of Science in Media Arts and Sciences On August 11, 1995 Abstract Text is no longer limited to a static presentation in electronic communication. Typographic form can change in size, color, and position according to a reader's interaction in real time. This thesis proposes temporal typography as an area of study which incorporates the dynamic visual treatment of written language. Presently, graphic design lacks ways to conceputalize and describe temporal typography in a systematic way. This thesis presents a characterizationscheme which provides a set of concepts and terminology which allows for the descrip- tion of typographic expressions that change dynamically over time.
    [Show full text]
  • Pile Selection and Design: Lock and Dam No. 26 (Replacement)
    Transportation Research Record 884 45 large open-end diesel hammers. Difficulties during Division, ASCE (Illinois Section), 1973. production driving were practically nonexistent. 2. G.G. Goble, G. Likins, and F. Rausche. Bearing 3. Dynamic-capacity predictions agreed well with Capacity of Piles from Dynamic Measurements, the static load test results. Final Report. Ohio Department of Transportation, 4. Measured hammer performance was poorer than Columbus, and Department of Solid Mechanics, Case predicted in most cases. Thus, construction control Western Reserve Univ., Cleveland, Rept. OHIO­ by using dynamic measurements or static load tests DOT-05-75, March 1975. is necessary as design loads are increased. 3. F. Rausche, F. Moses, and G.G. Goble. Soil 5. A preliminary test program of the type con­ Resistance Predictions from Pile Dynamics. ducted here can be expected to save large amounts of Journal of the Soil Mechanics and Foundations money. Division, ASCE, Vol. 98, No. SM9, Proc. Paper 9220, Sept. 1972. REFERENCES 1. M.T. Davisson. High Capacity Piles. In Proc., Notice: The Transportation Resrorch Board does not endorse products or Soil Mechanics Lecture Ser ies--Innovation in manufacturers. Trade and manufacturers' names appear in this paper because Foundation Construction, Soil and Mechanics they are considered essential to its object. Pile Selection and Design: Lock and Dam No. 26 (Replacement) BRUCE H. MOORE Lock and Dam No. 26 is a major navigation structure on the Mississippi River river bottom attended this failure. The construc­ some 25 miles north of St. Louis, Missouri. At the site there is a large, un­ tion of the riverward auxiliary lock was done in balanced horizontal water load of 24 ft.
    [Show full text]
  • Rethinking Topology Optimization Through Iterative Design Cycles with Pareto
    Rethinking Topology Optimization through Iterative Design Cycles with Pareto Designing and manufacturing parts with a straightforward goal, for instance, to be lightweight and provide the greatest strength with available materials at a reasonable cost can be a fairly uncomplicated endeavor. Add a goal of improved heat transfer in a multiple load scenario and the complexity of the manufacturing challenge grows enormously, with the ability to design and evaluate parts becoming time- and cost- prohibitive. In turn, this presents barriers to cycles of generative design which are opportunities for engineers to experiment and learn. With the limited ability to prototype using generative design cycles, engineers are constrained in the frequency of learning opportunities they have, along with the total number of iterations they can create. The result of these cost and time constraints can have negative impacts downstream in the manufacturing process. Throughout this year, MITRE engineers were faced with the challenge of researching multi-objective optimizations and sought to find opportunities to enable MITRE to iterate and achieve optimal designs in a shorter time period and with reduced costs. Drawing upon a partnership facilitated by MITRE’s Bridging Innovation initiative with the Techstars Starburst Space Accelerator, MITRE’s engineers called upon Pareto™, a new software tool developed by SciArt Software. The optimization method employed by Pareto™ promises orders of magnitude improvement in speed of Finite Element Analysis (FEA) and topology optimization to provide viable design concepts for challenging problems. This new algorithm reduces the need for expensive, high power computing (HPC) and encourages design engineers to explore many ideas quickly at right at their desks.
    [Show full text]
  • Visifit: Structuring Iterative Improvement for Novice Designers Woodstock ’18, June 03–05, 2018, Woodstock, NY
    1 VisiFit: Structuring Iterative Improvement for Novice 2 Designers 3 4 5 LYDIA B. CHILTON, Columbia University 6 ECENAZ JEN OZMEN, Columbia University 7 SAM ROSS, Barnard College 8 VIVIAN LIU, Columbia University 9 10 11 12 13 14 15 16 17 18 19 20 21 22 Fig. 1. Two examples of how the VisiFit system can improve a visual blend prototype in under 4 minutes. The 23 left image blends New York City and autumn. The right image blends navel orange and winter. 24 Visual blends are a graphic design challenge to seamlessly integrate two objects into one. Existing tools help 25 novices create prototypes of blends, but it is unclear how they would improve them to be higher fidelity. To 26 help novices, we aim to add structure to the iterative improvement process. We introduce a technique for 27 improving blends called fundamental dimension decomposition. It is grounded in principles of human visual 28 object recognition. We present VisiFit - a computational design system that uses this technique to enable 29 novice graphic designers to improve blends by exploring a structured design space with computationally 30 generated options they can select, adjust, and chain together. Our evaluation shows novices can substantially improve 76% of blends in under 4 minutes. We discuss how the technique can be generalized to other blending 31 problems, and how computational tools can support novices by enabling them to explore a structured design 32 space quickly and efficiently. 33 34 CCS Concepts: • Human-centered computing ! Interactive systems and tools. 35 Additional Key Words and Phrases: Computational design, Design tools, Iterative design 36 37 ACM Reference Format: Not for distribution.
    [Show full text]
  • Three-Dimensional Sketching Within an Iterative Design Workflow
    Three-Dimensional Sketching within an Iterative Design Workflow A Thesis Presented to the Faculty of the Graduate School of Cornell University in Partial Fulfillment of the Requirements for the Degree of Master of Science By Andrés Eduardo Gutiérrez May 2019 1 © 2019 Andrés Eduardo Gutiérrez © 2019 Nicholas Cassab-Gheta ALL RIGHTS RESERVED 2 ABSTRACT Starting in the 15th century, intellectuals and theorists began developing the techniques and visual language necessary to study, understand, review, and communicate spatial concepts through drawings and models. Drawing and drafting on paper has since remained the generally preferred method of conceptual design exploration, and designers and architects have honed the necessary techniques to explore, understand, and represent three-dimensional space with this two-dimensional medium. Today, design and especially conceptual design, has evolved into a highly iterative process that usually starts with rough doodles, sketches, and other methods for expressive, quick, and inexpensive exploration before moving the work into a more precise and less forgiving environment: the computer. Digital models already have the ability to offer designers more insights through the rapid exploration of variation, even automated iteration, and powerful simulation and validation, as well as the ability to routinely and to easily generate drawings. Even still, rough physical models and drawings are widely encouraged by educators and professionals prior to entering the digital realm, and drawing on paper endures as the de facto method of choice for designers to record and develop their ideas. Our experience and research suggests that the main issues preventing designers from fully embracing digital methods as viable alternatives or even improvements on their traditional mediums, particularly in the early-phases of the design process, are the limitations of the customary input technologies and methodologies as well as the subsequent interaction and representation capabilities available with and of the inputted geometry.
    [Show full text]