Streamlining digital access for Tech hub’s services

Current stage - Design iteration 2

The recommended design convinced stakeholders to redesign the entire parent website.

Reading time: 4 min

Home

Streamlining digital access for Tech hub’s services

Current stage - Design iteration 2

The recommended design convinced stakeholders to redesign the entire parent website.

Reading time: 4 min

Home

Streamlining digital access for Tech hub’s services

Current stage - Design iteration 2

The recommended design convinced stakeholders to redesign the entire parent website.

Reading time: 4 min

Home

Streamlining digital access for Tech hub’s services

Current stage - Design iteration 2

The recommended design convinced stakeholders to redesign the entire parent website.

Reading time: 4 min

Home

Streamlining digital access for Tech hub’s services

Current stage - Design iteration 2

The recommended design convinced stakeholders to redesign the entire parent website.

Reading time: 4 min

Home

Synopsis

Problem statement

The Tech Hub provides technology services to ASU students, employees and faculty.
Currently users come at the Tech Hub office for information available on the website, resulting in inefficient usage of resources. The users are not aware of the services provided by the Tech Hub and are often interested in using those services when they learn about it from Tech Hub's physical location.

Zoom Innovation Lab is a critical service in partnership with zoom, increasing its usage is essential to maintain partnership with Zoom.

Goal

Increasing awareness of the services provided by the Tech Hub.


Major services of the Tech Hub are solving technology related queries, Zoom Innovation Lab and Podcast rooms.


Found through User survey and Contextual survey

80%

Users are unaware of the Tech Hub services

Project duration

10

Weeks

What did I do?

  • User research

  • Strategy

  • Prototype

  • Development in CMS

Critical issues discovered

The evaluation revealed insights into the Tech Hub's website, uncovering challenges in:


  • Navigation

  • Accessibility

  • Content clarity

  • User expectations

Major recommendation

The new design aims at reducing the cognitive flow and combining the information to make the user flow efficient:


  • Relocated the Menu

  • Introduced breadcrumbs

  • Refined the drop down labels

  • Created a separate reservation page

Synopsis

Problem statement

The Tech Hub provides technology services to ASU students, employees and faculty.
Currently users come at the Tech Hub office for information available on the website, resulting in inefficient usage of resources. The users are not aware of the services provided by the Tech Hub and are often interested in using those services when they learn about it from Tech Hub's physical location.

Zoom Innovation Lab is a critical service in partnership with zoom, increasing its usage is essential to maintain partnership with Zoom.

Goal

Increasing awareness of the services provided by the Tech Hub.


Major services of the Tech Hub are solving technology related queries, Zoom Innovation Lab and Podcast rooms.


Found through User survey and Contextual survey

80%

Users are unaware of the Tech Hub services

Project duration

10

Weeks

What did I do?

  • User research

  • Strategy

  • Prototype

  • Development in CMS

Critical issues discovered

The evaluation revealed insights into the Tech Hub's website, uncovering challenges in:


  • Navigation

  • Accessibility

  • Content clarity

  • User expectations

Major recommendation

The new design aims at reducing the cognitive flow and combining the information to make the user flow efficient:


  • Relocated the Menu

  • Introduced breadcrumbs

  • Refined the drop down labels

  • Created a separate reservation page

Synopsis

Synopsis

Problem statement

The Tech Hub provides technology services to ASU students, employees and faculty.
Currently users come at the Tech Hub office for information available on the website, resulting in inefficient usage of resources. The users are not aware of the services provided by the Tech Hub and are often interested in using those services when they learn about it from Tech Hub's physical location.

Zoom Innovation Lab is a critical service in partnership with zoom, increasing its usage is essential to maintain partnership with Zoom.

Goal

Increasing awareness of the services provided by the Tech Hub.


Major services of the Tech Hub are solving technology related queries, Zoom Innovation Lab and Podcast rooms.


Found through User survey and Contextual survey

80%

Users are unaware of the Tech Hub services

Project duration

10

Weeks

What did I do?

  • User research

  • Strategy

  • Prototype

  • Development in CMS

Critical issues discovered

The evaluation revealed insights into the Tech Hub's website, uncovering challenges in:


  • Navigation

  • Accessibility

  • Content clarity

  • User expectations

Major recommendation

The new design aims at reducing the cognitive flow and combining the information to make the user flow efficient:


Relocated the Menu

Introduced breadcrumbs

Refined the drop down labels

Created a separate reservation page

Problem statement

The Tech Hub provides technology services to ASU students, employees and faculty.


Found through user survey and Contextual survey 80% users are unaware of the Tech Hub services


