Contextual design

Contextual design (CD) is a user-centered design process developed by Hugh Beyer and Karen Holtzblatt. It incorporates ethnographic methods for gathering data relevant to the product via field studies, rationalizing workflows, and designing human–computer interfaces. In practice, this means that researchers aggregate data from customers in the field where people are living and applying these findings into a final product.[1] Contextual design can be seen as an alternative to engineering and feature driven models of creating new systems.

Process overview

The contextual design process consists of the following top-level steps: contextual inquiry, interpretation, data consolidation, visioning, storyboarding, user environment design, and prototyping.

Collecting data – contextual inquiry

Contextual inquiry is a field data collection technique used to capture detailed information about how users of a product interact with the product in their normal work environment. This information is captured by both observations of user behavior and conversations with the user while she or he works. A key aspect of the technique is to partner with the user, letting their work and the issues they encounter guide the interview. Key takeaways from the technique are to learn what users actually do, why they do it that way, latent needs, desires, and core values.[1]

Interpretation

Simplified flow model

Data from each interview is analyzed and key issues and insights are captured. Detailed work models are also created in order to understand the different aspects of the work that matter for design. Contextual design consists of five work models which are used to model the work tasks and details of the working environment. These work models are:[2]

  • Flow model – represents the coordination, communication, interaction, roles, and responsibilities of the people in a certain work practice
  • Sequence model – represents the steps users go through to accomplish a certain activity, including breakdowns
  • Cultural model – represents the norms, influences, and pressures that are present in the work environment
  • Artifact model – represents the documents or other physical things that are created while working or are used to support the work. Artifacts often have a structure or styling that could represent the user's way of structuring the work
  • Physical model – represents the physical environment where the work tasks are accomplished; often, there are multiple physical models representing, e.g., office layout, network topology, or the layout of tools on a computer display.

Data consolidation

Part of an affinity diagram

Data from individual customer interviews are analyzed in order to reveal patterns and the structure across distinct interviews. Models of the same type can be consolidated together (but not generalized—detail must be maintained). Another method of processing the observations is making an affinity diagram ("wall"), as described by Beyer & Holtzblatt:[1]

  • A single observation is written on each piece of paper.
  • Individual notes are grouped according to the similarity of their contents.
  • These groups are labeled with colored Post-it notes, each color representing a distinct level in the hierarchy.
  • Then the groups are combined with other groups to get the final construct of observations in a hierarchy of up to three levels.

Beyer & Holtzblatt propose the following color-coding convention for grouping the notes, from lowest to highest level in the hierarchy:[1]

  • White notes – individual notes captured during interpretation, also known as "affinity notes"
  • Blue notes – summaries of groups of white notes that convey all the relevant details
  • Pink notes – summaries of groups of blue notes that reveal key issues in the data
  • Green notes – labels identifying an area of concern indicated by pink notes

Beyer & Holtzblatt emphasize the importance of building the entire affinity diagram in one or two sessions rather than building smaller affinity diagrams over many sessions. This immersion in the data for an extended period of time helps teams see the broad scope of a problem quickly and encourages a paradigm shift of thought rather than assimilation of ideas.[1]

The design ideas and relevant issues that arise during the process should be included in the affinity diagram. Any holes in the data and areas that need more information should also be labeled. After completing the wall, participants "walk" the affinity diagram to stimulate new ideas and identify any remaining issues or holes in data. The affinity diagram is a bottom-up method. Consolidated data may also be used to create a cause-and-effect diagram or a set of personas describing typical users of the proposed system.

Visioning

In visioning, a cross-functional team comes together to create stories of how new product concepts, services, and technology can better support the user work practice. The visioning team starts by reviewing the data to identify key issues and opportunities. The data walking session is followed by a group visioning session during which the visioning team generates a variety of new product concepts by telling stories of different usage scenarios based on the data collected. A vision includes the system, its delivery, and support structures to make the new work practice successful, but is told from the user's point of view.

