Using the S.M.A.R.T process: Specific, Measurable, Attainable, Realistic, and Timely during the UX phase of a project, I use the following principle's, and processes below. I have also included several examples of UX diagrams using this site as an example.
Challenge: Due to a monthly feature rich release cycle inside Learning A-Z, our teacher pages outgrew the original layout and became very complex for the average teachers trying to quickly assign material for their students.
Solution: I wireframed, and conducted user testing to determine the minimum features for 85% of the user base, and hid complex features for advanced users behind a collapsable accordion menu throughout the teacher interface on all of our product sites; which, created a clean and simple interface.
Challenge: The original Writing A-Z product site had a yellow color for its main theme which wasn't an accessible color.
Solution: I conducted color theory, and accessible contrast research to come up with the new orange color for the redesigned Writing A-Z site.
Challenge: The Kurzweil 3000 application interface utilized 30% of the vertical screen real estate for menu's and tools.
Solution: I conducted user studies with students and teachers to find out what core features to organize into categories. The Results were: Read, Write, and Scan tabs placed in a ribbon menu for each step of the writing process.
Place users in control of the interface.
Make it comfortable to interact with a product.
Reduce the users cognitive load.
Make the user interfaces consistent.
Below are some examples of the UX diagram charts examples for this site.
Example UX Storyboad, Flow chart, and Wireframes of the Learning A-Z Product purchase process for school districts and teachers.
The charts below provide the current purchase structure for Learning A-Z, along with a newly proposed flow diagram, and process.
With our Next Gen products, we wanted to set the new standard for our company moving forward. To ensure valuable work wasn't lost, I put together high-level wireframes to show what our new patterns and templates look like. This helped give the team a shared understanding of what we meant when we talked about certain pages like the Homepage, Dashboard, Lessons page, or the Assign page.
Below was the process for creating the lesson plan pages for Foundation A-Z. I began with a low-level wireframe for layout and placement, followed by a detailed mockup with the approved content and finalizing the interactive elements. Lastly I created the high fidelity pixel perfect design which was handed off to development.
