{
"path": "/posts/2021-01-01-milli",
"site": "at://did:plc:tc67mguo6vvlgqpw54mez6jv/site.standard.publication/3mdrjsb2bdk2p",
"tags": [
"archives",
"annotation",
"archival-interface-design",
"archive-design",
"design"
],
"$type": "site.standard.document",
"title": "Milli - Connect and Annotate your Archives",
"publishedAt": "2020-12-31T18:30:00.000Z",
"textContent": "<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/rNUbcno_fzQ?si=Rzy_06WvEsiH1g9n&start=7416\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen></iframe>\nIn the video, the team demos the tool, and I discuss the platform design with the participants. (2:03:00 - 2:12:00)\n\nThe Process\nMilli started as a platform to connect different archives to each other and open them up to annotation. We were piloting the platform with metadata from the NCBS Archives. Our overarching goal was to create interconnections among diverse archives, be it private, institutional, governmental, or personal. We aimed to foster a community of users who annotate, discover, and narrate stories using collections of annotations, thus transforming the archival landscape into an interactive space.\n\n<figure><figure>\n<a class=\"spotlight\" href=\"/assets/img/projects/Milli/Milli (3).png\"><img src=\"/assets/img/projects/Milli/Milli (3).png\" alt=\"Possibilities - Hyperlocal Storytelling\"></a>\n<figcaption>Possibilities - Hyperlocal Storytelling</figcaption>\n</figure>\nUser Personas and Intentions\nWe considered various aspects, starting with user stories based on the following hypothesis:\n> As a [type of user or role], I want [some goal] so that [some reason].\n\n| User Role | Goal | Intent |\n|-------------------------|--------------------------------------------------------------------------|--------------------------------------------------------------------------|\n| Science Student | Better finding aids to browse metadata descriptions of different archives | To enhance the ability to locate relevant information within archives |\n| Research Associate | Add tags to specific archive item metadata descriptions | Facilitate easy retrieval and organization of archived items |\n| Researcher | Add text comments to specific archive item metadata descriptions | To provide contextual information and facilitate citation in research |\n| Science Journalist | Link two archival items with custom relationships | Analyze emerging patterns and trends for storytelling purposes |\n| Archivist | Create categories to organize archival research | Improve organization and accessibility of archival materials |\n| Owner of Milli Platform | Create new sites/accounts to manage contracts, policies, and interactions | Facilitate management of interactions with institutions and organizations|\n| Technical Administrator| Set up background processes or jobs for data exchange, parsing, or adapters| Automate tasks related to data management and processing |\n| Site Administrator | Create and manage users | Administer user accounts and permissions within the platform |\n| Site Administrator | Approve or reject annotations (tags, comments) to prevent spam | Maintain quality and relevance of annotations within the platform |\n\nKey Insights\nDuring our user research phase, we gleaned several key insights that shaped our design:\n\n<p class=\"lead\">Focus on Metadata </p>\nMost archives prefer to share only their metadata. Consequently, we aimed to create an interface that enabled users to annotate this metadata.\n\n<p class=\"lead\">Flexible Annotation Mechanism </p>\nUsers might want to annotate different archival items for various purposes. This was also highlighted in the W3C Standards for Web Annotation.\n\n<p class=\"lead\">Metadata Standard Agnostic </p>\nWe observed that different archives employ different metadata standards, such as EAD, FOAF, and Dublincore. As a result, our import mechanism needed to be agnostic to these varying standards.\n\n<a class=\"spotlight\" href=\"/assets/img/projects/Milli/Milli (2).png\">\n <img src=\"/assets/img/projects/Milli/Milli (2).png\" alt=\"How to capture why someone annotates\" style=\"width:500px;\">\n</a><figcaption>What is the Milli Contolled vocabulary</figcaption></figure>\n<figure><a class=\"spotlight\" href=\"/assets/img/projects/Milli/Milli (1).png\">\n <img src=\"/assets/img/projects/Milli/Milli (1).png\" alt=\"What is the Milli Contolled vocabulary\" style=\"width:500px;\">\n</a><figcaption>What is the Milli Contolled vocabulary</figcaption></figure>\n<figure><a class=\"spotlight\" href=\"/assets/img/projects/2021-01-01-Milli/b01fe4d05d5255c8eccd8f6f08de18dc_MD5.jpg\">\n <img src=\"/assets/img/projects/2021-01-01-Milli/b01fe4d05d5255c8eccd8f6f08de18dc_MD5.jpg\" alt=\"Motivations specified under the W3C Annotation Standard\" style=\"width:500px;\">\n</a><figcaption>Motivations specified under the W3C Annotation Standard</figcaption></figure>\nConsiderations for design\n\n| Insight | Implication | Action |\n|----------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------|\n| Most archives will only share their metadata, so the annotation target has to be metadata | Focus annotation efforts on metadata to enable interoperability and access across diverse archival sources. | Develop annotation tools and protocols that specifically target metadata fields for annotation purposes. |\n| Users might want to annotate different archival items for different purposes (this mechanism was also highlighted in the W3C Standards for Web Annotation) | Allow users flexibility in annotating archival items based on their specific needs and objectives. | Implement a versatile annotation system that supports multiple types and purposes of annotations. |\n| Different archives will use different standards for the metadata - eg. EAD, FOAF, Dublincore etc. This meant that importing of metadata for partners would have to be agnostic to these standards | Ensure compatibility and seamless integration of metadata from various archival sources by adopting a standardized, agnostic approach. | Develop tools and algorithms for importing and harmonizing metadata from different standards and formats. |\n| Users annotate -> Users Discover Annotations -> Users Annotate more OR -> Users narrate stories using collections of annotations | Enable a feedback loop where users can discover existing annotations, contribute their own, and utilize annotated collections to construct narratives. | Implement user-friendly interfaces and features for discovering, creating, and utilizing annotations effectively. |\n\nOf these, I worked on making a mechanism for annotating an archival object as well as how the archival object looked. I also helped design the information visible on each search result.\n\nFeature Design Priority Matrix\n\n1. Which fields are annotable,\n2. What fields act as access points to other objects in the archive\n3. What is the hierarchy of the current object\n4. Create user flows for private curation, notetaking, and collection - including a way to subscribe to new annotations, make a private annotation and save objects to a jhola(“metaphor for a bag”)\n\nUser Flows\nAnnotating the archival item\n\nMy work also involved designing the Annotation Widget, a vital tool for user interaction, allowing:\n- Structuring each annotation as a key-value pair, and\n- Annotation of the entire object as well as parts of the object’s description.\n\nInformation Architecture for Annotating\n<figure><a class=\"spotlight\" href=\"/assets/img/projects/Milli/Milli (5).png\">\n <img src=\"/assets/img/projects/Milli/Milli (5).png\" alt=\"Different types of annotable selectors for metadata and data\" style=\"width: 600px;\">\n</a><figcaption>User flows for Different types of annotable selectors for metadata and data</figcaption></figure>\nDesign from Information Architecture\n\n<figure><a class=\"spotlight\" href=\"/assets/img/projects/2021-01-01-Milli/Milli1.png\">\n <img src=\"/assets/img/projects/2021-01-01-Milli/Milli1.png\" alt=\"Archival item Prototype\" style=\"width:600px;\">\n</a><figcaption>Archival item Prototype</figcaption></figure>\n<figure><a class=\"spotlight\" href=\"/assets/img/projects/2021-01-01-Milli/7c9d7f8b6d2d523cb3afd200ee2c9a52_MD5.jpg\">\n <img src=\"/assets/img/projects/2021-01-01-Milli/7c9d7f8b6d2d523cb3afd200ee2c9a52_MD5.jpg\" alt=\"Popup toolbar for annotation considering the specifications under W3C standards\" style=\"width: 300px;\">\n</a><figcaption>Popup toolbar for annotation considering the specifications under W3C standards</figcaption></figure>\nPrivate Curation\n<figure><a class=\"spotlight\" href=\"/assets/img/projects/2021-01-01-Milli/Milli3.png\">\n <img src=\"/assets/img/projects/2021-01-01-Milli/Milli3.png\" alt=\"Different types of annotable selectors for metadata and data\" style=\"width: 600px;\">\n</a><figcaption>How to access saved items and annotations</figcaption></figure>\nSearch Hits\n\nIn order to enrich the user experience, I optimized the search hits by:\n\n- Using the metadata categorization from the Archival Object page to add more context in an accordion on the results card, and\n- Indicating whether the search had hits on the annotations in the object.\n\n<figure><a class=\"spotlight\" href=\"/assets/img/projects/Milli/Milli (6).png\">\n <img src=\"/assets/img/projects/Milli/Milli (6).png\" alt=\"Different types of annot",
"canonicalUrl": "https://khattamicah.xyz/posts/2021-01-01-milli"
}