DESIGN CHALLENGE

AVIXA-Logo

Overview

User: Abby 

 

Scenario: Abby was just hired to an entry-level installation role by an AV Integration firm. Abby is new to the industry. Her HR manager told her that the organization is a member of AVIXA and that since the company is a member, she is able to take advantage of all that AVIXA offers. Abby thinks that is pretty cool but she has never heard of AVIXA and wants to visit the website to learn more about what AVIXA is/does. 


Challenge: Sketch out a design of AVIXA’s home page that will help Abby grasp what AVIXA can do for her and her career in the AV industry.

Timeframe: 48 business hours.

My Process: What I Did and Why

Preliminary research and information gathering:

  • Communicated with the stakeholders to clarify the scope of the project and define expectations.

  • Conducted desk research to learn more about the  installation role within the AV industry, including potential career paths. This helped me gain empathy and a deeper level of understanding of what Abby's needs, interests, and challenges might be. 

  • Reviewed the content on AVIXA's website to clarify what AVIXA has to offer and how it might benefit Abby.

  • Performed a heuristics evaluation and accessibility evaluation of AVIXA's home page to evaluate the current user interface and identify opportunities for improvement.  

  • Downloaded a copy of AVIXA's Brand Guidelines to identify the logo, typography, and color palette needed to maintain brand consistency with the redesign.

  • Performed a competitor analysis to see how other organizations in the AV industry designed their home page and explained their offerings.

Bridging the research and design:

  • (This step is often overlooked, but it can be helpful to allow some integration time for the mind to make connections between the left brain research and the right brain creativity.)

  • Went for a walk, had a good night's sleep, did some movement practice and meditation.

  • Imagined myself as Abby (the persona) and allowed myself to feel what she might be feeling to empathize with her experience on a more intuitive level.

  • Did a visualization practice using the metaphor of a tree to allow my unconscious mind to come up with new ways of synthesizing the information.

Design:

  • Sketched some ideas that came to me during the various integration practices.

  • Drew a low-fidelity wireframe on paper to quickly map out the hierarchy of content and basic functionality of the interface. 

 

  • Created a medium/high-fidelity wireframe in Adobe XD to present to the stakeholders for evaluation and feedback.

Next steps (if this process were to continue):

  • Iterate based on feedback from the stakeholders and product team.

  • Conduct a usability study to test the new design (wireframe) with users who fit a similar profile as Abby. 

  • Analyze the results, measure success, and communicate the findings and recommendations to the team.  

 

  • If needed, continue to iterate and test the design before handing it off to the developers.

ARTIFACTS

Ideas.jpg
Low-Fi Wireframe.jpg
Med-High Fidelity Wireframe.png