WIREFRAMES TO PIXEL PERFECT

 

Position: UX Designer, Product Manager

Company: Robert Half, Magnet Theater, ImageAlt, 

Projects: Robert Half Intranet Landing Pages, Numerous 

Technologies: InVision, Photoshop, Paper Prototypes, Axure , Balsamic 


When do I create a wireframe, paper prototype, or high fidelity mock-up? 


It depends on: 

- Project Size

- Content Type 

- End Users & Shareholders

- The Next Department to Use it

My end goal is to reach the desired outcome. Finding a vision we can all agree on early makes such a difference. I like to take my paper wireframe elements and cut out the individual sections. This way the I can instantly move the items around, in person, or with a digital whiteboard with the client. 

 
 

This photo is what was used to create the first iteration of an intake form. I jotted down requirements from legal, management, users, developers, content creators, and my UX team. Then I printed them out, grouped them by category, refined verbiage, and built a wire frame. Everything was approved by email and sent to the developers. After our third and final meeting, I took my findings and wrote best practices for forms. 


Versions of this process have been used for content involving: apps, video, photos, and text throughout my career. Since wire frames do not account for technical implications, it is always important to communicate why items are placed where they are. Getting it right the first time saves time and money as well as providing the team confidence in moving forward with the project.

 

©2020 by Shawn Amaro