DOCSLIB.ORG

User Experience Design and Front End Development of an Online Auction Website

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
User Experience Design and Front End Development of an Online Auction Website DEGREE PROJECT IN ELECTRONICS AND COMPUTER ENGINEERING, FIRST CYCLE, 15 CREDITS STOCKHOLM, SWEDEN 2019 User experience design and front end development of an online auction website MAR VIDAL SEGURA KTH ROYAL INSTITUTE OF TECHNOLOGY SCHOOL OF ELECTRICAL ENGINEERING AND COMPUTER SCIENCE Abstract Art_Value is a startup whose purpose is to create an innovative market- place where new artworks, based on numbers, are created, distributed through auctions and traded. Online auctions have added new advantages of new technologies and trigger more emotions than online shopping. Even though there is a big virtual world, the abstract digital art world is still small and there are not many platforms providing it. Art_Value project wants the user to generate the digital art that he wants to acquire. The platform to provide that service is a website. In this report describes the user experience design and the front end development and testing of the prototype of the auction page of the website. The design methodology used is the Double Diamond, formed by four stages: discover, define, develop and deliver. The programming languages and libraries used are HTML, CSS, JavaSript and React. The result of the work is the front end prototype of the auction page of the website with an auction system simulated to recreate as realistically as possible the user experience. User experience testing has been done and its results have been analysed and defined as improvements for the future versions. Keywords Website, User Experience, Design, React, Font end, Double Diamond, Auction iii iv Sammanfattning Art_Value är en startup som syftar till att skapa en innovativ marknadsplats där nya konstverk baserade på tal skapas, distribueras via auktioner och handlas. Online-auktioner har lagt till nya fördelar med ny teknik och utlöser fler känslor än e-handel. Även om det finns en stor virtuell värld är den abstrakt digital konstvärld fortfarande liten och det finns inte många plattformar som tillhandahåller den. Art_Value-projektet vill att användaren ska skapa den digitala konsten som han villförvärva. Plattformen för att tillhandahålla den tjänsten är en webbplats. I denna rapport beskrivs användarupplevelsedesignen och framsidans utveckling och testning av prototypen på webbplatsens auktionssida. Den använda designmetoden är Double Diamond, som bildas av fyra steg: upptäck, definiera, utveckla och leverera. Programmeringsspråken och biblioteken som används är HTML, CSS, JavaScript och React. Resultatet av arbetet är framsidans prototyp på webbplatsens auktionssida, med ett auktionssystem som simuleras för att så realistiskt som möjligt återskapa användarupplevelsen. Användarupplevelsen har testats och dess resultat har analyserats och definierats som förbättringar för framtida versioner. Nyckelord Webbplats, Användarupplevelsen, Design, React, Font end, Double Dia- mond, Auktion v vi Acknowledgements I would like to thank my supervisor and examiner, Patric Dahlqvist and Fredrik Kilander, for all of the help and guidance that they have provided. I would like to thank the Art_Value startup team for developing this work with them. vii viii Contents 1 Introduction 1 1.1 Background . .1 1.2 Problem . .2 1.3 Purpose . .3 1.4 Goal . .3 1.5 Methodology . .4 1.6 Stakeholders . .5 1.7 Delimitations . .6 1.8 Ethics, risks and Sustainability . .6 1.9 Outline . .7 2 Theoretical background 9 2.1 Art_Value concept . .9 2.2 Online auctions . 10 2.3 User experience design . 12 2.4 Front end development tools . 15 3 Methodology and Methods 19 3.1 Double Diamond Methodology . 19 3.2 User experience testing methods . 27 ix 4 Design requirements 33 4.1 Content requirements . 33 4.2 Functional specifications . 36 4.3 Visual design requirements . 37 5 Final design 39 5.1 Interface and information design . 39 5.2 Visual design . 40 5.3 Interaction design . 44 6 Front end development 49 6.1 React components description . 49 6.2 Simulated auction system . 51 7 User experience testing 57 7.1 Test features . 57 7.2 Findings and future improvements . 59 8 Conclusions and future work 61 8.1 Conclusions . 61 8.2 Future work . 62 8.3 Discussion . 63 x References 65 Appendices 71 A Project discovery and definition 73 A.1 Interview results analysis . 73 A.2 Project brief . 74 A.3 Lean Canvas . 76 A.4 Value Proposition Canvas . 76 B Brainstorm 79 C Low and mid fidelity designs 81 C.1 Low fidelity designs discussion . 81 C.2 Mid fidelity design . 89 D Test performed 99 D.1 Test performed description . 99 D.2 Test results . 105 xi xii 1. Introduction Online auctions trigger emotions to the users such as excitement, happi- ness and frustration. Behind theses platforms, there is a well-designed user experience to achieve this user reaction when bidding. This report describes the work developed in a startup company named Art_Value. The work was focused on the user experience design and front end development of the auction page of their website. This chapter describes the specific problem that this thesis addresses, the context of the problem, the goals of this thesis project, which methodology was used, the stakeholders of the project, the delimitations, the ethics, risks and sustainability and finally outlines the structure of the thesis. 1.1 Background The background needed to develop this thesis is divided into four topics: the Art_Value concept, online auctions, user experience and front end development tools. The Art_Value [37] project was situated in the ArtTech field, combining art and technology. The startup vision was to create an innovative marketplace where new artwork based on numbers is created, distributed and traded. The platform to support this creation, distribution and trade was a website. The distribution was made through online auctions. 1 Online auctions have added new advantages of new technologies and have overcome the problems of traditional auctions [5]. On the other hand, some problems appeared. Knowing about online auctions was essential to design and develop the auction page. Finally, it was relevant a good knowledge about user experience and front end development tools. 1.2 Problem The Art_Value startup identified two main problems to solve. The first problem was that there is still a small abstract digital art world. Nowadays, almost everyone gets in touch with technology and digital word everyday. This fact leads to an increasing number of people involved in digital trends and new technologies. Consequently, there are people interested in abstract and alternative digital art, but there are still few sources of it. The second problem was that there is a well-defined barrier between being an art collector or an art creator, it is unusual the concept of being an art collector that generates the art that he wants to acquire. Art_Value wanted to cover these problems with its platform. The main page was the digital art auctions page. Based on that, the problem statement of this work is the following: How to design, develop and test a digital art auction page? 2 CHAPTER 1. INTRODUCTION 1.3 Purpose The purpose of the Art_Value project was to create an innovative market- place where new artworks, based on numbers, are created, distributed and traded. As mentioned before, the distribution was done through auctions and the platform to support that was a website. Based on that, the purpose of this work is the user experience design, front end development and testing of the Art_Value website’s main page meeting the startup’s requirements. 1.4 Goal The goal of this work is the delivery of a prototype of the website front end. Consequently, this delivery implies the previous design phases and the testing. This main goal was divided into the following four sub-goals: • Keep the presentation minimalistic. • Get a user experience that triggers the emotions of an auction. • Implement a simulated auction system to reproduce the user experi- ence that will have the completed website. • Test the prototype and analyse the results. 3 1.5 Methodology Double Diamond methodology [10] was used to make the design and development of the prototype. For the user experience testing some other methods were used. The Double Diamond methodology has four different phases: discover [6], define [7], develop [8] and deliver [9]. These four phases are structured in two diamonds, illustrated in the figure 3.1 . Each diamond represents a divergent stage followed by a convergent stage. This structure provides a wide range of ideas and considering all the possible options and then narrowing into the best ones. The first diamond is centred on designing the right solution and the second to implement this solution right. The phases are well defined and have a different aim so it helps to organise the work and focus on one goal at once. Each phase has its methods and tools explained in detail in the chapter 3. The tools and methods used in the first two stages helped to better-define the Art_Value startup and to determine the problems to cover with the website. The methods and tools of the two last stages took the results from the firsts stages as the basis to design and develop the website. To test the user experience the methods used were: surveys, first impression test and user observation. 4 CHAPTER 1. INTRODUCTION 1.6 Stakeholders As mentioned before, this work was developed with the Art_Value a startup company. The startup consisted of: CEO: Vygandas "Vegas" Simbelis, PhD. Researcher at KTH Royal Institute of Technology with a background in art, design, curation and technology. CTO: Mattias Jacobsson, PhD. Researcher at RISE, lecturer at KTH. His background is in software engineering and interaction design. CTO: Donald McMillan, PhD. Researcher at Stockholm University with a background in Mobile Development and Human-Computer Interaction. Some students took place in order to develop some parts of the project. The project and the team were based around KTH, SU and RISE, it is supported by KTH Innovation and RISE Blockchain Innovation Centre.
Load more