Zoom Innovation Lab is a critical service in partnership with zoom, increasing its usage is essential to maintain partnership with Zoom.



Project duration : 10 weeks

What did I do?

  • User research

  • Strategy

  • Prototype

  • Development in CMS

Goal

Increasing awareness of the services provided by the Tech Hub, especially Zoom Innovation Lab

Synopsis

Problem statement

The Tech Hub provides technology services to ASU students, employees and faculty.
Currently users come at the Tech Hub office for information available on the website, resulting in inefficient usage of resources. The users are not aware of the services provided by the Tech Hub and are often interested in using those services when they learn about it from Tech Hub's physical location.

Zoom Innovation Lab is a critical service in partnership with zoom, increasing its usage is essential to maintain partnership with Zoom.

Goal

Increasing awareness of the services provided by the Tech Hub.


Major services of the Tech Hub are solving technology related queries, Zoom Innovation Lab and Podcast rooms.


Found through User survey and Contextual survey

80%

Users are unaware of the Tech Hub services

Project duration

10

Weeks

What did I do?

  • User research

  • Strategy

  • Prototype

  • Development in CMS

Critical issues discovered

The evaluation revealed insights into the Tech Hub's website, uncovering challenges in:


  • Navigation

  • Accessibility

  • Content clarity

  • User expectations

Major recommendation

The new design aims at reducing the cognitive flow and combining the information to make the user flow efficient:


  • Relocated the Menu

  • Introduced breadcrumbs

  • Refined the drop down labels

  • Created a separate reservation page

Synopsis

Problem statement

The Tech Hub provides technology services to ASU students, employees and faculty.
Currently users come at the Tech Hub office for information available on the website, resulting in inefficient usage of resources. The users are not aware of the services provided by the Tech Hub and are often interested in using those services when they learn about it from Tech Hub's physical location.

Zoom Innovation Lab is a critical service in partnership with zoom, increasing its usage is essential to maintain partnership with Zoom.

Goal

Increasing awareness of the services provided by the Tech Hub.


Major services of the Tech Hub are solving technology related queries, Zoom Innovation Lab and Podcast rooms.


80%

Users are unaware of the Tech Hub services

  • Found through User survey and Contextual survey

Project duration

10

Weeks

What did I do?

  • User research

  • Strategy

  • Prototype

  • Development in CMS

Critical issues discovered

The evaluation revealed insights into the Tech Hub's website, uncovering challenges in:


  • Navigation

  • Accessibility

  • Content clarity

  • User expectations

Major recommendation

The new design aims at reducing the cognitive flow and combining the information to make the user flow efficient:


  • Relocated the Menu

  • Introduced breadcrumbs

  • Refined the drop down labels

  • Created a separate reservation page

User flow for Booking a Zoom Innovation Lab

User flow for Booking a Zoom Innovation Lab

User flow for Booking a Zoom Innovation Lab

Design impact

Design impact

Design impact

Following my project presentation, I crafted targeted presentations for stakeholders, outlining my research-backed design recommendations. I detailed the rationale and potential impact of these suggestions, alongside the risks of non-implementation, ensuring a clear, informed decision-making process.


Post the stakeholder presentation the company took a decision to redesign other pages associated with the Tech Hub page. The entire website is undergoing a major information architecture redesign based on the User research and google analytics for the website.


I conducted two usability tests with 5 users before and after redesign. The following results are of 2nd usability testing, conducted post design change to validate the design changes.

Following my project presentation, I crafted targeted presentations for stakeholders, outlining my research-backed design recommendations. I detailed the rationale and potential impact of these suggestions, alongside the risks of non-implementation, ensuring a clear, informed decision-making process.


Post the stakeholder presentation the company took a decision to redesign other pages associated with the Tech Hub page. The entire website is undergoing a major information architecture redesign based on the User research and google analytics for the website.


I conducted two usability tests with 5 users before and after redesign. The following results are of 2nd usability testing, conducted post design change to validate the design changes.

100%

100%

Increase in Task completion rate

Increase in Task completion rate

60%

60%

Reduction in average task completion time

Reduction in average task completion time

66%

66%

Reduction in number of clicks needed

Reduction in number of clicks needed

Jump to design

Jump to design

Jump to design

Design impact

Following my project presentation, I crafted targeted presentations for stakeholders, outlining my research-backed design recommendations. I detailed the rationale and potential impact of these suggestions, alongside the risks of non-implementation, ensuring a clear, informed decision-making process.


Post the stakeholder presentation the company took a decision to redesign other pages associated with the Tech Hub page. The entire website is undergoing a major information architecture redesign based on the User research and google analytics for the website.


