15 + years as a UX architect and designer: creating user-friendly, modern web, award winning experiences.

 

RESEARCH + Discovery

I excel at research and discovery tasks, particularly competitive and comparative analysis.

ARCHITECTURE + FLOW

I audit, organize and streamline content to ensure findability, accessibility and a transparent experience.

WIREFRAMES

I love wireframing. Even more so now that I have to think in at least 6 different viewports at once, for starters.

PROTOTYPE

I collaborate with front-end developers or use interactive wireframe tools to vet concepts and better demonstrate the interactive experience across different screen sizes.

Let's get this project started.

Research and discovery is my opportunity to get up close and personal with an existing website or app; to pop the hood and kick the tires. It's due diligence that, while not sexy, builds a solid foundation for the goals, objectives, and recommendations moving forward. Below are just a few of the tasks I perform during the R&D period of any project.

audit1.jpg

Audits 

An audit of the existing experience helps me gain first-hand knowledge of the depth and breadth of content and functionality. This inside perspective into the current status allows me to give educated, informed recommendations. I also audit best-in-class examples for additional perspective.

interview3.jpg

Stakeholder Interviews

Interviewing key stakeholders gives me a better understanding of the thoughts and expectations each individual has regarding the project goals and objectives. Understanding both the business and audience goals is critical to UX and design recommendations.

comp4.png

Competitive/Comparative Analysis

I perform thorough competitive and comparative analysis to objectively rate and review how the current competition addresses areas identified for improvement or implementation. It's important to understand how the competition is both succeeding and failing so new and unique opportunities can be identified and recommended. I deliver the analysis in a quick-scan, easy-to-digest format familiar to clients and team members alike.

profile1.jpg

Audience Research/User Profile Development

I develop user profiles to represent the target audience and users of a website or experience. Profiles become near family to me during the span of project; individuals with personalities, habits and tendencies that remind me daily who the experience is for.

 

Additional research + discovery tasks I perform:

  • User Story Brainstorm/Workshops
  • Secondary Research
  • Task Analysis
  • Analytics/Data Analysis
  • Documentation Review
  • Best Practice(s) POV
     

Laying a solid foundation.

Often people think the initial deliverable I create for any project are the wireframes. This would be the equivalent to designing and building the airplane while flying it. The first thing I tackle is the site/app architecture and required flows. This gives the entire team a complete view of the proposed depth and breadth of the experience, sequence, content, and interactive requirements. 

 

Task + Sequence Flows

I design task or sequence flows based on the scenarios I identify during research and discovery. I've designed a huge variety of scenarios–from conventional sign-in processes and account-based activities to global shopping cart and check-out processes. Each task flow requires creating a seamless, transparent (and secure) user experience while balancing business and technical requirements that are often anything but.

 

Site Architecture

Most of my projects require me to create a new site architecture from the ground up, as well as a corresponding site map. The site architecture I design reflects my recommendations of how new site or app content and functionality should be categorized and organized. This helps my team, and the client, see and understand where and how new and existing content and functionality should be identified and grouped moving forward.  

 

Shades of black and white.

I love to wireframe. I love spontaneously hashing out a complicated page or task on a whiteboard or a quick sketch. I love solving the challenges of marrying together content and functionality with user goals. Of finding the perfect relationship and pecking order among elements on the screen, across multiple screen sizes. Of thinking through each state or variable. And I love to give my designers the highest fidelity possible so they can focus on executing brilliant design work. 

 

I always start with a sketch

There's something about the connection between a pen, paper and the brain that just can't be replaced.  Sketching is the easiest and quickest way I know to capture ideas and generate solutions before transitioning to more formalized wireframes. 

 

Pick an Output

Depending on the nature of the project, I use one of many options when it comes to wireframe output. Sometimes a static, annotated approach is necessary to help my clients speak to the concepts on their own. More frequently though, I design in browser, using programs like UXPin or Proto.io, and/or transfer my sketches into an online prototyping tool like MarvelApp to build clickable wireframe scenarios. With modern web, not only is it important to ensure continuity across breakpoints, but to get everyone involved into the final medium as soon as possible. 

Below are just few examples of wireframes I've created.  However, I don't consider every aspect of my wireframes as gospel. Constantly inspired, I welcome ideas and thoughts team members bring to the table that take the experience to the next level. 

  E-commerce Product Display

E-commerce Product Display

 
     E-commerce Category Page

 

E-commerce Category Page

 
  Content IA breakpoint comparison

Content IA breakpoint comparison

 
     App Design

 

App Design

 
  Account Management desktop and mobile comparisons

Account Management desktop and mobile comparisons

It's worth a thousand comps.

With the advent of PAR (Progressive Adaptive Responsive) design solutions, static wireframes are useful in initial design stages but fail to communicate motion and movement which are integral to the user experience of websites and apps. To vet page IA in context of device, a pattern, and/or demonstrate an experience, I use a variety of tools to design clickable, interactive wireframes. When necessary, I work collaboratively with my dev team to prototype complex features and functionality. 

 

 
 
url.jpg
sketch-logo-light@2x.png
 
 
invision-logo-gray_300.png