Recommended publications
  • User Experience Design: Design for Empowerment
    NMDD 3450 / Summer 2020 User Experience Design: Design for Empowerment Session: Session I (June 1st – June 18th) Class Time: Mon, Tue, & Thur (1-5pm) w/ remaining time online asynchronously Location: TBD Professor: Ralph Vacca | [email protected] | Office @ Martino Hall (45 Columbus Ave) Room 716 Office Hours: Monday & Thursday 11:00 - 12:30pm Links: CMS Facebook: www.facebook.com/FordhamCMS | Twitter: www.Twitter.com/FordhamCMS This course focuses on how human-centered design and participatory design methods can be used as approaches to empowerment. Students will gain hands-on experience with conducting user research, synthesizing findings into insights, ideating, sketching, rapid prototyping, and validating concepts with users. Course readings, discussions, and activities will be organized into a user-experience project to help students get out and interact with real users, needs, and challenges. COURSE MATERIALS Textbooks: ● Quesenbery, W., Brooks, K. (2010). Storytelling for User Experience: Crafting Stories for Better Design. United States: Rosenfeld Media. ● Norman, D. (2013). The Design of Everyday Things: Revised and Expanded Edition. United States: Basic Books. ● Knapp, J., Zeratsky, J., Kowitz, B. (2016). Sprint: How to Solve Big Problems and Test New Ideas in Just Five Days. Spain: Simon & Schuster. ● Greenberg, S., Marquardt, N., Buxton, B., Carpendale, S. (2012). Sketching User Experiences: The Workbook. Netherlands: Elsevier Science. Additional Materials Needed: ● You are required to purchase a physical sketchbook for the course. Any blank paper (no lines) sketchbook that is 8 x 11 or larger. You want to have enough space. These sketchbooks are great, but feel free to find your own. COURSE GOALS ● Students will gain familiarity with human-centered design research methods ● Students will learn to generate typical user experience design outputs such as personas, journey maps, storyboards, and wireframes.
    [Show full text]
  • (UCD) and User Experience Design (UXD) Practice in Industry: Performance Methods and Practice Constraints
    International Journal of Recent Technology and Engineering (IJRTE) ISSN: 2277-3878, Volume-8, Issue-2S2, July2019 The User Centred Design (UCD) and User Experience Design (UXD) Practice In Industry: Performance Methods and Practice Constraints Idyawati Hussein, Azham Hussain, Emmanuel O.C.Mkpojiogu, ZarulFitri Zaba Rauch and Wilson (1995) surveyed the members of the User Abstract: This study reviews the methods used in investigating Experience Professionals Association (UxPA), formerly user centred design (UCD) practice in industry as well as the known as the Usability Professionals Association (UPA), in constraints to the practice of UCD and user experience design 1991 and 1992. The result was then presented at the UPA (UXD) in industry using systematic literature review approach. conference in 1993. Another round of practice surveys was Thirty-five high profile papers were reviewed and the result showed that among others, low-profile usability professionals in done with the UPA mailing list in 1993. A follow-up survey the development process, usability not being accepted as a key was conducted at a Special Interest Group (SIG) session at quality, usability not supporting product development time, the CHI’94 conference in the form of interactive, face-to- resistance to usability, lack of awareness, and time constraints face meetings with open discussions of key questions. Later, are the constraints facing UCD and UXD in practice. Most Rosebaum et al. (2002) studied the evolution and revolution software development studies also found constraints between of the user experience lifecycle in practice by surveying the developers and users. The study’s outcome also revealed that members attending CHI’98, CHI’99 and UPA’99 most investigations carried out to assess UCD/UXD practice was conferences.
    [Show full text]
  • User Experience Design (UXD) 1
    User Experience Design (UXD) 1 UXD 222 | DATA VISUALIZATION DESIGN (FORMERLY ISM 222) | 4 USER EXPERIENCE DESIGN quarter hours (Undergraduate) (UXD) This course discusses the basic problems and techniques of visualizing quantitative and qualitative data. Topics include: perception, types of UXD 101 | DESIGN PRINCIPLES FOR USER EXPERIENCE DESIGN information, representation of univariate and multivariate data and (FORMERLY ISM 101) | 4 quarter hours relational information, analysis of representations, presentation, and (Undergraduate) dynamic and interactive visualizations. Students will create visualizations This course introduces user experience design principles using code. using graphical software. User experience design principles include: affordance, conceptual model, UXD 101 is a prerequisite for this class. consistency, constraint, discoverability, feedback, mapping, and signifiers. UXD 225 | CODING DESIGN FRAMEWORKS (FORMERLY ISM 225) | 4 Students will analyze user experience design principles through activities quarter hours and group discussion. Students will apply user experience design (Undergraduate) principles through design exercises and projects. This is an introductory- User Experience Designers facilitate communication between people, level course, prior experience is not expected, beginners are welcome. communities, and computer-based systems. We think in terms of code, UXD 205 | INTERSECTIONAL THEMES AND DESIGN (FORMERLY ISM 205) without necessarily writing the code ourselves. This class introduces user | 4 quarter hours
    [Show full text]
  • Wireframing Essentials
    Wireframing Essentials An introduction to user experience design Learn the fundamentals of designing the user experience for applications and websites Matthew J. Hamm BIRMINGHAM - MUMBAI Wireframing Essentials An introduction to user experience design Copyright © 2014 Packt Publishing All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews. Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book. Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information. First published: January 2014 Production Reference: 1200114 Published by Packt Publishing Ltd. Livery Place 35 Livery Street Birmingham B3 2PB, UK. ISBN 978-1-84969-854-2 www.packtpub.com Cover Image by Aniket Sawant ([email protected]) Credits Author Project Coordinator Matthew J. Hamm Aboli Ambardekar Reviewers Proofreader Jeromy Condon Paul Hindle Jerome M. Griffith Indexer Acquisition Editors Mehreen Deshmukh Andrew Duckworth Joanne Fitzpatrick Production Coordinator Nilesh R. Mohite Lead Technical Editor Sruthi Kutty Cover Work Nilesh R.
    [Show full text]
  • User Experience Design - Syllabus
    User Experience Design - Syllabus HCDE 418 — Autumn 2009 Lecture Days: Tuesdays & Thursdays Lecture Times: 10:00 a.m.-11:50 a.m. Class Location: Sieg Hall, Room 228 Credit Hours: 5 Class Website The class website will be your main stop for the most up-to-date information on the course schedule, assignment descriptions, and links to important resources. Class website is: http://courses.washington.edu/hcde418/ Instructor Information Professor: Dr. Julie A. Kientz Email: [email protected] Website: http://faculty.washington.edu/jkientz/ Office: Sieg Hall, Room 413 Office Phone: 206-221-0614 Virtual Office: Yahoo Messenger login prof_kientz Office Hours: TBD & By Appointment Course Overview HCDE 418 project-based introduction to the user interface design process and is oriented toward practical methods for approaching a design problem. The focus of the course is to develop conceptual designs based on the needs of users. Students will receive grounding in the following topics: User Research Methods Design Sketching Design Validation Aims The general aims of this course are to: 1. Develop an appreciation for concepts and sensibilities of user experience design 2. Develop skills in the use and application of specific methods in user experience design 3. Improve individual and collaborative skills in design problem solving HCDE 418 Syllabus Autumn 2009 Page 1 of 9 Objectives On the successful completion of this course, you should be able to: 1. Gather useful information about users and activities through asking, looking, learning, and trying 2. Organize information about users into useful summaries with affinity diagrams 3. Convey user research findings with personas and scenarios 4.
    [Show full text]
  • Designing a First-Class User Experience for Affordable Care Act Enrollment
    Designing a First-Class User Experience for Affordable Care Act Enrollment Project Overview February 2012 OVERVIEW Project Objectives 1. Develop first-class user experience (UX) design for health insurance exchanges operated by state and federal governments under the Affordable Care Act. 2. Design the UX based on an understanding of consumer needs and refined through user testing. OVERVIEW Public / Private Partnership OVERVIEW 11 Participating States AL, AR, CA, CO, IL, MA (RI, VT), MN, MO, NY, OR, TN OVERVIEW UX 2014 Design Partner . World-class design and innovation firm. Palo Alto-based with 10 offices on three continents. Market leader in simplifying design of complex systems; understanding and then translating needs and desires of end users. OVERVIEW Project Scope . Individual and family self-service enrollment. End-to-end eligibility, enrollment, plan comparison and selection, premium payment and retention experience. All health insurance affordability programs (Medicaid, CHIP, Exchange, Basic Health Plan); linkage to other human services programs. Multiple pathways; support for assisters. Design for diversity and ADA compliance. Vendor neutral, system agnostic and customizable. OVERVIEW Project Timeline OVERVIEW Project Engagement and Communication . Series of workshops with CMS and states. Webinars with states and national organizations and associations. Subject matter expert sessions. Panel and conference presentations. Public website with project updates to active mailing list. UNDERSTAND Human-Centered Design Research Understand needs and desires of prospective users, and public and community-based agencies who interact with users as they flow in and out of the enrollment process. Received in-depth briefings on the Affordable Care Act. Conducted field interviews with consumers in three states.
    [Show full text]
  • Shian Yang [email protected] User Experience | Interaction Designer (425)-241-8324 Seattle, WA
    www.shian.website Shian Yang [email protected] User Experience | Interaction Designer (425)-241-8324 Seattle, WA EXPERIENCE EDUCATION UX/UI Designer |Tammira University of Washington Seattle, May 2020 - Current Seattle, Sep. 2019 - Aug. 2020 Master of Human-Computer Interaction + Design Designed user interfaces, conducted user research, usability testing, developing and con- • (GPA 3.87) ceptualizing a comprehensive UI/UX design strategy for the brand. • Produced high-quality UX design solutions through wireframes and visual design, flow diagrams, storyboards, site maps, and prototypes. Hong Kong Baptist University Hong Kong, Sep. 2012 - Jun. 2015 • Worked closely with the marketing, Dev, and design team to ensure seamless web/mobile design. Master of Fine Arts in Film and Digital Media • Responsibilities include the design and implementation of all the experiences a user has Communication University of China when interacting with the digital tool. Beijing, Sep. 2008 - Jul. 2012 Bachelor of Arts in Musicology UX/UI Designer |Gage Travels Inc. Minor in Television Directing Seattle, Sep. 2018 - Feb. 2019 • Refined user interface design. Generated new features with workflow, wireframes, interac- tion and interface design. SKILLS • Produced visual design including logo, app store page. User Experience Design Interaction Design Founder & Freelance Designer | CII Design Studio Software Prototyping Seattle, Oct. 2016 - Mar. 2019 Visual Design • Designed website interface and brand image. Created 3D animation game trailers Motion Design and promotional motion graphic videos. My clients were in Beijing, Shanghai, 2D & 3D Animation Hong Kong and Seattle. Video Production Storyborading Designer and Animator | 8D International & Magzila Web Development Hong Kong, Sep. 2015 - Aug. 2016 • Designed characters’ poses and animation; performed compositing and visual effects.
    [Show full text]
  • Industrialdesign
    National Endowment for the Arts I N D U S T R I A L D E S I G N A Competitive Edge for U.S. Manufacturing Success in the Global Economy I N D U S T R I A L D E S I G N A Competitive Edge for U.S. Manufacturing Success in the Global Economy April 2017 National Endowment for the Arts 400 7th Street SW Washington, DC 20506 Telephone: 202-682-5400 arts.gov Produced by Office of Programs and Partnerships, Design Program Jason Schupbach, Director of Design Programs, National Endowment for the Arts Content by Heidi Sheppard, Advisor for Technology Collaborations, National Institute for Standards and Technology, Manufacturing Extension Partnership; Courtney Spearman, Design Specialist, Office of Programs and Partnerships, NEA; and Katryna Carter, Design Consultant, Office of Programs and Partnerships, NEA Other Staff Contributors: Don Ball, Assistant Director - Publications, Office of Public Affairs, NEA; Bonnie Nichols, Operations Research Analyst, Office of Research and Analysis, NEA. Designed by Katryna Carter For their valuable assistance with this report, the NEA Design Program would like to thank the following people: Daniel Martinage, Industrial Designers Society of America; Susan Page Estes and Paul Hatch, DesignHouse; all those who were interviewed; and Laska Hurley, Office of Programs and Partnerships. 202-682-5496 Voice/TTY (a device for individuals who are deaf or hearing-impaired) Individuals who do not use conventional print materials may contact the Arts Endowment’s Office for Accessibility at 202-682-5532 to obtain this publication in an alternate format. This publication is available free of charge in PDF format at arts.gov.
    [Show full text]
  • User Experience (UX) Lead
    truematter job description User Experience (UX) Lead A User Experience Lead at truematter researches, plans, architects the user experience design for websites, mobile apps, Intranets, and Web applications. This person leads the creation of digital products made from a user’s perspective. A user experience lead devises interaction strategies in sync with user goals and clients’ business goals, develops navigation and structure, designs wireframes or interactive prototypes, organizes content, and tirelessly advocates for the needs and goals of real users. This person will make strategic and tactical UX decisions related to design and usability as well as features and functions. The UX lead with also perform usability assessments and tests of interactive systems. The best candidate will possess outstanding creativity, a highly detailed nature, and the ability to help define and solve complex user interface problems. Required Qualities/Skills • Mastery of the interactive Development Process - Thorough knowledge and experience planning, documenting and leading interactive projects (Web, Mobile App, Intranet, Web App). Immersed in UX best practices. • A Designer’s Eye – Must be able to translate complex concepts and interactions into visually coherent wireframes or prototypes. This is a strongly creative position. • Passion – Strong affinity for the digital lifestyle and zealous drive to make interactive technology better for real people. • Software Skills - Strong proficiency/expertise in: o InDesign o Axure RP o Interactive Prototyping Tools • Client Interaction - An outgoing personality and ability to interact excellently with clients. • Writing – You must be able to write clearly, concisely and quickly. You must be able to create succinct requirements documentation for interactive projects. • Forever Learning - Relentless desire to learn and leverage the latest Web technologies.
    [Show full text]
  • How Do Designers Make User-Experience Design Decisions? in Proceedings of HCI International 2020 (Copenhagen, DK, July 19-24), LNCS 12200, Pp
    Lin, Y.-T., and Hertzum, M. (2020). How Do Designers Make User-Experience Design Decisions? In Proceedings of HCI International 2020 (Copenhagen, DK, July 19-24), LNCS 12200, pp. 188-198. Springer Nature, Switzerland. Author version. Published version at: https://doi.org/10.1007/978-3-030-49713-2_13 How Do Designers Make User-Experience Design Decisions? Yu-Tzu Lin[0000-0002-7373-4940] and Morten Hertzum[0000-0003-0019-8531] University of Copenhagen, Copenhagen, Denmark [email protected] Abstract. As they go about their work, user experience (UX) designers make numerous decisions. This study investigates how UX designers make use of recognition-primed decision (RPD) mechanisms as well as mental models and information seeking in making design decisions. Based on field observation and interviews in two design teams, we find that the RPD mechanisms of pattern recognition and mental simulation are common in three UX design layers: scope, structure, and skeleton. Mental models tend to be common in the design layers where RPD is not common. The mental models involve causal relationships, em- pathy, and simple statements. Information seeking is common in all design lay- ers, except the scope layer, and often consists of seeking information to justify decisions the designers have already more or less made. We discuss two impli- cations of our findings for systems to support designers’ decision-making. Keywords: Decision-making, Information Seeking, Mental Models, UX De- sign. 1 Introduction Design options abound in user experience (UX) design. Thus, UX designers constantly face decisions about whether to do things in one way or another.
    [Show full text]
  • Reimagining the User Experience in Archives & Special Collections
    LG-74-17-0134-17 Art Center College of Design ArtCenter College of Design - Reimagining the User Experience in Archives & Special Collections: Best Practices for Library Collaborations with Designers Abstract ArtCenter College of Design proposes a Sparks! Ignition Grant to identify emerging best practices for collaborations between library professionals and designers. The one-year project will include as its centerpiece a core 14-week design development period in which both library/archive professionals and Millennial technology designers will work together in devising digital tools/interfaces for the College's archives. While the project is expected to yield early prototypes of actual products, the primary focus will be on processes and practices. The results will be assessed and distilled into recommendations shared through a national white paper to be widely circulated in both the library and design audiences. As reflected in the National Digital Platform report, libraries are facing an increased need to incorporate design into technologies, applications, and services in order to meet the needs of the users. While some libraries are adding user experience librarians to their staff, positions focusing on this specialty remain scarce. In contrast, user experience is a pervasive focus in technology design. But accepted best practices for incorporating design into library-related initiatives are nascent at best. As a pilot, we will focus on working with designers to improve access to archives and special collections materials. Access to archival collections is a rich topic for exploration as the online presence of archives has increased significantly in the last several years. Balances between preservation and access, as well as physical and digital are complex issues with regards to access.
    [Show full text]
  • Human Computer Interaction – Lecture Notes
    Human Computer Interaction – Lecture Notes Cambridge Computer Science Tripos, Part II Alan Blackwell Overview of content: Lecture 1: The scope and challenges of HCI and Interaction Design. Lecture 2: Visual representation. Segmentation and variables of the display plane. Modes of correspondence Lecture 3: Text and gesture interaction. Evolution of interaction hardware. Measurement and assessment of novel methods. Lecture 4: Inference-based approaches. Bayesian strategies for data entry, and programming by example. Lecture 5: Augmented reality and tangible user interfaces. Machine vision, fiducial markers, paper interfaces, mixed reality. Lecture 6: Usability of programming languages. End-user programming, programming for children, cognitive dimensions of notations. Lecture 7: User-centred design research. Contextual observation, prototyping, think-aloud protocols, qualitative data in the design cycle. Lecture 8: Usability evaluation methods. Formative and summative methods. Empirical measures. Evaluation of part II projects. 1 Lecture 1: What is HCI / Interaction Design? With the exception of some embedded software and operating system code, the success of a software product is determined by the humans who use the product. These notes give an overview of theoretical and practical approaches to making successful and usable software. A user-centred design process, as taught in earlier years of the tripos and experienced in many group design projects, provides a professional approach to creating software with functionality that users need. However, the availability of technical functionality does not guarantee that software will be practically usable. Software that is usable for its purpose is sometimes described by programmers as “intuitive” (easy to learn, easy to remember, easy to apply to new problems) or “powerful” (efficient, effective).
    [Show full text]