Storyboarding

After visioning, the team develops the vision in storyboards, capturing scenarios of how people will work with the new system. Understanding the current way of working, its structure and the complete workflow helps the design team address the problems and design the new workflow. Storyboards work out the details of the vision, guided by the consolidated data, using pictures and text in a series of hand-drawn cells.

User Environment Design

The User Environment Design captures the floor plan of the new system. It shows each part of the system, how it supports the user's work, exactly what function is available in that part, and how the user gets to and from other parts of the system. Contextual design uses the User Environment Design (UED) diagram, which displays the focus areas, i.e., areas which are visible to the user or which are relevant to the user. Focus areas can be defined further as functions in a system that support a certain type or part of the work. The UED also presents how the focus areas relate to each other and shows the links between focus areas.[1]

Prototyping

Testing the design ideas with paper prototypes or even with more sophisticated interactive prototypes before the implementation phase helps the designers communicate with users about the new system and develop the design further. Prototypes test the structure of a User Environment Design and initial user interface ideas, as well as the understanding of the work, before the implementation phase.[2] Depending on the results of the prototype test, more iterations or alternative designs may be needed.

Uses and adaptations

Contextual design has primarily been used for the design of computer information systems, including hardware,[3] software.[4] Parts of contextual design have been adapted for use as a usability evaluation method[5] and for contextual application design. Contextual design has also been applied to the design of digital libraries and other learning technologies,[6][7]

Contextual design has also been used as a means of teaching user-centered design/Human–computer interaction at the university level.[8][9]

A more lightweight approach to contextual design has been developed by its originators to address an oft-heard criticism that the method is too labor-intensive or lengthy for some needs.[10] Yet others find the designer/user engagement promoted by contextual design to be too brief.[11]

References

  1. ^ a b c d e f Beyer, H. & Holtzblatt, K. (1998). Contextual Design: Defining Customer-Centered Systems. San Francisco: Morgan Kaufmann. ISBN 1-55860-411-1
  2. ^ a b Holtzblatt, K: Contextual Design: Experience in Real Life. Mensch & Computer 2001. (online "Archived copy" (PDF). Archived from the original (PDF) on 2005-08-16. Retrieved 2007-01-11.{{cite web}}: CS1 maint: archived copy as title (link))
  3. ^ Curtis, P., Heiserman, T., Jobusch, D., Notess, M., & Webb, J. (1999). Customer-focused design data in a large, multi-site organization. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems: the CHI Is the Limit (Pittsburgh, Pennsylvania, United States, May 15–20, 1999). CHI '99. ACM Press, New York, NY, pp. 608–615.
  4. ^ Rockwell, C. 1999. Customer connection creates a winning product: building success with contextual techniques. interactions 6, 1 (Jan. 1999), pp. 50–57.
  5. ^ McDonald, S., Monahan, K., and Cockton, G. 2006. Modified contextual design as a field evaluation method. In Proceedings of the 4th Nordic Conference on Human–Computer interaction: Changing Roles (Oslo, Norway, October 14–18, 2006). A. Mørch, K. Morgan, T. Bratteteig, G. Ghosh, and D. Svanaes, Eds. NordiCHI '06, vol. 189. ACM Press, New York, NY, 437-440.
  6. ^ Notess, M. 2005. "Using Contextual Design for Digital Library Field Studies." Position paper presented at the JCDL 2005 workshop, "Studying Digital Library Users In the Wild: Theories, Methods, and Analytical Approaches" in Denver, June 10–11. Workshop report, including position papers, subsequently published in July/August 2005 D-Lib Magazine.
  7. ^ Notess, M. 2004. "Applying Contextual Design to Educational Software Development." In Instructional Design in the Real World: A View from the Trenches, Anne-Marie Armstrong, ed. Hershey, PA: Idea Group Publishers.
  8. ^ Lárusdóttir, M. K. "Using Rapid Contextual Design at Reykjavik University", accepted paper for the workshop named "HCIEd.2006-1 inventivity: Teaching theory, design and innovation in HCI" held by British Computer Society HCI Group (BHCIG), the International Federation of Information Processing (IFIP) WG13.1 Education, and the Irish Computer Society" in Limerick in Ireland, 23–24 March 2006.
  9. ^ Weinberg, J. B. and Stephen, M. L. 2002. Participatory design in a human–computer interaction course: teaching ethnography methods to computer scientists. In Proceedings of the 33rd SIGCSE Technical Symposium on Computer Science Education (Cincinnati, Kentucky, February 27 – March 3, 2002). SIGCSE '02. ACM Press, New York, NY, pp. 237–241.
  10. ^ Holtzblatt, K., Wendell, J.B., & Wood, S. 2005. Rapid Contextual Design: A How-to guide to key techniques for user-centered design. San Francisco: Morgan-Kaufmann.
  11. ^ Hartswood, M., Procter, R., Slack, R., Soutter, J., Voß, A., and Rouncefield, M. 2002. The benefits of a long engagement: from contextual design to the co-realisation of work affording artefacts. In Proceedings of the Second Nordic Conference on Human–Computer interaction (Aarhus, Denmark, October 19–23, 2002). NordiCHI '02, vol. 31. ACM Press, New York, NY, 283–286.