I conducted two usability tests with 5 users before and after redesign. The following results are of 2nd usability testing, conducted post design change to validate the design changes.

100%

Increase in Task completion rate

60%

Reduction in average task completion time

66%

Reduction in number of clicks needed

Jump to design

Jump to design

The Why

The Why

  • Contextual inquiry

  • Stakeholder expectations

  • Business requirement

The What

The What

  • Heuristic evaluation

  • User survey

  • Persona and User stories

  • Usability testing

The How

The How

  • Wireframes

  • High fidelity prototype

The Validation

The Validation

  • Usability testing

Methodology

Methodology

Methodology

The Why

  • Contextual inquiry

  • Stakeholder expectations

  • Business requirement

The What

  • Heuristic evaluation

  • User survey

  • Persona and User stories

  • Usability testing

The How

  • Wireframes

  • High fidelity prototype

The Validation

  • Usability testing

The Why - Problem

  1. I performed a contextual inquiry to analyze user behavior by finding answers for What does the user ask for, How do they ask for, What challenges do they face, How many know about the services, What disappoints them

  2. I presented the observation to stakeholders to understand their requirements and limitations - only certain changes can be made on the website as it is connected to other ASU pages as well

  3. Gathering business requirements - Zoom partnership is at a critical stage and it is integral to revive the partnership by increasing engagement with 3 kinds of Zoom labs

Images of Zoom Innovation Labs at ASU

The Why - Problem

The Why - Problem

  1. I performed a contextual inquiry to analyze user behavior by finding answers for What does the user ask for, How do they ask for, What challenges do they face, How many know about the services, What disappoints them

  2. I presented the observation to stakeholders to understand their requirements and limitations - only certain changes can be made on the website as it is connected to other ASU pages as well

  3. Gathering business requirements - Zoom partnership is at a critical stage and it is integral to revive the partnership by increasing engagement with 3 kinds of Zoom labs

The Why - Problem

  1. I performed a contextual inquiry to analyze user behavior by finding answers for What does the user ask for, How do they ask for, What challenges do they face, How many know about the services, What disappoints them

  2. I presented the observation to stakeholders to understand their requirements and limitations - only certain changes can be made on the website as it is connected to other ASU pages as well

  3. Gathering business requirements - Zoom partnership is at a critical stage and it is integral to revive the partnership by increasing engagement with 3 kinds of Zoom labs

Images of Zoom Innovation Labs at ASU

The What - Research

Based on the Contextual inquiry and Stakeholder expectations I created research material that helped me to understand Tech Hub's audience, their expectations and their needs.


Heuristic evaluation was done for the entire website but post initial contextual survey, the business required me to focus on the Tech Hub's page and its services.

Learn more about the process

Learn more about the process

The What - Research

The What - Research

Based on the Contextual inquiry and Stakeholder expectations I created research material that helped me to understand Tech Hub's audience, their expectations and their needs.


Heuristic evaluation was done for the entire website but post initial contextual survey, the business required me to focus on the Tech Hub's page and its services.

Learn more about the process

Learn more about the process

Learn more about the process

Learn more about the process

Learn more about the process

Learn more about the process

Learn more about the process

Critical issues and areas

Critical issues and areas

The section below delves into comprehensive usability testing, which revealed critical issues that needed immediate attention. Total 26 usability issues were found, which were categorized into 8 different areas. The areas and issues were prioritized based on the impact they would create on their business and based on the execution time of the issue's solutions.

The section below delves into comprehensive usability testing, which revealed critical issues that needed immediate attention. Total 26 usability issues were found, which were categorized into 8 different areas. The areas and issues were prioritized based on the impact they would create on their business and based on the execution time of the issue's solutions.

Navigation

  • 100% were not able to navigate back to the Tech Hub website

  • 60% looked for information on the top menu bar

  • 60% forgot their path


User expectation

  • 100% were not able to navigate back to the Tech Hub website

  • 60% looked for information on the top menu bar

  • 60% forgot their path


Accessibility

  • 40% couldn't find Tech Hub's contact

  • 60% didn't scroll down to find Tech Hub's services

  • The user looked at other areas to book the Zoom Innovation Lab

Content clarity

  • 80% didn't differentiate between types of Zoom Labs

  • 80% found the content to be lengthy




Post research, I discussed the design suggestions with the stakeholder to understand their expectations and limitations that may influence design decisions. I skillfully adapted the website design with ASU's brand guidelines and design system, I navigated constraints and iterated to align with the business objectives.

The How - Design iterations

