I bring to bear my psychology research skills and expertise on user experience research and design. There are myriad applications for cognitive, social, and organizational psychology to the practice of user experience. Being a scientist-practitioner at heart, I seek to apply the methods and results of research to real world problems. In my UX work, I translate user research results (quantitative and qualitative) into tangible artifacts to communicate with my team, including behavior/task flow charts, use case scenarios, wireframes, mockups, interactive prototypes, and functional prototypes.

Here is a selection of my user experience work, with a bit of design. Each piece provides an overview of the piece and description of my design process. Most of these pieces are personal projects. Much of my professional UX work is proprietary and cannot be presented publicly, but I would be happy to discuss my data visualization, information architecture, and interface design work.

  • odyssey-platform/dashboard.png

    Odyssey Creation Platform

    Next generation writing and editorial platform.

  • odyssey-marketing/marketing-cover.jpg

    Odyssey Corporate Site

    Refresh of Odyssey's corporate and marketing site.

  • albums.png

    Album Covers

    I have a handful of albums in iTunes that don't have cover art and a few (namely some classical titles) that have really uninspiring artwork. I created a set of covers using typographic layouts, illustration, and found artwork or photography. It was an opportunity to experiment with a range of aesthetics and layout techniques.

  • hundred-proof.png

    Hundred Proof

    Math for the modern mixologist.

  • transpose.png

    Transpose

    Web application to make note transposing easier for musicians. UX description and mockups made in Sketch. Developed JavaScript application for proof of concept.

  • roadtrip.png

    Road Trip

    Road Trip is an interactive UI concept to visualize a trip. Interface design and interactive concept written in JavaScript using Mapbox API. Custom image gallery UI and GEOJSON data driven.

  • merge.png

    Merge

    Merge is an interactive UI concept to address the time consuming, confusing issue of merging database record duplicates. Merge offers a guided experience with plenty of feedback and opportunities for forgiveness of mistakes while completing this at times complex task. Custom CSS and Javascript prototype.

  • intake.png

    Intake

    Description of a redesign of the intake process for first office visits to counselors, doctors, dentists, and social service providers. Replace clipboard full of paper with a rich digital experience to save time, resources, and improve communication. Design writing and UI mockups made in Sketch.

  • wordcounts.png

    Campaign Wordcounts

    Based on an old blog post, I created an interactive data visualization to compare the 2016 presidential candidates on their coverage of the issues. I researched how many issues each candidate addresses on their site and how many words are devoted to each issue. Visualization built in JavaScript with aid of c3.js.

  • ux-principles.svg

    UX Principles

    I've maintained a living list of guiding principles for my UX work. The principles are a synthesis of established UX thought, applications of psychological research, and personal experience. Rather than keeping it in my head and on various white boards, I've formalized it as post on zachsteiner.com.

  • help.png

    Luther Consulting Help System

    Redesign of help system with goals of providing clearer organization and more information about help resources. User research, prototyping, and coded final pages.

  • films.png

    Film Covers

    When I digitized the experimental shorts of Maya Deren and Kenneth Anger for easier viewing, I needed cover art for iTunes. I created layouts for each cover. For the Maya Deren films, I incorporated typography and a still image from each film. For the Anger films, I highlighted the wonderful hand drawn title cards from the films.

  • luther.png

    Luther Consulting Site

    Responsive redesign of company's marketing site. Created visual style to match new product direction and hand coded, after prototyping in Sketch.