Read other articles:

Bendera Kadipaten Burgundy. Kadipaten Burgundy (Latin: Ducatus Burgundiaecode: la is deprecated ; Prancis: Duché de Bourgognecode: fr is deprecated , Belanda: Hertogdom Bourgondiëcode: nl is deprecated ) adalah wilayah feodal yang pernah ada dalam Kerajaan Prancis. Secara kasar, wilayah Kadipaten ini sesuai dengan wilayah Burgundy modern. Kadipaten ini dikuasai oleh Adipati. Adipati Charles yang Berani meninggal pada tahun 1477 ketika meletusnya Pertempuran Nancy. Dengan meninggalnya adipat...

 

Ximena NavarreteLahirJimena Navarrete Rosete[1][2]22 Februari 1988 (umur 36)Guadalajara, Jalisco, MeksikoTinggi1,75 m (5 ft 9 in)Pemenang kontes kecantikanGelarNuestra Belleza Jalisco 2009Nuestra Belleza México 2009Miss Universe 2010Warna rambutCokelatWarna mataCokelatKompetisiutamaNuestra Belleza Jalisco 2009(Pemenang)Nuestra Belleza México 2009(Pemenang)Miss Universe 2010(Pemenang) Jimena Ximena Navarrete Rosete[1] (lahir 22 Februari 1988) adal...

 

مُحافظة دمشق  - محافظة سورية -    محافظة دمشقشعار محافظة دمشق خريطة محافظة دمشق تقسيم إداري البلد  سوريا[1] العاصمة دمشق  العاصمة دمشق المسؤولون المحافظ طارق كريشاتي خصائص جغرافية إحداثيات 33°30′47″N 36°17′31″E / 33.513°N 36.292°E / 33.513; 36.292  [2] �...

Men's 800 metres at the 2022 World ChampionshipsEmmanuel Korir shortly after passing the finish line in the final.VenueHayward FieldDates20 July (heats)21 July (semi-finals)23 July (final)Competitors53 from 29 nationsWinning time1:43.71Medalists  Emmanuel Korir   Kenya Djamel Sedjati   Algeria Marco Arop   Canada← 20192023 → Video on YouTubeOfficial Video Events at the2022 World ChampionshipsTrack eve...

 

