I have designed multiple wireframes for various clients and projects. All of my wireframes always include detailed specifications. I work closely with developers/engineers to assure proposed functionality is feasible. Most of my wireframes are developed in Axure and the majority of my wireframes started as a sketch (multiple sketches).
A microsite for prospective students.
For the past couple years, I've had the opportunity to facilitate various workshops and working sessions with clients, my internal team and, less frequently, with the user groups. Exercises vary depending on the purpose of the session and at what point of the process it occurred.
Website redesign project for the State of Minnesota
Challenge: Develop a television user interface for easily viewing photos and images directly from a digital camera.
Team: User Experience Architect, Interactive Designer (me), Client team of Human Factors Engineers and Interaction Designers
Competitive review of television user interfaces from major brands
Presentation of three user interface concepts
Design iteration, user flows and specification on selected concept
Remote design and back-of-camera button mapping
Visual build optimized for multiple television resolutions
Assisted client’s human factors team with usability testing on a prototype
Users: Our users were in the wild—they were in their homes with their television sets on consoles or mounted to the wall. They would be viewing their photos and videos from many feet away, sitting back on a sofa, controlling their electronics with a remote. They would also be impatient to see their memories, so viewing photos directly from the camera through a television should be the easiest path to viewing.
Concept: After reviewing existing personas, user research, and conducting our own competitive analysis, the user experience architect and I presented three distinct interface concepts and remotes to the client, proposing a simplified interface and new features to enable easier watching.
We determined that a successful television user interface could only be accomplished if the camera’s photos or videos were the centerpiece, and the choices presented to the user are obvious: to find and watch.
Finding and Watching: To enable finding and watching, we streamlined the offerings available on the TV user interface, eliminating the retouching and editing capabilities that would be infrequently (or never) used. Important secondary actions for watching, like zoom and rotate, were accommodated, but understated. Instead, we focused on an easy way to page through multiple or single images, and introduced a “play all” feature to turn all photos and videos into instant slideshows.
Remote Design: Next, we had to develop the interaction specification for remote-controlling our user interface. We determined the placement of buttons on the remote and developed an icon for our new play all feature. Then we tested the remote usability and interaction with the interface.
Application: Believe it or not, this project occurred when the iPhone was in its infancy and before the iPad existed. It was my introduction to device design beyond simple mobile sites suitable for Blackberries and Razors. Now, every time I work on a mobile or tablet site and consider finger interactions like tapping and swiping, I’m reminded of designing a remote—getting the right buttons in the right place on a palm-sized object. In a way, digital camera interfaces and television remotes have more in common with smartphones and tablets than laptops or desktops do.
Project overview was written by the User Experience Architect, Julie M. Young
Create a new website that will help people eat healthier by providing healthy recipes and a meal planning tool.
Needfinding: Observations & Interviews
Identify User Needs
Develop a Point of View
Rapid Interactive Wireframe Prototypes (using Balsamiq Mockups)
More Rapid Prototypes
High Fidelity Interactive Prototypes (using Axure)
User Evaluation Plan
User Testing (including A/B testing)
I worked on the Airborne account for over two years as Art Director involved with multiple advertisement campaigns, special event design for International CES and Sundance Film Festival, microsites and packaging.
Airborne Running of the Kids II Poster Series
This poster series was designed to compliment the Airborne Running of the Kids II TV commercial. The overall concept is when kids go back to school, parents get run down and sick, therefore, protect yourself and take Airborne. I designed and art directed the posters and logo.
The Survival Tips were part of an ad campaign I worked on with a fellow writer. The campaign included print, web, and TV. The overall concept was comical survival tips to staying healthy.
As a participant of the Steel City Codefest 2014, my team and I pitched an idea for the Salvation Army Emergency Disaster Services of Western PA Canteen App. The app is a form app that volunteers and staff will use to track services provided on a scene of an incident. The client was very happy with the prototype and asked my team to continue to work on the project. With the support of The Forbes Fund, we were able to produce the app for the client. We are currently in final testing stages of the product.
Responsible for visual design.
Winner of the 2013 Pittsburgh Steel City Codefest
RWD open data website for the City of Pittsburgh, PA
Site is currently down waiting for additional funding