UX/UI Elements Microsoft
The goal of wireframing is to provide a visual understanding of the design early in the project to gain buy-in from stakeholders and the project team before the idea phase begins. Wireframes can also be used to create global and secondary navigation to ensure that the terminology and structure used on the site match user expectations.
I was fortunate to have multiple opportunities to work on contract projects at Microsoft in Redmond Washington. OneAuthZ was an alpha project spawned by an engineering team designed to create a product for streamlining employee and contractor authorization at Microsoft. Once authorized, an employee or contractor would immediately have (based on their security level) access to services and goods at Microsoft campuses around the globe. I’m brought in at the very beginning of the project led by the Engineering Manager and Project Director.
- ROLE
- Senior Designer
- TOOLS
- Balsamiq
- Adobe XD
- TIMELINE
- Wireframing Iterations | 4 weeks
OneAuthZ evolves
As OneAuthZ evolves so does the complexity of the wireframes I’m producing. Although the wireframe designs are more detailed, the concept being demonstrated is most often simple in nature. A process is up for confirmation and approval. Below are a set of wireframes showing an interface I’ve designed and the process of creating an Attribute Value within OneAuthZ. Notes are shown in blue to help guide the Engineering Manager and the Project Director through the concept I’m proposing.
Managing the complexity
Managing the complexity using creative solutions is the goal as the project progresses. Every component I use must be pulled from the Fabric UI component library (since renamed Fluent UI). As the product becomes more complex in its requirements, my wireframes must demonstrate user-friendly solutions as I develop them into a final UI.
Trusted by