Brain area Brodmann area 7Image of brain with Brodmann area 7 shown in redImage of brain with Brodmann area 7 shown in yellowDetailsIdentifiersLatinarea parietalis superiorNeuroNames85NeuroLex IDbirnlex_1738FMA68604Anatomical terms of neuroanatomy[edit on Wikidata] Brodmann area 7 is one of Brodmann's cytologically defined regions of the brain corresponding to precuneus and superior parietal lobule (SPL). It is involved in locating objects in space. It serves as a point of convergence bet...

 

Japanese manga series and its adaptation Ippo redirects here. For the video game music composer, see Ippo Yamada. Hajime no IppoFirst tankōbon volume cover, featuring Ippo Makunouchiはじめの一歩GenreAction[1]Comedy[1]Sports[1] MangaWritten byGeorge MorikawaPublished byKodanshaEnglish publisherUS: Kodansha (digital)ImprintShōnen Magazine ComicsMagazineWeekly Shōnen MagazineDemographicShōnenOriginal runOctober 11, 1989 – presentVolumes140 (List of v...

Not to be confused with Château de la Petite Malmaison. Château in Rueil-Malmaison, FranceChâteau de MalmaisonGeneral informationTypeChâteauArchitectural styleRenaissance, EmpireTown or cityRueil-MalmaisonCountryFrance The Château de Malmaison (French pronunciation: [ʃɑto d(ə) malmɛzɔ̃]) is a French château situated near the left bank of the Seine, about 15 kilometres (9.3 mi) west of the centre of Paris, in the commune of Rueil-Malmaison. Formerly the residence of Em...

 

American venture capital firm Sequoia Capital Operations, LLCCompany typePrivateIndustryVenture capitalFounded1972; 52 years ago (1972)FounderDon ValentineHeadquartersMenlo Park, California, U.S.Area servedUnited States, Southeast Asia, India, China, IsraelKey peopleMichael MoritzDouglas LeoneJim GoetzRoelof BothaProductsInvestmentsAUMUS$85 billion (2022)Websitesequoiacap.com Sequoia Capital is an American venture capital firm headquartered in Menlo Park, California which sp...

 

Cristofano Gherardi, 1555. Cristofano Gherardi (25 November 1508 – April 1556) adalah seorang pelukis Italia pada masa Renaisans akhir atau periode Mannerist. Dia aktif di Firenze dan Tuscany. Dia lahir di Borgo San Sepolcro sehingga dijuluki il Doceno dal Borgo. Dia adalah murid pelukis Raffaellino del Colle. Di toko gurunya, Cristofano bertemu dengan Rosso Fiorentino dan Giorgio Vasari. Referensi Farquhar, Maria (1855). Ralph Nicholson Wornum, ed. Biographical catalogue of the principal I...

This article needs additional citations for verification. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed.Find sources: Germany at the Winter Olympics – news · newspapers · books · scholar · JSTOR (December 2021) (Learn how and when to remove this message) See also: Germany at the Summer Olympics and Germany at the Olympics Sporting event delegationGermany at theWinter OlympicsI...

 

此條目可参照英語維基百科相應條目来扩充。 (2021年5月6日)若您熟悉来源语言和主题,请协助参考外语维基百科扩充条目。请勿直接提交机械翻译,也不要翻译不可靠、低品质内容。依版权协议,译文需在编辑摘要注明来源,或于讨论页顶部标记{{Translated page}}标签。 约翰斯顿环礁Kalama Atoll 美國本土外小島嶼 Johnston Atoll 旗幟颂歌:《星條旗》The Star-Spangled Banner約翰斯頓環礁�...

 

Parish municipality in Quebec, CanadaSaint-MarcellinParish municipalityMunicipalité de la Paroisse de Saint-MarcellinLocation within Rimouski-Neigette RCMSaint-MarcellinLocation in eastern QuebecCoordinates: 48°20′N 68°18′W / 48.33°N 68.3°W / 48.33; -68.3[1]Country CanadaProvince QuebecRegionBas-Saint-LaurentRCMRimouski-NeigetteConstitutedNovember 19, 1924Government[2] • MayorSarto Roy • Federal ridingRimouski...

جزء من سلسلة مقالات سياسة السودانالسودان الدستور الدستور حقوق الإنسان السلطة التنفيذية الرئيس عبد الفتاح البرهان نواب الرئيس محمد حمدان دقلو مجلس الوزراء السلطة التشريعية المجلس التشريعي مجلس الولايات المجلس الوطني السلطة القضائية القضاء المحكمة الدستورية المحكمة الع...

 

Canada's role in the Afghanistan War Part of a series on theMilitary history of Canada History of... Canadian Armed Forces Army Navy Air Force Crown and Forces Militia Colonial New France Acadia Nova Scotia Peacekeeping Conflicts Beaver Wars Anglo-French War) Acadian Civil War Anglo-Dutch Wars King William's War Queen Anne's War Father Rale's War King George's War Father Le Loutre's War Seven Years' War American Revolutionary War French Revolutionary Wars War of 1812 Pemmican War Rebellions o...

 

Одеський регіональний інститут державного управління НАДУ при Президентові УкраїниОРИГУ НАГУ і ОРИГУ НАГУ|акредитація 46°26′17″ пн. ш. 30°45′21″ сх. д. / 46.43830000002777325° пн. ш. 30.75600000002777890° сх. д. / 46.43830000002777325; 30.75600000002777890Координати: 46°26′17″ ...

Artikel ini sebatang kara, artinya tidak ada artikel lain yang memiliki pranala balik ke halaman ini.Bantulah menambah pranala ke artikel ini dari artikel yang berhubungan atau coba peralatan pencari pranala.Tag ini diberikan pada November 2022. Felipe MattioniInformasi pribadiNama lengkap Felipe Mattioni RohdeTanggal lahir 15 Oktober 1988 (umur 35)Tempat lahir Ijuí, BrasilTinggi 1,80 m (5 ft 11 in)Posisi bermain Bek kananInformasi klubKlub saat ini EspanyolNomor 2Karier ...

 

Museum in Maywood, New Jersey, U.S. MaywoodMaywood station in April 2014, showing the museum, along with Locomotive No. 206 and the caboose stored there.General informationLocation269 Maywood Avenue, Maywood, New JerseyOwned byNew Jersey Midland Railway (1872–1896)New York, Susquehanna and Western Railroad (1896–1966)Maywood Station Historic Committee (2002–present)Line(s)New York, Susquehanna and Western Railroad Main Line (until 1966)Platforms1 side platformsTracks2 New Yo...

 

American college basketball season This article needs additional citations for verification. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed.Find sources: 2012–13 South Dakota State Jackrabbits men's basketball team – news · newspapers · books · scholar · JSTOR (February 2024) (Learn how and when to remove this message) 2012–13 South Dakota State Jackrabbits men's basketball...

Artikel ini perlu dikembangkan agar dapat memenuhi kriteria sebagai entri Wikipedia.Bantulah untuk mengembangkan artikel ini. Jika tidak dikembangkan, artikel ini akan dihapus. Artikel ini tidak memiliki referensi atau sumber tepercaya sehingga isinya tidak bisa dipastikan. Tolong bantu perbaiki artikel ini dengan menambahkan referensi yang layak. Tulisan tanpa sumber dapat dipertanyakan dan dihapus sewaktu-waktu.Cari sumber: Permainan video di Indonesia – berita · sura...

 

Italian actor Marco GialliniGiallini in 2006Born (1963-04-04) 4 April 1963 (age 61)Rome, ItalyOccupationActor Marco Giallini (born 4 April 1963) is an Italian actor. Life and career Born in Rome, Giallini is the son of a housewife and a furnace labourer.[1] After attending the Accademia Nazionale di Arte Drammatica Silvio D'Amico,[1] he began acting on stage, working among others with Arnoldo Foà and Angelo Orlando.[2] He made his film debut in 1995, in the Orlan...