• UX & UI Design
  • Digital Curation
  • CDA(R)U
  • Art portfolio
Menu

Mia Jaeggli

Digital curator, UX/UI designer, & mixed media artist
  • UX & UI Design
  • Digital Curation
  • CDA(R)U
  • Art portfolio

Heelix

Heelix was Finch’s first proof-of-concept in news and social media analysis using Qbase proprietary technology in metadata extraction and analysis.

The application earned Finch Garnter’s recognition as “Cool Vendor” in Content and Social Analytics.

My challenge with Heelix was to create an intelligence tool that was far more than a traditional news feed. Finch and its customer base were looking for a global analytics tool on active trends and emerging relationships from extracted and enriched metadata.

As a browser-based application, Heelix needed to transcend the usual website interactions for screen-to-screen movement. I drew inspiration from the 2015 Spotify web UI and explored the use of drawers that facilitated serendipitous searching and tangential thinking while tracking the user’s thread of actions. Closing the drawers lead the user back to their starting point.

The screens depict static points in the application’s discovery process. The prototype was created using the UX design application Sketch.

© 2015 Synthos Technologies

 Heelix second iteration design. This view is the starting point for exploring an entity, their trends, and their relationships.

Heelix second iteration design. This view is the starting point for exploring an entity, their trends, and their relationships.

 Search explorer. A keyword search returns related results and enriched information about the chosen entity.

Search explorer. A keyword search returns related results and enriched information about the chosen entity.

Search entity overview.png
Entity news page.png
Entity Collection cards.png
Entity tree page.png
Connections tab radial.png
trend explorer hlines.png
trend explorer SEC tooltip.png

SemCat

SemCat was Qbase & Finchs’ QA tool for a Knowledge Base of entities extracted and disambiguated. I designed the application to help evaluators easily flow from entry to entry or document to document. In-line tools facilitated top to bottom workflows, instead of jumping around the screen to complete an action.

Additional tools provided tracking and insight into users’ output.

The screens depict static points in the application’s discovery process. The prototype was created using the UX design application Sketch.

© 2015 Synthos Technologies

 UI for quality assessment of disambiguated entity.

UI for quality assessment of disambiguated entity.

 Site map for moving through the SemCat application.

Site map for moving through the SemCat application.

 Taskflow map for searching the Knowledge Base for the correct disambiguation of a surfaced entity.

Taskflow map for searching the Knowledge Base for the correct disambiguation of a surfaced entity.

 UI for quality assessment of entity extractions.

UI for quality assessment of entity extractions.

 Pull out drawer for the Knowledge Base search. The drawer continued to expand as the user continued to interact with the tool. This mechanism kept the user anchored in their current task instead of separate screens and the use of browser back button

Pull out drawer for the Knowledge Base search. The drawer continued to expand as the user continued to interact with the tool. This mechanism kept the user anchored in their current task instead of separate screens and the use of browser back buttons.

 Search result from the Knowledge Base search. Selecting the result would take the user to that entity for QA.

Search result from the Knowledge Base search. Selecting the result would take the user to that entity for QA.

 UI dark view option.

UI dark view option.

 QA tracking table and filter menu.

QA tracking table and filter menu.

Previous activity.png
 User’s landing dashboard with entry points to different tasks.

User’s landing dashboard with entry points to different tasks.

Concipio/Finch for Text

Concipio began as Finch for Text before being rebranded. The application provided a simple interface for users to upload documents and extract disambiguated metadata for content analysis. The application showcased the underlying technology Synthos and Qbase used to create enriched metadata through entity extraction and disambiguation.

Unlike TroVerse, Heelix, and SemCat, the Concipio user interface needed to be simple and clean with a small set of focused tools. These included a map visualization of extracted geospatial metadata, the document and its extracted entities, surfaced relationships between entities, and the results in JSON.

I designed Concipio to provide a seamless workflow, allowing users to analyze different data permutations by clicking from tab to tab. My objective was to get users to their desired goal in two or fewer clicks.

The user authentication was another key interaction that needed to provide a friendly and intuitive experience in what is usually a point of frustration.

Although the interface is relatively simple, it underwent rapid design iterations as the startup pivoted in both product and client focus. Like all Sythos applications, Concipio adhered to a set of visual and style guidelines developed by the marketing and graphic design teams.

The prototype was created using the UX design application Sketch.

© 2015 Synthos Technologies

 Early iteration of Finch for Text/Concipio prior to rebranding.

Early iteration of Finch for Text/Concipio prior to rebranding.

finch-text-map-view.png
 Bootstrapped UI prototype of disambiguation results in Concipio.

Bootstrapped UI prototype of disambiguation results in Concipio.

concipio-extracted-entities-list.png
concipio-extracted-entities-view.png
 Concipio rebrand.

Concipio rebrand.

finch-text-authentication.png
finch-text-terms.png

blancthought

blancthought was created for an emerging writer in need of a public face for his career and a place for self-publishing short works. Built on WordPress, the project involved customization of the blog feeds, including a special PHP page template.

The design and layout concept focuses on written content. Considerations included the attention span of readers, eye tracking and skimming, eye fatigue, and readability. The site's look is subdued to support the content, not overwhelm it.

© 2014 Mia Jaeggli

blancthought_home.png

Washington Inn, 2014

This project was a conceptual redesign of the Washington Inn Hotel website. The prototype was created using Fireworks and was fully interactive, simulating navigation and form behaviors. The final prototype was coded using HTML5 and CSS3

I redesigned the logo for this site.

washInnHome800px.jpg
onTheTown800px.jpg
reservations800px.jpg

Environmental Design Archives Digital Exhibitions

In 2009, I approached the head of the Environmental Design Archive and offered to research, design, and implement an online website for publishing digitized exhibitions. My goals were to preserve the storytelling experience of temporal physical exhibitions and explore which content management systems (CMS) could meet archival digital needs. The CMS I finally chose was Omeka.

After the successful implementation of the website, I took it on a road trip, presenting on the project itself and Omeka.

© 2009 Environmental Design Archive, University of California Berkeley

EDA homepage with rotating images
EDA homepage with rotating images
Fatal Design
Fatal Design

Physical exhibition digitized and published using Omeka.

phys_exhibit2.jpg

Vector illustrations

wireframeBella.jpg
bella.jpg
planeFront3200px.jpg
prev / next
Back to UX & UI Design Portfolio
Document results modal.png
0
TroVerse
Login box specs.png
0
Authentication & Branding
crewfinder-app.png
0
Crewfinder
 Heelix second iteration design. This view is the starting point for exploring an entity, their trends, and their relationships.
9
Heelix
 UI for quality assessment of disambiguated entity.
10
SemCat
 Early iteration of Finch for Text/Concipio prior to rebranding.
8
Concipio/Finch for Text
Page 1_r4_c2_s8.png
0
Otto
1
blancthought
review timesheet complete.png
0
Timesheet
3
Washington Inn
eda_page1.jpg
3
EDA gallery
Screen Shot 2021-04-20 at 2.27.44 PM.png
0
TimelineJS
3
Vector illustrations
cherry sunday.png
0
Midjourney Ice Cream

Copyright Mia Jaeggli 2022