#responsiveuiux

[becauseofbecause]

Geofeedia was a location-based social media search tool.  A user begins by entering a location, which could be their organization’s properties, and all social media posts from selected sources will appear on the map, pinned to where the post took place.

This tool could be immensely helpful and worked simply by harvesting masses of social media posts from each of the supported social media services.  Of course, most clients don’t want to see all posts but want to be immediately alerted in special cases.

When dealing with a data-heavy service, users must have simple and accessible ways to find the information they want, as fast as possible, but also to automate the process of broadcasting notifications to others within the organization.

[becauseofbecause]

Fathom Voice is a small local VoIP service provider, with software designed to provide next-level analytics on a large number of calls that a client may receive.  We wanted to create a tool that would allow many methods of data retrieval.  

As you can see in the first screen, we’re able to search by date and caller, for example, and then further sort and filter the user’s calls, while seeing a waveform representation of the call.  This may look like an aesthetic choice, but the waveforms are a powerful tool to skip quiet times in the conversation.

Below is a report generator that allows easy selection of filtering criteria to create and save a template for future log exports.  The bright colors, light palette and gentle animation effects on the UI should make the user happier and more comfortable while executing a task that could have otherwise felt arduous.

[becauseofbecause]

DirectEmployers offers a data-based service, where much of the data is gathered and retrieved via forms.  Often times it seems simple to include the form elements and some basic formatting, but the result can make an operation look disorganized.  I recreated some of these report generating forms, fine-tuning the inputs, while maintaining a consistent format.

[becauseofbecause]

Indigo Biosystems has created a software product that can convert the output from a liquid chromatography–mass spectrometry machine, into usable patient results in 1/10th of the time needed by other current methods.

While Indigo’s software was undoubtedly impressive, their user interface needed to convey a lot of information simply.  While the results would be reviewed by a medical professional, they would first be reviewed by an assistant who needs to be able to visually parse the information very quickly.

I’ve shared screen conversions from three parts of the process.  At the top we see the page with all results, sorted to show the most recent and their current status.  Filtering tools are also available for large organizations processing thousands of samples each day, so the assistant can easily find the results when needed.

Shown next is the configuration screen for user access controls, as well as the initial setup of a batch to be tested.  Much time was spent working with stakeholders to better understand the technical requirements needed to be conveyed in output fields, as well as what needed to be gathered from input fields.

The finished result is a simple UI on very complex software, making it much faster and easier to receive and review patient results.

[becauseofbecause]

When Lids Sports Group started the Locker Room division, I was tasked to create designs for various brands, and teams.   This method would allow us to use a modular design system to get new sites up and running very quickly, while still catering to the unique design and branding needs of our clients.  

This is a small selection of those designs, showcasing the home page, as well as a product detail page, below.