This little tool is a must-have browser extension. It exposes the tracking technologies used by websites and lets you block or allow them. Using Ghostery speeds up your browsing experience, clears the clutter from ads, and protects your online privacy.
Ghostery Browser Extension 7.0
An extensive overall of a browser extension to attract new users, simplify the setup process and functionality of the app.
The purple box is a love it or hate it feature from the extension. It is often used by professionals for competitive intelligence on marketing cloud technologies, but it can become annoying for users who didn't want it at all. I designed the box interactions so that it was minimally distracting, there if you need it, but almost disappeared if you didn't want to see it.
Hidden Complexity For Advanced Users
The extension looks pretty simple, maybe a little shocking when you visit a site with a lot of trackers. The great part is that there is a lot of hidden functionality for our power users. Clicking on tracker will show you all of the resources being called by each technology, as well as a full profile of the company. It's great info for developers and marketers who are trying to learn more, or an eye opener for the saavy consumer.
One of the key usability problems with the extension was the concept model. Users couldn't quite figure out what it was for. We went through several iterations of this page, leaning either too much to new users and not enough to existing users, or vice versa. It took several rounds of user testing to get the wording and call-to-action buttons just right. This was the final version that met the needs of both personas.
This page introduced new users to the concept of tracking technologies and types of trackers, but also allowed a user already familiar with the extension to quickly change and adjust settings. I reworked the setup process for the extension, including creating illustrations for categories, making it easier to figure out which types of technologies someone would like to block or allow.
We received a lot of great promotion for the Chrome update through Twitter, tech articles, and the extension store. Our Firefox and Android users were just as passionate. Of course, there were people upset by the change, but our team actively reached out and invited them to join our beta group and user testing to provide feedback as we iterated. It was great to work with such a highly skilled dev team and have a successful launch.
I have been playing with making a metronome, using the haptic feedback from the iWatch to keep a specific rhythm. The beats per minute would be adjusted with either the crown or pinch-zoom.
Roots of Knowledge
The Roots Of Knowledge project is a combined effort between Holdman Glass Studios and Utah Valley University. It is a stained glass wall that will include over 80,000 pieces of glass to "showcase humanity's pursuit of knowledge since the dawn of recorded time."
While taking an evening stained glass class, I was approached by the studio to help build a website for gathering the $6 million for donations to complete the project.
The donation experience is unique. I designed the experience so that it felt like you were walking along the wall, and stopping to look closer at each panel. You can select individual pieces of glass to sponsor or donate directly to the foundation. The artwork is incredible, with some fun easter eggs hidden in each panel.
The Roots of Knowledge Wall
Selecting A Piece of Glass to Sponsor
Completing The Donation
Conceptual work for a client/agency portal for Workfront. Presented at the Leap 2015 User Conference.
Marketing pages, app design, HTML/CSS, for startup company, Geomancer.
Ghostery Mobile Browser
Concepts created for the next version of the Ghostery iOS Browser. Prototype created in Invision and Lookback for unmoderated user testing. I struggled a bit with getting user to complete the user test until I gamified the test itself by giving it a personality.
Conquering Challenges with Unmoderated Mobile User Testing
My first few tests had a high bounce rate. Users would complete the first task and then close the app. It was unmoderated, so I couldn't give them verbal instructions to continue forward to the next task. I played around with the testing software and finally decided to hack my Invision prototype with a completion screen when they had completed the task or come close enough. I decided to try a little smiley face and a question for them to answer out loud.
They giggled! Each task got progressively harder, and they loved it! Their stream of comments was captured on the video and they would laugh when they completed a task, and then share the user test with their friends. I got some great and honest feedback.
Gamified user testing :)
Mormon Historic Sites iPad App
This project was a pilot to see if we could crowdsource content creation for mobile apps and Mormon historic sites. With this app you can take a self-guided tour to some of the historic sites in the area, view detailed historic images, enjoy audio and video presentations on their history and add your own photos to the gallery.
To keep costs low, this project was heavily assisted by talented and diligent volunteers from the LDSTech community. The project kicked off during the LDSTech Conference on March 28, 2012. The volunteers dedicated a three-hour session to work on concepts. After the brainstorming session, I took the ideas and created the visual treatment for the interface. I completed the app with a volunteer iOS developer and the Church History department. It was launched in the app store on July 1, 2012.
Each location in the app had a short historic background provided by the producers at the Mormon Channel (Southern Alberta, Legacy Episode 88) . The map coordinates led the visitor to a historic marker on location.
Mr. Jesse Knight
Using historic images from the Church History archives, I modified their appearance to create a stylized look for the main pages of the app.
Post-it note critique of sketches
I gathered a group of volunteers who had project management, design, and iOS development backgrounds to work through brainstorming sessions for the app. We worked through a three hour session to sketch mockups and outline "must-have" and "nice-to-have" features.
Volunteers at LDSTech Conference
Prior to the three hour working group, I gathered moodboards and styleguides, along with high level vision from the Church History Department. I set a thirty minute limit on each sketch iteration, with ten minutes of critique. We repeated the sketching until we felt that we had enough to move to higher fidelity. The project was set to be code complete and ready to submit to the app store in sixty days, so the first release needed to be a minimal viable product.
We worked through a three hour session to sketch mockups and outline "must-have" and "nice-to-have" features.
I designed app navigation icons, using inspiration from historic photos used in the app and a gourmet ketchup bottle label. The icons were modified for both retina and normal screens.
Family of Sites
The purpose of the project was to identify ways to direct visitors to the information they were looking for about The Church of Jesus Christ of Latter-day Saints. With increased traffic from Mitt Romney's presidential campaign, a temporary solution was needed to help visitors find accurate and relevant information for news outlets. I was asked to explore possible solutions to help clarify and direct visitors to the sites that could best fulfill their needs. Working closely with website owners of the most visited sites, we found a solution that could be used on all sites with the least amount of development cost and distruption to regular visitors of each site.
Library Archives Tool
The Encoded Archival Description is a tool for the Church History Department archivists to catalog metadata for archives stored within the vaults. It was created to replace an XML editor that was being hand coded by volunteers and archivists.
I met with the users and created functional specifications for the XML schema used to encode the archives. I observed people cataloging and entering the information into the XML editor. Working with subject matter experts, I created Balsamiq wireframes to establish a new workflow and screen interaction. From wireframes, I moved into higher fidelity prototypes that could be used by the development team to build the application.
For the second phase of the project, Colt Pini joined me and helped extend the application to work with the Library's digital asset management tool. We were able to create a full suite of tools to connect the pipeline from archivist, librarian, and historian for the Church History Department.
Colt Pini joined the design team and helped to extend the tool to connect the archive with the digital asset management system that then fed into the Library Catalog for historians and the public.
Joseph Smith Papers
I was the lead designer on the website for the Joseph Smith Papers Project.
The Joseph Smith Papers Project is an effort to gather together all extant Joseph Smith documents and to publish complete and accurate transcripts of those documents with both textual and contextual annotation. All of Joseph Smith’s known surviving papers, which include many of the foundational documents of The Church of Jesus Christ of Latter-day Saints, will be easily accessible in one place.
The primary focus of the site is to provide accurate transcriptions and manuscripts to scholars and historians on Joseph Smith, Mormon history, and early American documents.
User feedback indicated that the search feature was not robust enough and was causing some frustration. These are concepts for faceted navigation within the search.
Working through the data that would show at each point of the interaction, I created a storyboard of "what if" interactions I would need to later fully flush out.
Church Banking System
A large project that involved over 60 developers, I lead the design and technical writing teams. We designed a new donation system that combined domestic and international accounting processes. Prototypes consisted of over 900 screens and reports, completed in a two year period, with a team of four designers.
The Church History Department needed a common tool for viewing media assets in their catalog, josephsmithpapers.org, archive apps, and mobile apps. The tool needed to be able to handle multiple media formats from video, text, images, collections, and transcriptions.
Conceptual work for history.lds.org.
The history department of the Church of Jesus Christ of Latter-day Saints is responsible for preserving historical records and sites, and making the information available to the public.
The goal of history.lds.org was to create a friendly face for the general public that encouraged them to learn more about Mormon history, whether it was visiting a historic site, attending a lecture series, watching a documentary, or reading a first-hand account from a pioneer. The department was stretching to change itself from an academic focus to a group that could write for broader audiences.
Although hesitant in the beginning, the department was able to change its content publishing process to allow for briefer and more anecdotal accounts of history. The voice of the content stilled remained historically accurate, but it was able to focus on connecting pieces of history, rather than lists of facts and names. Designs reflected a progression towards a lighter and uplifting color palette during the transition in the department.
Iterating through this change was challenging because it wasn't simply showing nicely designed comps for approvals. It required a research phase into the consumer base to understand what demographic we needed to be reaching and what type of content they were looking for. We also needed to teach the historians, who were creating the content, about web content strategy and agile deployment. Our first release was slow, but rapidly progressed once the content team realized that the best way to improve the content and designs were to release the product and carefully tweak it based on users' feedback.