The How - Design iterations

Post research, I discussed the design suggestions with the stakeholder to understand their expectations and limitations that may influence design decisions. I skillfully adapted the website design with ASU's brand guidelines and design system, I navigated constraints and iterated to align with the business objectives.

The Tech Hub landing page redesign

Design changes made

  • Added breadcrumbs

  • Moved accordion menu to top left

  • Changed label names

  • Added a ‘Reach Us’ button

  • Added services in form of cards

Issues addressed

  • 100% were not able to navigate back to the Tech Hub website

  • 60% looked for information on the top menu bar

  • 60% didn't scroll down to find Tech Hub's services

  • 40% couldn't find Tech Hub's contact

  • The user looked at other areas to book the Zoom Innovation Lab

The Zoom Innovation Lab page

Design changes made

  • Added an accordion menu on top left

  • Added available Studios in form of cards

  • Ability to book the studio/labs from accordion menu

  • Use case information for each studio added on top

  • Removed lengthy content and changed the information architecture to reduce steps

Issues addressed

  • 80% didn't differentiate between types of Zoom Innovation Labs

  • 80% found the content to be lengthy

  • 80% expected some system feedback while booking the lab

  • 60% were confused about the outlook pop up

Critical issues and areas

The section below delves into comprehensive usability testing, which revealed critical issues that needed immediate attention. Total 26 usability issues were found, which were categorized into 8 different areas. The areas and issues were prioritized based on the impact they would create on their business and based on the execution time of the issue's solutions.

Navigation

  • 100% were not able to navigate back to the Tech Hub website

  • 60% looked for information on the top menu bar

  • 60% forgot their path


User expectation

  • 100% were not able to navigate back to the Tech Hub website

  • 60% looked for information on the top menu bar

  • 60% forgot their path


Accessibility

  • 40% couldn't find Tech Hub's contact

  • 60% didn't scroll down to find Tech Hub's services

  • The user looked at other areas to book the Zoom Innovation Lab

Content clarity

  • 80% didn't differentiate between types of Zoom Labs

  • 80% found the content to be lengthy




The How - Design iterations

Post research, I discussed the design suggestions with the stakeholder to understand their expectations and limitations that may influence design decisions. I skillfully adapted the website design with ASU's brand guidelines and design system, I navigated constraints and iterated to align with the business objectives.

The Tech Hub landing page redesign

After

Before

Design changes made

  • Added breadcrumbs

  • Moved accordion menu to top left

  • Changed label names

  • Added a ‘Reach Us’ button

  • Added services in form of cards



Issues addressed

  • 100% were not able to navigate back to the Tech Hub website

  • 60% looked for information on the top menu bar

  • 60% didn't scroll down to find Tech Hub's services

  • 40% couldn't find Tech Hub's contact

  • The user looked at other areas to book the Zoom Innovation Lab

The Zoom Innovation Lab page

After

Before

Design changes made

  • Added an accordion menu on top left

  • Added available Studios in form of cards

  • Ability to book the studio/labs from accordion menu

  • Use case information for each studio added on top

  • Removed lengthy content and changed the information architecture to reduce steps

Issues addressed

  • 80% didn't differentiate between types of Zoom Innovation Labs

  • 80% found the content to be lengthy

  • 80% expected some system feedback while booking the lab

  • 60% were confused about the outlook pop up

Reflections and Development

Reflections and Development

Reflections and Development

Learnings

  • Forming a criteria to prioritize issues, especially in an agile environment

  • Every user takes different path to complete a task

  • Collaboration, feedback and adapting to changing goals helps achieve the target

Challenges

  • I encountered challenges due to existing constraints such as the inability to modify header names, icons, or menu labels

  • Navigating through multiple organizational layers to advocate for the necessity of a redesign posed a significant hurdle

  • Adherence to the established design system components further limited my creative flexibility

  • Convincing stakeholders of the imperative need for design modifications proved to be a complex task, requiring strategic communication and persuasive rationale

Current stage : Undergoing redesign

Post the stakeholder presentation the company took a decision to redesign other pages associated with the Tech Hub page. The entire website is undergoing a major information architecture redesign based on the User research and google analytics for the website.

LET'S CONNECT

I am everything design! I am resilient to the core.

Get in touch to find out more about how I create digital experiences to effectively reach and engage audiences.

Email: shailees0406@gmail.com

Contact: +1 (602) 576-4588

Design by

Shailee

LET'S CONNECT

I am everything design! I am resilient to the core.

Email: shailees0406@gmail.com

Contact: +1 (602) 576-4588

Design by

Shailee